@maggioli-design-system/magma 1.0.0-beta → 1.0.1

package/dist/magma-components/p-6617f185.entry.js

@@ -0,0 +1 @@
+import{r as n,h as t,H as e,g as o}from"./p-eab621a7.js";const i={action:{tag:"span",selector:{default:"text-title-action",title:"text-title-action"}},caption:{tag:"span",selector:{default:"text-info-caption",info:"text-info-caption",read:"text-read-caption"}},detail:{tag:"p",selector:{default:"text-info-detail",info:"text-info-detail",read:"text-read-detail"}},h1:{tag:"h1",selector:{default:"text-title-h1",title:"text-title-h1"}},h2:{tag:"h2",selector:{default:"text-title-h2",title:"text-title-h2"}},h3:{tag:"h3",selector:{default:"text-title-h3",title:"text-title-h3"}},h4:{tag:"h4",selector:{default:"text-title-h4",title:"text-title-h4"}},h5:{tag:"h5",selector:{default:"text-title-h5",title:"text-title-h5"}},h6:{tag:"h6",selector:{default:"text-title-h6",title:"text-title-h6"}},hack:{tag:"code",selector:{default:"text-code-hack",mono:"text-code-hack"}},label:{tag:"label",selector:{default:"text-info-label",info:"text-info-label"}},option:{tag:"label",selector:{default:"text-info-option",info:"text-info-option"}},paragraph:{tag:"p",selector:{default:"text-info-paragraph",secondary:"text-secondary-paragraph",info:"text-info-paragraph",read:"text-read-paragraph"}},snippet:{tag:"code",selector:{default:"text-code-snippet",mono:"text-code-snippet"}},tip:{tag:"div",selector:{default:"text-info-tip",info:"text-info-tip"}}},a=2147483647,s=n=>16807*n%a,r=n=>s(n)/a,h=((n=1)=>{let t=n<1?1:n;const e=()=>(t=s(t),t);return{random:()=>e(),randomFloat:()=>r(e()),range:(n,t)=>{const o=n-.4999;return Math.round(o+(t+.4999-o)*r(e()))},rangeFloat:(n,t)=>n+(t-n)*r(e())}})(),l=()=>{};class m{constructor(n){this.start=()=>{const{frameOffset:n,charOffset:t,str:e,speed:o}=this,i=(a=n,s=t,n=>(n=>n.split("").map((n=>n.charCodeAt(0))))(n).map(((n,t)=>()=>(n+h.range(0,t))*(2*(Math.round(Math.random())-.5)))(a,s)))(e);var a,s;this.stop(),this.rafId=requestAnimationFrame((()=>{this.step(i,o,o)}))},Object.assign(this,Object.assign(Object.assign({},m.defaults),n))}stop(){cancelAnimationFrame(this.rafId)}step(n,t,e){const{str:o,charStep:i,minCharCode:a,maxCharCode:s,placeholderChar:r,onProgress:h,onComplete:l}=this,m=n.slice(0,t).map((n=>n>0?n-1:n<0?n+1:0)),g=(({str:n,minCharCode:t,maxCharCode:e,placeholderChar:o,charStep:i})=>a=>a.reduce(((a,s,r)=>{return 0!==s?Math.abs(s)>i?a+o:a+String.fromCharCode((h=t,l=e,n=>n>l?h+(n-l):n<h?l+(n-h):n)(n.charCodeAt(r)+s)):a+n.charAt(r);var h,l}),""))({str:o,minCharCode:a,maxCharCode:s,placeholderChar:r,charStep:i})(m),p=[...m,...n.slice(t)];h(g),g!==o?this.rafId=requestAnimationFrame((()=>{this.step(p,t+e,e)})):l(g)}}m.defaults={str:"",speed:2,placeholderChar:"_",frameOffset:30,charOffset:20,charStep:10,minCharCode:32,maxCharCode:122,onProgress:l,onComplete:l};const g=class{constructor(t){n(this,t),this.cssTextAnimationSpeed=2,this.cssTextAnimationPlaceholderChar=" ",this.randomTextOptions={speed:this.cssTextAnimationSpeed,placeholderChar:this.cssTextAnimationPlaceholderChar,frameOffset:10,charOffset:20,charStep:15},this.animateText=n=>{var t;const e=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".text");this.randomTextOptions.speed=this.cssTextAnimationSpeed,this.randomTextOptions.placeholderChar=this.cssTextAnimationPlaceholderChar,console.info("animateText",this.cssTextAnimationPlaceholderChar),this.randomText=new m(Object.assign({str:n,onProgress:n=>{e.innerHTML=n}},this.randomTextOptions)),this.randomText.start()},this.updateCSSCustomProps=()=>{if("undefined"==typeof window)return;const n=window.getComputedStyle(this.host);this.cssTextAnimationSpeed=Number(n.getPropertyValue("--mds-text-animation-speed"));const t=n.getPropertyValue("--mds-text-animation-placeholder-char");this.cssTextAnimationPlaceholderChar='" "'!==t&&"' '"!==t?t:" "},this.animation="none",this.tag=void 0,this.text=void 0,this.truncate=void 0,this.typography="detail",this.variant=void 0}componentWillRender(){var n;const{tag:t}=i[this.typography];this.tag=null!==(n=this.tag)&&void 0!==n?n:t}componentDidLoad(){this.updateCSSCustomProps()}textHandler(n){"none"!==this.animation&&(this.randomText&&this.randomText.stop(),n&&this.animateText(n))}render(){return t(e,{key:"1f42572d1faca24c60e7f351addd83674d070695"},t(this.tag,{key:"1f1e7663e9181704fce34dd04b89d30924295d98",class:"text"},this.text?this.text:t("slot",null)))}get host(){return o(this)}static get watchers(){return{text:["textHandler"]}}};g.style='\n@tailwind utilities;\n\n/**\n * @prop --mds-text-animation-placeholder-char: Sets the animation placeholder char of the text when `animation` attribute is set to `yugop`\n * @prop --mds-text-animation-speed: Sets the animation speed of the text when `animation` attribute is set to `yugop`\n * @prop --mds-text-line-clamp: Sets the max number of visible lines before the text overflows with ellipsis. It works only if attribute `truncate=\'all\' is set`. **WARNING:** this is supported only by Chrome, Safare and Firefox with native browser prefixes.\n * @prop --mds-text-selection-background: Sets the background-color of the text when the text is selected\n * @prop --mds-text-selection-color: Sets the color of the text when the text is selected\n */\n\n:host {\n\n  --mds-text-selection-background: rgb(var(--label-sky-09));\n  --mds-text-selection-color: rgb(var(--label-sky-01));\n  --mds-text-line-clamp: 3;\n  --mds-text-animation-speed: 0.5;\n  --mds-text-animation-placeholder-char: " ";\n\n  display: -ms-flexbox;\n\n  display: flex;\n  min-width: 0;\n}\n\n.text::-moz-selection {\n  background-color: var(--mds-text-selection-background);\n  color: var(--mds-text-selection-color);\n}\n\n.text::selection {\n  background-color: var(--mds-text-selection-background);\n  color: var(--mds-text-selection-color);\n}\n\n.text {\n  cursor: inherit;\n  display: inherit;\n}\n\n:host( [typography="snippet"] ){\n\n  min-height: 1.5rem;\n\n  font-family: \'Roboto Mono\', \'Courier New\', monospace;\n\n  font-size: 1rem;\n\n  line-height: 1.5rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="hack"] ){\n\n  min-height: 1.25rem;\n\n  font-family: \'Roboto Mono\', \'Courier New\', monospace;\n\n  font-size: 0.875rem;\n\n  line-height: 1.25rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="h1"] ){\n\n  min-height: 3rem;\n\n  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 3rem;\n\n  line-height: 3rem;\n\n  letter-spacing: -0.025em;\n\n  font-weight: 900;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="h2"] ){\n\n  min-height: 2.5rem;\n\n  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 2.25rem;\n\n  line-height: 2.5rem;\n\n  letter-spacing: -0.025em;\n\n  font-weight: 900;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="h3"] ){\n\n  min-height: 2.25rem;\n\n  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 1.875rem;\n\n  line-height: 2.25rem;\n\n  letter-spacing: -0.025em;\n\n  font-weight: 900;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="h4"] ){\n\n  min-height: 2rem;\n\n  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 1.5rem;\n\n  line-height: 2rem;\n\n  letter-spacing: -0.025em;\n\n  font-weight: 700;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="h5"] ){\n\n  min-height: 1.75rem;\n\n  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 1.25rem;\n\n  line-height: 1.75rem;\n\n  letter-spacing: -0.025em;\n\n  font-weight: 700;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="h6"] ){\n\n  min-height: 1.5rem;\n\n  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 1rem;\n\n  line-height: 1.5rem;\n\n  letter-spacing: -0.025em;\n\n  font-weight: 700;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="h1"] ),\n:host( [typography="h2"] ),\n:host( [typography="h3"] ),\n:host( [typography="h4"] ),\n:host( [typography="h5"] ),\n:host( [typography="h6"] ) {\n  text-wrap: balance;\n}\n\n:host( [typography="action"] ){\n\n  min-height: 1.5rem;\n\n  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 0.875rem;\n\n  line-height: 1.5rem;\n\n  font-weight: 500;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="paragraph"] ){\n\n  min-height: 2rem;\n\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 1.25rem;\n\n  line-height: 2rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="detail"] ){\n\n  min-height: 1.5rem;\n\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 1rem;\n\n  line-height: 1.5rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="caption"] ){\n\n  min-height: 1.25rem;\n\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 0.875rem;\n\n  line-height: 1.25rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="paragraph"] ),\n:host( [typography="detail"] ),\n:host( [typography="caption"] ) {\n  text-wrap: pretty;\n}\n\n:host( [typography="label"] ){\n\n  min-height: 1rem;\n\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 0.75rem;\n\n  line-height: 1rem;\n\n  font-weight: 700;\n\n  text-transform: uppercase;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="tip"] ){\n\n  min-height: 1rem;\n\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 0.75rem;\n\n  line-height: 1rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="option"] ){\n\n  min-height: 0.625rem;\n\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 0.625rem;\n\n  line-height: 0.625rem;\n\n  letter-spacing: -0.025em;\n\n  font-weight: 700;\n\n  text-transform: uppercase;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="paragraph"][variant="read"] ){\n\n  min-height: 2rem;\n\n  font-family: \'Merriweather\', Times, \'Times New Roman\', serif;\n\n  font-size: 1.25rem;\n\n  line-height: 2rem;\n\n  font-weight: 300;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="detail"][variant="read"] ){\n\n  min-height: 1.5rem;\n\n  font-family: \'Merriweather\', Times, \'Times New Roman\', serif;\n\n  font-size: 1rem;\n\n  line-height: 1.5rem;\n\n  font-weight: 300;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="caption"][variant="read"] ){\n\n  min-height: 1.25rem;\n\n  font-family: \'Merriweather\', Times, \'Times New Roman\', serif;\n\n  font-size: 0.875rem;\n\n  line-height: 1.25rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [tag="article"] ),\n:host( [tag="blockquote"] ),\n:host( [tag="dd"] ),\n:host( [tag="details"] ),\n:host( [tag="div"] ),\n:host( [tag="dl"] ),\n:host( [tag="dt"] ),\n:host( [tag="figcaption"] ),\n:host( [tag="h1"] ),\n:host( [tag="h2"] ),\n:host( [tag="h3"] ),\n:host( [tag="h4"] ),\n:host( [tag="h5"] ),\n:host( [tag="h6"] ),\n:host( [tag="label"] ),\n:host( [tag="legend"] ),\n:host( [tag="li"] ),\n:host( [tag="ol"] ),\n:host( [tag="p"] ),\n:host( [tag="pre"] ),\n:host( [tag="summary"] ),\n:host( [tag="ul"] ) {\n  display: block;\n}\n\n:host( [tag="abbr"] ),\n:host( [tag="address"] ),\n:host( [tag="b"] ),\n:host( [tag="bdo"] ),\n:host( [tag="cite"] ),\n:host( [tag="code"] ),\n:host( [tag="del"] ),\n:host( [tag="dfn"] ),\n:host( [tag="em"] ),\n:host( [tag="i"] ),\n:host( [tag="ins"] ),\n:host( [tag="kbd"] ),\n:host( [tag="mark"] ),\n:host( [tag="q"] ),\n:host( [tag="rb"] ),\n:host( [tag="rt"] ),\n:host( [tag="ruby"] ),\n:host( [tag="s"] ),\n:host( [tag="samp"] ),\n:host( [tag="small"] ),\n:host( [tag="span"] ),\n:host( [tag="strong"] ),\n:host( [tag="sub"] ),\n:host( [tag="sup"] ),\n:host( [tag="time"] ),\n:host( [tag="u"] ),\n:host( [tag="var"] ) {\n  display: inline;\n}\n\n:host( [tag="code"] ){\n\n  border-radius: 0.25rem;\n\n  padding-left: 0.25rem;\n\n  padding-right: 0.25rem;\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: rgb(var(--tone-neutral-09));\n  color: rgb(var(--tone-neutral-03));\n  -webkit-transition-property: color, background-color;\n  transition-property: color, background-color;\n}\n\n:host( [truncate] ) .text {\n  display: block;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n:host( [truncate="word"] ) .text {\n  white-space: nowrap;\n}\n\n@supports (line-clamp: 1) {\n  :host( [truncate="all"] ) .text {\n    line-clamp: var(--mds-text-line-clamp, 1);\n  }\n}\n\n@supports (display: -webkit-box) {\n  :host( [truncate="all"] ) .text {\n    -webkit-box-orient: vertical;\n\n    /* stylelint-disable-next-line value-no-vendor-prefix */\n    display: -webkit-box;\n    -webkit-line-clamp: var(--mds-text-line-clamp, 1);\n  }\n}\n\nabbr,\naddress,\narticle,\nb,\nbdo,\nblockquote,\ncite,\ncode,\ndd,\ndel,\ndetails,\ndfn,\ndiv,\ndl,\ndt,\nem,\nfigcaption,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\ni,\nins,\nkbd,\nlabel,\nlegend,\nli,\nmark,\nol,\np,\npre,\nq,\nrb,\nrt,\nruby,\ns,\nsamp,\nsmall,\nspan,\nstrong,\nsub,\nsummary,\nsup,\ntime,\nu,\nul,\nvar,\nwbr {\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  line-height: inherit;\n  margin: 0;\n  overflow: inherit;\n  text-overflow: inherit;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n';export{g as mds_text}

package/dist/magma-components/p-665f05ca.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-c94628eb.system.js"],(function(n){"use strict";var t,i,a,e,r;return{setters:[function(n){t=n.r;i=n.c;a=n.h;e=n.H;r=n.g}],execute:function(){var o="@-webkit-keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n\n@keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n\n@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-input-range-thumb-size: Sets the thumb width and height of the component\n * @prop --mds-input-range-thumb-background:\n * @prop --mds-input-range-track-background:\n * @prop --mds-input-range-track-size:\n * @prop --mds-input-range-track-progress-background:\n */\n\n:host {\n\n  --mds-input-range-thumb-size: 1rem;\n  --mds-input-range-thumb-background: rgb(var(--variant-primary-04));\n  --mds-input-range-thumb-shadow: 0 0 0 2px rgb(var(--tone-neutral));\n  --mds-input-range-track-background: rgb(var(--tone-neutral-09));\n  --mds-input-range-track-size: 0.5rem;\n  --mds-input-range-track-progress-background: rgb(var(--variant-primary-03));\n  gap: 0.25rem;\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n\n  display: grid;\n  -webkit-transition-property: color;\n  transition-property: color;\n}\n\n.header {\n  gap: 0.5rem;\n\n  display: -ms-flexbox;\n\n  display: flex;\n}\n\n.label {\n  min-width: 0rem;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.value {\n  margin-left: auto;\n}\n\n.range {\n  -ms-flex-align: center;\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-input-range-thumb-size);\n  position: relative;\n}\n\n.track {\n  width: 100%;\n\n  --margin: calc(var(--mds-input-range-track-size) / 2);\n\n  -webkit-box-sizing: border-box;\n\n  box-sizing: border-box;\n  padding: 0 var(--margin);\n  position: absolute;\n}\n\n.field {\n    -webkit-animation-duration: var(--magma-outline-animation-duration, 1s);\n    animation-duration: var(--magma-outline-animation-duration, 1s);\n    -webkit-animation-fill-mode: forwards;\n    animation-fill-mode: forwards;\n    -webkit-animation-iteration-count: infinite;\n    animation-iteration-count: infinite;\n    -webkit-animation-name: focus-bounce;\n    animation-name: focus-bounce;\n    -webkit-animation-play-state: paused;\n    animation-play-state: paused;\n    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    outline: var(--magma-outline-blur);\n    -webkit-transition-duration: 200ms;\n    transition-duration: 200ms;\n    -webkit-transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;\n    -webkit-transition-timing-function: ease-in-out;\n    transition-timing-function: ease-in-out;\n  }\n\n.field:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n.field {\n  z-index: 20;\n  height: 1rem;\n\n  -webkit-appearance: none;\n\n     -moz-appearance: none;\n\n          appearance: none;\n  background-color: transparent;\n  border-radius: 1000px;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  margin: 0;\n}\n\n.field:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n.field::-webkit-slider-thumb {\n  -webkit-appearance: none;\n          appearance: none;\n  background-color: var(--mds-input-range-thumb-background);\n  border: 0;\n  border-radius: var(--mds-input-range-thumb-size);\n  -webkit-box-shadow: var(--mds-input-range-thumb-shadow);\n  box-shadow: var(--mds-input-range-thumb-shadow);\n  cursor: -webkit-grab;\n  cursor: grab;\n  height: var(--mds-input-range-thumb-size);\n  line-height: 0;\n  -webkit-transform: translate(0, -50%);\n  transform: translate(0, -50%);\n  width: var(--mds-input-range-thumb-size);\n}\n\n.field::-webkit-slider-runnable-track {\n  -webkit-appearance: none;\n          appearance: none;\n  border: 0;\n  height: 0;\n  width: 100%;\n}\n\n.track-progress {\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: var(--mds-input-range-track-progress-background);\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-input-range-track-size);\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n}\n\n.track-total {\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: var(--mds-input-range-track-background);\n  border-radius: var(--mds-input-range-track-size);\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-input-range-track-size);\n  overflow: hidden;\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n  width: 100%;\n}\n\n.contrast-area {\n  margin-left: 0.25rem;\n  margin-right: 0.25rem;\n\n  border-radius: var(--mds-input-range-track-size);\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .field::-webkit-slider-thumb,\n  .field::-webkit-slider-runnable-track,\n  .track-progress,\n  .track-total {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .field::-webkit-slider-thumb,\n    .field::-webkit-slider-runnable-track,\n    .track-progress,\n    .track-total {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-input-range-thumb-background: rgb(var(--variant-primary-04));\n    --mds-input-range-track-background: rgb(var(--tone-neutral-07));\n    --mds-input-range-track-progress-background: rgb(var(--variant-primary-05));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-input-range-thumb-background: rgb(var(--variant-primary-04));\n      --mds-input-range-track-background: rgb(var(--tone-neutral-07));\n      --mds-input-range-track-progress-background: rgb(var(--variant-primary-05));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n    color: rgb(var(--tone-neutral-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n      color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n\n";var s=o;var u=n("mds_input_range",function(){function n(n){var a=this;t(this,n);this.changeEvent=i(this,"mdsInputRangeChange",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.onInput=function(){a.value=parseInt(a.inputElement.value)};this.progress=undefined;this.max=100;this.min=0;this.step=1;this.value=undefined}n.prototype.calculateProgress=function(){var n=parseInt(this.inputElement.value);if(n>this.max)n=this.max;else if(n<this.min)n=this.min;if((n-this.min)%this.step!==0)n=Math.round(n/this.step)*this.step-this.min;this.value=n;this.internals.setFormValue(this.value.toString());var t=this.max-this.min;var i=this.value-this.min;this.progress=i*100/t};n.prototype.valueChanged=function(){this.inputElement.value=this.value.toString();this.calculateProgress();this.changeEvent.emit(this.value)};n.prototype.minChanged=function(){this.calculateProgress()};n.prototype.maxChanged=function(){this.calculateProgress()};n.prototype.stepChanged=function(){if(this.step<1)throw Error("step cant be negative or zero");this.calculateProgress()};n.prototype.componentDidLoad=function(){var n,t;this.label=(n=this.element.textContent)!==null&&n!==void 0?n:"";this.inputElement=(t=this.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".field");this.value=parseInt(this.inputElement.value);this.calculateProgress()};n.prototype.render=function(){return a(e,{key:"c92ab8563410461213ec304d48633fa05aa2a914"},a("header",{key:"761ee2fd85bd78beaead463ac24aa356e23359eb",class:"header",part:"header"},a("mds-text",{key:"3917734e52ba2f28cb0182870945f5a25c384189",class:"label",typography:"label"},a("slot",{key:"7295908985059db99d628e6d8414d5304874e0e8"})),a("mds-text",{key:"0d39a81709459e0478dfa2812cc861bfaf072c46",class:"value",typography:"label"},this.value)),a("div",{key:"a459a88c212591bff0d8e93793db770141c09a50",class:"range"},a("div",{key:"165870361567832a29263f4d5b86bfb6aa5a2123",class:"track"},a("div",{key:"abd1017e7a33fe82398d77d28d8f56bb4459bde7",class:"contrast-area"}),a("div",{key:"22475d8687c090f2f403bbf8e3726b08982a84af",class:"track-total"},a("div",{key:"151b6e11544724e3d95347046629499738090e1c",class:"track-progress",style:{width:"".concat(this.progress,"%")}}))),a("input",{key:"b1f06f7712d1b682c2bfee7417eb27bc520da234",class:"field","aria-label":this.label,max:this.max,min:this.min,onInput:this.onInput,step:this.step,type:"range",value:this.value})))};Object.defineProperty(n,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(n.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{value:["valueChanged"],min:["minChanged"],max:["maxChanged"],step:["stepChanged"]}},enumerable:false,configurable:true});return n}());u.style=s}}}));

package/dist/magma-components/p-66ef6f68.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-c94628eb.system.js"],(function(n){"use strict";var a,r,e,t;return{setters:[function(n){a=n.r;r=n.h;e=n.H;t=n.g}],execute:function(){var o={info:{alias:"Info",icon:"mi/baseline/info"},do:{alias:"Do",icon:"mi/baseline/check-circle"},dont:{alias:"Don’t",icon:"mi/baseline/error"},warn:{alias:"Warning",icon:"mi/baseline/warning-amber"}};var s='@tailwind utilities;\n\n/**\n * @prop --mds-usage-background: Sets the background-color of the component\n * @prop --mds-usage-border-width: Sets the colored border-size of the component\n */\n\n:host {\n\n  --mds-usage-background: rgb(var(--status-info-10));\n  --mds-usage-badge-background: rgb(var(--status-info-05));\n  --mds-usage-badge-color: rgb(var(--status-info-10));\n  --mds-usage-color: rgb(var(--tone-neutral-03));\n  gap: 1rem;\n  border-radius: 0.75rem;\n  padding: 1.5rem;\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  background-color: var(--mds-usage-background);\n  color: var(--mds-usage-color);\n  display: grid;\n  grid-auto-rows: -webkit-min-content;\n  grid-auto-rows: min-content;\n  grid-template-columns: minmax(0, 100%);\n  position: relative;\n  -webkit-transition-property: background-color, color, -webkit-box-shadow;\n  transition-property: background-color, color, -webkit-box-shadow;\n  transition-property: background-color, box-shadow, color;\n  transition-property: background-color, box-shadow, color, -webkit-box-shadow;\n}\n\n.header{\n\n  padding-left: 1.5rem;\n\n  padding-right: 1.5rem;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  color: var(--mds-usage-badge-color);\n  display: -ms-flexbox;\n  display: flex;\n  height: 0;\n  inset: 0 0 auto;\n  -ms-flex-pack: center;\n  justify-content: center;\n  position: absolute;\n}\n\n.icon {\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n}\n\n.badge{\n\n  gap: 0.5rem;\n\n  border-radius: 9999px;\n\n  padding-left: 1rem;\n\n  padding-right: 1rem;\n\n  padding-top: 0.25rem;\n\n  padding-bottom: 0.25rem;\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  background-color: var(--mds-usage-badge-background);\n  display: -ms-flexbox;\n  display: flex;\n  fill: var(--mds-usage-badge-color);\n  -webkit-transition-property: background-color, color, fill;\n  transition-property: background-color, color, fill;\n}\n\n:host([variant="do"]) {\n\n  --mds-usage-background: rgb(var(--status-success-10));\n  --mds-usage-badge-background: rgb(var(--status-success-05));\n  --mds-usage-badge-color: rgb(var(--status-success-10));\n  --mds-usage-color: rgb(var(--status-success-02));\n}\n\n:host([variant="dont"]) {\n\n  --mds-usage-background: rgb(var(--status-error-10));\n  --mds-usage-badge-background: rgb(var(--status-error-05));\n  --mds-usage-badge-color: rgb(var(--status-error-10));\n  --mds-usage-color: rgb(var(--status-error-02));\n}\n\n:host([variant="warn"]) {\n\n  --mds-usage-background: rgb(var(--status-warning-10));\n  --mds-usage-badge-background: rgb(var(--status-warning-08));\n  --mds-usage-badge-color: rgb(var(--status-warning-01));\n  --mds-usage-color: rgb(var(--status-warning-02));\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .badge {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .badge {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-usage-badge-background: rgb(var(--status-info-05));\n\n    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n  }\n\n  :host([variant="do"]) {\n\n    --mds-usage-badge-background: rgb(var(--status-success-05));\n  }\n\n  :host([variant="dont"]) {\n\n    --mds-usage-badge-background: rgb(var(--status-error-05));\n  }\n\n  :host([variant="warn"]) {\n\n    --mds-usage-badge-background: rgb(var(--status-warning-05));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-usage-badge-background: rgb(var(--status-info-05));\n\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    }\n\n    :host([variant="do"]) {\n\n      --mds-usage-badge-background: rgb(var(--status-success-05));\n    }\n\n    :host([variant="dont"]) {\n\n      --mds-usage-badge-background: rgb(var(--status-error-05));\n    }\n\n    :host([variant="warn"]) {\n\n      --mds-usage-badge-background: rgb(var(--status-warning-05));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host,\n  :host([variant="do"]),\n  :host([variant="dont"]),\n  :host([variant="warn"]) {\n\n    --mds-usage-badge-color: rgb(var(--tone-neutral-01));\n    --mds-usage-color: rgb(var(--tone-neutral-01));\n\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host,\n    :host([variant="do"]),\n    :host([variant="dont"]),\n    :host([variant="warn"]) {\n\n      --mds-usage-badge-color: rgb(var(--tone-neutral-01));\n      --mds-usage-color: rgb(var(--tone-neutral-01));\n\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n';var i=s;var d=n("mds_usage",function(){function n(n){a(this,n);this.variant="info";this.alias=undefined}n.prototype.render=function(){var n;var a=o[this.variant],t=a.alias,s=a.icon;return r(e,{key:"957337ab8a126dd504953dab0ad0b9e0034912ba",role:"suggestion"},r("div",{key:"a71e2d6929fbb1c4f0a33102ad1362afdf9c9656",class:"header","aria-hidden":"true"},r("div",{key:"2d64e61fff8d5501e4777e06ee862a9874f53d29",class:"badge"},r("mds-icon",{key:"34aaa99d51100fe3c074eeb1af1b215af09351ad",class:"icon",name:s}),r("mds-text",{key:"9ba2f1d238d9de7653d389bb2d6397cef95dcc0f",typography:"h6"},(n=this.alias)!==null&&n!==void 0?n:t))),r("div",{key:"fbbfcc69dff1e94120291bde5ffee1940b15c155",class:"content",role:this.variant==="do"||this.variant==="info"?"insertion":"deletion"},r("slot",{key:"18e006d24d1042d20c0bbb326c72d4cea9d39aec"})))};Object.defineProperty(n.prototype,"host",{get:function(){return t(this)},enumerable:false,configurable:true});return n}());d.style=i}}}));

package/dist/magma-components/{p-d1f52b0b.system.js → p-6803cf8d.system.js}

@@ -1 +1 @@
-System.register([],(function(n){"use strict";return{execute:function(){var i=function(){function n(){var n=this;this.elements=new Map;this.handleClickBehaviorDispatchEvent=function(n){if(n.code==="Enter"||n.code==="NumpadEnter"){n.target.click()}};this.handleEscapeBehaviorDispatchEvent=function(i){if(i.code==="Escape"&&n.escapeCallback){n.escapeCallback()}};this.addElement=function(i,e){if(e===void 0){e="element"}if(!i){throw Error("Passed an ".concat(i," element parameter to KeyboardManager.addElement"))}n.elements.set(e,i)};this.removeElement=function(i){if(i===void 0){i="element"}n.detachClickBehavior(i);n.elements.delete(i)};this.attachClickBehavior=function(i){if(i===void 0){i="element"}var e;(e=n.elements.get(i))===null||e===void 0?void 0:e.addEventListener("keydown",n.handleClickBehaviorDispatchEvent)};this.detachClickBehavior=function(i){if(i===void 0){i="element"}var e;(e=n.elements.get(i))===null||e===void 0?void 0:e.removeEventListener("keydown",n.handleClickBehaviorDispatchEvent)};this.attachEscapeBehavior=function(i){n.escapeCallback=i;if(window!==undefined){window.addEventListener("keydown",n.handleEscapeBehaviorDispatchEvent.bind(n))}};this.detachEscapeBehavior=function(){n.escapeCallback=function(){return};if(window!==undefined){window.removeEventListener("keydown",n.handleEscapeBehaviorDispatchEvent.bind(n))}}}return n}();n("K",i)}}}));
+System.register([],(function(n){"use strict";return{execute:function(){var i=function(){function n(){var n=this;this.elements=new Map;this.handleClickBehaviorDispatchEvent=function(n){if(n.code==="Enter"||n.code==="NumpadEnter"){n.target.click()}};this.handleEscapeBehaviorDispatchEvent=function(i){if(i.code==="Escape"&&n.escapeCallback){n.escapeCallback()}};this.addElement=function(i,e){if(e===void 0){e="element"}if(!i){throw Error("Passed an ".concat(i," element parameter to KeyboardManager.addElement"))}n.elements.set(e,i)};this.removeElement=function(i){if(i===void 0){i="element"}n.detachClickBehavior(i);n.elements.delete(i)};this.attachClickBehavior=function(i){if(i===void 0){i="element"}var e;(e=n.elements.get(i))===null||e===void 0?void 0:e.addEventListener("keydown",n.handleClickBehaviorDispatchEvent)};this.detachClickBehavior=function(i){if(i===void 0){i="element"}var e;(e=n.elements.get(i))===null||e===void 0?void 0:e.removeEventListener("keydown",n.handleClickBehaviorDispatchEvent)};this.attachEscapeBehavior=function(i){n.escapeCallback=i;if(typeof window!=="undefined"){window.addEventListener("keydown",n.handleEscapeBehaviorDispatchEvent.bind(n))}};this.detachEscapeBehavior=function(){n.escapeCallback=function(){return};if(typeof window!=="undefined"){window.removeEventListener("keydown",n.handleEscapeBehaviorDispatchEvent.bind(n))}}}return n}();n("K",i)}}}));

package/dist/magma-components/p-694ac497.entry.js

@@ -0,0 +1 @@
+import{r as n,c as e,h as r,H as t,g as i}from"./p-eab621a7.js";import{c as s}from"./p-8a1a6e56.js";const o=class{constructor(t){n(this,t),this.doneEvent=e(this,"mdsStepperBarItemDone",7),this.showBadge=()=>this.isDone?r("mds-badge",{class:"badge",variant:"success",tone:"weak",typography:"option"},"Completato"):this.isCurrent?r("mds-badge",{class:"badge",variant:"info",tone:"weak",typography:"option"},"In corso"):r("mds-badge",{class:"badge",variant:"dark",tone:"weak",typography:"option"},"In coda"),this.isDone=void 0,this.isCurrent=void 0,this.index=void 0,this.label=void 0,this.step=void 0,this.badge=void 0,this.icon=void 0,this.iconChecked=this.icon,this.done=!1,this.current=!1,this.value=void 0,this.typography="h6"}componentWillLoad(){this.isCurrent=this.current,this.isDone=this.done;const n=this.host.parentElement;n&&(this.index=[...Array.from(n.childNodes)].indexOf(this.host))}selectedHandler(n){this.isDone=n}currentHandler(n){this.isCurrent=n}render(){return r(t,{key:"715f4ed46dd375ba551e95e0aa7cb4efc4a31f63"},r("div",{key:"a95536046218a876f6b58972111e3579f7db0b5b",class:"header",tabindex:"0"},r("mds-icon",{key:"572bfcd53c28c751ec923c19a83ad2da516a087d",class:"icon",name:s(this.isDone&&!this.isCurrent?this.iconChecked:this.icon)}),r("mds-progress",{key:"7afca827a100f9676cc61c700754105a946ad988","aria-hidden":"true",class:"progress",progress:this.isDone?1:0})),r("div",{key:"a0b34eaba6a2b818c63e9a21de8c5bb160b6ccc2",class:"infos"},this.step&&r("mds-text",{key:"2ae5ce5ab77172373301b8c36e16c1131fa0c046",class:"step",typography:"option"},"step ",this.index+1),this.label&&r("mds-text",{key:"63b5bf25b4ae174725af0340701577699e333951",class:"text",typography:this.typography},this.label),this.badge&&r("div",{key:"569ed53badb0ee775fdfb487680378090f782b15"},this.showBadge())))}get host(){return i(this)}static get watchers(){return{done:["selectedHandler"],current:["currentHandler"]}}};o.style="@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-stepper-bar-item-color: Sets the color of the text\n * @prop --mds-stepper-bar-item-duaration: Sets the duration of the animation\n * @prop --mds-stepper-bar-item-icon-background-done: Sets the background-color of the icon when the component is done\n * @prop --mds-stepper-bar-item-icon-background-current: Sets the background-color of the icon when the component is current\n * @prop --mds-stepper-bar-item-icon-background: Sets the background-color of the icon\n * @prop --mds-stepper-bar-item-icon-color-done: Sets the color of the icon when the component is done\n * @prop --mds-stepper-bar-item-icon-color-current: Sets the color of the icon when the component is current\n * @prop --mds-stepper-bar-item-icon-color: Sets the color of the icon\n * @prop --mds-stepper-bar-item-icon-ring-size: Sets the size of the icon circle when the component is current\n * @prop --mds-stepper-bar-item-min-width: Sets the minimum width of the component\n * @prop --mds-stepper-bar-item-progress-background: Sets the background color of the progress bar\n * @prop --mds-stepper-bar-item-progress-color: Sets the color of the progress bar\n * @prop --mds-stepper-bar-item-progress-thickness: Sets the thickness of the progress bar\n */\n\n:host {\n\n  --mds-stepper-bar-item-color: rgb(var(--tone-neutral-03));\n  --mds-stepper-bar-item-duaration: 250ms;\n  --mds-stepper-bar-item-icon-background-done: rgb(var(--status-success-05));\n  --mds-stepper-bar-item-icon-background-current: rgb(var(--variant-primary-04));\n  --mds-stepper-bar-item-icon-background: var(--mds-stepper-bar-item-progress-background, rgb(var(--tone-neutral-08)));\n  --mds-stepper-bar-item-icon-color-done: rgb(var(--status-success-10));\n  --mds-stepper-bar-item-icon-color-current: rgb(var(--tone-neutral));\n  --mds-stepper-bar-item-icon-color: rgb(var(--tone-neutral-04));\n  --mds-stepper-bar-item-icon-ring-color: var(--mds-stepper-bar-item-icon-background-current);\n  --mds-stepper-bar-item-icon-ring-separator-color: rgb(var(--tone-neutral));\n  --mds-stepper-bar-item-icon-ring-separator-size: 0.375rem;\n  --mds-stepper-bar-item-icon-ring-size: 0.25rem;\n  --mds-stepper-bar-item-min-width: 180px;\n  --mds-stepper-bar-item-progress-background: rgb(var(--tone-neutral-08));\n  --mds-stepper-bar-item-progress-color: rgb(var(--status-success-04));\n  --mds-stepper-bar-item-progress-thickness: 0.5rem;\n  gap: 1rem;\n\n  -ms-flex-align: start;\n\n  align-items: flex-start;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-preferred-size: 0;\n  flex-basis: 0;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  min-width: var(--mds-stepper-bar-item-min-width);\n  padding-left: calc(var(--mds-stepper-bar-item-icon-ring-size) + var(--mds-stepper-bar-item-icon-ring-separator-size));\n  padding-top: calc(var(--mds-stepper-bar-item-icon-ring-size) + var(--mds-stepper-bar-item-icon-ring-separator-size));\n  position: relative;\n  scroll-snap-align: center;\n  -webkit-transition-property: outline, outline-offset;\n  transition-property: outline, outline-offset;\n}\n\n:host( :last-of-type ){\n\n  -ms-flex-preferred-size: 0.25rem;\n\n  flex-basis: 0.25rem;\n}\n\n:host( :last-of-type ) .progress {\n  display: hidden;\n}\n\n:host([done]) .icon {\n\n  --mds-stepper-bar-item-icon-background: var(--mds-stepper-bar-item-icon-background-done);\n  --mds-stepper-bar-item-icon-color: var(--mds-stepper-bar-item-icon-color-done);\n\n  -webkit-transition-delay: 0ms;\n\n  transition-delay: 0ms;\n}\n\n:host([current]) .icon {\n\n  --mds-stepper-bar-item-icon-background: var(--mds-stepper-bar-item-icon-background-current);\n  --mds-stepper-bar-item-icon-color: var(--mds-stepper-bar-item-icon-color-current);\n\n  -webkit-transition-delay: calc(var(--mds-stepper-bar-item-duaration) / 2);\n\n  transition-delay: calc(var(--mds-stepper-bar-item-duaration) / 2);\n}\n\n:host(:not([done])) .icon,\n:host(:not([current])) .icon {\n\n  --mds-stepper-bar-item-icon-ring-color: var(--mds-stepper-bar-item-icon-background);\n}\n\n.header{\n\n  width: 100%;\n\n  border-radius: 0.375rem;\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-transition-property: outline, outline-offset;\n  transition-property: outline, outline-offset;\n}\n\n.icon{\n\n  border-radius: 9999px;\n\n  padding: 0.5rem;\n\n  -webkit-transition-duration: 150ms;\n\n  transition-duration: 150ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: var(--mds-stepper-bar-item-icon-background);\n  -webkit-box-shadow: 0 0 0 var(--mds-stepper-bar-item-icon-ring-size) var(--mds-stepper-bar-item-icon-ring-color), 0 0 0 var(--mds-stepper-bar-item-icon-ring-separator-size) var(--mds-stepper-bar-item-icon-ring-separator-color);\n  box-shadow: 0 0 0 var(--mds-stepper-bar-item-icon-ring-size) var(--mds-stepper-bar-item-icon-ring-color), 0 0 0 var(--mds-stepper-bar-item-icon-ring-separator-size) var(--mds-stepper-bar-item-icon-ring-separator-color);\n  display: -ms-flexbox;\n  display: flex;\n  fill: var(--mds-stepper-bar-item-icon-color);\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  position: relative;\n  -webkit-transition-duration: var(--mds-stepper-bar-item-duaration);\n  transition-duration: var(--mds-stepper-bar-item-duaration);\n  -webkit-transition-property: background-color, fill, -webkit-box-shadow;\n  transition-property: background-color, fill, -webkit-box-shadow;\n  transition-property: background-color, box-shadow, fill;\n  transition-property: background-color, box-shadow, fill, -webkit-box-shadow;\n}\n\n.progress {\n\n  --mds-stepper-bar-item-background: var(--mds-stepper-bar-item-progress-background);\n  --mds-stepper-bar-item-color: var(--mds-stepper-bar-item-progress-color);\n  --mds-stepper-bar-item-thickness: var(--mds-stepper-bar-item-progress-thickness);\n  margin-left: -0.25rem;\n\n  -ms-flex-positive: 1;\n\n  flex-grow: 1;\n  margin-right: calc(calc(calc(var(--mds-stepper-bar-item-icon-ring-size) + var(--mds-stepper-bar-item-icon-ring-separator-size)) * -1) - 0.25rem);\n  position: relative;\n  z-index: -1;\n}\n\n.infos{\n\n  gap: 0.25rem;\n\n  padding-left: 0.25rem;\n\n  display: grid;\n}\n\n.text{\n\n  -webkit-transition-duration: 150ms;\n\n  transition-duration: 150ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  color: var(--mds-stepper-bar-item-color);\n  pointer-events: none;\n  -webkit-transition-duration: var(--mds-stepper-bar-item-duaration);\n  transition-duration: var(--mds-stepper-bar-item-duaration);\n  -webkit-transition-property: color;\n  transition-property: color;\n}\n\n.badge{\n\n  border-radius: 9999px;\n\n  pointer-events: none;\n}\n\n.step{\n\n  border-radius: 9999px;\n\n  color: rgb(var(--tone-neutral-04));\n  pointer-events: none;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .header,\n  .icon,\n  .text {\n    -webkit-transition-delay: 0s !important;\n    transition-delay: 0s !important;\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .header,\n    .icon,\n    .text {\n      -webkit-transition-delay: 0s !important;\n      transition-delay: 0s !important;\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n";export{o as mds_stepper_bar_item}

package/dist/magma-components/p-6a2ec000.entry.js

@@ -0,0 +1 @@
+import{r as a,h as e,H as t}from"./p-eab621a7.js";const r=class{constructor(e){a(this,e)}render(){return e(t,{key:"708ae136da63b0837b6b5244bd5914511c827914",role:"list"},e("slot",{key:"ab2517e35afd60e26f91823079372201a606f3c3"}))}};r.style=':host{--mds-kpi-text-animation-speed:0.15;--mds-kpi-text-animation-placeholder-char:" ";gap:1rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr))}';export{r as mds_kpi}

package/dist/magma-components/p-6aed6b97.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-c94628eb.system.js"],(function(t){"use strict";var n,i,e,r,o;return{setters:[function(t){n=t.r;i=t.c;e=t.h;r=t.H;o=t.g}],execute:function(){var s="@tailwind utilities;\n\n/**\n * @prop --mds-accordion-timer-progress-bar-color: Sets the color of the progress bar when the mds-accordion-timer-item is selected\n * @prop --mds-accordion-timer-progress-bar-background: Sets the background-color of the progress bar when the mds-accordion-timer-item is selected\n * @prop --mds-accordion-timer-color: Sets the text color of the component mds-accordion-timer-item\n * @prop --mds-accordion-timer-progress-bar-thickness: Sets thickness of the progress bar of the mds-accordion-timer-item\n * @prop --mds-accordion-timer-duration: Sets the transition duration of open/close animation of the mds-accordion-timer-item\n */\n\n:host {\n\n  --mds-accordion-timer-progress-bar-color: rgb(var(--tone-neutral-03));\n  --mds-accordion-timer-progress-bar-background: rgb(var(--tone-neutral-08));\n  --mds-accordion-timer-progress-bar-thickness: 0.25rem;\n  --mds-accordion-timer-duration: 500ms;\n\n  /* comment */\n  display: block;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-accordion-timer-item-duration: var(--mds-accordion-timer-duration, 0s);\n\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n\n      --mds-accordion-timer-item-duration: var(--mds-accordion-timer-duration, 0s);\n\n    }\n  }\n}\n";var c=s;var a=t("mds_accordion_timer",function(){function t(t){var e=this;n(this,t);this.changeEvent=i(this,"mdsAccordionTimerChange",7);this.currentDuration=0;this.clearIntervals=function(){if(typeof window!=="undefined"){window.clearInterval(e.timeChecker)}e.timeChecker=0};this.remainingTime=function(){var t=e.selectedItemRemainingTime-((new Date).getTime()-e.timeStarted);return t>=0?t:0};this.progress=function(){return Math.abs(e.remainingTime()/e.currentDuration-1)};this.addTimeListener=function(){if(typeof window!=="undefined"){e.timeChecker=window.setInterval((function(){var t=e.progress();if(e.selectedItem!==undefined){e.selectedItem.progress=t}if(t===1){e.selectedItem.progress=0;e.startNext()}}),100)}};this.beginningTime=function(){e.timeStarted=(new Date).getTime();return e.timeStarted};this.setSelectedItem=function(t){e.children.forEach((function(n,i){if(i===t){n.selected=true;n.duration?e.currentDuration=n.duration:e.currentDuration=e.duration;e.selectedItem=n;e.changeEvent.emit({index:i})}else{n.selected=false}}))};this.startNext=function(){var t=e.selectedItem.uuid+1>e.children.length-1?0:e.selectedItem.uuid+1;e.setSelectedItem(t);e.startTimer()};this.startTimer=function(){e.clearIntervals();e.time=e.beginningTime();e.selectedItemRemainingTime=e.currentDuration;e.addTimeListener()};this.playTimer=function(){e.beginningTime();e.addTimeListener()};this.pauseTimer=function(){e.clearIntervals();e.selectedItemRemainingTime=e.remainingTime()};this.stopTimer=function(){e.clearIntervals()};this.time=0;this.duration=1e4;this.paused=undefined}t.prototype.componentDidLoad=function(){var t=this;this.children=this.element.querySelectorAll("mds-accordion-timer-item");this.children.forEach((function(n,i){n.uuid=i;if(n.selected){n.duration?t.currentDuration=n.duration:t.currentDuration=t.duration;t.selectedItem=n}}));if(this.selectedItem!==undefined){this.startTimer()}if(this.paused){this.pauseTimer()}};t.prototype.disconnectedCallback=function(){this.stopTimer();this.clearIntervals()};t.prototype.onClickSelect=function(t){this.clearIntervals();if(this.selectedItem){this.selectedItem.progress=0}this.setSelectedItem(t.detail.uuid);this.startTimer();this.pauseTimer()};t.prototype.onSelect=function(t){this.clearIntervals();this.paused=false;if(this.selectedItem){this.selectedItem.progress=0}this.setSelectedItem(t.detail.uuid);this.startTimer()};t.prototype.onMouseEnterSelect=function(){if(this.paused){return}this.pauseTimer()};t.prototype.onMouseLeaveSelect=function(){if(this.paused){return}if(this.timeChecker===0){this.playTimer()}};t.prototype.handlePaused=function(t){if(t){this.pauseTimer();return}this.playTimer()};t.prototype.render=function(){return e(r,{key:"5394ee87d77b1e39a18f9134e46e3f6ad38f0750"},e("slot",{key:"38dd272298e290e8bc31be110948c878cc1776a4"}))};Object.defineProperty(t.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{paused:["handlePaused"]}},enumerable:false,configurable:true});return t}());a.style=c}}}));

package/dist/magma-components/p-6c4c3d44.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-c94628eb.system.js"],(function(n){"use strict";var t,e,r,a,i;return{setters:[function(n){t=n.r;e=n.c;r=n.h;a=n.H;i=n.g}],execute:function(){var o="@tailwind utilities;\n\n/**\n * @prop --mds-tab-bar-item-background-selected: Sets the background-color of the component when it's selected\n * @prop --mds-tab-bar-item-background: Sets the background-color of the component\n * @prop --mds-tab-bar-item-color-selected: Sets the text color of the component when it's selected\n * @prop --mds-tab-bar-item-color: Sets the text color of the component\n */\n\n:host {\n\n  --mds-tab-bar-item-background: rgb(var(--tone-neutral-10));\n  --mds-tab-bar-item-background-selected: transparent;\n  --mds-tab-bar-item-color: rgb(var(--tone-neutral-04));\n  --mds-tab-bar-item-color-selected: rgb(var(--variant-primary-03));\n  gap: 0.25rem;\n  padding: 0.5rem;\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: var(--mds-tab-bar-item-background);\n  color: var(--mds-tab-bar-item-color);\n  cursor: pointer;\n  display: -ms-flexbox;\n  display: flex;\n  fill: var(--mds-tab-bar-item-color);\n  -ms-flex-preferred-size: 0;\n  flex-basis: 0;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  text-align: center;\n  -webkit-transition-property: color, background-color, fill;\n  transition-property: color, background-color, fill;\n}\n\n:host( [selected]:not([selected=\"false\"]) ) {\n  background-color: var(--mds-tab-bar-item-background-selected);\n  color: var(--mds-tab-bar-item-color-selected);\n  fill: var(--mds-tab-bar-item-color-selected);\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-tab-bar-item-color: rgb(var(--tone-neutral-04));\n    --mds-tab-bar-item-color-selected: rgb(var(--variant-primary-02));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-tab-bar-item-color: rgb(var(--tone-neutral-04));\n      --mds-tab-bar-item-color-selected: rgb(var(--variant-primary-02));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-tab-bar-item-color: rgb(var(--tone-neutral-04));\n    --mds-tab-bar-item-color-selected: rgb(var(--variant-primary-02));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-tab-bar-item-color: rgb(var(--tone-neutral-04));\n      --mds-tab-bar-item-color-selected: rgb(var(--variant-primary-02));\n    }\n  }\n}\n\n";var s=o;var c=n("mds_tab_bar_item",function(){function n(n){var r=this;t(this,n);this.selectedEvent=e(this,"mdsTabBarItemSelect",7);this.select=function(){r.isSelected=!r.isSelected;if(r.isSelected){r.selectedEvent.emit(r.element.id)}};this.isSelected=undefined;this.icon="";this.selected=undefined;this.typography="tip"}n.prototype.componentWillLoad=function(){this.isSelected=this.selected};n.prototype.validateSelected=function(n){this.isSelected=n};n.prototype.render=function(){return r(a,{key:"a3cf2c5f50b9c6195ad12b8a6ccbcaa15cca9295",onClick:this.select},r("mds-icon",{key:"1e2f9cb96b6eb5e78b3ff52575352d5d0d16e1f2",name:this.icon}),r("mds-text",{key:"27bfbb915740e47a4f4560f56f176b313714c6ef",typography:this.typography},r("slot",{key:"860ac3100af629b56772a2551ddd4013bc5d4d9a"})))};Object.defineProperty(n.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{selected:["validateSelected"]}},enumerable:false,configurable:true});return n}());c.style=s}}}));

package/dist/magma-components/{p-f43e59d4.entry.js → p-6dc71639.entry.js}

@@ -1 +1 @@
-import{r as e,h as r,H as n}from"./p-b6defcb6.js";import{m as t}from"./p-a3ddaba4.js";import{m as o}from"./p-05da2c23.js";const a=class{constructor(r){e(this,r),this.type="text"}render(){return r(n,{key:"81a413bf1b9857adfd436c411915021ed15d9c53"},"supported"===this.type&&r("i",{key:"e3bef399365f1d35bca2b8a94aeee6e9ab5b0ea6",class:"icon icon--supported",innerHTML:t,part:"icon"}),"unsupported"===this.type&&r("i",{key:"44977fe4d912761859b046801016ca4bec532b0a",class:"icon icon--unsupported",innerHTML:o,part:"icon"}),"text"===this.type&&r("mds-text",{key:"2a48ed9bfd04d8a825f9a4fea018b08c5f7f67ff",part:"text",typography:"detail"},r("slot",{key:"a5c810ef932f24d6c0a10db5c094d14443c43534"})),"custom"===this.type&&r("slot",{key:"0ffceb5c0e05cf65bc4f7c0e88043799da1594ea"}),"label"===this.type&&r("slot",{key:"a844a79c616160b5ba085425e32ccb4ebf07970a"}))}};a.style="@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-price-table-features-cell-padding: Sets the cell padding of the component\n * @prop --mds-price-table-features-cell-icon-supported-color: Sets the border-color of the component\n * @prop --mds-price-table-features-cell-icon-unsupported-color: Sets the border-width of the separators of the component\n */\n\n:host {\n\n  --mds-price-table-features-cell-padding: var(--mds-price-table-features-padding, 0.75rem);\n  --mds-price-table-features-cell-icon-supported-color-hover: rgb(var(--label-green-06));\n  --mds-price-table-features-cell-icon-supported-color: rgb(var(--label-green-06));\n  --mds-price-table-features-cell-icon-unsupported-color-hover: rgb(var(--tone-neutral-06));\n  --mds-price-table-features-cell-icon-unsupported-color: rgb(var(--tone-neutral-06));\n  --mds-price-table-features-cell-border-color: rgb(var(--tone-neutral-08));\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  border-bottom: 1px solid var(--mds-price-table-features-cell-border-color);\n  display: table-cell;\n  padding: var(--mds-price-table-features-cell-padding);\n  -webkit-transition-property: border-color, border-color, -webkit-transform;\n  transition-property: border-color, border-color, -webkit-transform;\n  transition-property: border-color, border-color, transform;\n  transition-property: border-color, border-color, transform, -webkit-transform;\n  vertical-align: top;\n}\n\n.icon{\n\n  display: -ms-flexbox;\n\n  display: flex;\n}\n\n.icon svg{\n\n  aspect-ratio: 1/1;\n\n  height: 100%;\n\n  width: 100%;\n}\n\n.icon{\n\n  height: 1.5rem;\n\n  width: 1.5rem;\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  display: -ms-flexbox;\n\n  display: flex;\n  fill: var(--icon-fill-color, currentColor);\n  -webkit-transition-property: fill;\n  transition-property: fill;\n}\n\n.icon--supported {\n\n  --icon-fill-color: var(--mds-price-table-features-cell-icon-supported-color);\n}\n\n.icon--unsupported {\n\n  --icon-fill-color: var(--mds-price-table-features-cell-icon-unsupported-color);\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .icon {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .icon {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-price-table-features-cell-border-color: rgb(var(--tone-neutral-07));\n    --mds-price-table-features-cell-icon-supported-color: rgb(var(--label-green-03));\n    --mds-price-table-features-cell-icon-supported-color-hover: rgb(var(--label-green-02));\n    --mds-price-table-features-cell-icon-unsupported-color-hover: rgb(var(--tone-neutral-04));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-price-table-features-cell-border-color: rgb(var(--tone-neutral-07));\n      --mds-price-table-features-cell-icon-supported-color: rgb(var(--label-green-03));\n      --mds-price-table-features-cell-icon-supported-color-hover: rgb(var(--label-green-02));\n      --mds-price-table-features-cell-icon-unsupported-color-hover: rgb(var(--tone-neutral-04));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-price-table-features-cell-icon-supported-color-hover: rgb(var(--label-green-01));\n    --mds-price-table-features-cell-icon-supported-color: rgb(var(--label-green-02));\n    --mds-price-table-features-cell-icon-unsupported-color-hover: rgb(var(--tone-neutral-02));\n    --mds-price-table-features-cell-icon-unsupported-color: rgb(var(--tone-neutral-02));\n    --mds-price-table-features-cell-border-color: rgb(var(--tone-neutral-04));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-price-table-features-cell-icon-supported-color-hover: rgb(var(--label-green-01));\n      --mds-price-table-features-cell-icon-supported-color: rgb(var(--label-green-02));\n      --mds-price-table-features-cell-icon-unsupported-color-hover: rgb(var(--tone-neutral-02));\n      --mds-price-table-features-cell-icon-unsupported-color: rgb(var(--tone-neutral-02));\n      --mds-price-table-features-cell-border-color: rgb(var(--tone-neutral-04));\n    }\n  }\n}\n\n";export{a as mds_price_table_features_cell}
+import{r as e,h as r,H as n}from"./p-eab621a7.js";import{m as t}from"./p-a3ddaba4.js";import{m as o}from"./p-05da2c23.js";const a=class{constructor(r){e(this,r),this.type="text"}render(){return r(n,{key:"81a413bf1b9857adfd436c411915021ed15d9c53"},"supported"===this.type&&r("i",{key:"e3bef399365f1d35bca2b8a94aeee6e9ab5b0ea6",class:"icon icon--supported",innerHTML:t,part:"icon"}),"unsupported"===this.type&&r("i",{key:"44977fe4d912761859b046801016ca4bec532b0a",class:"icon icon--unsupported",innerHTML:o,part:"icon"}),"text"===this.type&&r("mds-text",{key:"2a48ed9bfd04d8a825f9a4fea018b08c5f7f67ff",part:"text",typography:"detail"},r("slot",{key:"a5c810ef932f24d6c0a10db5c094d14443c43534"})),"custom"===this.type&&r("slot",{key:"0ffceb5c0e05cf65bc4f7c0e88043799da1594ea"}),"label"===this.type&&r("slot",{key:"a844a79c616160b5ba085425e32ccb4ebf07970a"}))}};a.style="@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-price-table-features-cell-padding: Sets the cell padding of the component\n * @prop --mds-price-table-features-cell-icon-supported-color: Sets the border-color of the component\n * @prop --mds-price-table-features-cell-icon-unsupported-color: Sets the border-width of the separators of the component\n */\n\n:host {\n\n  --mds-price-table-features-cell-padding: var(--mds-price-table-features-padding, 0.75rem);\n  --mds-price-table-features-cell-icon-supported-color-hover: rgb(var(--label-green-06));\n  --mds-price-table-features-cell-icon-supported-color: rgb(var(--label-green-06));\n  --mds-price-table-features-cell-icon-unsupported-color-hover: rgb(var(--tone-neutral-06));\n  --mds-price-table-features-cell-icon-unsupported-color: rgb(var(--tone-neutral-06));\n  --mds-price-table-features-cell-border-color: rgb(var(--tone-neutral-08));\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  border-bottom: 1px solid var(--mds-price-table-features-cell-border-color);\n  display: table-cell;\n  padding: var(--mds-price-table-features-cell-padding);\n  -webkit-transition-property: border-color, border-color, -webkit-transform;\n  transition-property: border-color, border-color, -webkit-transform;\n  transition-property: border-color, border-color, transform;\n  transition-property: border-color, border-color, transform, -webkit-transform;\n  vertical-align: top;\n}\n\n.icon{\n\n  display: -ms-flexbox;\n\n  display: flex;\n}\n\n.icon svg{\n\n  aspect-ratio: 1/1;\n\n  height: 100%;\n\n  width: 100%;\n}\n\n.icon{\n\n  height: 1.5rem;\n\n  width: 1.5rem;\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  display: -ms-flexbox;\n\n  display: flex;\n  fill: var(--icon-fill-color, currentColor);\n  -webkit-transition-property: fill;\n  transition-property: fill;\n}\n\n.icon--supported {\n\n  --icon-fill-color: var(--mds-price-table-features-cell-icon-supported-color);\n}\n\n.icon--unsupported {\n\n  --icon-fill-color: var(--mds-price-table-features-cell-icon-unsupported-color);\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .icon {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .icon {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-price-table-features-cell-border-color: rgb(var(--tone-neutral-07));\n    --mds-price-table-features-cell-icon-supported-color: rgb(var(--label-green-03));\n    --mds-price-table-features-cell-icon-supported-color-hover: rgb(var(--label-green-02));\n    --mds-price-table-features-cell-icon-unsupported-color-hover: rgb(var(--tone-neutral-04));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-price-table-features-cell-border-color: rgb(var(--tone-neutral-07));\n      --mds-price-table-features-cell-icon-supported-color: rgb(var(--label-green-03));\n      --mds-price-table-features-cell-icon-supported-color-hover: rgb(var(--label-green-02));\n      --mds-price-table-features-cell-icon-unsupported-color-hover: rgb(var(--tone-neutral-04));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-price-table-features-cell-icon-supported-color-hover: rgb(var(--label-green-01));\n    --mds-price-table-features-cell-icon-supported-color: rgb(var(--label-green-02));\n    --mds-price-table-features-cell-icon-unsupported-color-hover: rgb(var(--tone-neutral-02));\n    --mds-price-table-features-cell-icon-unsupported-color: rgb(var(--tone-neutral-02));\n    --mds-price-table-features-cell-border-color: rgb(var(--tone-neutral-04));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-price-table-features-cell-icon-supported-color-hover: rgb(var(--label-green-01));\n      --mds-price-table-features-cell-icon-supported-color: rgb(var(--label-green-02));\n      --mds-price-table-features-cell-icon-unsupported-color-hover: rgb(var(--tone-neutral-02));\n      --mds-price-table-features-cell-icon-unsupported-color: rgb(var(--tone-neutral-02));\n      --mds-price-table-features-cell-border-color: rgb(var(--tone-neutral-04));\n    }\n  }\n}\n\n";export{a as mds_price_table_features_cell}

package/dist/magma-components/{p-63e8bc17.system.entry.js → p-6f15b2d9.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-369fc037.system.js"],(function(e){"use strict";var r,n,t,o;return{setters:[function(e){r=e.r;n=e.h;t=e.H;o=e.g}],execute:function(){var a='@tailwind utilities;\n\n:host {\n\n  --mds-price-table-features-row-background: transparent;\n  --mds-price-table-features-row-background-hover: rgb(var(--tone-neutral-10));\n  --mds-price-table-features-row-color: rgb(var(--tone-neutral-04));\n  --mds-price-table-features-row-color-hover: rgb(var(--tone-neutral-01));\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: var(--mds-price-table-features-row-background);\n  color: var(--mds-price-table-features-row-color);\n  display: table-row;\n  -webkit-transition-property: background-color, color;\n  transition-property: background-color, color;\n}\n\n:host(:hover) {\n\n  --mds-price-table-features-row-background: var(--mds-price-table-features-row-background-hover);\n  --mds-price-table-features-row-color: var(--mds-price-table-features-row-color-hover);\n}\n\n:host(:hover) > ::slotted(mds-price-table-features-cell) {\n\n  --mds-price-table-features-cell-icon-supported-color: var(--mds-price-table-features-cell-icon-supported-color-hover);\n  --mds-price-table-features-cell-icon-unsupported-color: var(--mds-price-table-features-cell-icon-unsupported-color-hover);\n}\n\n:host > ::slotted([type="label"]) {\n  padding-left: 0;\n}\n\n:host(:hover) > ::slotted([type="label"]) {\n  -webkit-transform: translate(0.5rem, 0);\n  transform: translate(0.5rem, 0);\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-price-table-features-row-color: rgb(var(--tone-neutral-01));\n    --mds-price-table-features-row-color-hover: rgb(var(--tone-neutral-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-price-table-features-row-color: rgb(var(--tone-neutral-01));\n      --mds-price-table-features-row-color-hover: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-price-table-features-row-background-hover: rgb(var(--tone-neutral-09));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-price-table-features-row-background-hover: rgb(var(--tone-neutral-09));\n    }\n  }\n}\n\n';var s=a;var i=e("mds_price_table_features_row",function(){function e(e){r(this,e);this.cellPercWidth=undefined}e.prototype.componentWillRender=function(){var e=this;this.horizontalCells=this.host.querySelectorAll("mds-price-table-features-cell");this.cellPercWidth=Number(100/this.horizontalCells.length).toFixed(4)+"%";this.horizontalCells.forEach((function(r){r.style.width=e.cellPercWidth}))};e.prototype.render=function(){return n(t,{key:"cc021b0fbb7615a94f16cea6dd73c831212f88bf"},n("slot",{key:"494d8e2d9765df5e4793b37677873e1c82b560c2"}))};Object.defineProperty(e.prototype,"host",{get:function(){return o(this)},enumerable:false,configurable:true});return e}());i.style=s}}}));
+System.register(["./p-c94628eb.system.js"],(function(e){"use strict";var r,n,t,o;return{setters:[function(e){r=e.r;n=e.h;t=e.H;o=e.g}],execute:function(){var a='@tailwind utilities;\n\n:host {\n\n  --mds-price-table-features-row-background: transparent;\n  --mds-price-table-features-row-background-hover: rgb(var(--tone-neutral-10));\n  --mds-price-table-features-row-color: rgb(var(--tone-neutral-04));\n  --mds-price-table-features-row-color-hover: rgb(var(--tone-neutral-01));\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: var(--mds-price-table-features-row-background);\n  color: var(--mds-price-table-features-row-color);\n  display: table-row;\n  -webkit-transition-property: background-color, color;\n  transition-property: background-color, color;\n}\n\n:host(:hover) {\n\n  --mds-price-table-features-row-background: var(--mds-price-table-features-row-background-hover);\n  --mds-price-table-features-row-color: var(--mds-price-table-features-row-color-hover);\n}\n\n:host(:hover) > ::slotted(mds-price-table-features-cell) {\n\n  --mds-price-table-features-cell-icon-supported-color: var(--mds-price-table-features-cell-icon-supported-color-hover);\n  --mds-price-table-features-cell-icon-unsupported-color: var(--mds-price-table-features-cell-icon-unsupported-color-hover);\n}\n\n:host > ::slotted([type="label"]) {\n  padding-left: 0;\n}\n\n:host(:hover) > ::slotted([type="label"]) {\n  -webkit-transform: translate(0.5rem, 0);\n  transform: translate(0.5rem, 0);\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-price-table-features-row-color: rgb(var(--tone-neutral-01));\n    --mds-price-table-features-row-color-hover: rgb(var(--tone-neutral-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-price-table-features-row-color: rgb(var(--tone-neutral-01));\n      --mds-price-table-features-row-color-hover: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-price-table-features-row-background-hover: rgb(var(--tone-neutral-09));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-price-table-features-row-background-hover: rgb(var(--tone-neutral-09));\n    }\n  }\n}\n\n';var s=a;var i=e("mds_price_table_features_row",function(){function e(e){r(this,e);this.cellPercWidth=undefined}e.prototype.componentWillRender=function(){var e=this;this.horizontalCells=this.host.querySelectorAll("mds-price-table-features-cell");this.cellPercWidth=Number(100/this.horizontalCells.length).toFixed(4)+"%";this.horizontalCells.forEach((function(r){r.style.width=e.cellPercWidth}))};e.prototype.render=function(){return n(t,{key:"cc021b0fbb7615a94f16cea6dd73c831212f88bf"},n("slot",{key:"494d8e2d9765df5e4793b37677873e1c82b560c2"}))};Object.defineProperty(e.prototype,"host",{get:function(){return o(this)},enumerable:false,configurable:true});return e}());i.style=s}}}));

package/dist/magma-components/{p-7f235611.system.entry.js → p-71601583.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-369fc037.system.js","./p-d68089ba.system.js","./p-ae45d2b7.system.js"],(function(n){"use strict";var t,o,e,i,s,a,r;return{setters:[function(n){t=n.r;o=n.c;e=n.h;i=n.H;s=n.g},function(n){a=n.c},function(n){r=n.c}],execute:function(){var d='@-webkit-keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n @keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n /* included for focus effect */\n@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-modal-close-icon-color: Set the color of the close icon button to the top left.\n * @prop --mds-modal-overlay-color: Set the overlay color of the background when the component is opened, this property can be inherited from `globals.css` in `styles^8.0.0`.\n * @prop --mds-modal-overlay-opacity: Set the overlay color opacity of the background when the component is opened, this property can be inherited from `globals.css` in `styles^8.0.0`.\n * @prop --mds-modal-window-background: Set the background color of the window\n * @prop --mds-modal-window-overflow: Set the overflow of the window\n * @prop --mds-modal-window-shadow: Set the box shadow of the window\n * @prop --mds-modal-z-index: Set the z-index of the window when the component is opened\n */\n\n:host {\n\n  --mds-modal-overlay-color: var(--magma-overlay-color, 0 0 0);\n  --mds-modal-overlay-opacity: var(--magma-overlay-opacity, 0.5);\n  --mds-modal-transition-duration: 500ms;\n  --mds-modal-transition-intro-ease: cubic-bezier(0.19, 1, 0.22, 1);\n  --mds-modal-transition-outro-ease: cubic-bezier(0.86, 0, 0.07, 1);\n  --mds-modal-window-background: rgb(var(--tone-neutral));\n  --mds-modal-window-overflow: auto;\n  --mds-modal-window-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n  --mds-modal-z-index: var(--magma-modal-z-index);\n  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);\n  transition-timing-function: cubic-bezier(1, 0, 0, 1);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: rgba(var(--mds-modal-overlay-color) / 0);\n  display: -ms-flexbox;\n  display: flex;\n  fill: rgb(var(--tone-neutral));\n  inset: 0;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -webkit-perspective: 600px;\n  perspective: 600px;\n  pointer-events: none;\n  position: fixed;\n  -webkit-transition-duration: var(--mds-modal-transition-duration);\n  transition-duration: var(--mds-modal-transition-duration);\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n  z-index: var(--mds-modal-z-index, 1000);\n}\n\n:host( [position="top"] ) {\n  -ms-flex-align: start;\n  align-items: flex-start;\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n:host( [position="bottom"] ) {\n  -ms-flex-align: end;\n  align-items: flex-end;\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n.action-close {\n  border-radius: 100px;\n  opacity: 0;\n  pointer-events: none;\n  position: absolute;\n  -webkit-transition-duration: var(--mds-modal-transition-duration);\n  transition-duration: var(--mds-modal-transition-duration);\n  -webkit-transition-property: bottom, opacity, top, -webkit-transform;\n  transition-property: bottom, opacity, top, -webkit-transform;\n  transition-property: bottom, opacity, top, transform;\n  transition-property: bottom, opacity, top, transform, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);\n  transition-timing-function: cubic-bezier(1, 0, 0, 1);\n}\n\n:host([opened]:not([opened="false"])) .action-close {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.action-close::part(icon) {\n  height: 2.25rem;\n  width: 2.25rem;\n}\n\n.window {\n  gap: 0rem;\n\n  background-color: var(--mds-modal-window-background);\n  -webkit-box-shadow: var(--mds-modal-window-shadow);\n  box-shadow: var(--mds-modal-window-shadow);\n  display: grid;\n  grid-template-rows: 1fr;\n  overflow: var(--mds-modal-window-overflow);\n}\n\n.window--top {\n  grid-template-rows: auto 1fr;\n}\n\n.window--bottom {\n  grid-template-rows: 1fr auto;\n}\n\n.window--top-bottom {\n  grid-template-rows: auto 1fr auto;\n}\n\n:host {\n  padding: 2rem;\n}\n\n@media (max-width: 767px) {\n  :host {\n    padding: 1rem;\n  }\n}\n\n:host .window {\n  margin: -2rem;\n}\n\n@media (max-width: 767px) {\n  :host .window {\n    margin: -1rem;\n  }\n}\n\n:host .window {\n\n  -webkit-transition-delay: 0s, calc(var(--mds-modal-transition-duration) / 2);\n\n  transition-delay: 0s, calc(var(--mds-modal-transition-duration) / 2);\n}\n\n\n:host([opened]:not([opened="false"]) ) {\n  background-color: rgba(var(--mds-modal-overlay-color) / var(--mds-modal-overlay-opacity));\n  pointer-events: auto;\n}\n\n:host .window,\n:host > ::slotted( [slot="window"] ) {\n  opacity: 0;\n  -webkit-transition-duration: var(--mds-modal-transition-duration);\n  transition-duration: var(--mds-modal-transition-duration);\n  -webkit-transition-property: opacity, -webkit-transform;\n  transition-property: opacity, -webkit-transform;\n  transition-property: transform, opacity;\n  transition-property: transform, opacity, -webkit-transform;\n  -webkit-transition-timing-function: var(--mds-modal-transition-outro-ease);\n  transition-timing-function: var(--mds-modal-transition-outro-ease);\n}\n\n:host([opened]:not([opened="false"]) ) .window,\n:host([opened]:not([opened="false"]) ) > ::slotted( [slot="window"] ) {\n  opacity: 1;\n  -webkit-transform: rotate(0) scale(1) translateY(0);\n  transform: rotate(0) scale(1) translateY(0);\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-timing-function: var(--mds-modal-transition-intro-ease);\n  transition-timing-function: var(--mds-modal-transition-intro-ease);\n}\n\n:host([position="bottom-left"]) {\n  -ms-flex-align: end;\n  align-items: flex-end;\n  -ms-flex-pack: start;\n  justify-content: flex-start;\n}\n\n:host([position="bottom"]) .window {\n  height: auto;\n  width: 100vw;\n}\n\n:host([position="bottom-left"][opened="false"]) > ::slotted( [slot="window"] ),\n:host([position="bottom-left"]:not([opened])) > ::slotted( [slot="window"] ) {\n  -webkit-transform: rotateX(22deg) rotateY(22deg) scale(0.5) translate(-80%, 80%);\n  transform: rotateX(22deg) rotateY(22deg) scale(0.5) translate(-80%, 80%);\n}\n\n:host([position="bottom-left"][opened="false"]) .window,\n:host([position="bottom-left"]:not([opened])) .window {\n  -webkit-transform: translate(0, 100%);\n  transform: translate(0, 100%);\n}\n\n:host([position="bottom-right"]) {\n  -ms-flex-align: end;\n  align-items: flex-end;\n  -ms-flex-pack: end;\n  justify-content: flex-end;\n}\n\n:host([position="bottom"]) .window {\n  height: auto;\n  width: 100vw;\n}\n\n:host([position="bottom-right"][opened="false"]) > ::slotted( [slot="window"] ),\n:host([position="bottom-right"]:not([opened])) > ::slotted( [slot="window"] ) {\n  -webkit-transform: rotateX(-22deg) rotateY(-22deg) scale(0.5) translate(80%, 80%);\n  transform: rotateX(-22deg) rotateY(-22deg) scale(0.5) translate(80%, 80%);\n}\n\n:host([position="bottom-right"][opened="false"]) .window,\n:host([position="bottom-right"]:not([opened])) .window {\n  -webkit-transform: translate(0, 100%);\n  transform: translate(0, 100%);\n}\n\n:host([position="bottom"]) {\n  -ms-flex-align: end;\n  align-items: flex-end;\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n:host([position="bottom"]) .window {\n  height: auto;\n  width: 100vw;\n}\n\n:host([position="bottom"][opened="false"]) > ::slotted( [slot="window"] ),\n:host([position="bottom"]:not([opened])) > ::slotted( [slot="window"] ) {\n  -webkit-transform: rotateX(22deg) rotateY(0) scale(0.5) translate(0, 80%);\n  transform: rotateX(22deg) rotateY(0) scale(0.5) translate(0, 80%);\n}\n\n:host([position="bottom"][opened="false"]) .window,\n:host([position="bottom"]:not([opened])) .window {\n  -webkit-transform: translate(0, 100%);\n  transform: translate(0, 100%);\n}\n\n:host([position="center"]) {\n  -ms-flex-align: center;\n  align-items: center;\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n:host([position="center"]) .window {\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n}\n\n:host([position="center"][opened="false"]) > ::slotted( [slot="window"] ),\n:host([position="center"]:not([opened])) > ::slotted( [slot="window"] ) {\n  -webkit-transform: rotateX(0) rotateY(22deg) scale(0.5) translate(0, 40%);\n  transform: rotateX(0) rotateY(22deg) scale(0.5) translate(0, 40%);\n}\n\n:host([position="center"][opened="false"]) .window,\n:host([position="center"]:not([opened])) .window {\n  -webkit-transform: rotateX(0) rotateY(0) scale(0.5) translate(0, 0);\n  transform: rotateX(0) rotateY(0) scale(0.5) translate(0, 0);\n}\n\n:host([position="left"]) {\n  -ms-flex-align: center;\n  align-items: center;\n  -ms-flex-pack: start;\n  justify-content: flex-start;\n}\n\n:host([position="left"]) .window {\n  height: 100dvh;\n  max-width: calc(100vw - 80px);\n}\n\n:host([position="left"][opened="false"]) > ::slotted( [slot="window"] ),\n:host([position="left"]:not([opened])) > ::slotted( [slot="window"] ) {\n  -webkit-transform: rotateX(0) rotateY(22deg) rotateZ(0) scale(0.5) translate(-100%, 0%);\n  transform: rotateX(0) rotateY(22deg) rotateZ(0) scale(0.5) translate(-100%, 0%);\n}\n\n:host([position="left"][opened="false"]) .window,\n:host([position="left"]:not([opened])) .window {\n  -webkit-transform: translate(-100%, 0%);\n  transform: translate(-100%, 0%);\n}\n\n:host([position="left"]) .action-close {\n  right: 0.75rem;\n  top: 0.75rem;\n  -webkit-transform: translateX(-120%) rotate(-45deg);\n  transform: translateX(-120%) rotate(-45deg);\n}\n\n:host([position="left"][opened]:not([opened="false"])) .action-close {\n  -webkit-transform: translateX(0);\n  transform: translateX(0);\n}\n\n:host([position="right"]) {\n  -ms-flex-align: center;\n  align-items: center;\n  -ms-flex-pack: end;\n  justify-content: flex-end;\n}\n\n:host([position="right"]) .window {\n  height: 100dvh;\n  max-width: calc(100vw - 80px);\n}\n\n:host([position="right"][opened="false"]) > ::slotted( [slot="window"] ),\n:host([position="right"]:not([opened])) > ::slotted( [slot="window"] ) {\n  -webkit-transform: rotateX(0) rotateY(-22deg) rotateZ(0) scale(0.5) translate(100%, 0%);\n  transform: rotateX(0) rotateY(-22deg) rotateZ(0) scale(0.5) translate(100%, 0%);\n}\n\n:host([position="right"][opened="false"]) .window,\n:host([position="right"]:not([opened])) .window {\n  -webkit-transform: translate(100%, 0%);\n  transform: translate(100%, 0%);\n}\n\n:host([position="right"]) .action-close {\n  left: 0.75rem;\n  top: 0.75rem;\n  -webkit-transform: translateX(120%) rotate(45deg);\n  transform: translateX(120%) rotate(45deg);\n}\n\n:host([position="right"][opened]:not([opened="false"])) .action-close {\n  -webkit-transform: translateX(0);\n  transform: translateX(0);\n}\n\n:host([position="top-left"]) {\n  -ms-flex-align: start;\n  align-items: flex-start;\n  -ms-flex-pack: start;\n  justify-content: flex-start;\n}\n\n:host([position="bottom"]) .window {\n  height: auto;\n  width: 100vw;\n}\n\n:host([position="top-left"][opened="false"]) > ::slotted( [slot="window"] ),\n:host([position="top-left"]:not([opened])) > ::slotted( [slot="window"] ) {\n  -webkit-transform: rotateX(22deg) rotateY(22deg) scale(0.5) translate(-80%, 80%);\n  transform: rotateX(22deg) rotateY(22deg) scale(0.5) translate(-80%, 80%);\n}\n\n:host([position="top-left"][opened="false"]) .window,\n:host([position="top-left"]:not([opened])) .window {\n  -webkit-transform: translate(0, -100%);\n  transform: translate(0, -100%);\n}\n\n:host([position="top-right"]) {\n  -ms-flex-align: start;\n  align-items: flex-start;\n  -ms-flex-pack: end;\n  justify-content: flex-end;\n}\n\n:host([position="bottom"]) .window {\n  height: auto;\n  width: 100vw;\n}\n\n:host([position="top-right"][opened="false"]) > ::slotted( [slot="window"] ),\n:host([position="top-right"]:not([opened])) > ::slotted( [slot="window"] ) {\n  -webkit-transform: rotateX(-22deg) rotateY(-22deg) scale(0.5) translate(80%, 80%);\n  transform: rotateX(-22deg) rotateY(-22deg) scale(0.5) translate(80%, 80%);\n}\n\n:host([position="top-right"][opened="false"]) .window,\n:host([position="top-right"]:not([opened])) .window {\n  -webkit-transform: translate(0, 100%);\n  transform: translate(0, 100%);\n}\n\n:host([position="top"]) {\n  -ms-flex-align: start;\n  align-items: flex-start;\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n:host([position="bottom"]) .window {\n  height: auto;\n  width: 100vw;\n}\n\n:host([position="top"][opened="false"]) > ::slotted( [slot="window"] ),\n:host([position="top"]:not([opened])) > ::slotted( [slot="window"] ) {\n  -webkit-transform: rotateX(-22deg) rotateY(0) scale(0.5) translate(0, -80%);\n  transform: rotateX(-22deg) rotateY(0) scale(0.5) translate(0, -80%);\n}\n\n:host([position="top"][opened="false"]) .window,\n:host([position="top"]:not([opened])) .window {\n  -webkit-transform: translate(0, -100%);\n  transform: translate(0, -100%);\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .action-close,\n  .window {\n    -webkit-transition-duration: 0s !important;\n    transition-duration: 0s !important;\n  }\n\n  :host {\n\n    --mds-modal-transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .action-close,\n    .window {\n      -webkit-transition-duration: 0s !important;\n      transition-duration: 0s !important;\n    }\n\n    :host {\n\n      --mds-modal-transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-modal-window-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 25px 50px -12px rgb(0 0 0 / 0.25);\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-modal-window-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 25px 50px -12px rgb(0 0 0 / 0.25);\n    }\n  }\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-modal-window-background: rgb(var(--tone-neutral-09));\n    --mds-modal-window-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3), 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-modal-window-background: rgb(var(--tone-neutral-09));\n      --mds-modal-window-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3), 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n    }\n  }\n}\n\n\n';var l=d;var m=n("mds_modal",function(){function n(n){var e=this;t(this,n);this.closeEvent=o(this,"mdsModalClose",7);this.hideEvent=o(this,"mdsModalHide",7);this.window=false;this.top=false;this.bottom=false;this.updateCSSCustomProps=function(){var n;var t=window.getComputedStyle(e.host);e.cssTransitionDuration=(n=t.getPropertyValue("--mds-modal-transition-duration"))!==null&&n!==void 0?n:"500"};this.stopIntroAnimationWindow=function(){e.animating="none";e.host.setAttribute("animating","none");clearTimeout(e.animationDelayTimeout)};this.stopOutroAnimationWindow=function(){e.animating="none";e.host.setAttribute("animating","none");e.hideEvent.emit();clearTimeout(e.animationDelayTimeout)};this.animateOpenWindow=function(){e.animating="intro";clearTimeout(e.animationDelayTimeout);e.animationDelayTimeout=setTimeout(e.stopIntroAnimationWindow.bind(e),r(e.cssTransitionDuration))};this.animateCloseWindow=function(){e.animating="outro";clearTimeout(e.animationDelayTimeout);e.animationDelayTimeout=setTimeout(e.stopOutroAnimationWindow.bind(e),r(e.cssTransitionDuration))};this.closeModal=function(n){var t;if(((t=n.target)===null||t===void 0?void 0:t.localName)!=="mds-modal"){return}e.opened=n.target!==n.currentTarget;if(!e.opened){e.closeEvent.emit()}};this.opened=false;this.position="center";this.animating="none"}n.prototype.componentWillLoad=function(){var n;this.bottom=this.host.querySelector('[slot="bottom"]')!==null;this.top=this.host.querySelector('[slot="top"]')!==null;this.window=this.host.querySelector('[slot="window"]')!==null;if(this.window){(n=this.host.querySelector('[slot="window"]'))===null||n===void 0?void 0:n.setAttribute("role","modal")}};n.prototype.componentWillRender=function(){this.animating=this.opened?"intro":"outro"};n.prototype.componentDidLoad=function(){this.updateCSSCustomProps()};n.prototype.handleOpenProp=function(n){if(n){this.animateOpenWindow();return}this.animateCloseWindow()};n.prototype.onModalCloseListener=function(){this.opened=false};n.prototype.onBannerCloseListener=function(){this.opened=false};n.prototype.render=function(){var n=this;return e(i,{key:"0affc28ca7bad26ba60ad836dfed7b77490d9858","aria-modal":a(this.opened?"true":"false"),onClick:function(t){n.closeModal(t)}},this.window?e("slot",{name:"window"}):e("div",{class:a("window",(this.top||this.bottom)&&"window-".concat(this.top?"-top":"").concat(this.bottom?"-bottom":"")),role:"dialog",part:"window"},this.top&&e("slot",{name:"top"}),e("slot",null),this.bottom&&e("slot",{name:"bottom"})),!this.window&&e("mds-button",{key:"bb4ace2cafc3eafefbc8729431a2a8172d8b318b",class:"action-close",icon:"mi/baseline/close",variant:"light",tone:"quiet",size:"xl",onClick:function(t){n.closeModal(t)}}))};Object.defineProperty(n.prototype,"host",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{opened:["handleOpenProp"]}},enumerable:false,configurable:true});return n}());m.style=l}}}));
+System.register(["./p-c94628eb.system.js","./p-d68089ba.system.js","./p-ae45d2b7.system.js"],(function(n){"use strict";var t,o,e,i,s,a,r;return{setters:[function(n){t=n.r;o=n.c;e=n.h;i=n.H;s=n.g},function(n){a=n.c},function(n){r=n.c}],execute:function(){var d='@-webkit-keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n @keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n /* included for focus effect */\n@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-modal-close-icon-color: Set the color of the close icon button to the top left.\n * @prop --mds-modal-overlay-color: Set the overlay color of the background when the component is opened, this property can be inherited from `globals.css` in `styles^8.0.0`.\n * @prop --mds-modal-overlay-opacity: Set the overlay color opacity of the background when the component is opened, this property can be inherited from `globals.css` in `styles^8.0.0`.\n * @prop --mds-modal-window-background: Set the background color of the window\n * @prop --mds-modal-window-overflow: Set the overflow of the window\n * @prop --mds-modal-window-shadow: Set the box shadow of the window\n * @prop --mds-modal-z-index: Set the z-index of the window when the component is opened\n */\n\n:host {\n\n  --mds-modal-overlay-color: var(--magma-overlay-color, 0 0 0);\n  --mds-modal-overlay-opacity: var(--magma-overlay-opacity, 0.5);\n  --mds-modal-transition-duration: 500ms;\n  --mds-modal-transition-intro-ease: cubic-bezier(0.19, 1, 0.22, 1);\n  --mds-modal-transition-outro-ease: cubic-bezier(0.86, 0, 0.07, 1);\n  --mds-modal-window-background: rgb(var(--tone-neutral));\n  --mds-modal-window-overflow: auto;\n  --mds-modal-window-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n  --mds-modal-z-index: var(--magma-modal-z-index);\n  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);\n  transition-timing-function: cubic-bezier(1, 0, 0, 1);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: rgba(var(--mds-modal-overlay-color) / 0);\n  display: -ms-flexbox;\n  display: flex;\n  fill: rgb(var(--tone-neutral));\n  inset: 0;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -webkit-perspective: 600px;\n  perspective: 600px;\n  pointer-events: none;\n  position: fixed;\n  -webkit-transition-duration: var(--mds-modal-transition-duration);\n  transition-duration: var(--mds-modal-transition-duration);\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n  z-index: var(--mds-modal-z-index, 1000);\n}\n\n:host( [position="top"] ) {\n  -ms-flex-align: start;\n  align-items: flex-start;\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n:host( [position="bottom"] ) {\n  -ms-flex-align: end;\n  align-items: flex-end;\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n.action-close {\n  border-radius: 100px;\n  opacity: 0;\n  pointer-events: none;\n  position: absolute;\n  -webkit-transition-duration: var(--mds-modal-transition-duration);\n  transition-duration: var(--mds-modal-transition-duration);\n  -webkit-transition-property: bottom, opacity, top, -webkit-transform;\n  transition-property: bottom, opacity, top, -webkit-transform;\n  transition-property: bottom, opacity, top, transform;\n  transition-property: bottom, opacity, top, transform, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);\n  transition-timing-function: cubic-bezier(1, 0, 0, 1);\n}\n\n:host([opened]:not([opened="false"])) .action-close {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.action-close::part(icon) {\n  height: 2.25rem;\n  width: 2.25rem;\n}\n\n.window {\n  gap: 0rem;\n\n  background-color: var(--mds-modal-window-background);\n  -webkit-box-shadow: var(--mds-modal-window-shadow);\n  box-shadow: var(--mds-modal-window-shadow);\n  display: grid;\n  grid-template-rows: 1fr;\n  overflow: var(--mds-modal-window-overflow);\n}\n\n.window--top {\n  grid-template-rows: auto 1fr;\n}\n\n.window--bottom {\n  grid-template-rows: 1fr auto;\n}\n\n.window--top-bottom {\n  grid-template-rows: auto 1fr auto;\n}\n\n:host {\n  padding: 2rem;\n}\n\n@media (max-width: 767px) {\n  :host {\n    padding: 1rem;\n  }\n}\n\n:host .window {\n  margin: -2rem;\n}\n\n@media (max-width: 767px) {\n  :host .window {\n    margin: -1rem;\n  }\n}\n\n:host .window {\n\n  -webkit-transition-delay: 0s, calc(var(--mds-modal-transition-duration) / 2);\n\n  transition-delay: 0s, calc(var(--mds-modal-transition-duration) / 2);\n}\n\n\n:host([opened]:not([opened="false"]) ) {\n  background-color: rgba(var(--mds-modal-overlay-color) / var(--mds-modal-overlay-opacity));\n  pointer-events: auto;\n}\n\n:host .window,\n:host > ::slotted( [slot="window"] ) {\n  opacity: 0;\n  -webkit-transition-duration: var(--mds-modal-transition-duration);\n  transition-duration: var(--mds-modal-transition-duration);\n  -webkit-transition-property: opacity, -webkit-transform;\n  transition-property: opacity, -webkit-transform;\n  transition-property: transform, opacity;\n  transition-property: transform, opacity, -webkit-transform;\n  -webkit-transition-timing-function: var(--mds-modal-transition-outro-ease);\n  transition-timing-function: var(--mds-modal-transition-outro-ease);\n}\n\n:host([opened]:not([opened="false"]) ) .window,\n:host([opened]:not([opened="false"]) ) > ::slotted( [slot="window"] ) {\n  opacity: 1;\n  -webkit-transform: rotate(0) scale(1) translateY(0);\n  transform: rotate(0) scale(1) translateY(0);\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-timing-function: var(--mds-modal-transition-intro-ease);\n  transition-timing-function: var(--mds-modal-transition-intro-ease);\n}\n\n:host([position="bottom-left"]) {\n  -ms-flex-align: end;\n  align-items: flex-end;\n  -ms-flex-pack: start;\n  justify-content: flex-start;\n}\n\n:host([position="bottom"]) .window {\n  height: auto;\n  width: 100vw;\n}\n\n:host([position="bottom-left"][opened="false"]) > ::slotted( [slot="window"] ),\n:host([position="bottom-left"]:not([opened])) > ::slotted( [slot="window"] ) {\n  -webkit-transform: rotateX(22deg) rotateY(22deg) scale(0.5) translate(-80%, 80%);\n  transform: rotateX(22deg) rotateY(22deg) scale(0.5) translate(-80%, 80%);\n}\n\n:host([position="bottom-left"][opened="false"]) .window,\n:host([position="bottom-left"]:not([opened])) .window {\n  -webkit-transform: translate(0, 100%);\n  transform: translate(0, 100%);\n}\n\n:host([position="bottom-right"]) {\n  -ms-flex-align: end;\n  align-items: flex-end;\n  -ms-flex-pack: end;\n  justify-content: flex-end;\n}\n\n:host([position="bottom"]) .window {\n  height: auto;\n  width: 100vw;\n}\n\n:host([position="bottom-right"][opened="false"]) > ::slotted( [slot="window"] ),\n:host([position="bottom-right"]:not([opened])) > ::slotted( [slot="window"] ) {\n  -webkit-transform: rotateX(-22deg) rotateY(-22deg) scale(0.5) translate(80%, 80%);\n  transform: rotateX(-22deg) rotateY(-22deg) scale(0.5) translate(80%, 80%);\n}\n\n:host([position="bottom-right"][opened="false"]) .window,\n:host([position="bottom-right"]:not([opened])) .window {\n  -webkit-transform: translate(0, 100%);\n  transform: translate(0, 100%);\n}\n\n:host([position="bottom"]) {\n  -ms-flex-align: end;\n  align-items: flex-end;\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n:host([position="bottom"]) .window {\n  height: auto;\n  width: 100vw;\n}\n\n:host([position="bottom"][opened="false"]) > ::slotted( [slot="window"] ),\n:host([position="bottom"]:not([opened])) > ::slotted( [slot="window"] ) {\n  -webkit-transform: rotateX(22deg) rotateY(0) scale(0.5) translate(0, 80%);\n  transform: rotateX(22deg) rotateY(0) scale(0.5) translate(0, 80%);\n}\n\n:host([position="bottom"][opened="false"]) .window,\n:host([position="bottom"]:not([opened])) .window {\n  -webkit-transform: translate(0, 100%);\n  transform: translate(0, 100%);\n}\n\n:host([position="center"]) {\n  -ms-flex-align: center;\n  align-items: center;\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n:host([position="center"]) .window {\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n}\n\n:host([position="center"][opened="false"]) > ::slotted( [slot="window"] ),\n:host([position="center"]:not([opened])) > ::slotted( [slot="window"] ) {\n  -webkit-transform: rotateX(0) rotateY(22deg) scale(0.5) translate(0, 40%);\n  transform: rotateX(0) rotateY(22deg) scale(0.5) translate(0, 40%);\n}\n\n:host([position="center"][opened="false"]) .window,\n:host([position="center"]:not([opened])) .window {\n  -webkit-transform: rotateX(0) rotateY(0) scale(0.5) translate(0, 0);\n  transform: rotateX(0) rotateY(0) scale(0.5) translate(0, 0);\n}\n\n:host([position="left"]) {\n  -ms-flex-align: center;\n  align-items: center;\n  -ms-flex-pack: start;\n  justify-content: flex-start;\n}\n\n:host([position="left"]) .window {\n  height: 100dvh;\n  max-width: calc(100vw - 80px);\n}\n\n:host([position="left"][opened="false"]) > ::slotted( [slot="window"] ),\n:host([position="left"]:not([opened])) > ::slotted( [slot="window"] ) {\n  -webkit-transform: rotateX(0) rotateY(22deg) rotateZ(0) scale(0.5) translate(-100%, 0%);\n  transform: rotateX(0) rotateY(22deg) rotateZ(0) scale(0.5) translate(-100%, 0%);\n}\n\n:host([position="left"][opened="false"]) .window,\n:host([position="left"]:not([opened])) .window {\n  -webkit-transform: translate(-100%, 0%);\n  transform: translate(-100%, 0%);\n}\n\n:host([position="left"]) .action-close {\n  right: 0.75rem;\n  top: 0.75rem;\n  -webkit-transform: translateX(-120%) rotate(-45deg);\n  transform: translateX(-120%) rotate(-45deg);\n}\n\n:host([position="left"][opened]:not([opened="false"])) .action-close {\n  -webkit-transform: translateX(0);\n  transform: translateX(0);\n}\n\n:host([position="right"]) {\n  -ms-flex-align: center;\n  align-items: center;\n  -ms-flex-pack: end;\n  justify-content: flex-end;\n}\n\n:host([position="right"]) .window {\n  height: 100dvh;\n  max-width: calc(100vw - 80px);\n}\n\n:host([position="right"][opened="false"]) > ::slotted( [slot="window"] ),\n:host([position="right"]:not([opened])) > ::slotted( [slot="window"] ) {\n  -webkit-transform: rotateX(0) rotateY(-22deg) rotateZ(0) scale(0.5) translate(100%, 0%);\n  transform: rotateX(0) rotateY(-22deg) rotateZ(0) scale(0.5) translate(100%, 0%);\n}\n\n:host([position="right"][opened="false"]) .window,\n:host([position="right"]:not([opened])) .window {\n  -webkit-transform: translate(100%, 0%);\n  transform: translate(100%, 0%);\n}\n\n:host([position="right"]) .action-close {\n  left: 0.75rem;\n  top: 0.75rem;\n  -webkit-transform: translateX(120%) rotate(45deg);\n  transform: translateX(120%) rotate(45deg);\n}\n\n:host([position="right"][opened]:not([opened="false"])) .action-close {\n  -webkit-transform: translateX(0);\n  transform: translateX(0);\n}\n\n:host([position="top-left"]) {\n  -ms-flex-align: start;\n  align-items: flex-start;\n  -ms-flex-pack: start;\n  justify-content: flex-start;\n}\n\n:host([position="bottom"]) .window {\n  height: auto;\n  width: 100vw;\n}\n\n:host([position="top-left"][opened="false"]) > ::slotted( [slot="window"] ),\n:host([position="top-left"]:not([opened])) > ::slotted( [slot="window"] ) {\n  -webkit-transform: rotateX(22deg) rotateY(22deg) scale(0.5) translate(-80%, 80%);\n  transform: rotateX(22deg) rotateY(22deg) scale(0.5) translate(-80%, 80%);\n}\n\n:host([position="top-left"][opened="false"]) .window,\n:host([position="top-left"]:not([opened])) .window {\n  -webkit-transform: translate(0, -100%);\n  transform: translate(0, -100%);\n}\n\n:host([position="top-right"]) {\n  -ms-flex-align: start;\n  align-items: flex-start;\n  -ms-flex-pack: end;\n  justify-content: flex-end;\n}\n\n:host([position="bottom"]) .window {\n  height: auto;\n  width: 100vw;\n}\n\n:host([position="top-right"][opened="false"]) > ::slotted( [slot="window"] ),\n:host([position="top-right"]:not([opened])) > ::slotted( [slot="window"] ) {\n  -webkit-transform: rotateX(-22deg) rotateY(-22deg) scale(0.5) translate(80%, 80%);\n  transform: rotateX(-22deg) rotateY(-22deg) scale(0.5) translate(80%, 80%);\n}\n\n:host([position="top-right"][opened="false"]) .window,\n:host([position="top-right"]:not([opened])) .window {\n  -webkit-transform: translate(0, 100%);\n  transform: translate(0, 100%);\n}\n\n:host([position="top"]) {\n  -ms-flex-align: start;\n  align-items: flex-start;\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n:host([position="bottom"]) .window {\n  height: auto;\n  width: 100vw;\n}\n\n:host([position="top"][opened="false"]) > ::slotted( [slot="window"] ),\n:host([position="top"]:not([opened])) > ::slotted( [slot="window"] ) {\n  -webkit-transform: rotateX(-22deg) rotateY(0) scale(0.5) translate(0, -80%);\n  transform: rotateX(-22deg) rotateY(0) scale(0.5) translate(0, -80%);\n}\n\n:host([position="top"][opened="false"]) .window,\n:host([position="top"]:not([opened])) .window {\n  -webkit-transform: translate(0, -100%);\n  transform: translate(0, -100%);\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .action-close,\n  .window {\n    -webkit-transition-duration: 0s !important;\n    transition-duration: 0s !important;\n  }\n\n  :host {\n\n    --mds-modal-transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .action-close,\n    .window {\n      -webkit-transition-duration: 0s !important;\n      transition-duration: 0s !important;\n    }\n\n    :host {\n\n      --mds-modal-transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-modal-window-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 25px 50px -12px rgb(0 0 0 / 0.25);\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-modal-window-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 25px 50px -12px rgb(0 0 0 / 0.25);\n    }\n  }\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-modal-window-background: rgb(var(--tone-neutral-09));\n    --mds-modal-window-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3), 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-modal-window-background: rgb(var(--tone-neutral-09));\n      --mds-modal-window-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3), 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n    }\n  }\n}\n\n\n';var l=d;var m=n("mds_modal",function(){function n(n){var e=this;t(this,n);this.closeEvent=o(this,"mdsModalClose",7);this.hideEvent=o(this,"mdsModalHide",7);this.window=false;this.top=false;this.bottom=false;this.updateCSSCustomProps=function(){var n;if(typeof window==="undefined")return;var t=window.getComputedStyle(e.host);e.cssTransitionDuration=(n=t.getPropertyValue("--mds-modal-transition-duration"))!==null&&n!==void 0?n:"500"};this.stopIntroAnimationWindow=function(){e.animating="none";e.host.setAttribute("animating","none");clearTimeout(e.animationDelayTimeout)};this.stopOutroAnimationWindow=function(){e.animating="none";e.host.setAttribute("animating","none");e.hideEvent.emit();clearTimeout(e.animationDelayTimeout)};this.animateOpenWindow=function(){e.animating="intro";clearTimeout(e.animationDelayTimeout);e.animationDelayTimeout=setTimeout(e.stopIntroAnimationWindow.bind(e),r(e.cssTransitionDuration))};this.animateCloseWindow=function(){e.animating="outro";clearTimeout(e.animationDelayTimeout);e.animationDelayTimeout=setTimeout(e.stopOutroAnimationWindow.bind(e),r(e.cssTransitionDuration))};this.closeModal=function(n){var t;if(((t=n.target)===null||t===void 0?void 0:t.localName)!=="mds-modal"){return}e.opened=n.target!==n.currentTarget;if(!e.opened){e.closeEvent.emit()}};this.opened=false;this.position="center";this.animating="none"}n.prototype.componentWillLoad=function(){var n;this.bottom=this.host.querySelector('[slot="bottom"]')!==null;this.top=this.host.querySelector('[slot="top"]')!==null;this.window=this.host.querySelector('[slot="window"]')!==null;if(this.window){(n=this.host.querySelector('[slot="window"]'))===null||n===void 0?void 0:n.setAttribute("role","dialog")}};n.prototype.componentWillRender=function(){this.animating=this.opened?"intro":"outro"};n.prototype.componentDidLoad=function(){this.updateCSSCustomProps()};n.prototype.handleOpenProp=function(n){if(n){this.animateOpenWindow();return}this.animateCloseWindow()};n.prototype.onModalCloseListener=function(){this.opened=false};n.prototype.onBannerCloseListener=function(){this.opened=false};n.prototype.render=function(){var n=this;return e(i,{key:"ba7ec18e9af6777448b0e24cc0a1297051e2d093","aria-modal":a(this.opened?"true":"false"),onClick:function(t){n.closeModal(t)}},this.window?e("slot",{name:"window"}):e("div",{class:a("window",(this.top||this.bottom)&&"window-".concat(this.top?"-top":"").concat(this.bottom?"-bottom":"")),role:"dialog",part:"window"},this.top&&e("slot",{name:"top"}),e("slot",null),this.bottom&&e("slot",{name:"bottom"})),!this.window&&e("mds-button",{key:"c355904cb21c36327fa02b9b15846e1ecb847fe1",class:"action-close",icon:"mi/baseline/close",variant:"light",tone:"quiet",size:"xl",onClick:function(t){n.closeModal(t)}}))};Object.defineProperty(n.prototype,"host",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{opened:["handleOpenProp"]}},enumerable:false,configurable:true});return n}());m.style=l}}}));

package/dist/magma-components/p-759c9af3.entry.js

@@ -0,0 +1 @@
+import{r as e,c as n,h as t,H as i,g as s}from"./p-eab621a7.js";const a=class{constructor(t){e(this,t),this.closedEvent=n(this,"mdsHeaderClose",7),this.relativeTresholdDown=0,this.relativePosition=0,this.relativeThresholdUp=0,this.sanitizedAppearance=["stripe"],this.appearanceThreshold=300,this.mobileMenu=()=>this.host.querySelector('[slot="menu"]'),this.headerBar=()=>this.host.querySelector("mds-header-bar"),this.close=()=>{this.isOpened=!1,this.closedEvent.emit({bar:this.headerBar()})},this.handleVisibility=()=>{if(this.autoHide){if(window.scrollY<this.autoHide)return this.visibility="visible",this.relativeThresholdUp=0,this.relativeTresholdDown=0,void(this.relativePosition=0);this.relativeTresholdDown-window.scrollY<=0&&(this.visibility="hidden",this.relativePosition=this.relativeTresholdDown),this.relativeThresholdUp-window.scrollY>=this.threshold&&(this.visibility="visible",this.relativeThresholdUp=window.scrollY,this.relativePosition=this.relativeThresholdUp),this.relativePosition<this.autoHide&&this.autoHide-window.scrollY<=0&&(this.visibility="hidden",this.relativePosition=this.autoHide),window.scrollY>this.relativeThresholdUp?this.relativeThresholdUp=window.scrollY:this.relativeTresholdDown=window.scrollY+this.threshold}},this.sanitizeAppearance=()=>{if(!this.appearanceSet)return[this.appearance];return this.appearanceSet.match(/\b(\w+)\b/g)||[this.appearance]},this.handleAppearance=()=>{var e,n;this.appearance=window.scrollY>=this.appearanceThreshold?null!==(e=this.sanitizedAppearance[1])&&void 0!==e?e:this.appearance:null!==(n=this.sanitizedAppearance[0])&&void 0!==n?n:this.appearance},this.handleScroll=()=>{"undefined"!=typeof window&&(this.autoHide&&this.handleVisibility(),this.sanitizedAppearance.length>1&&this.handleAppearance())},this.initScrollListener=()=>{window&&(this.sanitizedAppearance=this.sanitizeAppearance(),this.sanitizedAppearance[2]&&(this.appearanceThreshold=this.sanitizedAppearance[2]),this.relativeTresholdDown=this.threshold,window.addEventListener("scroll",this.handleScroll))},this.hasMenu=void 0,this.isOpened=void 0,this.appearance="stripe",this.appearanceSet=void 0,this.autoHide=void 0,this.menu="mobile",this.nav="desktop",this.threshold=1,this.visibility=void 0}disconnectedCallback(){window&&window.removeEventListener("scroll",this.handleScroll)}componentWillLoad(){this.hasMenu=null!==this.mobileMenu(),this.onMenuChangedHandler(this.hasMenu?this.menu:"none")}componentDidLoad(){this.initScrollListener()}onModalOpenedHandler(){this.isOpened=!0}onMenuChangedHandler(e){const n=this.headerBar();n&&n.setAttribute("menu",e)}onNavChangedHandler(e){const n=this.headerBar();n&&n.setAttribute("nav",e)}render(){return t(i,{key:"9595147f138d9d0e5abd37fe62687b6fcb9ae0fa"},t("slot",{key:"c14dbedd7b3e3a9b58ec7b32aaa3b65c35ce0308"}),this.hasMenu&&t("div",{key:"e9428c80b5cccadebcd7a82b66eb6fb35c80b039",class:"menu",part:"menu"},t("mds-modal",{key:"93ce4d76d087adff4982b0a74874c4ca2a25d432",class:"modal",opened:this.isOpened,onMdsModalClose:this.close,position:"right"},t("slot",{key:"ee8647c583f3203314da681e5b8aec4d15332157",name:"menu"}))))}get host(){return s(this)}static get watchers(){return{menu:["onMenuChangedHandler"],nav:["onNavChangedHandler"]}}};a.style='@tailwind utilities;\n\n/**\n * @prop --mds-header-color: Sets the text color of the header and the mobile toggler icon\n * @prop --mds-header-hidden-bar-translate-inline: Sets translateY value for the appearance inline `mds-header-bar` element\n * @prop --mds-header-hidden-bar-translate-stripe: Sets translateY value for the appearance stripe `mds-header-bar` element\n * @prop --mds-header-icon-color: Sets the color of the icon toggler\n * @prop --mds-header-z-index: Sets the z-index of the modal\n */\n\n:host {\n\n  --mds-header-color: rgb(var(--tone-neutral-02));\n  --mds-header-hidden-bar-translate-inline: translateY(-150%);\n  --mds-header-hidden-bar-translate-stripe: translateY(-110%);\n  --mds-header-icon-color: var(--mds-header-color, rgb(var(--tone-neutral-02)));\n  --mds-header-modal-icon-color: rgb(var(--tone-neutral));\n  --mds-header-z-index: var(--magma-header-z-index, 1000);\n\n  color: var(--mds-header-color);\n  fill: var(--mds-header-icon-color);\n  position: relative;\n  z-index: var(--mds-header-z-index);\n}\n\n.menu {\n  -ms-flex-align: center;\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.modal {\n\n  --mds-modal-close-icon-color: var(--mds-header-modal-icon-color);\n\n  z-index: var(--mds-header-z-index);\n}\n\n:host([appearance="inline"]) ::slotted(mds-header-bar){\n\n  margin-top: 1.5rem;\n\n  margin-bottom: 1.5rem;\n\n  max-width: 1280px;\n\n  border-radius: 0.5rem;\n\n  width: calc(100% - 3rem);\n}\n\n@media (max-width: 1023px){\n\n  :host([menu="desktop"]) .menu{\n\n    display: none;\n  }\n}\n\n@media (min-width: 1024px){\n\n  :host([menu="mobile"]) .menu{\n\n    display: none;\n  }\n}\n\n:host([menu="none"]) .menu {\n  display: none;\n}\n\n:host([visibility="hidden"][appearance="stripe"]) ::slotted(mds-header-bar) {\n  -webkit-transform: var(--mds-header-hidden-bar-translate-stripe);\n  transform: var(--mds-header-hidden-bar-translate-stripe);\n}\n\n:host([visibility="hidden"][appearance="inline"]) ::slotted(mds-header-bar) {\n  -webkit-transform: var(--mds-header-hidden-bar-translate-inline);\n  transform: var(--mds-header-hidden-bar-translate-inline);\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-header-modal-icon-color: rgb(var(--tone-neutral-01));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-header-modal-icon-color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n';export{a as mds_header}

package/dist/magma-components/{p-b5f501d2.system.entry.js → p-782313bb.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-369fc037.system.js"],(function(n){"use strict";var t,r,e;return{setters:[function(n){t=n.r;r=n.h;e=n.H}],execute:function(){var i="\n:host {\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  border-top: var(--mds-table-cell-border-width) solid var(--mds-table-cell-border-color);\n  display: table-row;\n  overflow: hidden;\n  -webkit-transition-property: border-color;\n  transition-property: border-color;\n}\n\n::slotted(mds-table-cell) {\n\n  --mds-table-cell-border-color: transparent;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n";var o=i;var a=n("mds_table_footer",function(){function n(n){t(this,n)}n.prototype.render=function(){return r(e,{key:"56ac800ab6645d1cc66d99994c52ed7acad7d847",role:"row"},r("slot",{key:"ab2a34d439db369640cfeff938a66b0b28d2fd90"}))};return n}());a.style=o}}}));
+System.register(["./p-c94628eb.system.js"],(function(n){"use strict";var t,r,e;return{setters:[function(n){t=n.r;r=n.h;e=n.H}],execute:function(){var i="\n:host {\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  border-top: var(--mds-table-cell-border-width) solid var(--mds-table-cell-border-color);\n  display: table-row;\n  overflow: hidden;\n  -webkit-transition-property: border-color;\n  transition-property: border-color;\n}\n\n::slotted(mds-table-cell) {\n\n  --mds-table-cell-border-color: transparent;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n";var o=i;var a=n("mds_table_footer",function(){function n(n){t(this,n)}n.prototype.render=function(){return r(e,{key:"56ac800ab6645d1cc66d99994c52ed7acad7d847",role:"row"},r("slot",{key:"ab2a34d439db369640cfeff938a66b0b28d2fd90"}))};return n}());a.style=o}}}));

package/dist/magma-components/p-7a7220e5.entry.js

@@ -0,0 +1 @@
+import{r as n,c as t,h as r,H as o,g as e}from"./p-eab621a7.js";import{m as i}from"./p-4252d906.js";import{s as a}from"./p-f00c93f4.js";import{K as s}from"./p-0f3e17bc.js";import{L as c}from"./p-c310b41f.js";import"./p-85aa8e05.js";const d={deleteLabel:"Αφαίρεση"},l={deleteLabel:"Remove"},b={deleteLabel:"Eliminar"},h={deleteLabel:"Rimuovi"},p=class{constructor(r){n(this,r),this.clickLabelEvent=t(this,"mdsChipClickLabel",7),this.deleteEvent=t(this,"mdsChipDelete",7),this.km=new s,this.t=new c({el:d,en:l,es:b,it:h}),this.handleClickableKeyboard=n=>{var t;if(n){const n=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".label");return this.km.addElement(n,"label"),void this.km.attachClickBehavior("label")}this.km.detachClickBehavior("label")},this.handleDeletableKeyboard=n=>{var t;if(n){const n=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".button-delete");return this.km.addElement(n,"delete"),void this.km.attachClickBehavior("delete")}this.km.detachClickBehavior("delete")},this.handleClickableElement=n=>{var t;const r=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".label");if(r){if(n)return a(r,"role","button"),void r.addEventListener("click",this.onClickLabelHandler.bind(this));r.removeAttribute("role"),r.removeEventListener("click",this.onClickLabelHandler.bind(this))}},this.handleDeletableElement=n=>{var t;const r=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".button-delete");r&&(n?r.addEventListener("click",this.onDeleteHandler.bind(this)):(r.removeAttribute("aria-hidden"),r.removeEventListener("click",this.onDeleteHandler.bind(this))))},this.language=void 0,this.clickable=void 0,this.deletable=void 0,this.disabled=!1,this.icon=void 0,this.label=void 0,this.selected=!1,this.selectable=!1,this.variant="primary",this.tone="strong"}async updateLang(){this.language=this.t.lang(this.host)}handleSelectableProp(n){n&&(this.clickable=!0)}handleClickableProp(n){this.handleClickableElement(n),this.handleClickableKeyboard(n)}handleDeletableProp(n){this.handleDeletableElement(n),this.handleDeletableKeyboard(n)}onClickLabelHandler(n){this.clickLabelEvent.emit({event:n,element:this.host}),this.selectable&&(this.selected=!this.selected)}onDeleteHandler(n){this.deleteEvent.emit({event:n,element:this.host})}componentWillLoad(){this.t.lang(this.host)}componentDidLoad(){this.clickable&&(this.handleClickableElement(!0),this.handleClickableKeyboard(!0)),this.deletable&&(this.handleDeletableElement(!0),this.handleDeletableKeyboard(!0))}disconnectedCallback(){this.km.detachClickBehavior("label"),this.km.detachClickBehavior("delete")}render(){return r(o,{key:"67d05d7b187efe97dd8127ff49c32356553500d2","aria-disabled":this.disabled?"true":"false"},this.icon&&r("div",{key:"10583c909ef3d3f346a65904c763cbc5582c1666","aria-hidden":"true",class:"icon-area"},r("mds-icon",{key:"5d6c3afd28d26951be06eaeee5a0b5414629b70f",class:"icon",name:this.icon})),r("mds-text",this.clickable?{class:"label label--interactive",tabindex:"0",typography:"caption",truncate:"word"}:{class:"label",typography:"caption",truncate:"word"},this.label),this.deletable&&r("mds-button",{key:"9a865e47188bd6433019e5ac0ca43c67d6495cec",class:"button-delete",icon:i,onClick:this.onDeleteHandler.bind(this),title:`${this.t.get("deleteLabel")} ${this.label}`,variant:"dark",tone:"quiet",size:"sm"}))}get host(){return e(this)}static get watchers(){return{selectable:["handleSelectableProp"],clickable:["handleClickableProp"],deletable:["handleDeletableProp"]}}};p.style='@-webkit-keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n\n@keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n\n@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-chip-background: Sets the `background-color` of the component\n * @prop --mds-chip-color: Sets the `color` of the component\n * @prop --mds-chip-icon-background: Sets the `background-color` of the icon\n * @prop --mds-chip-icon-background-selected: Sets the `background-color` color of the icon when the component is selected\n * @prop --mds-chip-icon-color: Sets the `fill` color of the icon of the component\n * @prop --mds-chip-opacity-disabled: Sets the `opacity` of the component when it\'s disabled\n * @prop --mds-chip-backgroud-selected: Sets the `background-color` of the component when it\'s selected\n * @prop --mds-chip-color-selected: Sets the `color` of the component when it\'s selected\n * @prop --mds-chip-icon-color-selected: Sets the `fill` color of the icon of the component when it\'s selected\n */\n\n:host {\n\n  /* --mds-chip-backgroud-selected: theme(\'colors.tone-neutral-08\');\n  --mds-chip-border-selected: theme(\'colors.variant-primary-04\');\n  --mds-chip-color-selected: theme(\'colors.tone-neutral-01\');\n  --mds-chip-icon-background-selected: theme(\'colors.variant-primary-04\');\n  --mds-chip-icon-color-selected: theme(\'colors.tone-neutral\'); */\n\n  --mds-chip-background: rgb(var(--tone-neutral));\n  --mds-chip-border: transparent;\n  --mds-chip-color: rgb(var(--tone-neutral-03));\n  --mds-chip-icon-background: rgb(var(--variant-primary-06));\n  --mds-chip-icon-color: rgb(var(--tone-neutral));\n  --mds-chip-opacity-disabled: var(--opacity-disabled, 0.5);\n  --mds-chip-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 3px 0 rgb(0 0 0 / 0.1);\n  height: 2.25rem;\n  gap: 0.375rem;\n  border-radius: 9999px;\n  padding-top: 0.375rem;\n  padding-bottom: 0.375rem;\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n  -webkit-transition-duration: 150ms;\n  transition-duration: 150ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: var(--mds-chip-background);\n  border: 2px solid var(--mds-chip-border);\n  -webkit-box-shadow: var(--mds-chip-shadow);\n  box-shadow: var(--mds-chip-shadow);\n  color: var(--mds-chip-color);\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -webkit-transition-property: background-color, border-color, color, opacity, -webkit-box-shadow;\n  transition-property: background-color, border-color, color, opacity, -webkit-box-shadow;\n  transition-property: background-color, border-color, box-shadow, color, opacity;\n  transition-property: background-color, border-color, box-shadow, color, opacity, -webkit-box-shadow;\n}\n\n\n:host( [disabled]:not([disabled="false"]) ) {\n  opacity: var(--mds-chip-opacity-disabled);\n  pointer-events: none;\n}\n\n.label {\n  border-radius: 9999px;\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  -ms-flex-positive: 1;\n\n  flex-grow: 1;\n  -webkit-text-decoration-color: transparent;\n  text-decoration-color: transparent;\n  -webkit-transition-property: color, outline, outline-offset, -webkit-text-decoration-color;\n  transition-property: color, outline, outline-offset, -webkit-text-decoration-color;\n  transition-property: color, text-decoration-color, outline, outline-offset;\n  transition-property: color, text-decoration-color, outline, outline-offset, -webkit-text-decoration-color;\n}\n\n:host( [clickable]:not([clickable="false"]) ) .label {\n  cursor: pointer;\n  text-decoration: underline;\n}\n\n:host( [clickable]:not([clickable="false"]) ) .label:hover {\n  -webkit-text-decoration-color: unset;\n  text-decoration-color: unset;\n}\n\n.label:first-child {\n  padding-left: 0.5rem;\n}\n\n.label:last-child {\n  padding-right: 0.5rem;\n}\n\n.label--interactive {\n    -webkit-animation-duration: var(--magma-outline-animation-duration, 1s);\n    animation-duration: var(--magma-outline-animation-duration, 1s);\n    -webkit-animation-fill-mode: forwards;\n    animation-fill-mode: forwards;\n    -webkit-animation-iteration-count: infinite;\n    animation-iteration-count: infinite;\n    -webkit-animation-name: focus-bounce;\n    animation-name: focus-bounce;\n    -webkit-animation-play-state: paused;\n    animation-play-state: paused;\n    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    outline: var(--magma-outline-blur);\n    -webkit-transition-duration: 200ms;\n    transition-duration: 200ms;\n    -webkit-transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;\n    -webkit-transition-timing-function: ease-in-out;\n    transition-timing-function: ease-in-out;\n  }\n\n.label--interactive:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n\n    z-index: 10;\n  }\n\n.icon-area {\n  height: 1.5rem;\n  width: 1.5rem;\n  -ms-flex-pack: center;\n  justify-content: center;\n  border-radius: 9999px;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: var(--mds-chip-icon-background);\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  -webkit-transition-duration: inherit;\n  transition-duration: inherit;\n  -webkit-transition-timing-function: inherit;\n  transition-timing-function: inherit;\n}\n\n.icon {\n  height: 1rem;\n  width: 1rem;\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n\n  fill: var(--mds-chip-icon-color);\n  -webkit-transition: fill;\n  transition: fill;\n}\n\n.button-delete {\n  border-radius: 100px;\n  height: auto;\n  padding: 0;\n}\n\n:host([variant="primary"][tone="strong"]) {\n\n  --mds-chip-background: rgb(var(--tone-neutral));\n  --mds-chip-border: transparent;\n  --mds-chip-color: rgb(var(--tone-neutral-03));\n  --mds-chip-icon-background: rgb(var(--variant-primary-05));\n  --mds-chip-icon-color: rgb(var(--tone-neutral));\n  --mds-chip-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 3px 0 rgb(0 0 0 / 0.1);\n}\n\n:host([variant="secondary"][tone="strong"]) {\n\n  --mds-chip-background: rgb(var(--tone-neutral));\n  --mds-chip-border: transparent;\n  --mds-chip-color: rgb(var(--tone-neutral-03));\n  --mds-chip-icon-background: rgb(var(--variant-secondary-05));\n  --mds-chip-icon-color: rgb(var(--tone-neutral));\n  --mds-chip-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 3px 0 rgb(0 0 0 / 0.1);\n}\n\n:host([variant="dark"][tone="strong"]) {\n\n  --mds-chip-background: rgb(var(--tone-neutral-04));\n  --mds-chip-border: transparent;\n  --mds-chip-color: rgb(var(--tone-neutral-03));\n  --mds-chip-icon-background: rgb(var(--tone-neutral-05));\n  --mds-chip-icon-color: rgb(var(--tone-neutral));\n  --mds-chip-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 3px 0 rgb(0 0 0 / 0.1);\n}\n\n:host([variant="info"][tone="strong"]) {\n\n  --mds-chip-background: rgb(var(--tone-neutral));\n  --mds-chip-border: transparent;\n  --mds-chip-color: rgb(var(--tone-neutral-03));\n  --mds-chip-icon-background: rgb(var(--status-info-05));\n  --mds-chip-icon-color: rgb(var(--tone-neutral));\n  --mds-chip-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 3px 0 rgb(0 0 0 / 0.1);\n}\n\n:host([variant="success"][tone="strong"]) {\n\n  --mds-chip-background: rgb(var(--tone-neutral));\n  --mds-chip-border: transparent;\n  --mds-chip-color: rgb(var(--tone-neutral-03));\n  --mds-chip-icon-background: rgb(var(--status-success-05));\n  --mds-chip-icon-color: rgb(var(--tone-neutral));\n  --mds-chip-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 3px 0 rgb(0 0 0 / 0.1);\n}\n\n:host([variant="warning"][tone="strong"]) {\n\n  --mds-chip-background: rgb(var(--tone-neutral));\n  --mds-chip-border: transparent;\n  --mds-chip-color: rgb(var(--tone-neutral-03));\n  --mds-chip-icon-background: rgb(var(--status-warning-05));\n  --mds-chip-icon-color: rgb(var(--tone-neutral));\n  --mds-chip-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 3px 0 rgb(0 0 0 / 0.1);\n}\n\n:host([variant="error"][tone="strong"]) {\n\n  --mds-chip-background: rgb(var(--tone-neutral));\n  --mds-chip-border: transparent;\n  --mds-chip-color: rgb(var(--tone-neutral-03));\n  --mds-chip-icon-background: rgb(var(--status-error-05));\n  --mds-chip-icon-color: rgb(var(--tone-neutral));\n  --mds-chip-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 3px 0 rgb(0 0 0 / 0.1);\n}\n\n\n:host([variant="primary"][tone="weak"]) {\n\n  --mds-chip-background: rgb(var(--variant-primary-09));\n  --mds-chip-border: transparent;\n  --mds-chip-color: rgb(var(--tone-neutral-03));\n  --mds-chip-icon-background: rgb(var(--variant-primary-04));\n  --mds-chip-icon-color: rgb(var(--tone-neutral));\n  --mds-chip-shadow: none;\n}\n\n:host([variant="secondary"][tone="weak"]) {\n\n  --mds-chip-background: rgb(var(--variant-secondary-09));\n  --mds-chip-border: transparent;\n  --mds-chip-color: rgb(var(--tone-neutral-03));\n  --mds-chip-icon-background: rgb(var(--variant-secondary-04));\n  --mds-chip-icon-color: rgb(var(--tone-neutral));\n  --mds-chip-shadow: none;\n}\n\n:host([variant="dark"][tone="weak"]) {\n\n  --mds-chip-background: rgb(var(--tone-neutral-08));\n  --mds-chip-border: transparent;\n  --mds-chip-color: rgb(var(--tone-neutral-03));\n  --mds-chip-icon-background: rgb(var(--tone-neutral-03));\n  --mds-chip-icon-color: rgb(var(--tone-neutral));\n  --mds-chip-shadow: none;\n}\n\n:host([variant="info"][tone="weak"]) {\n\n  --mds-chip-background: rgb(var(--status-info-09));\n  --mds-chip-border: transparent;\n  --mds-chip-color: rgb(var(--tone-neutral-03));\n  --mds-chip-icon-background: rgb(var(--status-info-04));\n  --mds-chip-icon-color: rgb(var(--tone-neutral));\n  --mds-chip-shadow: none;\n}\n\n:host([variant="success"][tone="weak"]) {\n\n  --mds-chip-background: rgb(var(--status-success-09));\n  --mds-chip-border: transparent;\n  --mds-chip-color: rgb(var(--tone-neutral-03));\n  --mds-chip-icon-background: rgb(var(--status-success-04));\n  --mds-chip-icon-color: rgb(var(--tone-neutral));\n  --mds-chip-shadow: none;\n}\n\n:host([variant="warning"][tone="weak"]) {\n\n  --mds-chip-background: rgb(var(--status-warning-09));\n  --mds-chip-border: transparent;\n  --mds-chip-color: rgb(var(--tone-neutral-03));\n  --mds-chip-icon-background: rgb(var(--status-warning-04));\n  --mds-chip-icon-color: rgb(var(--tone-neutral));\n  --mds-chip-shadow: none;\n}\n\n:host([variant="error"][tone="weak"]) {\n\n  --mds-chip-background: rgb(var(--status-error-09));\n  --mds-chip-border: transparent;\n  --mds-chip-color: rgb(var(--tone-neutral-03));\n  --mds-chip-icon-background: rgb(var(--status-error-04));\n  --mds-chip-icon-color: rgb(var(--tone-neutral));\n  --mds-chip-shadow: none;\n}\n\n:host([variant="primary"][selected]:not([selected="false"])) {\n\n  --mds-chip-border: rgb(var(--variant-primary-04));\n}\n\n:host([variant="secondary"][selected]:not([selected="false"])) {\n\n  --mds-chip-border: rgb(var(--variant-secondary-04));\n}\n\n:host([variant="dark"][selected]:not([selected="false"])) {\n\n  --mds-chip-border: rgb(var(--tone-neutral-05));\n}\n\n:host([variant="info"][selected]:not([selected="false"])) {\n\n  --mds-chip-border: rgb(var(--status-info-04));\n}\n\n:host([variant="success"][selected]:not([selected="false"])) {\n\n  --mds-chip-border: rgb(var(--status-success-04));\n}\n\n:host([variant="warning"][selected]:not([selected="false"])) {\n\n  --mds-chip-border: rgb(var(--status-warning-04));\n}\n\n:host([variant="error"][selected]:not([selected="false"])) {\n\n  --mds-chip-border: rgb(var(--status-error-04));\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .label,\n  .icon {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .label,\n    .icon {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-chip-background: rgb(var(--tone-neutral));\n    --mds-chip-color: rgb(var(--tone-neutral-02));\n    --mds-chip-icon-background-selected: rgb(var(--variant-primary-03));\n    --mds-chip-icon-color: rgb(var(--tone-neutral));\n    --mds-chip-opacity-disabled: var(--opacity-disabled, 0.6);\n    --mds-chip-backgroud-selected: rgb(var(--tone-neutral-09));\n    --mds-chip-color-selected: rgb(var(--tone-neutral-01));\n    --mds-chip-icon-color-selected: rgb(var(--tone-neutral));\n\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-chip-background: rgb(var(--tone-neutral));\n      --mds-chip-color: rgb(var(--tone-neutral-02));\n      --mds-chip-icon-background-selected: rgb(var(--variant-primary-03));\n      --mds-chip-icon-color: rgb(var(--tone-neutral));\n      --mds-chip-opacity-disabled: var(--opacity-disabled, 0.6);\n      --mds-chip-backgroud-selected: rgb(var(--tone-neutral-09));\n      --mds-chip-color-selected: rgb(var(--tone-neutral-01));\n      --mds-chip-icon-color-selected: rgb(var(--tone-neutral));\n\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n\n';export{p as mds_chip}

package/dist/magma-components/p-7ad5eeb3.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-c94628eb.system.js","./p-32f55263.system.js"],(function(t){"use strict";var i,e,s,d;return{setters:[function(t){i=t.r;e=t.h;s=t.H},function(t){d=t.h}],execute:function(){var l='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5c0-2.21-1.79-4-4-4z"/></svg>';var o="@tailwind components; @tailwind utilities; :host{--mds-help-tooltip-width:fit-content;--mds-help-tooltip-max-width:280px;--mds-help-tooltip-delay:0.25s;margin-left:0.25rem;color:rgb(var(--tone-neutral-03));cursor:help;display:-ms-inline-flexbox;display:inline-flex;fill:currentcolor;-ms-flex-pack:start;justify-content:flex-start;overflow:visible;position:relative}i{display:-ms-flexbox;display:flex}i svg{aspect-ratio:1/1;height:100%;width:100%}mds-tooltip{--mds-tooltip-delay:var(--mds-help-tooltip-delay);max-width:var(--mds-help-tooltip-max-width);min-width:var(--mds-help-tooltip-width)}mds-tooltip::part(text){max-width:var(--mds-help-tooltip-max-width);min-width:var(--mds-help-tooltip-width);width:var(--mds-help-tooltip-width)}mds-icon,i{height:1rem;width:1rem;fill:inherit}";var a=o;var h=t("mds_help",function(){function t(t){i(this,t);this.icon=undefined;this.autoPlacement=true;this.placement="top"}t.prototype.componentWillLoad=function(){this.id=d("mds-help")};t.prototype.render=function(){var t;return e(s,{key:"93b3a04a7919b2e5c0297e54a94ef40955a918d2"},e("mds-icon",{key:"4fc245e92c28392f5090b2d3025f1061e876e1cf",id:this.id,name:(t=this.icon)!==null&&t!==void 0?t:l}),e("mds-tooltip",{key:"bfad74ee1597eafc0d2ab21b37e16fcddf3d9cc8",placement:this.placement,autoPlacement:this.autoPlacement,strategy:"fixed",target:"#"+this.id},e("slot",{key:"d7cd7b45875df092dd2889fd6f77c086ae09a838"})))};return t}());h.style=a}}}));

package/dist/magma-components/p-7affff90.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-c94628eb.system.js","./p-d68089ba.system.js","./p-7631b414.system.js","./p-6803cf8d.system.js"],(function(i){"use strict";var t,n,e,o,a,s,r,c;return{setters:[function(i){t=i.r;n=i.c;e=i.h;o=i.H;a=i.g},function(i){s=i.c},function(i){r=i.m},function(i){c=i.K}],execute:function(){var l='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path d="M16.59 7.58 10 14.17l-2.59-2.58L6 13l4 4 8-8z"/>\n</svg>\n';var d='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm-9 14l-5-5l1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>';var m='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"/></svg>';var u='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/></svg>';var h='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5s5-2.24 5-5s-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8s8 3.58 8 8s-3.58 8-8 8z"/></svg>';var w='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8s8 3.58 8 8s-3.58 8-8 8z"/></svg>';var b={switch:{iconChecked:"",iconIndeterminate:"",iconUnchecked:""},checkbox:{iconChecked:d,iconIndeterminate:m,iconUnchecked:u},radio:{iconChecked:h,iconIndeterminate:"",iconUnchecked:w}};var p='@-webkit-keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@tailwind components; @tailwind utilities; :host{--mds-input-switch-animation-timing-adjust:1.4;--mds-input-switch-animation-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955);--mds-input-switch-duration:300ms;--mds-input-switch-icon-color-checked-disabled:rgb(var(--tone-neutral-06));--mds-input-switch-icon-color-checked:rgb(var(--variant-primary-04));--mds-input-switch-icon-color-indeterminate-disabled:rgb(var(--tone-neutral-05));--mds-input-switch-icon-color-indeterminate:rgb(var(--tone-neutral-05));--mds-input-switch-icon-color-unchecked-disabled:rgb(var(--tone-neutral-06));--mds-input-switch-icon-color-unchecked:rgb(var(--tone-neutral-06));--mds-input-switch-box-color-checked:rgb(var(--variant-primary-04));--mds-input-switch-box-color-disabled-checked:rgb(var(--tone-neutral-06));--mds-input-switch-box-color-disabled-unchecked:rgb(var(--tone-neutral-08));--mds-input-switch-box-color-unchecked:rgb(var(--tone-neutral-07));--mds-input-switch-box-padding-sm:0.25rem;--mds-input-switch-box-padding-md:0.25rem;--mds-input-switch-box-padding-lg:0.25rem;--mds-input-switch-toggle-color-checked:rgb(var(--tone-neutral));--mds-input-switch-toggle-color-disabled-checked:rgb(var(--tone-neutral));--mds-input-switch-toggle-color-disabled-unchecked:rgb(var(--tone-neutral-09));--mds-input-switch-toggle-color-unchecked:rgb(var(--tone-neutral-10));--mds-input-switch-toggle-size-sm:1rem;--mds-input-switch-toggle-size-md:1.5rem;--mds-input-switch-toggle-size-lg:2rem;--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked);--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-md);--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-md) * 2) + calc(var(--mds-input-switch-box-padding-md) * 2));--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-md);gap:0.5rem;-ms-flex-align:start;align-items:flex-start;display:-ms-inline-flexbox;display:inline-flex}.field{display:none}.label-icon{-webkit-animation-duration:var(--magma-outline-animation-duration, 1s);animation-duration:var(--magma-outline-animation-duration, 1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:focus-bounce;animation-name:focus-bounce;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);outline:var(--magma-outline-blur);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.label-icon:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.label-icon{-ms-flex-align:baseline;align-items:baseline;cursor:pointer;display:-ms-flexbox;display:flex;position:relative;-webkit-transition-property:outline-offset opacity;transition-property:outline-offset opacity}.label-icon:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.label-text{cursor:pointer;display:-ms-flexbox;display:flex}:host([type="switch"]) .label-text{-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center}.icon-explicit{fill:var(--mds-input-switch-icon-explicit-color);height:var(--mds-input-switch-toggle-size);width:var(--mds-input-switch-toggle-size)}.icon-typography-checked,.icon-typography-unchecked{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex}.icon-typography-checked{left:0rem;top:0rem;position:absolute}.icon-checked,.icon-unchecked{font-weight:400;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition-property:fill, -webkit-transform;transition-property:fill, -webkit-transform;transition-property:fill, transform;transition-property:fill, transform, -webkit-transform}.icon-unchecked{fill:var(--mds-input-switch-icon-color-unchecked);opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-duration:var(--mds-input-switch-duration);transition-duration:var(--mds-input-switch-duration)}.icon-checked{fill:var(--mds-input-switch-icon-color-checked);-webkit-transform:scale(0);transform:scale(0);-webkit-transition-duration:var(--mds-input-switch-duration);transition-duration:var(--mds-input-switch-duration)}:host([indeterminate]) .icon-checked{fill:var(--mds-input-switch-icon-color-indeterminate)}.switch-container{-webkit-animation-duration:var(--magma-outline-animation-duration, 1s);animation-duration:var(--magma-outline-animation-duration, 1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:focus-bounce;animation-name:focus-bounce;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);outline:var(--magma-outline-blur);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.switch-container:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.switch-container{border-radius:9999px;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-transition-property:width outline-offset opacity;transition-property:width outline-offset opacity;width:var(--mds-input-switch-toggle-container-size)}.switch-container:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.switch{border-radius:9999px;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);background-color:var(--mds-input-switch-box-color-unchecked);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;padding:var(--mds-input-switch-box-padding);-webkit-transition-duration:var(--mds-input-switch-duration);transition-duration:var(--mds-input-switch-duration);-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;width:var(--mds-input-switch-toggle-container-size)}.switch-toggle{border-radius:9999px;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:linear;transition-timing-function:linear;-ms-flex-align:center;align-items:center;-webkit-animation-duration:calc(var(--mds-input-switch-duration) * 1.5);animation-duration:calc(var(--mds-input-switch-duration) * 1.5);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:none;animation-name:none;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:var(--mds-input-switch-animation-timing-function);animation-timing-function:var(--mds-input-switch-animation-timing-function);background-color:var(--mds-input-switch-toggle-color-checked);-webkit-box-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);box-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);cursor:pointer;display:-ms-flexbox;display:flex;height:var(--mds-input-switch-toggle-size);-ms-flex-pack:center;justify-content:center;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;width:var(--mds-input-switch-toggle-size)}.field:disabled+.label-icon{cursor:default}.field:disabled+.label-icon+.label-text{cursor:default}.field:checked+.switch-container .switch{background-color:var(--mds-input-switch-box-color-checked)}.field:checked+.switch-container .switch-toggle{-webkit-animation-name:check;animation-name:check;-webkit-animation-play-state:initial;animation-play-state:initial;background-color:var(--mds-input-switch-toggle-color-checked)}.field:not(:checked)+.dirty .switch-toggle{-webkit-animation-name:uncheck;animation-name:uncheck;-webkit-animation-play-state:initial;animation-play-state:initial;background-color:var(--mds-input-switch-toggle-color-unchecked)}.field:disabled+.switch-container .switch{background-color:var(--mds-input-switch-box-color-disabled-unchecked)}.field:checked:disabled+.switch-container .switch{background-color:var(--mds-input-switch-box-color-disabled-checked)}.field:disabled+.switch-container .switch-toggle{background-color:var(--mds-input-switch-toggle-color-disabled-unchecked)}.field:checked:disabled+.switch-container .switch-toggle{background-color:var(--mds-input-switch-toggle-color-disabled-checked)}@-webkit-keyframes check{0%{-webkit-transform:translateX(0);transform:translateX(0);width:var(--mds-input-switch-toggle-size)}50%{-webkit-transform:translateX(0);transform:translateX(0);width:calc(var(--mds-input-switch-toggle-size) * var(--mds-input-switch-animation-timing-adjust))}100%{-webkit-transform:translateX(100%);transform:translateX(100%);width:var(--mds-input-switch-toggle-size)}}@keyframes check{0%{-webkit-transform:translateX(0);transform:translateX(0);width:var(--mds-input-switch-toggle-size)}50%{-webkit-transform:translateX(0);transform:translateX(0);width:calc(var(--mds-input-switch-toggle-size) * var(--mds-input-switch-animation-timing-adjust))}100%{-webkit-transform:translateX(100%);transform:translateX(100%);width:var(--mds-input-switch-toggle-size)}}@-webkit-keyframes uncheck{0%{-webkit-transform:translateX(100%);transform:translateX(100%);width:var(--mds-input-switch-toggle-size)}50%{-webkit-transform:translateX(0);transform:translateX(0);width:calc(var(--mds-input-switch-toggle-size) * var(--mds-input-switch-animation-timing-adjust))}100%{-webkit-transform:translateX(0);transform:translateX(0);width:var(--mds-input-switch-toggle-size)}}@keyframes uncheck{0%{-webkit-transform:translateX(100%);transform:translateX(100%);width:var(--mds-input-switch-toggle-size)}50%{-webkit-transform:translateX(0);transform:translateX(0);width:calc(var(--mds-input-switch-toggle-size) * var(--mds-input-switch-animation-timing-adjust))}100%{-webkit-transform:translateX(0);transform:translateX(0);width:var(--mds-input-switch-toggle-size)}}:host([explicit]:not([explicit="false"]) [checked]:not([checked="false"]) [disabled]){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked)}:host([explicit]:not([explicit="false"]) [checked]:not([checked="false"]) [disabled]:not([disabled="false"])){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked-disabled)}:host([explicit]:not([explicit="false"]) [checked] [disabled]){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-unchecked)}:host([explicit]:not([explicit="false"]) [disabled]:not([disabled="false"]) [checked]){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-unchecked-disabled)}.field:checked+.label-icon .icon-unchecked{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transition-duration:calc(var(--mds-input-switch-duration) * 2);transition-duration:calc(var(--mds-input-switch-duration) * 2)}.field:checked+.label-icon .icon-checked{-webkit-transform:scale(1);transform:scale(1);-webkit-transition-duration:calc(var(--mds-input-switch-duration) * 1.5);transition-duration:calc(var(--mds-input-switch-duration) * 1.5)}.field:disabled+.label-icon .icon-unchecked{fill:var(--mds-input-switch-icon-color-unchecked-disabled)}.field:disabled+.label-icon .icon-checked{fill:var(--mds-input-switch-icon-color-checked-disabled)}.indeterminate .field:disabled+.label-icon .icon-checked{fill:var(--mds-input-switch-icon-color-indeterminate-disabled)}:host([size="sm"]){--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-sm);--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-sm);--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-sm) * 2) + calc(var(--mds-input-switch-box-padding-sm) * 2))}:host([size="md"]){--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-md);--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-md);--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-md) * 2) + calc(var(--mds-input-switch-box-padding-md) * 2))}:host([size="lg"]){--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-lg);--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-lg);--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-lg) * 2) + calc(var(--mds-input-switch-box-padding-lg) * 2))}';var g=p;var f=i("mds_input_switch",function(){function i(i){var e=this;t(this,i);this.changeEvent=n(this,"mdsInputSwitchChange",7);if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}this.km=new c;this.uncheckSiblings=function(){var i=document.querySelectorAll('mds-input-switch[name="'.concat(e.name,'"]'));i.forEach((function(i){if(i!==e.host){i.checked=false}}))};this.handleInputOnChange=function(i){var t,n;var o=i.target.value;i.preventDefault();i.stopPropagation();var a=(t=e.host.shadowRoot)===null||t===void 0?void 0:t.getElementById("field");e.checked=a.checked;if(e.type==="radio"){e.uncheckSiblings()}e.changeEvent.emit({name:e.name,checked:e.checked,value:o});e.internals.setFormValue(e.checked?(n=e.value)!==null&&n!==void 0?n:null:null)};this.handleDirty=function(){e.dirty=true};this.checkFocusElement=function(){var i,t;switch(e.type){case"switch":e.km.removeElement("default");e.km.addElement((i=e.host.shadowRoot)===null||i===void 0?void 0:i.querySelector(".switch-container"),"switch");e.km.attachClickBehavior("switch");break;default:e.km.removeElement("switch");e.km.addElement((t=e.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".label-icon"),"default");e.km.attachClickBehavior("default")}};this.dirty=false;this.autofocus=undefined;this.checked=undefined;this.disabled=undefined;this.explicit=undefined;this.icon="";this.indeterminate=false;this.name="";this.size="md";this.type="switch";this.typography="detail";this.variant=undefined;this.value=""}i.prototype.componentDidLoad=function(){var i,t;this.label=(i=this.host.textContent)!==null&&i!==void 0?i:"";this.internals.setFormValue(this.checked?(t=this.value)!==null&&t!==void 0?t:null:null);this.checkFocusElement()};i.prototype.render=function(){var i=this;var t;var n=b[this.type],a=n.iconChecked,c=n.iconUnchecked,d=n.iconIndeterminate;var m=this.icon!==""?this.icon:a;return e(o,{key:"f9a223e37e15669ba5b8ed7e7f771c4445f24c15",onClick:this.handleDirty},e("input",{key:"3a3fe64406b9617e777fcb18ea02c8d32e71e7af",autoFocus:this.autofocus,checked:this.checked,class:"field",disabled:this.disabled,id:"field",indeterminate:this.indeterminate,name:this.name,onChange:function(t){return i.handleInputOnChange(t)},type:this.type==="switch"?"checkbox":this.type,value:(t=this.value)!==null&&t!==void 0?t:undefined}),this.type==="switch"?e("label",{htmlFor:"field",class:s("switch-container",this.dirty!==false&&"dirty"),tabindex:"0","aria-label":this.label},e("div",{class:"switch"},e("div",{class:"switch-toggle"},this.explicit&&e("mds-icon",{class:"icon-explicit",name:this.checked?l:r})))):e("label",{htmlFor:"field",class:"label-icon","aria-hidden":"true"},e("mds-text",{class:"icon-typography-unchecked",tag:"div",typography:this.typography,variant:this.variant},e("mds-icon",{class:"icon-unchecked",name:c})),e("mds-text",{class:"icon-typography-checked",tag:"div",typography:this.typography,variant:this.variant},e("mds-icon",{class:"icon-checked",name:s(this.indeterminate?d:m)}))),e("label",{key:"4f9a69c82ecc673d34a2de4119709b82f5836313",htmlFor:"field",class:"label-text"},e("mds-text",{key:"94b9e53c0ec630e477cbcada5d3c8342655b9dd9",typography:this.typography,variant:this.variant},e("slot",{key:"c4180e63473708002b9ccac0eb222c8194f4433a"}))))};Object.defineProperty(i,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"host",{get:function(){return a(this)},enumerable:false,configurable:true});return i}());f.style=g}}}));

package/dist/magma-components/p-810ba60f.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-c94628eb.system.js","./p-6803cf8d.system.js"],(function(n){"use strict";var t,o,e,a,i;return{setters:[function(n){t=n.r;o=n.h;e=n.H;a=n.g},function(n){i=n.K}],execute:function(){var r="@-webkit-keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n @keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n /* included for focus effect */\n@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-paginator-item-background-disabled: Sets the background-color of the item when is disabled\n * @prop --mds-paginator-item-background-hover: Sets the background-color of the item when the mouse is over it\n * @prop --mds-paginator-item-background-selected: Sets the background-color of the item when is selected\n * @prop --mds-paginator-item-background: Sets the background-color of the pages area and the item\n * @prop --mds-paginator-item-color-disabled: Sets the color of the item when is disabled\n * @prop --mds-paginator-item-color-hover: Sets the text color of the item when the mouse is over it\n * @prop --mds-paginator-item-color-selected: Sets the text color of the item when is selected\n * @prop --mds-paginator-item-color: Sets the text color of the component\n * @prop --mds-paginator-item-radius: Sets the border-radius of the component\n * @prop --mds-paginator-item-shadow-disabled: Sets the box-shadow of the item when is disabled\n * @prop --mds-paginator-item-shadow-hover: Sets the box-shadow of the item when the mouse is over it\n * @prop --mds-paginator-item-shadow-selected: Sets the box-shadow of the item when is selected\n * @prop --mds-paginator-item-shadow: Sets the box-shadow of the component\n * @prop --mds-paginator-item-size: Sets the height and the min-width of the paginator item\n */\n\n:host {\n\n  --mds-paginator-item-background-disabled: rgb(var(--tone-neutral-09));\n  --mds-paginator-item-background-hover: rgb(var(--tone-neutral-08));\n  --mds-paginator-item-background-selected: rgb(var(--variant-primary-03));\n  --mds-paginator-item-background: transparent;\n  --mds-paginator-item-color-disabled: rgb(var(--tone-neutral-06));\n  --mds-paginator-item-color-hover: rgb(var(--tone-neutral-02));\n  --mds-paginator-item-color-selected: rgb(var(--tone-neutral));\n  --mds-paginator-item-color: rgb(var(--tone-neutral-02));\n  --mds-paginator-item-radius: 200px;\n  --mds-paginator-item-shadow-disabled: none;\n  --mds-paginator-item-shadow-hover: none;\n  --mds-paginator-item-shadow-selected: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);\n  --mds-paginator-item-shadow: none;\n  --mds-paginator-item-size: 2.25rem;\n    -webkit-animation-duration: var(--magma-outline-animation-duration, 1s);\n    animation-duration: var(--magma-outline-animation-duration, 1s);\n    -webkit-animation-fill-mode: forwards;\n    animation-fill-mode: forwards;\n    -webkit-animation-iteration-count: infinite;\n    animation-iteration-count: infinite;\n    -webkit-animation-name: focus-bounce;\n    animation-name: focus-bounce;\n    -webkit-animation-play-state: paused;\n    animation-play-state: paused;\n    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    outline: var(--magma-outline-blur);\n    -webkit-transition-duration: 200ms;\n    transition-duration: 200ms;\n    -webkit-transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;\n    -webkit-transition-timing-function: ease-in-out;\n    transition-timing-function: ease-in-out;\n}\n\n:host:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n:host {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: var(--mds-paginator-item-background);\n  border-radius: var(--mds-paginator-item-radius);\n  -webkit-box-shadow: var(--mds-paginator-item-shadow);\n  box-shadow: var(--mds-paginator-item-shadow);\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  color: var(--mds-paginator-item-color);\n  cursor: pointer;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  height: var(--mds-paginator-item-size);\n  -ms-flex-pack: center;\n  justify-content: center;\n  min-width: var(--mds-paginator-item-size);\n  -webkit-transition-property: background-color, color, outline, outline-offset, -webkit-box-shadow;\n  transition-property: background-color, color, outline, outline-offset, -webkit-box-shadow;\n  transition-property: background-color, box-shadow, color, outline, outline-offset;\n  transition-property: background-color, box-shadow, color, outline, outline-offset, -webkit-box-shadow;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          -ms-user-select: none;\n          user-select: none;\n}\n\n:host(:focus-visible) {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n:host(:hover) {\n  background-color: var(--mds-paginator-item-background-hover);\n  -webkit-box-shadow: var(--mds-paginator-item-shadow-hover);\n  box-shadow: var(--mds-paginator-item-shadow-hover);\n  color: var(--mds-paginator-item-color-hover);\n  fill: var(--mds-paginator-item-color-hover);\n}\n\n:host([icon]) {\n  padding: 0rem;\n}\n\n:host([selected]) {\n  background-color: var(--mds-paginator-item-background-selected);\n  -webkit-box-shadow: var(--mds-paginator-item-shadow-selected);\n  box-shadow: var(--mds-paginator-item-shadow-selected);\n  color: var(--mds-paginator-item-color-selected);\n  fill: var(--mds-paginator-item-color-selected);\n  pointer-events: none;\n}\n\n:host([disabled]) {\n  background-color: var(--mds-paginator-item-background-disabled);\n  -webkit-box-shadow: var(--mds-paginator-item-shadow-disabled);\n  box-shadow: var(--mds-paginator-item-shadow-disabled);\n  color: var(--mds-paginator-item-color-disabled);\n  fill: var(--mds-paginator-item-color-disabled);\n  pointer-events: none;\n}\n\n.icon {\n  padding-left: 0rem;\n  padding-right: 0rem;\n\n  fill: currentcolor;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-paginator-item-background-disabled: rgb(var(--tone-neutral-09));\n    --mds-paginator-item-background-hover: rgb(var(--tone-neutral-08));\n    --mds-paginator-item-background-selected: rgb(var(--variant-primary-03));\n    --mds-paginator-item-background: transparent;\n    --mds-paginator-item-color-disabled: rgb(var(--tone-neutral-06));\n    --mds-paginator-item-color-hover: rgb(var(--tone-neutral-02));\n    --mds-paginator-item-color-selected: rgb(var(--tone-neutral));\n    --mds-paginator-item-color: rgb(var(--tone-neutral-02));\n    --mds-paginator-item-shadow-disabled: none;\n    --mds-paginator-item-shadow-hover: none;\n    --mds-paginator-item-shadow-selected: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);\n    --mds-paginator-item-shadow: none;\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-paginator-item-background-disabled: rgb(var(--tone-neutral-09));\n      --mds-paginator-item-background-hover: rgb(var(--tone-neutral-08));\n      --mds-paginator-item-background-selected: rgb(var(--variant-primary-03));\n      --mds-paginator-item-background: transparent;\n      --mds-paginator-item-color-disabled: rgb(var(--tone-neutral-06));\n      --mds-paginator-item-color-hover: rgb(var(--tone-neutral-02));\n      --mds-paginator-item-color-selected: rgb(var(--tone-neutral));\n      --mds-paginator-item-color: rgb(var(--tone-neutral-02));\n      --mds-paginator-item-shadow-disabled: none;\n      --mds-paginator-item-shadow-hover: none;\n      --mds-paginator-item-shadow-selected: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);\n      --mds-paginator-item-shadow: none;\n    }\n  }\n}\n\n";var s=r;var d=n("mds_paginator_item",function(){function n(n){var o=this;t(this,n);this.km=new i;this.disconnectedCallback=function(){o.km.detachClickBehavior()};this.icon=undefined;this.selected=undefined;this.disabled=undefined}n.prototype.componentDidLoad=function(){this.km.addElement(this.host);this.km.attachClickBehavior()};n.prototype.componentDidUpdate=function(){if(!this.disabled&&!this.selected){this.km.attachClickBehavior();return}this.km.detachClickBehavior()};n.prototype.render=function(){return o(e,{key:"ac7aae9e5e126c5da025f5ddee4000bae44d69e1",tabindex:"0"},this.icon!==undefined?o("mds-icon",{class:"icon",name:this.icon}):o("mds-text",{class:"text",typography:"caption"},o("b",null,o("slot",null))))};Object.defineProperty(n.prototype,"host",{get:function(){return a(this)},enumerable:false,configurable:true});return n}());d.style=s}}}));

package/dist/magma-components/{p-5ddef57f.entry.js → p-813176b0.entry.js}

@@ -1 +1 @@
-import{r as e,h as r,H as t}from"./p-b6defcb6.js";const d=class{constructor(r){e(this,r)}render(){return r(t,{key:"70bdb9e30591eb51d1bf009c38b9f2a58d9818af",slot:"content"},r("slot",{key:"84492f05472d505d00c4b82dabb70c535e656366"}))}};d.style=":host{gap:1rem;padding:1rem;display:grid;grid-template-columns:minmax(1fr, 100%)}";export{d as mds_card_content}
+import{r as e,h as r,H as t}from"./p-eab621a7.js";const a=class{constructor(r){e(this,r)}render(){return r(t,{key:"70bdb9e30591eb51d1bf009c38b9f2a58d9818af",slot:"content"},r("slot",{key:"84492f05472d505d00c4b82dabb70c535e656366"}))}};a.style=":host{gap:1rem;padding:1rem;display:grid;grid-template-columns:minmax(1fr, 100%)}";export{a as mds_card_content}

package/dist/magma-components/p-84a3bc2b.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-c94628eb.system.js","./p-d68089ba.system.js","./p-b26ef48a.system.js","./p-6803cf8d.system.js"],(function(n){"use strict";var e,t,i,a,o,r,s,d;return{setters:[function(n){e=n.r;t=n.c;i=n.h;a=n.H;o=n.g},function(n){r=n.c},function(n){s=n.m},function(n){d=n.K}],execute:function(){var c="@-webkit-keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n @keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n /* included for focus effect */\n@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-details-icon-color: Sets the icon color the component\n * @prop --mds-details-helper-icon-color: Sets icon color of the helper icon of the component\n */\n\n:host {\n\n  --mds-details-duration: 300ms;\n  --mds-details-icon-color: rgb(var(--variant-primary-04));\n  --mds-details-helper-icon-color: rgb(var(--tone-neutral-03));\n  gap: 0.5rem;\n\n  -ms-flex-align: start;\n\n  align-items: flex-start;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.content {\n  display: grid;\n}\n\n.details {\n  gap: 1rem;\n  padding-top: 0rem;\n  opacity: 0;\n\n  display: grid;\n  grid-template-rows: 0fr;\n  overflow: hidden;\n  pointer-events: none;\n  -webkit-transition-duration: var(--mds-details-duration);\n  transition-duration: var(--mds-details-duration);\n  -webkit-transition-property: grid-template-rows opacity padding;\n  transition-property: grid-template-rows opacity padding;\n  transition-property: grid-template-rows opacity padding, -ms-grid-rows opacity padding;\n}\n\n.content-expander {\n  gap: 1rem;\n\n  display: grid;\n  min-height: 0;\n}\n\n.details.opened {\n  padding-top: 1rem;\n\n  grid-template-rows: 1fr;\n  opacity: 1;\n  overflow: visible;\n  pointer-events: auto;\n}\n\n.header {\n  gap: 0.5rem;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n}\n\n.icon {\n  cursor: pointer;\n  fill: var(--mds-details-icon-color);\n}\n\n.title {\n  cursor: pointer;\n}\n\n.helper-icon {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.helper-icon svg {\n  aspect-ratio: 1/1;\n  height: 100%;\n  width: 100%;\n}\n\n.helper-icon {\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);\n  transition-timing-function: cubic-bezier(1, 0, 0, 1);\n\n  cursor: pointer;\n  fill: var(--mds-details-helper-icon-color);\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  rotate: 0deg;\n  -webkit-transition-property: -webkit-transform;\n  transition-property: -webkit-transform;\n  transition-property: transform;\n  transition-property: transform, -webkit-transform;\n}\n\n.helper-icon.opened {\n  rotate: 180deg;\n}\n\n.actions {\n  gap: 1rem;\n\n  display: -ms-flexbox;\n\n  display: flex;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-details-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n\n      --mds-details-duration: 0s;\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-details-icon-color: rgb(var(--variant-primary-03));\n    --mds-details-helper-icon-color: rgb(var(--tone-neutral-02));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-details-icon-color: rgb(var(--variant-primary-03));\n      --mds-details-helper-icon-color: rgb(var(--tone-neutral-02));\n    }\n  }\n}\n\n\n";var l=c;var f=n("mds_details",function(){function n(n){var i=this;e(this,n);this.changedEvent=t(this,"mdsDetailsChange",7);this.km=new d;this.toggle=function(){i.isOpened=!i.isOpened;i.changedEvent.emit(i.isOpened)};this.isOpened=undefined;this.opened=false}n.prototype.validateOpened=function(n){this.isOpened=n};n.prototype.componentWillLoad=function(){this.isOpened=this.opened};n.prototype.componentDidLoad=function(){var n;var e=(n=this.host.shadowRoot)===null||n===void 0?void 0:n.querySelector(".header");this.km.addElement(e);this.km.attachClickBehavior()};n.prototype.disconnectedCallback=function(){this.km.detachClickBehavior()};n.prototype.render=function(){return i(a,{key:"c8f6750b33c5d786b77e1d9bcce705257baf2791"},i("div",{key:"38b924ac2e866d9df4a63014fb0f55a475cf1ed9",class:"icon",onClick:this.toggle},i("slot",{key:"9fa95af9334e045d4eab9d76bbc897e3bc8e07f1",name:"icon"})),i("div",{key:"35d16f3dc812bdfe00e93b245ecc93ffcb7658b0",class:"content"},i("div",{key:"e6ec5d27945659db44fb94aba666081dd4347c67"},i("header",{key:"d926117aa4d02c7687905c5f1e6a2e0f4b54ae16",class:"header focus-bounce",tabindex:"0",onClick:this.toggle},i("div",{key:"b024a33ebaf85795fb0a17c63b331ff1261af16e",class:"title"},i("slot",{key:"f1098063d1755758584cd70ab8630cb04d4a4a8a",name:"title"})),i("i",{key:"6a67c8e51b9e93fcf085e5c4194d329a416d926d",class:r("helper-icon",this.isOpened&&"opened"),innerHTML:s}))),i("div",{key:"e0cc43de0d0a9928135b51a3d8f6658060a83c73",class:r("details",this.isOpened&&"opened")},i("div",{key:"a46acca93147806affe56226ba09f2b6edca73a9",class:"content-expander",part:"content"},i("slot",{key:"c4b9d83df0da5f34afd261339a016b10927b2196"}),i("div",{key:"7f4ea3f5b91faa7d29b0317032e3ea9ee39f26f6",class:"actions"},i("slot",{key:"e8437e8ff7bddacf3f3d17cedf77101cdb17da44",name:"action"}))))))};Object.defineProperty(n.prototype,"host",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{opened:["validateOpened"]}},enumerable:false,configurable:true});return n}());f.style=l}}}));

package/dist/magma-components/p-85aa8e05.js

@@ -0,0 +1 @@
+var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function o(e){throw new Error('Could not dynamically require "'+e+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.')}export{o as a,e as c}

package/dist/magma-components/p-85e7baee.entry.js

@@ -0,0 +1 @@
+import{r as i,c as t,h as n,H as o,g as e}from"./p-eab621a7.js";import{c as a}from"./p-8a1a6e56.js";import{m as s}from"./p-af30edf5.js";import{K as r}from"./p-0f3e17bc.js";const c={switch:{iconChecked:"",iconIndeterminate:"",iconUnchecked:""},checkbox:{iconChecked:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm-9 14l-5-5l1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>',iconIndeterminate:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"/></svg>',iconUnchecked:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/></svg>'},radio:{iconChecked:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5s5-2.24 5-5s-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8s8 3.58 8 8s-3.58 8-8 8z"/></svg>',iconIndeterminate:"",iconUnchecked:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8s8 3.58 8 8s-3.58 8-8 8z"/></svg>'}},l=class{constructor(n){i(this,n),this.changeEvent=t(this,"mdsInputSwitchChange",7),n.$hostElement$["s-ei"]?this.internals=n.$hostElement$["s-ei"]:(this.internals=n.$hostElement$.attachInternals(),n.$hostElement$["s-ei"]=this.internals),this.km=new r,this.uncheckSiblings=()=>{document.querySelectorAll(`mds-input-switch[name="${this.name}"]`).forEach((i=>{i!==this.host&&(i.checked=!1)}))},this.handleInputOnChange=i=>{var t,n;const{value:o}=i.target;i.preventDefault(),i.stopPropagation();const e=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.getElementById("field");this.checked=e.checked,"radio"===this.type&&this.uncheckSiblings(),this.changeEvent.emit({name:this.name,checked:this.checked,value:o}),this.internals.setFormValue(this.checked&&null!==(n=this.value)&&void 0!==n?n:null)},this.handleDirty=()=>{this.dirty=!0},this.checkFocusElement=()=>{var i,t;"switch"===this.type?(this.km.removeElement("default"),this.km.addElement(null===(i=this.host.shadowRoot)||void 0===i?void 0:i.querySelector(".switch-container"),"switch"),this.km.attachClickBehavior("switch")):(this.km.removeElement("switch"),this.km.addElement(null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".label-icon"),"default"),this.km.attachClickBehavior("default"))},this.dirty=!1,this.autofocus=void 0,this.checked=void 0,this.disabled=void 0,this.explicit=void 0,this.icon="",this.indeterminate=!1,this.name="",this.size="md",this.type="switch",this.typography="detail",this.variant=void 0,this.value=""}componentDidLoad(){var i,t;this.label=null!==(i=this.host.textContent)&&void 0!==i?i:"",this.internals.setFormValue(this.checked&&null!==(t=this.value)&&void 0!==t?t:null),this.checkFocusElement()}render(){var i;const{iconChecked:t,iconUnchecked:e,iconIndeterminate:r}=c[this.type],l=""!==this.icon?this.icon:t;return n(o,{key:"f9a223e37e15669ba5b8ed7e7f771c4445f24c15",onClick:this.handleDirty},n("input",{key:"3a3fe64406b9617e777fcb18ea02c8d32e71e7af",autoFocus:this.autofocus,checked:this.checked,class:"field",disabled:this.disabled,id:"field",indeterminate:this.indeterminate,name:this.name,onChange:i=>this.handleInputOnChange(i),type:"switch"===this.type?"checkbox":this.type,value:null!==(i=this.value)&&void 0!==i?i:void 0}),"switch"===this.type?n("label",{htmlFor:"field",class:a("switch-container",!1!==this.dirty&&"dirty"),tabindex:"0","aria-label":this.label},n("div",{class:"switch"},n("div",{class:"switch-toggle"},this.explicit&&n("mds-icon",{class:"icon-explicit",name:this.checked?'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path d="M16.59 7.58 10 14.17l-2.59-2.58L6 13l4 4 8-8z"/>\n</svg>\n':s})))):n("label",{htmlFor:"field",class:"label-icon","aria-hidden":"true"},n("mds-text",{class:"icon-typography-unchecked",tag:"div",typography:this.typography,variant:this.variant},n("mds-icon",{class:"icon-unchecked",name:e})),n("mds-text",{class:"icon-typography-checked",tag:"div",typography:this.typography,variant:this.variant},n("mds-icon",{class:"icon-checked",name:a(this.indeterminate?r:l)}))),n("label",{key:"4f9a69c82ecc673d34a2de4119709b82f5836313",htmlFor:"field",class:"label-text"},n("mds-text",{key:"94b9e53c0ec630e477cbcada5d3c8342655b9dd9",typography:this.typography,variant:this.variant},n("slot",{key:"c4180e63473708002b9ccac0eb222c8194f4433a"}))))}static get formAssociated(){return!0}get host(){return e(this)}};l.style='@-webkit-keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@tailwind components; @tailwind utilities; :host{--mds-input-switch-animation-timing-adjust:1.4;--mds-input-switch-animation-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955);--mds-input-switch-duration:300ms;--mds-input-switch-icon-color-checked-disabled:rgb(var(--tone-neutral-06));--mds-input-switch-icon-color-checked:rgb(var(--variant-primary-04));--mds-input-switch-icon-color-indeterminate-disabled:rgb(var(--tone-neutral-05));--mds-input-switch-icon-color-indeterminate:rgb(var(--tone-neutral-05));--mds-input-switch-icon-color-unchecked-disabled:rgb(var(--tone-neutral-06));--mds-input-switch-icon-color-unchecked:rgb(var(--tone-neutral-06));--mds-input-switch-box-color-checked:rgb(var(--variant-primary-04));--mds-input-switch-box-color-disabled-checked:rgb(var(--tone-neutral-06));--mds-input-switch-box-color-disabled-unchecked:rgb(var(--tone-neutral-08));--mds-input-switch-box-color-unchecked:rgb(var(--tone-neutral-07));--mds-input-switch-box-padding-sm:0.25rem;--mds-input-switch-box-padding-md:0.25rem;--mds-input-switch-box-padding-lg:0.25rem;--mds-input-switch-toggle-color-checked:rgb(var(--tone-neutral));--mds-input-switch-toggle-color-disabled-checked:rgb(var(--tone-neutral));--mds-input-switch-toggle-color-disabled-unchecked:rgb(var(--tone-neutral-09));--mds-input-switch-toggle-color-unchecked:rgb(var(--tone-neutral-10));--mds-input-switch-toggle-size-sm:1rem;--mds-input-switch-toggle-size-md:1.5rem;--mds-input-switch-toggle-size-lg:2rem;--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked);--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-md);--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-md) * 2) + calc(var(--mds-input-switch-box-padding-md) * 2));--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-md);gap:0.5rem;-ms-flex-align:start;align-items:flex-start;display:-ms-inline-flexbox;display:inline-flex}.field{display:none}.label-icon{-webkit-animation-duration:var(--magma-outline-animation-duration, 1s);animation-duration:var(--magma-outline-animation-duration, 1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:focus-bounce;animation-name:focus-bounce;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);outline:var(--magma-outline-blur);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.label-icon:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.label-icon{-ms-flex-align:baseline;align-items:baseline;cursor:pointer;display:-ms-flexbox;display:flex;position:relative;-webkit-transition-property:outline-offset opacity;transition-property:outline-offset opacity}.label-icon:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.label-text{cursor:pointer;display:-ms-flexbox;display:flex}:host([type="switch"]) .label-text{-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center}.icon-explicit{fill:var(--mds-input-switch-icon-explicit-color);height:var(--mds-input-switch-toggle-size);width:var(--mds-input-switch-toggle-size)}.icon-typography-checked,.icon-typography-unchecked{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex}.icon-typography-checked{left:0rem;top:0rem;position:absolute}.icon-checked,.icon-unchecked{font-weight:400;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition-property:fill, -webkit-transform;transition-property:fill, -webkit-transform;transition-property:fill, transform;transition-property:fill, transform, -webkit-transform}.icon-unchecked{fill:var(--mds-input-switch-icon-color-unchecked);opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-duration:var(--mds-input-switch-duration);transition-duration:var(--mds-input-switch-duration)}.icon-checked{fill:var(--mds-input-switch-icon-color-checked);-webkit-transform:scale(0);transform:scale(0);-webkit-transition-duration:var(--mds-input-switch-duration);transition-duration:var(--mds-input-switch-duration)}:host([indeterminate]) .icon-checked{fill:var(--mds-input-switch-icon-color-indeterminate)}.switch-container{-webkit-animation-duration:var(--magma-outline-animation-duration, 1s);animation-duration:var(--magma-outline-animation-duration, 1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:focus-bounce;animation-name:focus-bounce;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);outline:var(--magma-outline-blur);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.switch-container:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.switch-container{border-radius:9999px;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-transition-property:width outline-offset opacity;transition-property:width outline-offset opacity;width:var(--mds-input-switch-toggle-container-size)}.switch-container:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.switch{border-radius:9999px;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);background-color:var(--mds-input-switch-box-color-unchecked);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;padding:var(--mds-input-switch-box-padding);-webkit-transition-duration:var(--mds-input-switch-duration);transition-duration:var(--mds-input-switch-duration);-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;width:var(--mds-input-switch-toggle-container-size)}.switch-toggle{border-radius:9999px;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:linear;transition-timing-function:linear;-ms-flex-align:center;align-items:center;-webkit-animation-duration:calc(var(--mds-input-switch-duration) * 1.5);animation-duration:calc(var(--mds-input-switch-duration) * 1.5);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:none;animation-name:none;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:var(--mds-input-switch-animation-timing-function);animation-timing-function:var(--mds-input-switch-animation-timing-function);background-color:var(--mds-input-switch-toggle-color-checked);-webkit-box-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);box-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);cursor:pointer;display:-ms-flexbox;display:flex;height:var(--mds-input-switch-toggle-size);-ms-flex-pack:center;justify-content:center;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;width:var(--mds-input-switch-toggle-size)}.field:disabled+.label-icon{cursor:default}.field:disabled+.label-icon+.label-text{cursor:default}.field:checked+.switch-container .switch{background-color:var(--mds-input-switch-box-color-checked)}.field:checked+.switch-container .switch-toggle{-webkit-animation-name:check;animation-name:check;-webkit-animation-play-state:initial;animation-play-state:initial;background-color:var(--mds-input-switch-toggle-color-checked)}.field:not(:checked)+.dirty .switch-toggle{-webkit-animation-name:uncheck;animation-name:uncheck;-webkit-animation-play-state:initial;animation-play-state:initial;background-color:var(--mds-input-switch-toggle-color-unchecked)}.field:disabled+.switch-container .switch{background-color:var(--mds-input-switch-box-color-disabled-unchecked)}.field:checked:disabled+.switch-container .switch{background-color:var(--mds-input-switch-box-color-disabled-checked)}.field:disabled+.switch-container .switch-toggle{background-color:var(--mds-input-switch-toggle-color-disabled-unchecked)}.field:checked:disabled+.switch-container .switch-toggle{background-color:var(--mds-input-switch-toggle-color-disabled-checked)}@-webkit-keyframes check{0%{-webkit-transform:translateX(0);transform:translateX(0);width:var(--mds-input-switch-toggle-size)}50%{-webkit-transform:translateX(0);transform:translateX(0);width:calc(var(--mds-input-switch-toggle-size) * var(--mds-input-switch-animation-timing-adjust))}100%{-webkit-transform:translateX(100%);transform:translateX(100%);width:var(--mds-input-switch-toggle-size)}}@keyframes check{0%{-webkit-transform:translateX(0);transform:translateX(0);width:var(--mds-input-switch-toggle-size)}50%{-webkit-transform:translateX(0);transform:translateX(0);width:calc(var(--mds-input-switch-toggle-size) * var(--mds-input-switch-animation-timing-adjust))}100%{-webkit-transform:translateX(100%);transform:translateX(100%);width:var(--mds-input-switch-toggle-size)}}@-webkit-keyframes uncheck{0%{-webkit-transform:translateX(100%);transform:translateX(100%);width:var(--mds-input-switch-toggle-size)}50%{-webkit-transform:translateX(0);transform:translateX(0);width:calc(var(--mds-input-switch-toggle-size) * var(--mds-input-switch-animation-timing-adjust))}100%{-webkit-transform:translateX(0);transform:translateX(0);width:var(--mds-input-switch-toggle-size)}}@keyframes uncheck{0%{-webkit-transform:translateX(100%);transform:translateX(100%);width:var(--mds-input-switch-toggle-size)}50%{-webkit-transform:translateX(0);transform:translateX(0);width:calc(var(--mds-input-switch-toggle-size) * var(--mds-input-switch-animation-timing-adjust))}100%{-webkit-transform:translateX(0);transform:translateX(0);width:var(--mds-input-switch-toggle-size)}}:host([explicit]:not([explicit="false"]) [checked]:not([checked="false"]) [disabled]){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked)}:host([explicit]:not([explicit="false"]) [checked]:not([checked="false"]) [disabled]:not([disabled="false"])){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked-disabled)}:host([explicit]:not([explicit="false"]) [checked] [disabled]){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-unchecked)}:host([explicit]:not([explicit="false"]) [disabled]:not([disabled="false"]) [checked]){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-unchecked-disabled)}.field:checked+.label-icon .icon-unchecked{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transition-duration:calc(var(--mds-input-switch-duration) * 2);transition-duration:calc(var(--mds-input-switch-duration) * 2)}.field:checked+.label-icon .icon-checked{-webkit-transform:scale(1);transform:scale(1);-webkit-transition-duration:calc(var(--mds-input-switch-duration) * 1.5);transition-duration:calc(var(--mds-input-switch-duration) * 1.5)}.field:disabled+.label-icon .icon-unchecked{fill:var(--mds-input-switch-icon-color-unchecked-disabled)}.field:disabled+.label-icon .icon-checked{fill:var(--mds-input-switch-icon-color-checked-disabled)}.indeterminate .field:disabled+.label-icon .icon-checked{fill:var(--mds-input-switch-icon-color-indeterminate-disabled)}:host([size="sm"]){--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-sm);--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-sm);--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-sm) * 2) + calc(var(--mds-input-switch-box-padding-sm) * 2))}:host([size="md"]){--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-md);--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-md);--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-md) * 2) + calc(var(--mds-input-switch-box-padding-md) * 2))}:host([size="lg"]){--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-lg);--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-lg);--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-lg) * 2) + calc(var(--mds-input-switch-box-padding-lg) * 2))}';export{l as mds_input_switch}