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

package/dist/magma-components/p-a44d3db9.entry.js

@@ -0,0 +1 @@
+import{r as e,h as r,H as s}from"./p-eab621a7.js";const a=class{constructor(r){e(this,r)}render(){return r(s,{key:"16ebaa24a0bdf2be41d7f56123f7c6715854eb24",role:"list"},r("slot",{key:"637993685633cb101f4ec188160be16cdbc7b60b"}))}};a.style=":host{gap:1rem;padding-left:1rem;display:grid}ul{margin:0rem;padding:0rem}";export{a as mds_list}

package/dist/magma-components/p-a47aae12.entry.js

@@ -0,0 +1 @@
+import{r as n,h as t,H as a}from"./p-eab621a7.js";const i=class{constructor(t){n(this,t),this.typography="detail",this.variant="info",this.icon=void 0}render(){var n;return t(a,{key:"3f67b8ddd50a76c5647ad78856b9a65c65b55820",role:"listitem"},t("mds-icon",{key:"f6b2abd54a12676084a41d42d4afa01095562bc4","aria-hidden":"true",class:"icon",name:null!==(n=this.icon)&&void 0!==n?n:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path d="M12 17a5 5 0 1 0 0-10 5 5 0 0 0 0 10"/>\n</svg>\n',part:"icon"}),t("mds-text",{key:"003bb421b298448196234fc3800df6be64a1416c",tag:"span",typography:this.typography,variant:this.variant,part:"text"},t("slot",{key:"ccbb7248d908cc77497aa0b58894ea896bbb9e51"})))}};i.style='@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-list-item-icon-margin: Sets the margin of the component\'s icon\n */\n\n:host {\n\n  --mds-list-item-icon-margin: 0 0.5rem 0 0;\n\n  width: 100%;\n\n  -ms-flex-align: start;\n\n  align-items: flex-start;\n  color: rgb(var(--tone-neutral-03));\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: start;\n  justify-content: flex-start;\n}\n\n.icon{\n\n  height: 1.5rem;\n\n  width: 1.5rem;\n\n  fill: currentcolor;\n  margin: var(--mds-list-item-icon-margin);\n}\n\n:host([typography="paragraph"]) {\n\n  --mds-list-item-icon-margin: 0.25rem 0.5rem 0 0;\n}\n\n:host([typography="caption"]) {\n\n  --mds-list-item-icon-margin: -0.125rem 0.5rem 0 0;\n}\n\n:host([typography="label"]),\n:host([typography="tip"]) {\n\n  --mds-list-item-icon-margin: -0.25rem 0.5rem 0 0;\n}\n\n:host([typography="option"]) {\n\n  --mds-list-item-icon-margin: -0.5rem 0.5rem 0 0;\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';export{i as mds_list_item}

package/dist/magma-components/p-a4fc1b0b.entry.js

@@ -0,0 +1 @@
+import{r as t,h as n,H as o,g as r}from"./p-eab621a7.js";import{b as e,o as a,f as i,s,d,c as p,a as l}from"./p-3213bed3.js";const h=class{constructor(n){t(this,n),this.arrowPadding=4,this.handleVisibility=t=>{this.visible=t,this.visible&&this.updatePosition()},this.arrowInset=(t,n)=>{const{arrow:o}=t,r={bottom:"",left:"",right:"",top:""};if(void 0===o)return{};switch(n){case"bottom":r.left=null!==o.x?`${o.x}px`:"",r.top="100%";break;case"left":r.right="100%",r.top=null!==o.y?`${o.y}px`:"";break;case"right":r.left="100%",r.top=null!==o.y?`${o.y}px`:"";break;case"top":r.left=null!==o.x?`${o.x}px`:""}return r},this.arrowTransform=t=>{let n=this.arrow&&this.visible?"scale(1)":"scale(0)";switch(t){case"bottom":n=`rotate(180deg) ${n} translate(0, -100%)`;break;case"left":n=`rotate(-90deg) ${n} translate(50%, -50%)`;break;case"right":n=`rotate(90deg) ${n} translate(-50%, -50%)`;break;case"top":n=`rotate(0deg) ${n} translate(0, 0)`}return{transform:n}},this.arrowTransformOrigin=t=>{switch(t){case"bottom":default:return{transformOrigin:"center top"};case"left":return{transformOrigin:"right center"};case"right":return{transformOrigin:"left center"};case"top":return{transformOrigin:"center bottom"}}},this.updatePosition=()=>{const t=new Array,n={};this.shiftPadding&&(n.padding=this.shiftPadding),this.autoPlacement&&t.push(e()),this.offset&&t.push(a(this.offset)),!this.autoPlacement&&this.flip&&t.push(i(n)),this.shift&&t.push(s(n)),this.arrow&&t.push(d({element:this.arrowEl,padding:this.arrowPadding})),p(this.caller,this.host,{middleware:t,placement:this.placement,strategy:this.strategy}).then((({x:t,y:n,placement:o,middlewareData:r})=>{Object.assign(this.host.style,{left:`${t}px`,top:`${n}px`});const e={},a={top:"bottom",right:"left",bottom:"top",left:"right"}[o.split("-")[0]];a&&(Object.assign(e,this.arrowTransform(a)),Object.assign(e,this.arrowInset(r,a)),Object.assign(e,this.arrowTransformOrigin(a)),Object.assign(this.arrowEl.style,e))}))},this.arrow=!0,this.autoPlacement=!0,this.flip=!1,this.target=void 0,this.offset=12,this.placement="top",this.typography="tip",this.shift=!0,this.shiftPadding=12,this.strategy="fixed",this.visible=!1}arrowChanged(){this.updatePosition()}autoPlacementChanged(){this.updatePosition()}flipChanged(){this.updatePosition()}offsetChanged(){this.updatePosition()}placementChanged(){this.updatePosition()}shiftChanged(){this.updatePosition()}shiftPaddingChanged(){this.updatePosition()}strategyChanged(){this.updatePosition()}visibleChanged(){this.updatePosition()}componentDidRender(){var t,n,o,r;this.arrowEl=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".arrow");const e=null!==(r=null===(o=null===(n=this.host.parentElement)||void 0===n?void 0:n.shadowRoot)||void 0===o?void 0:o.querySelector(this.target))&&void 0!==r?r:this.host.getRootNode().querySelector(this.target);if(!e)throw Error(`Target not found: ${this.target}`);this.caller=e,this.caller.addEventListener("mouseleave",this.handleVisibility.bind(this,!1)),this.caller.addEventListener("mouseenter",this.handleVisibility.bind(this,!0))}componentDidLoad(){this.cleanupAutoUpdate||(this.cleanupAutoUpdate=l(this.caller,this.host,this.updatePosition))}disconnectedCallback(){this.cleanupAutoUpdate=()=>{}}render(){return n(o,{key:"ff71ad7fb2417de2f3390bc9abd42f9a0ba8e01c"},n("div",{key:"b3bc38cd415b4a2e14310a62934d0f1560aa5f73",class:"arrow",innerHTML:'<svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg">\n  <path d="M5.9 1.13333C6.7 0.0666664 8.3 0.0666666 9.1 1.13333L15 9H0L5.9 1.13333Z"/>\n</svg>\n'}),n("mds-text",{key:"0425954f825fdd0a21123e5361255a8163a7a111",class:"text",typography:this.typography,part:"text"},n("slot",{key:"53057efb067c1ce8b50f489679d214309f7d46d4"})))}get host(){return r(this)}static get watchers(){return{arrow:["arrowChanged"],autoPlacement:["autoPlacementChanged"],flip:["flipChanged"],offset:["offsetChanged"],placement:["placementChanged"],shift:["shiftChanged"],shiftPadding:["shiftPaddingChanged"],strategy:["strategyChanged"],visible:["visibleChanged"]}}};h.style='@tailwind utilities;\n\n/**\n * @prop --mds-tooltip-arrow-background: Sets the fill color of the arrow.\n * @prop --mds-tooltip-background: Sets the background-color of the tooltip.\n * @prop --mds-tooltip-delay: Sets the delay of the tooltip.\n * @prop --mds-tooltip-drop-shadow: Sets the drop-shadow of the tooltip.\n * @prop --mds-tooltip-duration: Sets the duration of the tooltip animation.\n * @prop --mds-tooltip-ease: Sets the easing of the tooltip animation.\n * @prop --mds-tooltip-transform-from: Sets the from animation transform of the tooltip.\n * @prop --mds-tooltip-transform-to: Sets the to animation transform of the tooltip.\n * @prop --mds-tooltip-z-index: Sets the z-index of the component.\n */\n\n:host {\n\n  --mds-tooltip-arrow-background: var(--mds-tooltip-background);\n  --mds-tooltip-background: rgb(var(--tone-neutral));\n  --mds-tooltip-delay: 1s;\n  --mds-tooltip-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1)) drop-shadow(0 0 1px rgb(0 0 0 / 0.1));\n  --mds-tooltip-duration: 0.5s;\n  --mds-tooltip-ease: cubic-bezier(0.19, 1, 0.22, 1);\n  --mds-tooltip-dot-padding: 0.25rem;\n  --mds-tooltip-transform-from: scale(0.9) translateY(-3%);\n  --mds-tooltip-transform-to: scale(1) translate(0, 0);\n  --mds-tooltip-z-index: var(--magma-tooltip-z-index, 4000);\n  gap: 1rem;\n  border-radius: 0.25rem;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  padding-top: 0rem;\n  padding-bottom: 0rem;\n\n  background-color: var(--mds-tooltip-background);\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: grid;\n  -webkit-filter: var(--mds-tooltip-drop-shadow);\n  filter: var(--mds-tooltip-drop-shadow);\n  max-width: 16rem;\n  opacity: 0;\n  pointer-events: none;\n  position: fixed;\n  -webkit-transform: var(--mds-tooltip-transform-from);\n  transform: var(--mds-tooltip-transform-from);\n  -webkit-transition-delay: 0;\n  transition-delay: 0;\n  -webkit-transition-duration: var(--mds-tooltip-duration);\n  transition-duration: var(--mds-tooltip-duration);\n  -webkit-transition-property: opacity, -webkit-transform, -webkit-transform-origin;\n  transition-property: opacity, -webkit-transform, -webkit-transform-origin;\n  transition-property: opacity, transform, transform-origin;\n  transition-property: opacity, transform, transform-origin, -webkit-transform, -webkit-transform-origin;\n  -webkit-transition-timing-function: var(--mds-tooltip-ease);\n  transition-timing-function: var(--mds-tooltip-ease);\n  width: -moz-fit-content;\n  width: -webkit-fit-content;\n  width: fit-content;\n  z-index: var(--mds-tooltip-z-index);\n}\n\n:host( [strategy="absolute"] ) {\n  position: absolute;\n}\n\n:host( [strategy="fixed"] ) {\n  position: fixed;\n}\n\n:host( [visible]:not([visible="false"]) ) {\n  opacity: 1;\n  pointer-events: auto;\n  -webkit-transform: var(--mds-tooltip-transform-to);\n  transform: var(--mds-tooltip-transform-to);\n  -webkit-transition-delay: var(--mds-tooltip-delay);\n  transition-delay: var(--mds-tooltip-delay);\n}\n\n.text {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  padding: var(--mds-tooltip-dot-padding);\n}\n\n.arrow{\n\n  -webkit-transition-duration: 300ms;\n\n  transition-duration: 300ms;\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  display: -ms-flexbox;\n\n  display: flex;\n  fill: var(--mds-tooltip-arrow-background);\n  pointer-events: none;\n  position: fixed;\n  top: -9px;\n  -webkit-transition-property: fill;\n  transition-property: fill;\n  z-index: -1;\n}\n\n::slotted( * ){\n\n  z-index: 10;\n\n  position: relative;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-tooltip-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n\n      --mds-tooltip-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-tooltip-background: rgb(var(--tone-neutral-09));\n    --mds-tooltip-drop-shadow: drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.05)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.3)) drop-shadow(0 0 2px 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\n      --mds-tooltip-background: rgb(var(--tone-neutral-09));\n      --mds-tooltip-drop-shadow: drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.05)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.3)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.3));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-tooltip-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3)) drop-shadow(0 0 4px 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-tooltip-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3));\n    }\n  }\n}\n\n/* contrast + dark */\n\n@container style(--magma-pref-contrast: more) and style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-tooltip-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.075)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.45)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.45));\n  }\n}\n\n@container style(--magma-pref-contrast: system) and style(--magma-pref-theme: dark) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-tooltip-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.075)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.45)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.45));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: system) and style(--magma-pref-theme: system) {\n\n  @media (prefers-contrast: more) {\n\n    @media (prefers-color-scheme: dark) {\n      :host {\n\n        --mds-tooltip-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.075)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.45)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.45));\n      }\n    }\n  }\n}\n\n\n';export{h as mds_tooltip}

package/dist/magma-components/p-a557bad7.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-c94628eb.system.js"],(function(e){"use strict";var t,r,n;return{setters:[function(e){t=e.r;r=e.h;n=e.H}],execute:function(){var i=":host{gap:1rem;padding-left:1rem;display:grid}ul{margin:0rem;padding:0rem}";var s=i;var c=e("mds_list",function(){function e(e){t(this,e)}e.prototype.render=function(){return r(n,{key:"16ebaa24a0bdf2be41d7f56123f7c6715854eb24",role:"list"},r("slot",{key:"637993685633cb101f4ec188160be16cdbc7b60b"}))};return e}());c.style=s}}}));

package/dist/magma-components/p-a9432fee.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(e,t,n,i){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,s){function a(e){try{c(i.next(e))}catch(e){s(e)}}function o(e){try{c(i["throw"](e))}catch(e){s(e)}}function c(e){e.done?n(e.value):r(e.value).then(a,o)}c((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},i,r,s,a;return a={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function o(e){return function(t){return c([e,t])}}function c(o){if(i)throw new TypeError("Generator is already executing.");while(a&&(a=0,o[0]&&(n=0)),n)try{if(i=1,r&&(s=o[0]&2?r["return"]:o[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,o[1])).done)return s;if(r=0,s)o=[o[0]&2,s.value];switch(o[0]){case 0:case 1:s=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;r=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(s=n.trys,s=s.length>0&&s[s.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!s||o[1]>s[0]&&o[1]<s[3])){n.label=o[1];break}if(o[0]===6&&n.label<s[1]){n.label=s[1];s=o;break}if(s&&n.label<s[2]){n.label=s[2];n.ops.push(o);break}if(s[2])n.ops.pop();n.trys.pop();continue}o=t.call(e,n)}catch(e){o=[6,e];r=0}finally{i=s=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-c94628eb.system.js","./p-ae45d2b7.system.js","./p-6dd91714.system.js","./p-3759b1b2.system.js","./p-21b1acec.system.js"],(function(e){"use strict";var t,n,i,r,s,a,o,c;return{setters:[function(e){t=e.r;n=e.c;i=e.h;r=e.H;s=e.g},function(e){a=e.c},function(e){o=e.m},function(e){c=e.L},function(){}],execute:function(){var l='<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-5zM2 13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1zm18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1zM11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1zm0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1zM5.99 4.58a.996.996 0 0 0-1.41 0a.996.996 0 0 0 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0s.39-1.03 0-1.41L5.99 4.58zm12.37 12.37a.996.996 0 0 0-1.41 0a.996.996 0 0 0 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0a.996.996 0 0 0 0-1.41l-1.06-1.06zm1.06-10.96a.996.996 0 0 0 0-1.41a.996.996 0 0 0-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06zM7.05 18.36a.996.996 0 0 0 0-1.41a.996.996 0 0 0-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06z"/></svg>';var m='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9.37 5.51A7.35 7.35 0 0 0 9.1 7.5c0 4.08 3.32 7.4 7.4 7.4c.68 0 1.35-.09 1.99-.27A7.014 7.014 0 0 1 12 19c-3.86 0-7-3.14-7-7c0-2.93 1.81-5.45 4.37-6.49zM12 3a9 9 0 1 0 9 9c0-.46-.04-.92-.1-1.36a5.389 5.389 0 0 1-4.4 2.26a5.403 5.403 0 0 1-3.14-9.8c-.44-.06-.9-.1-1.36-.1z"/></svg>';var d='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 3a9 9 0 1 0 9 9c0-.46-.04-.92-.1-1.36a5.389 5.389 0 0 1-4.4 2.26a5.403 5.403 0 0 1-3.14-9.8c-.44-.06-.9-.1-1.36-.1z"/></svg>';var u="Σκοτεινή λειτουργία";var f="Θέμα";var h="Φωτεινή λειτουργία";var v="Ρυθμίσεις συστήματος";var b={darkMode:u,label:f,lightMode:h,systemSettings:v};var g="Dark mode";var y="Theme";var w="Light mode";var p="System settings";var k={darkMode:g,label:y,lightMode:w,systemSettings:p};var M="Modo oscuro";var x="Tema";var z="Modo claro";var T="Sistema operativo";var S={darkMode:M,label:x,lightMode:z,systemSettings:T};var _="Modalità scura";var j="Tema";var C="Modalità chiara";var B="Sistema operativo";var P={darkMode:_,label:j,lightMode:C,systemSettings:B};var A="@tailwind utilities;\n\n/*\n * x\n */\n\n:host {\n\n  --mds-pref-theme-overlay-fadeout-duration: 200ms;\n  --mds-pref-theme-overlay-show-duration: 300ms;\n  --mds-pref-theme-overlay-z-index: var(--magma-theme-overlay-z-index, 6000);\n  gap: 0.25rem;\n\n  display: grid;\n}\n\n.item {\n\n  --mds-tab-item-color: rgb(var(--tone-neutral-05));\n\n  -ms-flex-preferred-size: 0;\n\n  flex-basis: 0;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n}\n\n.item--system {\n\n  --mds-tab-item-color-selected: rgb(var(--tone-neutral-03));\n}\n\n.item--light {\n\n  --mds-tab-item-color-selected: rgb(var(--label-yellow-06));\n}\n\n.item--dark {\n\n  --mds-tab-item-color-selected: rgb(var(--label-sky-06));\n}\n\n@container style(--magma-pref-contrast: more) {\n  .item {\n\n    --mds-tab-item-color: rgb(var(--tone-neutral-01));\n  }\n\n  .item--system {\n\n    --mds-tab-item-color-selected: rgb(var(--tone-neutral-03));\n  }\n  \n  .item--light {\n  \n    --mds-tab-item-color-selected: rgb(var(--label-yellow-03));\n  }\n  \n  .item--dark {\n  \n    --mds-tab-item-color-selected: rgb(var(--label-sky-03));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    .item {\n\n      --mds-tab-item-color: rgb(var(--tone-neutral-01));\n    }\n\n    .item--system {\n\n      --mds-tab-item-color-selected: rgb(var(--tone-neutral-03));\n    }\n    \n    .item--light {\n    \n      --mds-tab-item-color-selected: rgb(var(--label-yellow-03));\n    }\n    \n    .item--dark {\n    \n      --mds-tab-item-color-selected: rgb(var(--label-sky-03));\n    }\n  }\n}\n\n";var L=A;var O=e("mds_pref_theme",function(){function e(e){var i=this;t(this,e);this.prefChangeEvent=n(this,"mdsPrefChange",7);this.defaultMode="system";this.t=new c({el:b,en:k,es:S,it:P});this.localStorageAlias="mdsPrefTheme";this.customPropertyAlias="--magma-pref-theme";this.overlayBackgroundVisible="rgb(var(--tone-neutral))";this.overlayBackgroundHidden="rgb(var(--tone-neutral) / 0)";this.cssOverlayShowDuration="300";this.cssOverlayFadeoutDuration="200";this.cssOverlayZIndex="6000";this.overlayId="mds-pref-theme-overlay";this.overlayShow=false;this.updateCSSCustomProps=function(){var e,t,n;if(typeof window==="undefined")return;var r=window.getComputedStyle(i.element);i.cssOverlayShowDuration=(e=r.getPropertyValue("--mds-pref-theme-overlay-show-duration"))!==null&&e!==void 0?e:"300";i.cssOverlayFadeoutDuration=(t=r.getPropertyValue("--mds-pref-theme-overlay-fadeout-duration"))!==null&&t!==void 0?t:"200";i.cssOverlayZIndex=(n=r.getPropertyValue("--mds-pref-theme-overlay-z-index"))!==null&&n!==void 0?n:"6000"};this.theme={dark:{selector:"pref-theme-dark",label:"darkMode"},system:{selector:"pref-theme-system",label:"systemSettings"},light:{selector:"pref-theme-light",label:"lightMode"}};this.setTheme=function(e){i.prefChangeEvent.emit({preference:"theme"});i.mode=e;localStorage.setItem(i.localStorageAlias,i.mode);if(document){var t=document.querySelector("html");for(var n in i.theme){if({}.hasOwnProperty.call(i.theme,n)){t===null||t===void 0?void 0:t.classList.remove(i.theme[n].selector)}}t===null||t===void 0?void 0:t.classList.add(i.theme[e].selector);t===null||t===void 0?void 0:t.style.setProperty(i.customPropertyAlias,i.mode)}};this.isDarkMode=function(){return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches};this.getColorScheme=function(e){if(e){if(e==="system"){return i.isDarkMode()?"dark":"light"}return e}if(i.mode==="system"){return i.isDarkMode()?"dark":"light"}return i.mode};this.instanceOverlay=function(){if(!i.overlayEl){i.overlayEl=document.createElement("div");i.overlayEl.className=i.overlayId;i.overlayEl.style.inset="0";i.overlayEl.style.pointerEvents="none";i.overlayEl.style.position="fixed";i.overlayEl.style.transition="background-color ".concat(i.cssOverlayFadeoutDuration," ease-out");i.overlayEl.style.zIndex=i.cssOverlayZIndex}i.overlayEl.style.backgroundColor=i.overlayBackgroundHidden};this.attachFlashOverlayTransition=function(){i.overlayShow=true;i.instanceOverlay();i.overlayEl.style.backgroundColor=i.overlayBackgroundVisible;document.body.appendChild(i.overlayEl);clearTimeout(i.overlayTimer);i.overlayTimer=setTimeout((function(){i.overlayShow=false;i.detachOverlayTransition()}),a(i.cssOverlayShowDuration))};this.attachSmoothOverlayTransition=function(e){i.overlayShow=true;i.instanceOverlay();document.body.appendChild(i.overlayEl);clearTimeout(i.overlaySmoothTimer);i.overlaySmoothTimer=setTimeout((function(){i.overlayEl.style.backgroundColor=i.overlayBackgroundVisible;clearTimeout(i.overlayTimer);i.overlayTimer=setTimeout((function(){i.setTheme(e);clearTimeout(i.overlayTimer);i.overlayTimer=setTimeout((function(){i.overlayShow=false;i.detachOverlayTransition()}),a(i.cssOverlayFadeoutDuration))}),a(i.cssOverlayShowDuration))}),1)};this.changeTheme=function(e){var t=i.getColorScheme();var n=i.getColorScheme(e);if(t===n){i.setTheme(e);return}switch(i.transition){case"none":i.setTheme(e);break;case"flash":i.setTheme(e);i.attachFlashOverlayTransition();break;case"smooth":i.attachSmoothOverlayTransition(e);break;default:i.setTheme(e);break}};this.language=undefined;this.mode=undefined;this.transition="smooth"}e.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=this.t.lang(this.element);return[2]}))}))};e.prototype.componentWillRender=function(){var e,t;this.t.lang(this.element);this.setTheme((t=(e=this.mode)!==null&&e!==void 0?e:localStorage.getItem(this.localStorageAlias))!==null&&t!==void 0?t:this.defaultMode)};e.prototype.componentDidLoad=function(){this.updateCSSCustomProps()};e.prototype.modeChanged=function(e,t){if(e===t){return}this.setTheme(e)};e.prototype.detachOverlayTransition=function(){var e=this;if(!this.overlayEl){return}this.overlayEl.style.backgroundColor=this.overlayBackgroundHidden;clearTimeout(this.overlayTimer);this.overlayTimer=setTimeout((function(){e.overlayEl.remove()}),a(this.cssOverlayFadeoutDuration))};e.prototype.render=function(){var e=this;var t;return i(r,{key:"8b4fdbfd57cac2dece783ae611672a711f561b8b"},i("mds-text",{key:"e6378045625e73131b96e3cc02e44411a5672bdf",class:"info",typography:"caption"},i("b",{key:"12bb77a847664774b256b1344b7ec5e98890fb75"},this.t.get("label"))," ",this.t.get(this.theme[(t=this.mode)!==null&&t!==void 0?t:this.defaultMode].label)),i("mds-tab",{key:"7a0ce9a18d73ae7aa4c5631f7f46d86d6ecaca83"},i("mds-tab-item",{key:"a8b1d57b0b8a05eeaf993f2bab7760eb781fcc7e",selected:this.mode==="light",onClick:function(){if(e.overlayShow){return}e.changeTheme("light")},class:"item item--light",icon:l}),i("mds-tab-item",{key:"a33be13bf36905c68ded033d4f8f3d2682fb5358",selected:this.mode==="system",onClick:function(){if(e.overlayShow){return}e.changeTheme("system")},class:"item item--system",icon:o}),i("mds-tab-item",{key:"764e9f4722f053a0c1740ccefe887cf9cb6db317",selected:this.mode==="dark",onClick:function(){if(e.overlayShow){return}e.changeTheme("dark")},class:"item item--dark",icon:this.mode==="dark"?d:m})))};Object.defineProperty(e.prototype,"element",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{mode:["modeChanged"]}},enumerable:false,configurable:true});return e}());O.style=L}}}));

package/dist/magma-components/p-a9f8f986.system.entry.js

@@ -0,0 +1,9 @@
+var __awaiter=this&&this.__awaiter||function(e,r,n,i){function a(e){return e instanceof n?e:new n((function(r){r(e)}))}return new(n||(n=Promise))((function(n,o){function l(e){try{t(i.next(e))}catch(e){o(e)}}function s(e){try{t(i["throw"](e))}catch(e){o(e)}}function t(e){e.done?n(e.value):a(e.value).then(l,s)}t((i=i.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,a,o,l;return l={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function s(e){return function(r){return t([e,r])}}function t(s){if(i)throw new TypeError("Generator is already executing.");while(l&&(l=0,s[0]&&(n=0)),n)try{if(i=1,a&&(o=s[0]&2?a["return"]:s[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,s[1])).done)return o;if(a=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;a=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){n.label=s[1];break}if(s[0]===6&&n.label<o[1]){n.label=o[1];o=s;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(s);break}if(o[2])n.ops.pop();n.trys.pop();continue}s=r.call(e,n)}catch(e){s=[6,e];a=0}finally{i=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-c94628eb.system.js","./p-d8b1a0e7.system.js","./p-d68089ba.system.js","./p-ac7403b5.system.js","./p-3759b1b2.system.js","./p-5af31a47.system.js","./p-eff30062.system.js","./p-21b1acec.system.js"],(function(e){"use strict";var r,n,i,a,o,l,s,t,v,c,b,d,m,f,g;return{setters:[function(e){r=e.r;n=e.c;i=e.h;a=e.H;o=e.g},function(e){l=e.m},function(e){s=e.c},function(e){t=e.f;v=e.a;c=e.b;b=e.c;d=e.g;m=e.d;f=e.h},function(e){g=e.L},function(){},function(){},function(){}],execute:function(){
+/**
+             * filesize
+             *
+             * @copyright 2023 Jason Mulligan <jason.mulligan@avoidwork.com>
+             * @license BSD-3-Clause
+             * @version 10.1.0
+             */
+var u="array";var p="bit";var w="bits";var h="byte";var k="bytes";var y="";var x="exponent";var j="function";var B="iec";var q="Invalid number";var M="Invalid rounding method";var O="jedec";var _="object";var z=".";var N="round";var E="s";var T="si";var G="kbit";var P="kB";var K=" ";var Y="string";var Z="0";var D={symbol:{iec:{bits:["bit","Kibit","Mibit","Gibit","Tibit","Pibit","Eibit","Zibit","Yibit"],bytes:["B","KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"]},jedec:{bits:["bit","Kbit","Mbit","Gbit","Tbit","Pbit","Ebit","Zbit","Ybit"],bytes:["B","KB","MB","GB","TB","PB","EB","ZB","YB"]}},fullform:{iec:["","kibi","mebi","gibi","tebi","pebi","exbi","zebi","yobi"],jedec:["","kilo","mega","giga","tera","peta","exa","zetta","yotta"]}};function F(e,r){var n=r===void 0?{}:r,i=n.bits,a=i===void 0?false:i,o=n.pad,l=o===void 0?false:o,s=n.base,t=s===void 0?-1:s,v=n.round,c=v===void 0?2:v,b=n.locale,d=b===void 0?y:b,m=n.localeOptions,f=m===void 0?{}:m,g=n.separator,F=g===void 0?y:g,S=n.spacer,C=S===void 0?K:S,I=n.symbols,R=I===void 0?{}:I,A=n.standard,H=A===void 0?y:A,J=n.output,L=J===void 0?Y:J,Q=n.fullform,U=Q===void 0?false:Q,V=n.fullforms,W=V===void 0?[]:V,X=n.exponent,$=X===void 0?-1:X,ee=n.roundingMethod,re=ee===void 0?N:ee,ne=n.precision,ie=ne===void 0?0:ne;var ae=$,oe=Number(e),le=[],se=0,te=y;if(H===T){t=10;H=O}else if(H===B||H===O){t=2}else if(t===2){H=B}else{t=10;H=O}var ve=t===10?1e3:1024,ce=U===true,be=oe<0,de=Math[re];if(typeof e!=="bigint"&&isNaN(e)){throw new TypeError(q)}if(typeof de!==j){throw new TypeError(M)}if(be){oe=-oe}if(ae===-1||isNaN(ae)){ae=Math.floor(Math.log(oe)/Math.log(ve));if(ae<0){ae=0}}if(ae>8){if(ie>0){ie+=8-ae}ae=8}if(L===x){return ae}if(oe===0){le[0]=0;te=le[1]=D.symbol[H][a?w:k][ae]}else{se=oe/(t===2?Math.pow(2,ae*10):Math.pow(1e3,ae));if(a){se=se*8;if(se>=ve&&ae<8){se=se/ve;ae++}}var me=Math.pow(10,ae>0?c:0);le[0]=de(se*me)/me;if(le[0]===ve&&ae<8&&$===-1){le[0]=1;ae++}te=le[1]=t===10&&ae===1?a?G:P:D.symbol[H][a?w:k][ae]}if(be){le[0]=-le[0]}if(ie>0){le[0]=le[0].toPrecision(ie)}le[1]=R[le[1]]||le[1];if(d===true){le[0]=le[0].toLocaleString()}else if(d.length>0){le[0]=le[0].toLocaleString(d,f)}else if(F.length>0){le[0]=le[0].toString().replace(z,F)}if(l&&Number.isInteger(le[0])===false&&c>0){var fe=F||z,ge=le[0].toString().split(fe),ue=ge[1]||y,pe=ue.length,we=c-pe;le[0]="".concat(ge[0]).concat(fe).concat(ue.padEnd(pe+we,Z))}if(ce){le[1]=W[ae]?W[ae]:D.fullform[H][ae]+(a?p:h)+(le[0]===1?y:E)}return L===u?le:L===_?{value:le[0],symbol:le[1],exponent:ae,unit:te}:le.join(C)}var S="Αφαιρέστε το αρχείο από την ουρά μεταφόρτωσης";var C={remove:S};var I="Remove file from upload queue";var R={remove:I};var A="Eliminar archivo de la cola de carga";var H={remove:A};var J="Rimuovi file dalla coda di upload";var L={remove:J};var Q='@tailwind utilities;\n\n:host {\n\n  --mds-file-preview-background-color: rgb(var(--tone-neutral));\n  --mds-file-preview-border-radius: 0.5rem;\n  --mds-file-preview-color: rgb(var(--tone-neutral-03));\n  --mds-file-preview-icon-background: inherit;\n  --mds-file-preview-icon-color: var(--mds-file-preview-color);\n\n  -ms-flex-align: stretch;\n\n  align-items: stretch;\n  background-color: var(--mds-file-preview-background-color);\n  border-radius: var(--mds-file-preview-border-radius);\n  -webkit-box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  display: -ms-flexbox;\n  display: flex;\n  fill: var(--mds-file-preview-color);\n  -ms-flex-pack: stretch;\n  justify-content: stretch;\n  position: relative;\n}\n\n.card{\n\n  grid-template-columns: repeat(auto-fit, minmax(1px, 100%));\n\n  gap: 0.5rem;\n\n  padding: 1rem;\n\n  border-radius: var(--mds-file-preview-border-radius);\n  display: grid;\n  width: 100%;\n}\n\n.preview{\n\n  aspect-ratio: 1/1;\n\n  background-color: var(--mds-file-preview-icon-background);\n  border-radius: 0.25rem;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  color:  var(--mds-file-preview-color);\n  fill:  var(--mds-file-preview-icon-color);\n  width: 100%;\n}\n\n.preview--image {\n  -webkit-filter: brightness(0.975);\n  filter: brightness(0.975);\n  padding: 0 !important;\n}\n\n.preview--icon,\n.preview--status {\n  -ms-flex-align: center;\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n.preview--status{\n\n  gap: 0.5rem;\n\n  padding: 1rem;\n}\n\n.icon{\n\n  height: 3rem;\n\n  width: 3rem;\n}\n\n.message {\n  text-align: center;\n}\n\n.action-delete {\n  background-color: var(--mds-file-preview-background-color);\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 10;\n}\n\n.infos{\n\n  gap: 0.5rem;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.suffix {\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n}\n\n.infos--has-file-size {\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n}\n\n.file-name {\n\n  --mds-text-line-clamp: 2;\n}\n\n:host([format="archive"]),\n:host([format="executable"]) {\n\n  --mds-file-preview-color: rgb(var(--label-amaranth-04));\n  --mds-file-preview-icon-background: rgb(var(--label-amaranth-10));\n  --mds-file-preview-icon-color: rgb(var(--label-amaranth-04));\n}\n\n:host([format="attachment"]) {\n\n  --mds-file-preview-color: rgb(var(--tone-neutral-04));\n  --mds-file-preview-icon-background: rgb(var(--tone-neutral-10));\n  --mds-file-preview-icon-color: rgb(var(--tone-neutral-04));\n}\n\n:host([format="audio"]),\n:host([format="video"]) {\n\n  --mds-file-preview-color: rgb(var(--label-violet-04));\n  --mds-file-preview-icon-background: rgb(var(--label-violet-10));\n  --mds-file-preview-icon-color: rgb(var(--label-violet-04));\n}\n\n:host([format="code"]),\n:host([format="data"]),\n:host([format="markup"]) {\n\n  --mds-file-preview-color: rgb(var(--label-yellow-04));\n  --mds-file-preview-icon-background: rgb(var(--label-yellow-10));\n  --mds-file-preview-icon-color: rgb(var(--label-yellow-04));\n}\n\n:host([format="document"]) {\n\n  --mds-file-preview-color: rgb(var(--label-orange-04));\n  --mds-file-preview-icon-background: rgb(var(--label-orange-10));\n  --mds-file-preview-icon-color: rgb(var(--label-orange-04));\n}\n\n:host([format="email"]),\n:host([format="text"]) {\n\n  --mds-file-preview-color: rgb(var(--label-blue-04));\n  --mds-file-preview-icon-background: rgb(var(--label-blue-10));\n  --mds-file-preview-icon-color: rgb(var(--label-blue-04));\n}\n\n:host([format="image"]) {\n\n  --mds-file-preview-color: rgb(var(--label-green-04));\n  --mds-file-preview-icon-background: rgb(var(--label-green-10));\n  --mds-file-preview-icon-color: rgb(var(--label-green-04));\n}\n\n:host([format="slide"]) {\n\n  --mds-file-preview-color: rgb(var(--label-orchid-04));\n  --mds-file-preview-icon-background: rgb(var(--label-orchid-10));\n  --mds-file-preview-icon-color: rgb(var(--label-orchid-04));\n}\n\n:host([format="spreadsheet"]) {\n\n  --mds-file-preview-color: rgb(var(--label-lime-04));\n  --mds-file-preview-icon-background: rgb(var(--label-lime-10));\n  --mds-file-preview-icon-color: rgb(var(--label-lime-04));\n}\n\n:host([format="vector"]) {\n\n  --mds-file-preview-color: rgb(var(--label-aqua-04));\n  --mds-file-preview-icon-background: rgb(var(--label-aqua-10));\n  --mds-file-preview-icon-color: rgb(var(--label-aqua-04));\n}\n\n@tailwind utilities;\n\n:host( [variant="primary"][message] ) {\n\n  --mds-file-preview-icon-background: rgb(var(--variant-primary-09));\n  --mds-file-preview-icon-color: rgb(var(--variant-primary-04));\n}\n\n:host( [variant="info"][message] ) {\n\n  --mds-file-preview-icon-background: rgb(var(--status-info-09));\n  --mds-file-preview-icon-color: rgb(var(--status-info-04));\n  --mds-file-preview-color: rgb(var(--status-info-03));\n}\n\n:host( [variant="success"][message] ) {\n\n  --mds-file-preview-icon-background: rgb(var(--status-success-09));\n  --mds-file-preview-icon-color: rgb(var(--status-success-04));\n  --mds-file-preview-color: rgb(var(--status-success-03));\n}\n\n:host( [variant="warning"][message] ) {\n\n  --mds-file-preview-icon-background: rgb(var(--status-warning-09));\n  --mds-file-preview-icon-color: rgb(var(--status-warning-04));\n  --mds-file-preview-color: rgb(var(--status-warning-03));\n}\n\n:host( [variant="error"][message] ) {\n\n  --mds-file-preview-icon-background: rgb(var(--status-error-09));\n  --mds-file-preview-icon-color: rgb(var(--status-error-04));\n  --mds-file-preview-color: rgb(var(--status-error-03));\n}\n\n\n:host( [variant="amaranth"][message] ) {\n\n  --mds-file-preview-icon-background: rgb(var(--label-amaranth-09));\n  --mds-file-preview-icon-color: rgb(var(--label-amaranth-04));\n  --mds-file-preview-color: rgb(var(--label-amaranth-03));\n}\n\n:host( [variant="aqua"][message] ) {\n\n  --mds-file-preview-icon-background: rgb(var(--label-aqua-09));\n  --mds-file-preview-icon-color: rgb(var(--label-aqua-04));\n  --mds-file-preview-color: rgb(var(--label-aqua-03));\n}\n\n\n:host( [variant="blue"][message] ) {\n\n  --mds-file-preview-icon-background: rgb(var(--label-blue-09));\n  --mds-file-preview-icon-color: rgb(var(--label-blue-04));\n  --mds-file-preview-color: rgb(var(--label-blue-03));\n}\n\n:host( [variant="green"][message] ) {\n\n  --mds-file-preview-icon-background: rgb(var(--label-green-09));\n  --mds-file-preview-icon-color: rgb(var(--label-green-04));\n  --mds-file-preview-color: rgb(var(--label-green-03));\n}\n\n:host( [variant="lime"][message] ) {\n\n  --mds-file-preview-icon-background: rgb(var(--label-lime-09));\n  --mds-file-preview-icon-color: rgb(var(--label-lime-04));\n  --mds-file-preview-color: rgb(var(--label-lime-03));\n}\n\n:host( [variant="orange"][message] ) {\n\n  --mds-file-preview-icon-background: rgb(var(--label-orange-09));\n  --mds-file-preview-icon-color: rgb(var(--label-orange-04));\n  --mds-file-preview-color: rgb(var(--label-orange-03));\n}\n\n:host( [variant="orchid"][message] ) {\n\n  --mds-file-preview-icon-background: rgb(var(--label-orchid-09));\n  --mds-file-preview-icon-color: rgb(var(--label-orchid-04));\n  --mds-file-preview-color: rgb(var(--label-orchid-03));\n}\n\n:host( [variant="sky"][message] ) {\n\n  --mds-file-preview-icon-background: rgb(var(--label-sky-09));\n  --mds-file-preview-icon-color: rgb(var(--label-sky-04));\n  --mds-file-preview-color: rgb(var(--label-sky-03));\n}\n\n:host( [variant="violet"][message] ) {\n\n  --mds-file-preview-icon-background: rgb(var(--label-violet-09));\n  --mds-file-preview-icon-color: rgb(var(--label-violet-04));\n  --mds-file-preview-color: rgb(var(--label-violet-03));\n}\n\n:host( [variant="yellow"][message] ) {\n\n  --mds-file-preview-icon-background: rgb(var(--label-yellow-09));\n  --mds-file-preview-icon-color: rgb(var(--label-yellow-04));\n  --mds-file-preview-color: rgb(var(--label-yellow-03));\n}\n\n@container style(--magma-pref-contrast: more) {\n\n  :host( [variant="primary"][message] ) {\n\n    --mds-file-preview-icon-background: rgb(var(--variant-primary-10));\n    --mds-file-preview-icon-color: rgb(var(--variant-primary-02));\n    --mds-file-preview-color: rgb(var(--variant-primary-01));\n  }\n\n  :host( [variant="info"][message] ) {\n\n    --mds-file-preview-icon-background: rgb(var(--status-info-10));\n    --mds-file-preview-icon-color: rgb(var(--status-info-02));\n    --mds-file-preview-color: rgb(var(--status-info-01));\n  }\n\n  :host( [variant="success"][message] ) {\n\n    --mds-file-preview-icon-background: rgb(var(--status-success-10));\n    --mds-file-preview-icon-color: rgb(var(--status-success-02));\n    --mds-file-preview-color: rgb(var(--status-success-01));\n  }\n\n  :host( [variant="warning"][message] ) {\n\n    --mds-file-preview-icon-background: rgb(var(--status-warning-10));\n    --mds-file-preview-icon-color: rgb(var(--status-warning-02));\n    --mds-file-preview-color: rgb(var(--status-warning-01));\n  }\n\n  :host( [variant="error"][message] ) {\n\n    --mds-file-preview-icon-background: rgb(var(--status-error-10));\n    --mds-file-preview-icon-color: rgb(var(--status-error-02));\n    --mds-file-preview-color: rgb(var(--status-error-01));\n  }\n\n\n  :host( [variant="amaranth"][message] ) {\n\n    --mds-file-preview-icon-background: rgb(var(--label-amaranth-10));\n    --mds-file-preview-icon-color: rgb(var(--label-amaranth-02));\n    --mds-file-preview-color: rgb(var(--label-amaranth-01));\n  }\n\n  :host( [variant="aqua"][message] ) {\n\n    --mds-file-preview-icon-background: rgb(var(--label-aqua-10));\n    --mds-file-preview-icon-color: rgb(var(--label-aqua-02));\n    --mds-file-preview-color: rgb(var(--label-aqua-01));\n  }\n\n\n  :host( [variant="blue"][message] ) {\n\n    --mds-file-preview-icon-background: rgb(var(--label-blue-10));\n    --mds-file-preview-icon-color: rgb(var(--label-blue-02));\n    --mds-file-preview-color: rgb(var(--label-blue-01));\n  }\n\n  :host( [variant="green"][message] ) {\n\n    --mds-file-preview-icon-background: rgb(var(--label-green-10));\n    --mds-file-preview-icon-color: rgb(var(--label-green-02));\n    --mds-file-preview-color: rgb(var(--label-green-01));\n  }\n\n  :host( [variant="lime"][message] ) {\n\n    --mds-file-preview-icon-background: rgb(var(--label-lime-10));\n    --mds-file-preview-icon-color: rgb(var(--label-lime-02));\n    --mds-file-preview-color: rgb(var(--label-lime-01));\n  }\n\n  :host( [variant="orange"][message] ) {\n\n    --mds-file-preview-icon-background: rgb(var(--label-orange-10));\n    --mds-file-preview-icon-color: rgb(var(--label-orange-02));\n    --mds-file-preview-color: rgb(var(--label-orange-01));\n  }\n\n  :host( [variant="orchid"][message] ) {\n\n    --mds-file-preview-icon-background: rgb(var(--label-orchid-10));\n    --mds-file-preview-icon-color: rgb(var(--label-orchid-02));\n    --mds-file-preview-color: rgb(var(--label-orchid-01));\n  }\n\n  :host( [variant="sky"][message] ) {\n\n    --mds-file-preview-icon-background: rgb(var(--label-sky-10));\n    --mds-file-preview-icon-color: rgb(var(--label-sky-02));\n    --mds-file-preview-color: rgb(var(--label-sky-01));\n  }\n\n  :host( [variant="violet"][message] ) {\n\n    --mds-file-preview-icon-background: rgb(var(--label-violet-10));\n    --mds-file-preview-icon-color: rgb(var(--label-violet-02));\n    --mds-file-preview-color: rgb(var(--label-violet-01));\n  }\n\n  :host( [variant="yellow"][message] ) {\n\n    --mds-file-preview-icon-background: rgb(var(--label-yellow-10));\n    --mds-file-preview-icon-color: rgb(var(--label-yellow-02));\n    --mds-file-preview-color: rgb(var(--label-yellow-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host( [variant="primary"][message] ) {\n\n      --mds-file-preview-icon-background: rgb(var(--variant-primary-10));\n      --mds-file-preview-icon-color: rgb(var(--variant-primary-02));\n      --mds-file-preview-color: rgb(var(--variant-primary-01));\n    }\n\n    :host( [variant="info"][message] ) {\n\n      --mds-file-preview-icon-background: rgb(var(--status-info-10));\n      --mds-file-preview-icon-color: rgb(var(--status-info-02));\n      --mds-file-preview-color: rgb(var(--status-info-01));\n    }\n\n    :host( [variant="success"][message] ) {\n\n      --mds-file-preview-icon-background: rgb(var(--status-success-10));\n      --mds-file-preview-icon-color: rgb(var(--status-success-02));\n      --mds-file-preview-color: rgb(var(--status-success-01));\n    }\n\n    :host( [variant="warning"][message] ) {\n\n      --mds-file-preview-icon-background: rgb(var(--status-warning-10));\n      --mds-file-preview-icon-color: rgb(var(--status-warning-02));\n      --mds-file-preview-color: rgb(var(--status-warning-01));\n    }\n\n    :host( [variant="error"][message] ) {\n\n      --mds-file-preview-icon-background: rgb(var(--status-error-10));\n      --mds-file-preview-icon-color: rgb(var(--status-error-02));\n      --mds-file-preview-color: rgb(var(--status-error-01));\n    }\n\n\n    :host( [variant="amaranth"][message] ) {\n\n      --mds-file-preview-icon-background: rgb(var(--label-amaranth-10));\n      --mds-file-preview-icon-color: rgb(var(--label-amaranth-02));\n      --mds-file-preview-color: rgb(var(--label-amaranth-01));\n    }\n\n    :host( [variant="aqua"][message] ) {\n\n      --mds-file-preview-icon-background: rgb(var(--label-aqua-10));\n      --mds-file-preview-icon-color: rgb(var(--label-aqua-02));\n      --mds-file-preview-color: rgb(var(--label-aqua-01));\n    }\n\n\n    :host( [variant="blue"][message] ) {\n\n      --mds-file-preview-icon-background: rgb(var(--label-blue-10));\n      --mds-file-preview-icon-color: rgb(var(--label-blue-02));\n      --mds-file-preview-color: rgb(var(--label-blue-01));\n    }\n\n    :host( [variant="green"][message] ) {\n\n      --mds-file-preview-icon-background: rgb(var(--label-green-10));\n      --mds-file-preview-icon-color: rgb(var(--label-green-02));\n      --mds-file-preview-color: rgb(var(--label-green-01));\n    }\n\n    :host( [variant="lime"][message] ) {\n\n      --mds-file-preview-icon-background: rgb(var(--label-lime-10));\n      --mds-file-preview-icon-color: rgb(var(--label-lime-02));\n      --mds-file-preview-color: rgb(var(--label-lime-01));\n    }\n\n    :host( [variant="orange"][message] ) {\n\n      --mds-file-preview-icon-background: rgb(var(--label-orange-10));\n      --mds-file-preview-icon-color: rgb(var(--label-orange-02));\n      --mds-file-preview-color: rgb(var(--label-orange-01));\n    }\n\n    :host( [variant="orchid"][message] ) {\n\n      --mds-file-preview-icon-background: rgb(var(--label-orchid-10));\n      --mds-file-preview-icon-color: rgb(var(--label-orchid-02));\n      --mds-file-preview-color: rgb(var(--label-orchid-01));\n    }\n\n    :host( [variant="sky"][message] ) {\n\n      --mds-file-preview-icon-background: rgb(var(--label-sky-10));\n      --mds-file-preview-icon-color: rgb(var(--label-sky-02));\n      --mds-file-preview-color: rgb(var(--label-sky-01));\n    }\n\n    :host( [variant="violet"][message] ) {\n\n      --mds-file-preview-icon-background: rgb(var(--label-violet-10));\n      --mds-file-preview-icon-color: rgb(var(--label-violet-02));\n      --mds-file-preview-color: rgb(var(--label-violet-01));\n    }\n\n    :host( [variant="yellow"][message] ) {\n\n      --mds-file-preview-icon-background: rgb(var(--label-yellow-10));\n      --mds-file-preview-icon-color: rgb(var(--label-yellow-02));\n      --mds-file-preview-color: rgb(var(--label-yellow-01));\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .preview {\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    .preview {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\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-file-preview-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\n      --mds-file-preview-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\n';var U=Q;var V=e("mds_file_preview",function(){function e(e){var i=this;r(this,e);this.downloadedEvent=n(this,"mdsFileDownload",7);this.deletedEvent=n(this,"mdsFileDelete",7);this.t=new g({el:Object.assign(Object.assign({},C),t),en:Object.assign(Object.assign({},R),v),es:Object.assign(Object.assign({},H),c),it:Object.assign(Object.assign({},L),b)});this.getDefaultKeyDescription=function(){return d(i.filename,i.suffix).description};this.onClickDeletedEvent=function(){i.deletedEvent.emit({target:i.host,filename:i.filename,extension:m(i.filename,i.suffix)})};this.onClickDownloadEvent=function(){i.downloadedEvent.emit({target:i.host,filename:i.filename,extension:m(i.filename,i.suffix)})};this.language=undefined;this.deletable=undefined;this.downloadable=undefined;this.description=undefined;this.filename=undefined;this.filesize=undefined;this.message=undefined;this.truncate="word";this.src=undefined;this.suffix=undefined;this.icon=undefined;this.variant=undefined;this.format=undefined}e.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=this.t.lang(this.host);return[2]}))}))};e.prototype.componentWillLoad=function(){this.t.lang(this.host);this.format=d(this.filename,this.suffix).format};e.prototype.componentDidLoad=function(){this.handleDownloadable(this.downloadable)};e.prototype.handleFilename=function(e){this.format=d(e,this.suffix).format};e.prototype.handleDownloadable=function(e,r){var n;if(e===r)return;var i=(n=this.host.shadowRoot)===null||n===void 0?void 0:n.querySelector(".card");if(e){i===null||i===void 0?void 0:i.addEventListener("click",this.onClickDownloadEvent);return}i===null||i===void 0?void 0:i.removeEventListener("click",this.onClickDownloadEvent)};e.prototype.render=function(){var e,r,n;return i(a,{key:"a7dda123874919af0842b36f88f84de14e9dc85a"},this.deletable&&i("mds-button",{key:"7e36d34ac76dd06d03ea07ff5d1be37bbec7a19d",title:this.t.get("remove"),class:"action-delete",icon:l,variant:"light",onClick:this.onClickDeletedEvent}),i("div",{key:"5f43336b09414404595fd96b0f885fea892401fd",class:"card",part:"card",onClick:this.onClickDownloadEvent},this.src&&!this.message&&d(this.filename,this.suffix).preview?i("mds-img",{src:this.src,class:"preview preview--image","aspect-ratio":"1/1"}):i("div",{class:s("preview",!this.message?"preview--icon":"preview--status")},this.icon?i("mds-icon",{class:"icon",name:this.icon}):i("mds-icon",{class:"icon",name:f(this.filename,this.suffix).icon}),this.message&&i("mds-text",{class:"message",typography:"caption",variant:"info"},this.message)),i("mds-text",{key:"fb4b233d9d7b2c53404865013102c349b1b97400",class:"file-name",typography:"h6",variant:"title",truncate:this.truncate,title:this.filename},this.filename),i("footer",{key:"00b1ba509692b5de8dc88ce8d480b96a0c7c8344",class:s("infos",this.filesize&&"infos--has-file-size")},this.filesize&&this.filesize===Number(this.filesize).toString()&&i("mds-text",{key:"2f2db2eb690b1c47de551a05618c495382bedf1b",class:"file-size",truncate:"word",typography:"caption",variant:"info"},F(Number(this.filesize),{standard:"jedec"})),this.filesize&&this.filesize!==Number(this.filesize).toString()&&i("mds-text",{key:"4fe83b584365b422f7fa31c91ddfb5168a7a213b",class:"file-size",truncate:"word",typography:"caption",variant:"info"},this.filesize),m(this.filename,this.suffix)&&i("mds-badge",{key:"e40bb98da46ed616f9c67223ecbed54d76a38454",variant:f(this.filename,this.suffix).variant,tone:"weak",class:"suffix",title:(e=this.description)!==null&&e!==void 0?e:this.t.get(this.getDefaultKeyDescription())},m(this.filename,this.suffix)),!this.filesize&&i("mds-text",{key:"299abc283bed28e4410249d5140b1fbeec9b2eb5",class:"description",truncate:"word",typography:"caption",variant:"info",title:(r=this.description)!==null&&r!==void 0?r:this.t.get(this.getDefaultKeyDescription())},(n=this.description)!==null&&n!==void 0?n:this.t.get(this.getDefaultKeyDescription())))))};Object.defineProperty(e.prototype,"host",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{filename:["handleFilename"],downloadable:["handleDownloadable"]}},enumerable:false,configurable:true});return e}());V.style=U}}}));

package/dist/magma-components/p-aa133f48.entry.js

@@ -0,0 +1 @@
+import{r as n,h as r,H as a}from"./p-eab621a7.js";const e=class{constructor(r){n(this,r)}render(){return r(a,{key:"0d8d9d093ec4349f07659bb12a5408934d3f8fa7"})}};e.style="@tailwind utilities;\n\n:host {\n\n  --mds-separator-background: rgb(var(--tone-neutral-08));\n\n  height: 1px;\n\n  border-radius: 9999px;\n\n  background-color: var(--mds-separator-background);\n  display: -ms-flexbox;\n  display: flex;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-separator-background: rgb(var(--tone-neutral-07));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-separator-background: rgb(var(--tone-neutral-07));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-separator-background: rgb(var(--tone-neutral-06));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-separator-background: rgb(var(--tone-neutral-06));\n    }\n  }\n}\n\n";export{e as mds_separator}

package/dist/magma-components/p-aa24e213.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(n,e,o,r){function t(n){return n instanceof o?n:new o((function(e){e(n)}))}return new(o||(o=Promise))((function(o,a){function l(n){try{b(r.next(n))}catch(n){a(n)}}function s(n){try{b(r["throw"](n))}catch(n){a(n)}}function b(n){n.done?o(n.value):t(n.value).then(l,s)}b((r=r.apply(n,e||[])).next())}))};var __generator=this&&this.__generator||function(n,e){var o={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,t,a,l;return l={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function s(n){return function(e){return b([n,e])}}function b(s){if(r)throw new TypeError("Generator is already executing.");while(l&&(l=0,s[0]&&(o=0)),o)try{if(r=1,t&&(a=s[0]&2?t["return"]:s[0]?t["throw"]||((a=t["return"])&&a.call(t),0):t.next)&&!(a=a.call(t,s[1])).done)return a;if(t=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:o.label++;return{value:s[1],done:false};case 5:o.label++;t=s[1];s=[0];continue;case 7:s=o.ops.pop();o.trys.pop();continue;default:if(!(a=o.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){o=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){o.label=s[1];break}if(s[0]===6&&o.label<a[1]){o.label=a[1];a=s;break}if(a&&o.label<a[2]){o.label=a[2];o.ops.push(s);break}if(a[2])o.ops.pop();o.trys.pop();continue}s=e.call(n,o)}catch(n){s=[6,n];t=0}finally{r=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-c94628eb.system.js","./p-7c67f4d2.system.js","./p-6803cf8d.system.js","./p-3759b1b2.system.js","./p-21b1acec.system.js"],(function(n){"use strict";var e,o,r,t,a,l,s,b;return{setters:[function(n){e=n.r;o=n.c;r=n.h;t=n.H;a=n.g},function(n){l=n.m},function(n){s=n.K},function(n){b=n.L},function(){}],execute:function(){var i="Αφαίρεση";var c={deleteLabel:i};var d="Remove";var g={deleteLabel:d};var m="Eliminar";var u={deleteLabel:m};var v="Rimuovi";var f={deleteLabel:v};var h='@-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-note-background: Sets the background-color of the component\n * @prop --mds-note-color: Sets the text color of the component\n * @prop --mds-note-fold-size: Sets the size of the fold decoration at the bottom right of the component\n * @prop --mds-note-selection-background: Sets the selection text background-color of the component\n * @prop --mds-note-selection-color: Sets the selection text color of the component\n */\n\n:host {\n\n  --mds-note-background: rgb(var(--label-yellow-10));\n  --mds-note-color: rgb(var(--label-yellow-02));\n  --mds-note-fold-color: rgb(var(--tone-neutral-10));\n  --mds-note-fold-size: 40px;\n  --mds-note-selection-background: var(--magma-selection-background, rgb(var(--label-yellow-09)));\n  --mds-note-selection-color: var(--magma-selection-color, rgb(var(--label-yellow-02)));\n  gap: 0.5rem;\n  border-radius: 0.25rem;\n  padding: 1.5rem;\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-note-background);\n  color: var(--mds-note-color);\n  display: grid;\n  overflow: hidden;\n  position: relative;\n  -webkit-transition-property: color, background-color;\n  transition-property: color, background-color;\n}\n\n:host ::slotted( mds-text ) {\n\n  --mds-text-selection-background: var(--mds-note-selection-background);\n  --mds-text-selection-color: var(--mds-note-selection-color);\n}\n\n:host( [deletable]:not([deletable="false"]) ) {\n  padding-right: 4rem;\n}\n\n:host( [deletable]:not([deletable="false"]) ) .button-close {\n  right: 1rem;\n  top: 1rem;\n\n  position: absolute;\n}\n\n.fold {\n  height: 0rem;\n  width: 0rem;\n  opacity: 0.4;\n\n  border-color: transparent transparent var(--mds-note-fold-color) transparent;\n  border-style: solid;\n  border-width: 0 0 var(--mds-note-fold-size) var(--mds-note-fold-size);\n  bottom: 0;\n  display: block;\n  -webkit-filter: drop-shadow(0 0 var(--mds-note-fold-size) var(--mds-note-color));\n  filter: drop-shadow(0 0 var(--mds-note-fold-size) var(--mds-note-color));\n  pointer-events: none;\n  position: absolute;\n  right: 0;\n  -webkit-transition-duration: inherit;\n  transition-duration: inherit;\n  -webkit-transition-property: border;\n  transition-property: border;\n}\n\n.button-close {\n  border-radius: 9999px;\n  padding: 0.25rem;\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: transparent;\n  cursor: pointer;\n  fill: var(--mds-note-color);\n  -webkit-transition-property: background-color, fill, outline, outline-offset;\n  transition-property: background-color, fill, outline, outline-offset;\n}\n\n.button-close:hover {\n  background-color: rgb(var(--tone-neutral) / 0.5);\n}\n\n.title {\n  gap: 1rem;\n\n  -ms-flex-align: start;\n\n  align-items: flex-start;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.title .button-close {\n  margin-left: auto;\n}\n\n@tailwind utilities;\n\n:host( [variant="amaranth"] ) {\n\n  --mds-note-background: rgb(var(--label-amaranth-09));\n  --mds-note-color: rgb(var(--label-amaranth-02));\n  --mds-note-selection-background: rgb(var(--label-amaranth-08));\n  --mds-note-selection-color: rgb(var(--label-amaranth-04));\n}\n\n:host( [variant="aqua"] ) {\n\n  --mds-note-background: rgb(var(--label-aqua-09));\n  --mds-note-color: rgb(var(--label-aqua-02));\n  --mds-note-selection-background: rgb(var(--label-aqua-08));\n  --mds-note-selection-color: rgb(var(--label-aqua-04));\n}\n\n:host( [variant="blue"] ) {\n\n  --mds-note-background: rgb(var(--label-blue-09));\n  --mds-note-color: rgb(var(--label-blue-02));\n  --mds-note-selection-background: rgb(var(--label-blue-08));\n  --mds-note-selection-color: rgb(var(--label-blue-04));\n}\n\n:host( [variant="green"] ) {\n\n  --mds-note-background: rgb(var(--label-green-09));\n  --mds-note-color: rgb(var(--label-green-02));\n  --mds-note-selection-background: rgb(var(--label-green-08));\n  --mds-note-selection-color: rgb(var(--label-green-04));\n}\n\n:host( [variant="lime"] ) {\n\n  --mds-note-background: rgb(var(--label-lime-09));\n  --mds-note-color: rgb(var(--label-lime-02));\n  --mds-note-selection-background: rgb(var(--label-lime-08));\n  --mds-note-selection-color: rgb(var(--label-lime-04));\n}\n\n:host( [variant="orange"] ) {\n\n  --mds-note-background: rgb(var(--label-orange-09));\n  --mds-note-color: rgb(var(--label-orange-02));\n  --mds-note-selection-background: rgb(var(--label-orange-08));\n  --mds-note-selection-color: rgb(var(--label-orange-04));\n}\n\n:host( [variant="orchid"] ) {\n\n  --mds-note-background: rgb(var(--label-orchid-09));\n  --mds-note-color: rgb(var(--label-orchid-02));\n  --mds-note-selection-background: rgb(var(--label-orchid-08));\n  --mds-note-selection-color: rgb(var(--label-orchid-04));\n}\n\n:host( [variant="sky"] ) {\n\n  --mds-note-background: rgb(var(--label-sky-09));\n  --mds-note-color: rgb(var(--label-sky-02));\n  --mds-note-selection-background: rgb(var(--label-sky-08));\n  --mds-note-selection-color: rgb(var(--label-sky-04));\n}\n\n:host( [variant="violet"] ) {\n\n  --mds-note-background: rgb(var(--label-violet-09));\n  --mds-note-color: rgb(var(--label-violet-02));\n  --mds-note-selection-background: rgb(var(--label-violet-08));\n  --mds-note-selection-color: rgb(var(--label-violet-04));\n}\n\n:host( [variant="yellow"] ) {\n\n  --mds-note-background: rgb(var(--label-yellow-09));\n  --mds-note-color: rgb(var(--label-yellow-02));\n  --mds-note-selection-background: rgb(var(--label-yellow-08));\n  --mds-note-selection-color: rgb(var(--label-yellow-04));\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .fold {\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    .fold {\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) inset;\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n  }\n\n  :host( [variant="amaranth"] ) {\n\n    --mds-note-background: rgb(var(--label-amaranth-08));\n    --mds-note-fold-color: rgb(var(--label-amaranth-06));\n    --mds-note-color: rgb(var(--label-amaranth-02));\n    --mds-note-selection-background: rgb(var(--label-amaranth-07));\n    --mds-note-selection-color: rgb(var(--label-amaranth-03));\n  }\n  \n  :host( [variant="aqua"] ) {\n  \n    --mds-note-background: rgb(var(--label-aqua-08));\n    --mds-note-fold-color: rgb(var(--label-aqua-06));\n    --mds-note-color: rgb(var(--label-aqua-02));\n    --mds-note-selection-background: rgb(var(--label-aqua-07));\n    --mds-note-selection-color: rgb(var(--label-aqua-03));\n  }\n  \n  :host( [variant="blue"] ) {\n  \n    --mds-note-background: rgb(var(--label-blue-08));\n    --mds-note-fold-color: rgb(var(--label-blue-06));\n    --mds-note-color: rgb(var(--label-blue-02));\n    --mds-note-selection-background: rgb(var(--label-blue-07));\n    --mds-note-selection-color: rgb(var(--label-blue-03));\n  }\n  \n  :host( [variant="green"] ) {\n  \n    --mds-note-background: rgb(var(--label-green-08));\n    --mds-note-fold-color: rgb(var(--label-green-06));\n    --mds-note-color: rgb(var(--label-green-02));\n    --mds-note-selection-background: rgb(var(--label-green-07));\n    --mds-note-selection-color: rgb(var(--label-green-03));\n  }\n  \n  :host( [variant="lime"] ) {\n  \n    --mds-note-background: rgb(var(--label-lime-08));\n    --mds-note-fold-color: rgb(var(--label-lime-06));\n    --mds-note-color: rgb(var(--label-lime-02));\n    --mds-note-selection-background: rgb(var(--label-lime-07));\n    --mds-note-selection-color: rgb(var(--label-lime-03));\n  }\n  \n  :host( [variant="orange"] ) {\n  \n    --mds-note-background: rgb(var(--label-orange-08));\n    --mds-note-fold-color: rgb(var(--label-orange-06));\n    --mds-note-color: rgb(var(--label-orange-02));\n    --mds-note-selection-background: rgb(var(--label-orange-07));\n    --mds-note-selection-color: rgb(var(--label-orange-03));\n  }\n  \n  :host( [variant="orchid"] ) {\n  \n    --mds-note-background: rgb(var(--label-orchid-08));\n    --mds-note-fold-color: rgb(var(--label-orchid-06));\n    --mds-note-color: rgb(var(--label-orchid-02));\n    --mds-note-selection-background: rgb(var(--label-orchid-07));\n    --mds-note-selection-color: rgb(var(--label-orchid-03));\n  }\n  \n  :host( [variant="sky"] ) {\n  \n    --mds-note-background: rgb(var(--label-sky-08));\n    --mds-note-fold-color: rgb(var(--label-sky-06));\n    --mds-note-color: rgb(var(--label-sky-02));\n    --mds-note-selection-background: rgb(var(--label-sky-07));\n    --mds-note-selection-color: rgb(var(--label-sky-03));\n  }\n  \n  :host( [variant="violet"] ) {\n  \n    --mds-note-background: rgb(var(--label-violet-08));\n    --mds-note-fold-color: rgb(var(--label-violet-06));\n    --mds-note-color: rgb(var(--label-violet-02));\n    --mds-note-selection-background: rgb(var(--label-violet-07));\n    --mds-note-selection-color: rgb(var(--label-violet-03));\n  }\n  \n  :host( [variant="yellow"] ) {\n  \n    --mds-note-background: rgb(var(--label-yellow-08));\n    --mds-note-fold-color: rgb(var(--label-yellow-06));\n    --mds-note-color: rgb(var(--label-yellow-02));\n    --mds-note-selection-background: rgb(var(--label-yellow-07));\n    --mds-note-selection-color: rgb(var(--label-yellow-03));\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) inset;\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n    }\n\n    :host( [variant="amaranth"] ) {\n\n      --mds-note-background: rgb(var(--label-amaranth-08));\n      --mds-note-fold-color: rgb(var(--label-amaranth-06));\n      --mds-note-color: rgb(var(--label-amaranth-02));\n      --mds-note-selection-background: rgb(var(--label-amaranth-07));\n      --mds-note-selection-color: rgb(var(--label-amaranth-03));\n    }\n    \n    :host( [variant="aqua"] ) {\n    \n      --mds-note-background: rgb(var(--label-aqua-08));\n      --mds-note-fold-color: rgb(var(--label-aqua-06));\n      --mds-note-color: rgb(var(--label-aqua-02));\n      --mds-note-selection-background: rgb(var(--label-aqua-07));\n      --mds-note-selection-color: rgb(var(--label-aqua-03));\n    }\n    \n    :host( [variant="blue"] ) {\n    \n      --mds-note-background: rgb(var(--label-blue-08));\n      --mds-note-fold-color: rgb(var(--label-blue-06));\n      --mds-note-color: rgb(var(--label-blue-02));\n      --mds-note-selection-background: rgb(var(--label-blue-07));\n      --mds-note-selection-color: rgb(var(--label-blue-03));\n    }\n    \n    :host( [variant="green"] ) {\n    \n      --mds-note-background: rgb(var(--label-green-08));\n      --mds-note-fold-color: rgb(var(--label-green-06));\n      --mds-note-color: rgb(var(--label-green-02));\n      --mds-note-selection-background: rgb(var(--label-green-07));\n      --mds-note-selection-color: rgb(var(--label-green-03));\n    }\n    \n    :host( [variant="lime"] ) {\n    \n      --mds-note-background: rgb(var(--label-lime-08));\n      --mds-note-fold-color: rgb(var(--label-lime-06));\n      --mds-note-color: rgb(var(--label-lime-02));\n      --mds-note-selection-background: rgb(var(--label-lime-07));\n      --mds-note-selection-color: rgb(var(--label-lime-03));\n    }\n    \n    :host( [variant="orange"] ) {\n    \n      --mds-note-background: rgb(var(--label-orange-08));\n      --mds-note-fold-color: rgb(var(--label-orange-06));\n      --mds-note-color: rgb(var(--label-orange-02));\n      --mds-note-selection-background: rgb(var(--label-orange-07));\n      --mds-note-selection-color: rgb(var(--label-orange-03));\n    }\n    \n    :host( [variant="orchid"] ) {\n    \n      --mds-note-background: rgb(var(--label-orchid-08));\n      --mds-note-fold-color: rgb(var(--label-orchid-06));\n      --mds-note-color: rgb(var(--label-orchid-02));\n      --mds-note-selection-background: rgb(var(--label-orchid-07));\n      --mds-note-selection-color: rgb(var(--label-orchid-03));\n    }\n    \n    :host( [variant="sky"] ) {\n    \n      --mds-note-background: rgb(var(--label-sky-08));\n      --mds-note-fold-color: rgb(var(--label-sky-06));\n      --mds-note-color: rgb(var(--label-sky-02));\n      --mds-note-selection-background: rgb(var(--label-sky-07));\n      --mds-note-selection-color: rgb(var(--label-sky-03));\n    }\n    \n    :host( [variant="violet"] ) {\n    \n      --mds-note-background: rgb(var(--label-violet-08));\n      --mds-note-fold-color: rgb(var(--label-violet-06));\n      --mds-note-color: rgb(var(--label-violet-02));\n      --mds-note-selection-background: rgb(var(--label-violet-07));\n      --mds-note-selection-color: rgb(var(--label-violet-03));\n    }\n    \n    :host( [variant="yellow"] ) {\n    \n      --mds-note-background: rgb(var(--label-yellow-08));\n      --mds-note-fold-color: rgb(var(--label-yellow-06));\n      --mds-note-color: rgb(var(--label-yellow-02));\n      --mds-note-selection-background: rgb(var(--label-yellow-07));\n      --mds-note-selection-color: rgb(var(--label-yellow-03));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n  }\n\n  .fold {\n    bottom: 0.125rem;\n    right: 0.125rem;\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n    }\n\n    .fold {\n      bottom: 0.125rem;\n      right: 0.125rem;\n    }\n  }\n}\n\n\n';var k=h;var y=n("mds_note",function(){function n(n){var r=this;e(this,n);this.deleteEvent=o(this,"mdsNoteDelete",7);this.km=new s;this.t=new b({el:c,en:g,es:u,it:f});this.onClickClose=function(){r.deleteEvent.emit()};this.language=undefined;this.deletable=false;this.variant="yellow"}n.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){this.language=this.t.lang(this.host);return[2]}))}))};n.prototype.componentWillLoad=function(){this.t.lang(this.host)};n.prototype.componentDidLoad=function(){this.km.addElement(this.host);this.km.attachClickBehavior()};n.prototype.componentDidUpdate=function(){if(this.deletable){this.km.addElement(this.host);this.km.attachClickBehavior();return}this.km.detachClickBehavior()};n.prototype.disconnectedCallback=function(){this.km.detachClickBehavior()};n.prototype.render=function(){return r(t,{key:"8b7b1454764a5e61ce35963293bbf62e2f8aa272",role:"note"},this.deletable&&r("mds-button",{key:"5ac0423815feb88271c1ff2e3fc1c1d2efe7d48b",title:this.t.get("deleteLabel"),icon:l,class:"button-close",onClick:this.onClickClose.bind(this)}),r("slot",{key:"a4f0f3550782aef46870a4a46b502d84b0bc8b34",name:"title"}),r("slot",{key:"d8e4ee7b3965f9797c2e2cfe82110fe13644d5ab"}),r("div",{key:"07f7653371018dd0b63c2ee6ecac9f363caae509","aria-hidden":"true",class:"fold"}))};Object.defineProperty(n.prototype,"host",{get:function(){return a(this)},enumerable:false,configurable:true});return n}());y.style=k}}}));

package/dist/magma-components/{p-e49f99c2.entry.js → p-aa8999ba.entry.js}

@@ -1 +1 @@
-import{r as n,c as o,h as t,H as i,g as r}from"./p-b6defcb6.js";import{m as e}from"./p-39f06295.js";const a=class{constructor(t){n(this,t),this.selectedEvent=o(this,"mdsAccordionItemSelect",7),this.unselectedEvent=o(this,"mdsAccordionItemUnselect",7),this.changedEvent=o(this,"mdsAccordionItemChange",7),this.toggle=()=>{this.selected=!this.selected,this.changedEvent.emit({id:this.element.id,selected:this.selected}),this.selected?this.selectedEvent.emit({id:this.element.id,selected:this.selected}):this.unselectedEvent.emit({id:this.element.id,selected:this.selected})},this.typography="h5",this.selected=void 0,this.label=void 0}render(){return t(i,{key:"b6360a33f6281197b198f4c05bb59f22ee3a91d6"},t("button",{key:"85ee4f60b8d70a3ba88660dad27443684f07ca42","aria-controls":"content","aria-expanded":this.selected?"true":"false",class:"action",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},t("mds-text",{key:"c97fe681e4f06b20231a47dfa4badd01dd7c3094",typography:this.typography,part:"label"},this.label),t("mds-text",{key:"0af38ed90b3b4c2493eb732f32dd226f749b04ea","aria-hidden":"true",class:"icon-button",typography:this.typography,part:"icon"},t("i",{key:"c097217271412162bce27dbb1dad6ef5bbc27389",class:"icon",innerHTML:e}))),t("div",{key:"c438e95807d6f11afb0b79958b8131a66a022667",class:"content",id:"content"},t("div",{key:"b1f6a30ea71ec61101e05ec73bf3c0620d8cfb2c","aria-labelledby":"action",class:"content-expander",part:"content",role:"region"},t("slot",{key:"e3311f16e22d5b8194b81e173373d7876f81f2eb"}))))}get element(){return r(this)}};a.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 @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-accordion-item-border-color: Sets the border-color of the component\n * @prop --mds-accordion-item-border-width: Sets the border-width of the separators of the component\n * @prop --mds-accordion-item-color: Sets the text-color of the component\n * @prop --mds-accordion-item-description-color: Sets the color of the always visible title description\n * @prop --mds-accordion-item-duration: Sets the transition duration of the close/open animation of the component\n * @prop --mds-accordion-item-padding-selected: Sets the vertical padding of the component when it\'s selected\n * @prop --mds-accordion-item-padding-unselected: Sets the vertical padding of the component when it\'s unselected\n */\n\n:host {\n\n  --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-08)));\n  --mds-accordion-item-border-width: var(--mds-accordion-border-width, 2px);\n  --mds-accordion-item-color: var(--mds-accordion-color, rgb(var(--tone-neutral-03)));\n  --mds-accordion-item-description-color: var(--mds-accordion-description-color, rgb(var(--tone-neutral-02)));\n  --mds-accordion-item-duration: var(--mds-accordion-duration, 300ms);\n  --mds-accordion-item-padding-selected: var(--mds-accordion-padding-selected, 1rem 0 2rem 0);\n  --mds-accordion-item-padding-unselected: var(--mds-accordion-padding-unselected, 1rem 0 1rem 0);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  border-bottom: solid var(--mds-accordion-item-border-width) transparent;\n  border-top: solid var(--mds-accordion-item-border-width) transparent;\n  color: var(--mds-accordion-item-color);\n  display: grid;\n  fill: var(--mds-accordion-item-color);\n  margin-top: calc(-1 * var(--mds-accordion-item-border-width));\n  padding: var(--mds-accordion-item-padding-unselected);\n  position: relative;\n  -webkit-transition-property: background-color, border-color, color, fill, margin, padding;\n  transition-property: background-color, border-color, color, fill, margin, padding;\n}\n\n:host(:first-child) {\n  margin-top: 0;\n}\n\n.action {\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.action: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.action {\n  gap: 1rem;\n  border-radius: 0.5rem;\n\n  background-color: transparent;\n  border: 0;\n  color: var(--mds-accordion-item-description-color);\n  cursor: pointer;\n  display: grid;\n  grid-auto-columns: -webkit-min-content;\n  grid-auto-columns: min-content;\n  grid-template-columns: auto 24px;\n  padding: 0;\n  text-align: left;\n}\n\n.action: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.icon-button {\n  font-weight: 400;\n\n  display: block;\n}\n\n.content {\n  gap: 1rem;\n  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);\n  transition-timing-function: cubic-bezier(1, 0, 0, 1);\n\n  display: grid;\n  grid-template-rows: 0fr;\n  min-height: 0;\n  opacity: 0;\n  overflow: hidden;\n  padding-top: 0;\n  -webkit-transition-duration: var(--mds-accordion-item-duration);\n  transition-duration: var(--mds-accordion-item-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  min-height: 0;\n}\n\n.icon {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.icon svg {\n  aspect-ratio: 1/1;\n  height: 100%;\n  width: 100%;\n}\n\n.icon {\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  fill: var(--mds-accordion-item-color);\n  -webkit-transform: rotate(180deg);\n  transform: rotate(180deg);\n  -webkit-transition-property: -webkit-transform;\n  transition-property: -webkit-transform;\n  transition-property: transform;\n  transition-property: transform, -webkit-transform;\n}\n\n:host( [selected]:not([selected="false"]) ) {\n  border-bottom: solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);\n  border-top: solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);\n  padding: var(--mds-accordion-item-padding-selected);\n}\n\n:host( [selected]:not([selected="false"]):first-child ) {\n  margin-top: 0rem;\n\n  border-top-color: transparent;\n}\n\n:host( [selected]:not([selected="false"]):last-child ) {\n  margin-bottom: 0rem;\n\n  border-bottom-color: transparent;\n}\n\n:host( [selected]:not([selected="false"]) ) .content {\n  padding-top: 1rem;\n\n  grid-template-rows: 1fr;\n  opacity: 1;\n}\n\n:host( [selected]:not([selected="false"]) ) .icon {\n  -webkit-transform: rotate(0deg);\n  transform: rotate(0deg);\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-accordion-item-duration: var(--mds-accordion-duration, 0s);\n\n    -webkit-transition-duration: 0s;\n\n    transition-duration: 0s;\n  }\n\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\n      --mds-accordion-item-duration: var(--mds-accordion-duration, 0s);\n\n      -webkit-transition-duration: 0s;\n\n      transition-duration: 0s;\n    }\n  \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-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-06)));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n  \n      --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-06)));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-01)));\n    --mds-accordion-item-color: var(--mds-accordion-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\n      --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-01)));\n      --mds-accordion-item-color: var(--mds-accordion-color, rgb(var(--tone-neutral-01)));\n    }\n  }\n}\n\n\n';export{a as mds_accordion_item}
+import{r as n,c as o,h as t,H as i,g as r}from"./p-eab621a7.js";import{m as e}from"./p-39f06295.js";const a=class{constructor(t){n(this,t),this.selectedEvent=o(this,"mdsAccordionItemSelect",7),this.unselectedEvent=o(this,"mdsAccordionItemUnselect",7),this.changedEvent=o(this,"mdsAccordionItemChange",7),this.toggle=()=>{this.selected=!this.selected,this.changedEvent.emit({id:this.element.id,selected:this.selected}),this.selected?this.selectedEvent.emit({id:this.element.id,selected:this.selected}):this.unselectedEvent.emit({id:this.element.id,selected:this.selected})},this.typography="h5",this.selected=void 0,this.label=void 0}render(){return t(i,{key:"b6360a33f6281197b198f4c05bb59f22ee3a91d6"},t("button",{key:"85ee4f60b8d70a3ba88660dad27443684f07ca42","aria-controls":"content","aria-expanded":this.selected?"true":"false",class:"action",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},t("mds-text",{key:"c97fe681e4f06b20231a47dfa4badd01dd7c3094",typography:this.typography,part:"label"},this.label),t("mds-text",{key:"0af38ed90b3b4c2493eb732f32dd226f749b04ea","aria-hidden":"true",class:"icon-button",typography:this.typography,part:"icon"},t("i",{key:"c097217271412162bce27dbb1dad6ef5bbc27389",class:"icon",innerHTML:e}))),t("div",{key:"c438e95807d6f11afb0b79958b8131a66a022667",class:"content",id:"content"},t("div",{key:"b1f6a30ea71ec61101e05ec73bf3c0620d8cfb2c","aria-labelledby":"action",class:"content-expander",part:"content",role:"region"},t("slot",{key:"e3311f16e22d5b8194b81e173373d7876f81f2eb"}))))}get element(){return r(this)}};a.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 @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-accordion-item-border-color: Sets the border-color of the component\n * @prop --mds-accordion-item-border-width: Sets the border-width of the separators of the component\n * @prop --mds-accordion-item-color: Sets the text-color of the component\n * @prop --mds-accordion-item-description-color: Sets the color of the always visible title description\n * @prop --mds-accordion-item-duration: Sets the transition duration of the close/open animation of the component\n * @prop --mds-accordion-item-padding-selected: Sets the vertical padding of the component when it\'s selected\n * @prop --mds-accordion-item-padding-unselected: Sets the vertical padding of the component when it\'s unselected\n */\n\n:host {\n\n  --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-08)));\n  --mds-accordion-item-border-width: var(--mds-accordion-border-width, 2px);\n  --mds-accordion-item-color: var(--mds-accordion-color, rgb(var(--tone-neutral-03)));\n  --mds-accordion-item-description-color: var(--mds-accordion-description-color, rgb(var(--tone-neutral-02)));\n  --mds-accordion-item-duration: var(--mds-accordion-duration, 300ms);\n  --mds-accordion-item-padding-selected: var(--mds-accordion-padding-selected, 1rem 0 2rem 0);\n  --mds-accordion-item-padding-unselected: var(--mds-accordion-padding-unselected, 1rem 0 1rem 0);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  border-bottom: solid var(--mds-accordion-item-border-width) transparent;\n  border-top: solid var(--mds-accordion-item-border-width) transparent;\n  color: var(--mds-accordion-item-color);\n  display: grid;\n  fill: var(--mds-accordion-item-color);\n  margin-top: calc(-1 * var(--mds-accordion-item-border-width));\n  padding: var(--mds-accordion-item-padding-unselected);\n  position: relative;\n  -webkit-transition-property: background-color, border-color, color, fill, margin, padding;\n  transition-property: background-color, border-color, color, fill, margin, padding;\n}\n\n:host(:first-child) {\n  margin-top: 0;\n}\n\n.action {\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.action: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.action {\n  gap: 1rem;\n  border-radius: 0.5rem;\n\n  background-color: transparent;\n  border: 0;\n  color: var(--mds-accordion-item-description-color);\n  cursor: pointer;\n  display: grid;\n  grid-auto-columns: -webkit-min-content;\n  grid-auto-columns: min-content;\n  grid-template-columns: auto 24px;\n  padding: 0;\n  text-align: left;\n}\n\n.action: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.icon-button {\n  font-weight: 400;\n\n  display: block;\n}\n\n.content {\n  gap: 1rem;\n  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);\n  transition-timing-function: cubic-bezier(1, 0, 0, 1);\n\n  display: grid;\n  grid-template-rows: 0fr;\n  min-height: 0;\n  opacity: 0;\n  overflow: hidden;\n  padding-top: 0;\n  -webkit-transition-duration: var(--mds-accordion-item-duration);\n  transition-duration: var(--mds-accordion-item-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  min-height: 0;\n}\n\n.icon {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.icon svg {\n  aspect-ratio: 1/1;\n  height: 100%;\n  width: 100%;\n}\n\n.icon {\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  fill: var(--mds-accordion-item-color);\n  -webkit-transform: rotate(180deg);\n  transform: rotate(180deg);\n  -webkit-transition-property: -webkit-transform;\n  transition-property: -webkit-transform;\n  transition-property: transform;\n  transition-property: transform, -webkit-transform;\n}\n\n:host( [selected]:not([selected="false"]) ) {\n  border-bottom: solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);\n  border-top: solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);\n  padding: var(--mds-accordion-item-padding-selected);\n}\n\n:host( [selected]:not([selected="false"]):first-child ) {\n  margin-top: 0rem;\n\n  border-top-color: transparent;\n}\n\n:host( [selected]:not([selected="false"]):last-child ) {\n  margin-bottom: 0rem;\n\n  border-bottom-color: transparent;\n}\n\n:host( [selected]:not([selected="false"]) ) .content {\n  padding-top: 1rem;\n\n  grid-template-rows: 1fr;\n  opacity: 1;\n}\n\n:host( [selected]:not([selected="false"]) ) .icon {\n  -webkit-transform: rotate(0deg);\n  transform: rotate(0deg);\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-accordion-item-duration: var(--mds-accordion-duration, 0s);\n\n    -webkit-transition-duration: 0s;\n\n    transition-duration: 0s;\n  }\n\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\n      --mds-accordion-item-duration: var(--mds-accordion-duration, 0s);\n\n      -webkit-transition-duration: 0s;\n\n      transition-duration: 0s;\n    }\n  \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-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-06)));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n  \n      --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-06)));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-01)));\n    --mds-accordion-item-color: var(--mds-accordion-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\n      --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-01)));\n      --mds-accordion-item-color: var(--mds-accordion-color, rgb(var(--tone-neutral-01)));\n    }\n  }\n}\n\n\n';export{a as mds_accordion_item}

package/dist/magma-components/p-ac7403b5.system.js

@@ -0,0 +1 @@
+System.register(["./p-5af31a47.system.js","./p-eff30062.system.js"],(function(e){"use strict";var r,a;return{setters:[function(e){r=e.f},function(e){a=e.m}],execute:function(){var i='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-2 6h-2v2h2v2h-2v2h-2v-2h2v-2h-2v-2h2v-2h-2V8h2v2h2v2z"/></svg>';var o='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5a2.5 2.5 0 0 1 5 0v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5a2.5 2.5 0 0 0 5 0V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6h-1.5z"/></svg>';var t='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 3v9.28a4.39 4.39 0 0 0-1.5-.28C8.01 12 6 14.01 6 16.5S8.01 21 10.5 21c2.31 0 4.2-1.75 4.45-4H15V6h4V3h-7z"/></svg>';var v='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16c1.1 0 2-.9 2-2V6a2 2 0 0 0-2-2zm0 14H4V8h16v10zm-2-1h-6v-2h6v2zM7.5 17l-1.41-1.41L8.67 13l-2.59-2.59L7.5 9l4 4l-4 4z"/></svg>';var c='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z"/></svg>';var d='<svg xmlns="http://www.w3.org/2000/svg" id="mdi-harddisk" viewBox="0 0 24 24"><path d="M6,2H18A2,2 0 0,1 20,4V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2M12,4A6,6 0 0,0 6,10C6,13.31 8.69,16 12.1,16L11.22,13.77C10.95,13.29 11.11,12.68 11.59,12.4L12.45,11.9C12.93,11.63 13.54,11.79 13.82,12.27L15.74,14.69C17.12,13.59 18,11.9 18,10A6,6 0 0,0 12,4M12,9A1,1 0 0,1 13,10A1,1 0 0,1 12,11A1,1 0 0,1 11,10A1,1 0 0,1 12,9M7,18A1,1 0 0,0 6,19A1,1 0 0,0 7,20A1,1 0 0,0 8,19A1,1 0 0,0 7,18M12.09,13.27L14.58,19.58L17.17,18.08L12.95,12.77L12.09,13.27Z" /></svg>';var s='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5l-8-5V6l8 5l8-5v2z"/></svg>';var n='<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 2h14c1.1 0 2-.9 2-2V5a2 2 0 0 0-2-2zm0 16H5V7h14v12zm-2-7H7v-2h10v2zm-4 4H7v-2h6v2z"/></svg>';var m='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-5 14H4v-4h11v4zm0-5H4V9h11v4zm5 5h-4V9h4v9z"/></svg>';var l='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21 3H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h5v2h8v-2h5c1.1 0 1.99-.9 1.99-2L23 5c0-1.1-.9-2-2-2zm0 14H3V5h18v12z"/></svg>';var h='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M3 3v18h18V3H3zm8 16H5v-6h6v6zm0-8H5V5h6v6zm8 8h-6v-6h6v6zm0-8h-6V5h6v6z"/></svg>';var p='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/></svg>';var g='<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-curve" viewBox="0 0 24 24"><path d="M18.5,2A1.5,1.5 0 0,1 20,3.5A1.5,1.5 0 0,1 18.5,5C18.27,5 18.05,4.95 17.85,4.85L14.16,8.55L14.5,9C16.69,7.74 19.26,7 22,7L23,7.03V9.04L22,9C19.42,9 17,9.75 15,11.04A3.96,3.96 0 0,1 11.04,15C9.75,17 9,19.42 9,22L9.04,23H7.03L7,22C7,19.26 7.74,16.69 9,14.5L8.55,14.16L4.85,17.85C4.95,18.05 5,18.27 5,18.5A1.5,1.5 0 0,1 3.5,20A1.5,1.5 0 0,1 2,18.5A1.5,1.5 0 0,1 3.5,17C3.73,17 3.95,17.05 4.15,17.15L7.84,13.45C7.31,12.78 7,11.92 7,11A4,4 0 0,1 11,7C11.92,7 12.78,7.31 13.45,7.84L17.15,4.15C17.05,3.95 17,3.73 17,3.5A1.5,1.5 0 0,1 18.5,2M11,9A2,2 0 0,0 9,11A2,2 0 0,0 11,13A2,2 0 0,0 13,11A2,2 0 0,0 11,9Z" /></svg>';var u='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z"/></svg>';var f={archive:{icon:i,variant:"amaranth"},attachment:{icon:o,variant:"dark"},audio:{icon:t,variant:"violet"},code:{icon:v,variant:"yellow"},data:{icon:d,variant:"yellow"},document:{icon:c,variant:"orange"},email:{icon:s,variant:"blue"},executable:{icon:n,variant:"amaranth"},image:{icon:a,variant:"green"},imageRaster:{icon:a,variant:"green"},markup:{icon:m,variant:"yellow"},slide:{icon:l,variant:"orchid"},spreadsheet:{icon:h,variant:"lime"},text:{icon:p,variant:"blue"},vectorImage:{icon:g,variant:"aqua"},vector:{icon:g,variant:"aqua"},video:{icon:u,variant:"violet"}};var w=function(e,r){if(r===void 0){r='Attribute "filename" is undefined.'}var a;if(e===undefined){throw console.error(r)}if(e.includes("/")){return(a=e.split("/").pop())!==null&&a!==void 0?a:""}return e};var S=function(e){var r;var a=w(e);if(a.includes(".")){return(r=a.split(".").pop())!==null&&r!==void 0?r:""}return a};var A=e("e",(function(e){var r;var a=w(e);if(a.includes(".")){return(r=a.split(".")[0])!==null&&r!==void 0?r:""}return a}));var b=e("d",(function(e,r){var a=S(e);var i=w(e);if(r!==null&&r!==undefined){return r.toLowerCase()}if(a!==i){return a}return"default"}));var D=e("g",(function(e,a){var i;var o=b(e,a).toLocaleLowerCase();return(i=r[o])!==null&&i!==void 0?i:r.default}));var F=e("h",(function(e,r){return f[D(e,r).format]}));var P="Εικόνα δίσκου Apple";var H="Συμπιεσμένο αρχείο";var L="Μη συμπιεσμένο αρχείο";var x="Συμπιεσμένος ήχος";var I="Μη συμπιεσμένος ήχος";var M="Αρχείο Dart";var V="Έγγραφο Adobe";var z="Συμπιεσμένο έγγραφο Microsoft Word";var T="Έγγραφο Microsoft Word";var O="Έγγραφο μορφής εμπλουτισμένου κειμένου";var y="Απλό έγγραφο κειμένου";var C="Ηλεκτρονικό ταχυδρομείο";var E="Αρχείο βάσης δεδομένων";var W="Έγγραφο LibreOffice";var B="Εκτελέσιμο αρχείο Windows";var G="Βίντεο υψηλής ανάλυσης";var k="Βίντεο χαμηλής ανάλυσης";var J="Υπολογιστικό φύλλο LibreOffice";var N="Υπολογιστικό φύλλο Microsoft Office";var X="Άγνωστη μορφή αρχείου";var j="Μορφή αρχείου εικόνας υψηλής αποδοτικότητας";var R="Αρχείο Hypertext Preprocessor";var q="Εικόνα Portable Network Graphics";var U="Εικόνα Google Web Picture";var Z="Συμπιεσμένη εικόνα";var K="Αρχείο JavaScript Object Notation";var Q="Αρχείο JavaScript";var Y="Ιστοσελίδα";var $="Διανυσματική εικόνα Scalable Vector Graphics";var _="Διαφάνεια παρουσίασης LibreOffice";var ee="Διαφάνεια παρουσίασης PowerPoint";var re="Αρχείο Syntactically Awesome StyleSheets";var ae="Εικόνα Tag Image File Format";var ie="Αρχείο TypeScript Extended Syntax";var oe="Αρχείο TypeScript";var te="Διανυσματικό αρχείο Adobe Illustrator";var ve="Διανυσματικό αρχείο Corel Draw";var ce=e("f",{appleDiskImage:P,compressedArchive:H,uncompressedArchive:L,compressedAudio:x,uncompressedAudio:I,dart:M,documentAdobe:V,compressedDocumentMS:z,documentMS:T,documentRTF:O,documentTXT:y,email:C,fileDB:E,documentLO:W,fileEXE:B,videoHD:G,videoSD:k,spreadsheetLO:J,spreadsheetMS:N,unknown:X,imageHEIC:j,filePHP:R,imagePNG:q,imageWEBP:U,compressedImage:Z,fileJSON:K,fileJS:Q,documentWeb:Y,imageSVG:$,slideLO:_,slidePowerPoint:ee,fileSASS:re,imageTIFF:ae,fileTSX:ie,fileTS:oe,fileAI:te,fileEPS:ve});var de="Apple Disk Image";var se="Compressed Archive";var ne="Uncompressed Archive";var me="Compressed Audio";var le="Uncompressed Audio";var he="Dart File";var pe="Adobe Document";var ge="Compressed Microsoft Word Document";var ue="Microsoft Word Document";var fe="Rich Text Format Document";var we="Plain Text Document";var Se="E-mail";var Ae="Database File";var be="LibreOffice Document";var De="Windows Executable File";var Fe="High Definition Video";var Pe="Standard Definition Video";var He="LibreOffice Spreadsheet";var Le="Microsoft Office Spreadsheet";var xe="Unknown File Format";var Ie="High Efficiency Image File Format";var Me="Hypertext Preprocessor File";var Ve="Portable Network Graphics Image";var ze="Google Web Picture Image";var Te="Compressed Image";var Oe="JavaScript Object Notation File";var ye="JavaScript File";var Ce="Web Page";var Ee="Scalable Vector Graphics Image";var We="LibreOffice Presentation Slide";var Be="PowerPoint Presentation Slide";var Ge="Syntactically Awesome StyleSheets File";var ke="Tag Image File Format Image";var Je="TypeScript Extended Syntax File";var Ne="TypeScript File";var Xe="Adobe Illustrator Vector File";var je="Corel Draw Vector File";var Re=e("a",{appleDiskImage:de,compressedArchive:se,uncompressedArchive:ne,compressedAudio:me,uncompressedAudio:le,dart:he,documentAdobe:pe,compressedDocumentMS:ge,documentMS:ue,documentRTF:fe,documentTXT:we,email:Se,fileDB:Ae,documentLO:be,fileEXE:De,videoHD:Fe,videoSD:Pe,spreadsheetLO:He,spreadsheetMS:Le,unknown:xe,imageHEIC:Ie,filePHP:Me,imagePNG:Ve,imageWEBP:ze,compressedImage:Te,fileJSON:Oe,fileJS:ye,documentWeb:Ce,imageSVG:Ee,slideLO:We,slidePowerPoint:Be,fileSASS:Ge,imageTIFF:ke,fileTSX:Je,fileTS:Ne,fileAI:Xe,fileEPS:je});var qe="Imagen de disco Apple";var Ue="Archivo comprimido";var Ze="Archivo no comprimido";var Ke="Audio comprimido";var Qe="Audio no comprimido";var Ye="Archivo Dart";var $e="Documento Adobe";var _e="Documento comprimido de Microsoft Word";var er="Documento de Microsoft Word";var rr="Documento de formato de texto enriquecido";var ar="Documento de texto sin formato";var ir="Correo electrónico";var or="Archivo de base de datos";var tr="Documento de LibreOffice";var vr="Archivo ejecutable de Windows";var cr="Video de alta definición";var dr="Video de definición estándar";var sr="Hoja de cálculo de LibreOffice";var nr="Hoja de cálculo de Microsoft Office";var mr="Formato de archivo desconocido";var lr="Formato de archivo de imagen de alta eficiencia";var hr="Archivo de preprocesador de hipertexto";var pr="Imagen Portable Network Graphics";var gr="Imagen Google Web Picture";var ur="Imagen comprimida";var fr="Archivo de notación de objetos de JavaScript";var wr="Archivo JavaScript";var Sr="Página web";var Ar="Imagen de gráficos vectoriales escalables";var br="Diapositiva de presentación de LibreOffice";var Dr="Diapositiva de presentación de PowerPoint";var Fr="Archivo de Syntactically Awesome StyleSheets";var Pr="Imagen de formato de archivo de imagen etiquetado";var Hr="Archivo de sintaxis extendida de TypeScript";var Lr="Archivo TypeScript";var xr="Archivo vectorial de Adobe Illustrator";var Ir="Archivo vectorial de Corel Draw";var Mr=e("b",{appleDiskImage:qe,compressedArchive:Ue,uncompressedArchive:Ze,compressedAudio:Ke,uncompressedAudio:Qe,dart:Ye,documentAdobe:$e,compressedDocumentMS:_e,documentMS:er,documentRTF:rr,documentTXT:ar,email:ir,fileDB:or,documentLO:tr,fileEXE:vr,videoHD:cr,videoSD:dr,spreadsheetLO:sr,spreadsheetMS:nr,unknown:mr,imageHEIC:lr,filePHP:hr,imagePNG:pr,imageWEBP:gr,compressedImage:ur,fileJSON:fr,fileJS:wr,documentWeb:Sr,imageSVG:Ar,slideLO:br,slidePowerPoint:Dr,fileSASS:Fr,imageTIFF:Pr,fileTSX:Hr,fileTS:Lr,fileAI:xr,fileEPS:Ir});var Vr="Immagine Disco Apple";var zr="Archivio compresso";var Tr="Archivio non compresso";var Or="Audio compresso";var yr="Audio non compresso";var Cr="File Dart";var Er="Documento Adobe";var Wr="Documento di testo Microsoft Word Compresso";var Br="Documento di testo Microsoft Word";var Gr="Documento di testo Rich Text Format";var kr="Documento di testo senza formattazione";var Jr="E-mail";var Nr="File di database";var Xr="Documento di testo LibreOffice";var jr="File eseguibile Windows";var Rr="Filmato HD ad alta risoluzione";var qr="Filmato SD a bassa risoluzione";var Ur="Foglio di calcolo LibreOffice";var Zr="Foglio di calcolo Office";var Kr="Formato file sconosciuto";var Qr="High Efficiency Image File Format";var Yr="File Hypertext Preprocessor";var $r="Immagine Portable Network Graphics";var _r="Immagine Google Web Picture";var ea="Immagine compressa";var ra="File JavaScript Object Notation";var aa="File JavaScript";var ia="Pagina web";var oa="Immagine vettoriale Scalable Vector Graphics";var ta="Slide di presentazione LibreOffice";var va="Slide di presentazione PowerPoint";var ca="File Syntactically Awesome StyleSheets";var da="Immagine Tag Image File Format";var sa="File TypeScript Extended Syntax";var na="File TypeScript";var ma="File vettoriale Adobe Illustrator";var la="File vettoriale Corel Draw";var ha=e("c",{appleDiskImage:Vr,compressedArchive:zr,uncompressedArchive:Tr,compressedAudio:Or,uncompressedAudio:yr,dart:Cr,documentAdobe:Er,compressedDocumentMS:Wr,documentMS:Br,documentRTF:Gr,documentTXT:kr,email:Jr,fileDB:Nr,documentLO:Xr,fileEXE:jr,videoHD:Rr,videoSD:qr,spreadsheetLO:Ur,spreadsheetMS:Zr,unknown:Kr,imageHEIC:Qr,filePHP:Yr,imagePNG:$r,imageWEBP:_r,compressedImage:ea,fileJSON:ra,fileJS:aa,documentWeb:ia,imageSVG:oa,slideLO:ta,slidePowerPoint:va,fileSASS:ca,imageTIFF:da,fileTSX:sa,fileTS:na,fileAI:ma,fileEPS:la})}}}));

package/dist/magma-components/{p-8321c0d3.entry.js → p-ac97dd43.entry.js}

@@ -1 +1 @@
-import{r as i,h as t,H as s,g as o}from"./p-b6defcb6.js";import{a as n,c as a}from"./p-a87d7192.js";const e=class{constructor(t){i(this,t),this.totalItems=0,this.introItem=i=>(i.style.marginBottom=`-${i.offsetHeight+n(this.cssItemsGap)}px`,new Promise((t=>{setTimeout((()=>{i.style.marginBottom=`-${i.offsetHeight+n(this.cssItemsGap)}px`,setTimeout((()=>{i.style.visibility="visible",i.style.position="relative",i.style.transform="translate(0, 0)",i.style.marginBottom="0px",t()}),a(this.cssItemsDuration))}),15)}))),this.checkNotificationsItems=()=>{this.totalItems-=1,0===this.totalItems&&(this.visible=!1)},this.outroItem=i=>(i.style.marginBottom="0px",this.checkNotificationsItems(),new Promise((t=>{setTimeout((()=>{i.style.marginBottom="0px",setTimeout((()=>{i.addEventListener("transitionend",(()=>{i.remove()})),i.style.removeProperty("transform"),i.style.marginBottom=`-${i.offsetHeight+n(this.cssItemsGap)}px`,t()}),a(this.cssItemsDuration))}),15)}))),this.addNotificationBehavior=i=>{i.addEventListener("mdsPushNotificationClose",(()=>this.outroItem(i)))},this.handleSlotChange=()=>{var i,t;this.updateCSSCustomProps();const s=null===(t=null===(i=this.host.shadowRoot)||void 0===i?void 0:i.querySelectorAll("slot")[1])||void 0===t?void 0:t.assignedNodes();if(!s)return void console.info("No slotted elements found.");const o=[];let n;for(;this.totalItems<s.length;)n=s[this.totalItems],this.addNotificationBehavior(n),o.push(this.introItem(n)),this.totalItems+=1;o.forEach((async i=>{await i}))},this.updateCSSCustomProps=()=>{var i,t;const s=window.getComputedStyle(this.host);this.cssItemsGap=null!==(i=s.getPropertyValue("--mds-push-notifications-items-gap"))&&void 0!==i?i:"0.5rem",this.cssItemsDuration=null!==(t=s.getPropertyValue("--mds-push-notifications-items-duration"))&&void 0!==t?t:"200ms"},this.visible=void 0,this.visiblity=void 0}componentDidLoad(){this.updateCSSCustomProps()}render(){return t(s,{key:"d7da4eb7407b4886b2e29ce2617c54086bd55a0c"},t("slot",{key:"aadeb2649b5eb2bcfbedc401e7ae98f88fc0545c",name:"top"}),t("div",{key:"90eaf13dcecaa032c633929bed4483a516d0caac",class:"notifications",part:"notifications"},t("slot",{key:"b488d366486583afdf499c3cd8636a9ce2f7be57",onSlotchange:this.handleSlotChange.bind(this)})),t("slot",{key:"5932e50f11832b2ccf9eae9118a01fc3d665dba1",name:"bottom"}))}get host(){return o(this)}};e.style=':host{--mds-push-notifications-fadeout-delay:3s;--mds-push-notifications-gap:0.5rem;--mds-push-notifications-items-delay:400ms;--mds-push-notifications-items-duration:300ms;--mds-push-notifications-items-gap:var(--mds-push-notifications-gap);--mds-push-notifications-items-timing-function:cubic-bezier(0.86, 0, 0.07, 1);min-width:18rem;max-width:360px;gap:0.5rem;padding:1rem;-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:auto;pointer-events:none;position:fixed;right:0;top:0;-webkit-transform:translate(100%, 0);transform:translate(100%, 0);-webkit-transition-delay:0;transition-delay:0;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;z-index:var(--magma-notification-z-index, 3000)}:host([visible]:not([visible="false"])){-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition-delay:var(--mds-push-notifications-fadeout-delay);transition-delay:var(--mds-push-notifications-fadeout-delay)}.notifications{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;gap:var(--mds-push-notifications-items-gap)}.notifications ::slotted(mds-push-notification){--mds-push-notification-duration:var(--mds-push-notifications-items-duration);--mds-push-notification-timing-function:var(--mds-push-notifications-items-timing-function);position:absolute;-webkit-transform:translate(calc(100% + calc(var(--mds-push-notifications-gap) + var(--mds-push-notifications-gap))), 0);transform:translate(calc(100% + calc(var(--mds-push-notifications-gap) + var(--mds-push-notifications-gap))), 0);visibility:hidden}';export{e as mds_push_notifications}
+import{r as i,h as t,H as s,g as o}from"./p-eab621a7.js";import{a as n,c as a}from"./p-a87d7192.js";const e=class{constructor(t){i(this,t),this.totalItems=0,this.introItem=i=>(i.style.marginBottom=`-${i.offsetHeight+n(this.cssItemsGap)}px`,new Promise((t=>{setTimeout((()=>{i.style.marginBottom=`-${i.offsetHeight+n(this.cssItemsGap)}px`,setTimeout((()=>{i.style.visibility="visible",i.style.position="relative",i.style.transform="translate(0, 0)",i.style.marginBottom="0px",t()}),a(this.cssItemsDuration))}),15)}))),this.checkNotificationsItems=()=>{this.totalItems-=1,0===this.totalItems&&(this.visible=!1)},this.outroItem=i=>(i.style.marginBottom="0px",this.checkNotificationsItems(),new Promise((t=>{setTimeout((()=>{i.style.marginBottom="0px",setTimeout((()=>{i.addEventListener("transitionend",(()=>{i.remove()})),i.style.removeProperty("transform"),i.style.marginBottom=`-${i.offsetHeight+n(this.cssItemsGap)}px`,t()}),a(this.cssItemsDuration))}),15)}))),this.addNotificationBehavior=i=>{i.addEventListener("mdsPushNotificationClose",(()=>this.outroItem(i)))},this.handleSlotChange=()=>{var i,t;this.updateCSSCustomProps();const s=null===(t=null===(i=this.host.shadowRoot)||void 0===i?void 0:i.querySelectorAll("slot")[1])||void 0===t?void 0:t.assignedNodes();if(!s)return void console.info("No slotted elements found.");const o=[];let n;for(;this.totalItems<s.length;)n=s[this.totalItems],this.addNotificationBehavior(n),o.push(this.introItem(n)),this.totalItems+=1;o.forEach((async i=>{await i}))},this.updateCSSCustomProps=()=>{var i,t;const s=window.getComputedStyle(this.host);this.cssItemsGap=null!==(i=s.getPropertyValue("--mds-push-notifications-items-gap"))&&void 0!==i?i:"0.5rem",this.cssItemsDuration=null!==(t=s.getPropertyValue("--mds-push-notifications-items-duration"))&&void 0!==t?t:"200ms"},this.visible=void 0,this.visiblity=void 0}componentDidLoad(){this.updateCSSCustomProps()}render(){return t(s,{key:"d7da4eb7407b4886b2e29ce2617c54086bd55a0c"},t("slot",{key:"aadeb2649b5eb2bcfbedc401e7ae98f88fc0545c",name:"top"}),t("div",{key:"90eaf13dcecaa032c633929bed4483a516d0caac",class:"notifications",part:"notifications"},t("slot",{key:"b488d366486583afdf499c3cd8636a9ce2f7be57",onSlotchange:this.handleSlotChange.bind(this)})),t("slot",{key:"5932e50f11832b2ccf9eae9118a01fc3d665dba1",name:"bottom"}))}get host(){return o(this)}};e.style=':host{--mds-push-notifications-fadeout-delay:3s;--mds-push-notifications-gap:0.5rem;--mds-push-notifications-items-delay:400ms;--mds-push-notifications-items-duration:300ms;--mds-push-notifications-items-gap:var(--mds-push-notifications-gap);--mds-push-notifications-items-timing-function:cubic-bezier(0.86, 0, 0.07, 1);min-width:18rem;max-width:360px;gap:0.5rem;padding:1rem;-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:auto;pointer-events:none;position:fixed;right:0;top:0;-webkit-transform:translate(100%, 0);transform:translate(100%, 0);-webkit-transition-delay:0;transition-delay:0;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;z-index:var(--magma-notification-z-index, 3000)}:host([visible]:not([visible="false"])){-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition-delay:var(--mds-push-notifications-fadeout-delay);transition-delay:var(--mds-push-notifications-fadeout-delay)}.notifications{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;gap:var(--mds-push-notifications-items-gap)}.notifications ::slotted(mds-push-notification){--mds-push-notification-duration:var(--mds-push-notifications-items-duration);--mds-push-notification-timing-function:var(--mds-push-notifications-items-timing-function);position:absolute;-webkit-transform:translate(calc(100% + calc(var(--mds-push-notifications-gap) + var(--mds-push-notifications-gap))), 0);transform:translate(calc(100% + calc(var(--mds-push-notifications-gap) + var(--mds-push-notifications-gap))), 0);visibility:hidden}';export{e as mds_push_notifications}

package/dist/magma-components/p-ae0b6dcb.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-c94628eb.system.js"],(function(n){"use strict";var a,r,e;return{setters:[function(n){a=n.r;r=n.h;e=n.H}],execute:function(){var o='@tailwind utilities;\n\n/**\n * @prop --mds-badge-background: Sets the background-color of the component\n * @prop --mds-badge-radius: Sets the border-radius of the component\n * @prop --mds-badge-color: Sets the text color of the component\n */\n\n:host {\n\n  --mds-badge-background: rgb(var(--label-sky-09));\n  --mds-badge-border-color: rgb(var(--label-sky-06));;\n  --mds-badge-border-width: 1px;\n  --mds-badge-color: rgb(var(--label-sky-03));\n  --mds-badge-radius: 0.25rem;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\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-badge-background);\n  border-radius: var(--mds-badge-radius);\n  color: var(--mds-badge-color);\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  min-width: -moz-min-content;\n  min-width: -webkit-min-content;\n  min-width: min-content;\n  -webkit-transition-property: background-color, border-color, border-width, color;\n  transition-property: background-color, border-color, border-width, color;\n}\n\n:host([tone="ghost"]) {\n  border-color: var(--mds-badge-border-color);\n  border-style: solid;\n  border-width: var(--mds-badge-border-width);\n}\n\n:host([tone="quiet"]) {\n\n  --mds-badge-background: rgb(var(--tone-neutral));\n}\n\n@tailwind utilities;\n\n:host([variant="amaranth"]) {\n\n  --mds-badge-color: rgb(var(--tone-neutral));\n}\n\n:host([variant="amaranth"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--label-amaranth-04));\n}\n\n:host([variant="amaranth"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--label-amaranth-09));\n  --mds-badge-color: rgb(var(--label-amaranth-02));\n}\n\n:host([variant="amaranth"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--label-amaranth-04));\n}\n\n:host([variant="amaranth"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--label-amaranth-06));\n  --mds-badge-color: rgb(var(--label-amaranth-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="amaranth"]),\n  :host([variant="amaranth"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--label-amaranth-03));\n  }\n\n  :host([variant="amaranth"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--label-amaranth-01));\n  }\n\n  :host([variant="amaranth"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--label-amaranth-02));\n  }\n\n  :host([variant="amaranth"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--label-amaranth-03));\n    --mds-badge-border-color: rgb(var(--label-amaranth-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="amaranth"]),\n    :host([variant="amaranth"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--label-amaranth-04));\n    }\n\n    :host([variant="amaranth"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--label-amaranth-01));\n    }\n\n    :host([variant="amaranth"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--label-amaranth-02));\n    }\n\n    :host([variant="amaranth"][tone="ghost"]) {\n\n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--label-amaranth-03));\n      --mds-badge-border-color: rgb(var(--label-amaranth-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host([variant="aqua"]) {\n\n  --mds-badge-color: rgb(var(--tone-neutral));\n}\n\n:host([variant="aqua"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--label-aqua-04));\n}\n\n:host([variant="aqua"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--label-aqua-09));\n  --mds-badge-color: rgb(var(--label-aqua-02));\n}\n\n:host([variant="aqua"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--label-aqua-04));\n}\n\n:host([variant="aqua"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--label-aqua-06));\n  --mds-badge-color: rgb(var(--label-aqua-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="aqua"]),\n  :host([variant="aqua"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--label-aqua-04));\n  }\n\n  :host([variant="aqua"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--label-aqua-01));\n  }\n\n  :host([variant="aqua"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--label-aqua-02));\n  }\n\n  :host([variant="aqua"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--label-aqua-03));\n    --mds-badge-border-color: rgb(var(--label-aqua-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="aqua"]),\n    :host([variant="aqua"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--label-aqua-03));\n    }\n\n    :host([variant="aqua"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--label-aqua-01));\n    }\n\n    :host([variant="aqua"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--label-aqua-02));\n    }\n\n    :host([variant="aqua"][tone="ghost"]) {\n\n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--label-aqua-03));\n      --mds-badge-border-color: rgb(var(--label-aqua-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host([variant="blue"]) {\n\n  --mds-badge-color: rgb(var(--tone-neutral));\n}\n\n:host([variant="blue"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--label-blue-04));\n}\n\n:host([variant="blue"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--label-blue-09));\n  --mds-badge-color: rgb(var(--label-blue-02));\n}\n\n:host([variant="blue"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--label-blue-04));\n}\n\n:host([variant="blue"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--label-blue-06));\n  --mds-badge-color: rgb(var(--label-blue-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="blue"]),\n  :host([variant="blue"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--label-blue-03));\n  }\n\n  :host([variant="blue"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--label-blue-01));\n  }\n\n  :host([variant="blue"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--label-blue-02));\n  }\n\n  :host([variant="blue"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--label-blue-03));\n    --mds-badge-border-color: rgb(var(--label-blue-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="blue"]),\n    :host([variant="blue"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--label-blue-04));\n    }\n\n    :host([variant="blue"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--label-blue-01));\n    }\n\n    :host([variant="blue"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--label-blue-02));\n    }\n\n    :host([variant="blue"][tone="ghost"]) {\n\n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--label-blue-03));\n      --mds-badge-border-color: rgb(var(--label-blue-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host( [variant="dark"] ) {\n\n  --mds-badge-color: rgb(var(--tone-neutral-02));\n}\n\n:host( [variant="dark"][tone="strong"] ) {\n\n  --mds-badge-background: rgb(var(--tone-neutral-02));\n  --mds-badge-color: rgb(var(--tone-neutral-09));\n}\n\n:host( [variant="dark"][tone="weak"] ) {\n\n  --mds-badge-background: rgb(var(--tone-neutral-08));\n  --mds-badge-color: rgb(var(--tone-neutral-02));\n}\n\n:host( [variant="dark"][tone="ghost"] ) {\n\n  --mds-badge-background: rgb(var(--tone-neutral-09));\n  --mds-badge-color: rgb(var(--tone-neutral-03));\n  --mds-badge-border-color: rgb(var(--tone-neutral-03));\n}\n\n@tailwind utilities;\n\n:host([variant="error"]) {\n\n  --mds-badge-color: rgb(var(--tone-neutral));\n}\n\n:host([variant="error"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--status-error-04));\n}\n\n:host([variant="error"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--status-error-09));\n  --mds-badge-color: rgb(var(--status-error-02));\n}\n\n:host([variant="error"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--status-error-04));\n}\n\n:host([variant="error"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--status-error-06));\n  --mds-badge-color: rgb(var(--status-error-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="error"]),\n  :host([variant="error"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--status-error-03));\n  }\n\n  :host([variant="error"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--status-error-01));\n  }\n\n  :host([variant="error"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--status-error-02));\n  }\n\n  :host([variant="error"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--status-error-03));\n    --mds-badge-border-color: rgb(var(--status-error-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="error"]),\n    :host([variant="error"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--status-error-04));\n    }\n\n    :host([variant="error"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--status-error-01));\n    }\n\n    :host([variant="error"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--status-error-02));\n    }\n\n    :host([variant="error"][tone="ghost"]) {\n\n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--status-error-03));\n      --mds-badge-border-color: rgb(var(--status-error-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host([variant="green"]) {\n\n  --mds-badge-color: rgb(var(--tone-neutral));\n}\n\n:host([variant="green"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--label-green-04));\n}\n\n:host([variant="green"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--label-green-09));\n  --mds-badge-color: rgb(var(--label-green-02));\n}\n\n:host([variant="green"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--label-green-04));\n}\n\n:host([variant="green"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--label-green-06));\n  --mds-badge-color: rgb(var(--label-green-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="green"]),\n  :host([variant="green"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--label-green-03));\n  }\n\n  :host([variant="green"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--label-green-01));\n  }\n\n  :host([variant="green"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--label-green-02));\n  }\n\n  :host([variant="green"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--label-green-03));\n    --mds-badge-border-color: rgb(var(--label-green-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="green"]),\n    :host([variant="green"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--label-green-04));\n    }\n\n    :host([variant="green"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--label-green-01));\n    }\n\n    :host([variant="green"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--label-green-02));\n    }\n\n    :host([variant="green"][tone="ghost"]) {\n\n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--label-green-03));\n      --mds-badge-border-color: rgb(var(--label-green-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host([variant="info"]) {\n\n  --mds-badge-color: rgb(var(--tone-neutral));\n}\n\n:host([variant="info"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--status-info-04));\n}\n\n:host([variant="info"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--status-info-09));\n  --mds-badge-color: rgb(var(--status-info-02));\n}\n\n:host([variant="info"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--status-info-04));\n}\n\n:host([variant="info"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--status-info-06));\n  --mds-badge-color: rgb(var(--status-info-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="info"]),\n  :host([variant="info"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--status-info-03));\n  }\n\n  :host([variant="info"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--status-info-01));\n  }\n\n  :host([variant="info"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--status-info-02));\n  }\n\n  :host([variant="info"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--status-info-03));\n    --mds-badge-border-color: rgb(var(--status-info-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="info"]),\n    :host([variant="info"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--status-info-04));\n    }\n\n    :host([variant="info"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--status-info-01));\n    }\n\n    :host([variant="info"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--status-info-02));\n    }\n\n    :host([variant="info"][tone="ghost"]) {\n\n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--status-info-03));\n      --mds-badge-border-color: rgb(var(--status-info-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host( [variant="light"] ) {\n\n  --mds-badge-color: rgb(var(--tone-neutral-03));\n}\n\n:host( [variant="light"][tone="strong"] ) {\n\n  --mds-badge-background: rgb(var(--tone-neutral-10));\n  --mds-badge-color: rgb(var(--tone-neutral-03));\n}\n\n:host( [variant="light"][tone="weak"] ) {\n\n  --mds-badge-background: rgb(var(--tone-neutral-10));\n  --mds-badge-color: rgb(var(--tone-neutral-03));\n}\n\n:host( [variant="light"][tone="ghost"] ) {\n\n  --mds-badge-color: rgb(var(--tone-neutral-02));\n  --mds-badge-border-color: rgb(var(--tone-neutral-09));\n}\n\n@tailwind utilities;\n\n:host([variant="lime"]) {\n\n  --mds-badge-color: rgb(var(--tone-neutral));\n}\n\n:host([variant="lime"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--label-lime-04));\n}\n\n:host([variant="lime"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--label-lime-09));\n  --mds-badge-color: rgb(var(--label-lime-02));\n}\n\n:host([variant="lime"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--label-lime-04));\n}\n\n:host([variant="lime"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--label-lime-06));\n  --mds-badge-color: rgb(var(--label-lime-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="lime"]),\n  :host([variant="lime"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--label-lime-03));\n  }\n\n  :host([variant="lime"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--label-lime-01));\n  }\n\n  :host([variant="lime"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--label-lime-02));\n  }\n\n  :host([variant="lime"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--label-lime-03));\n    --mds-badge-border-color: rgb(var(--label-lime-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="lime"]),\n    :host([variant="lime"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--label-lime-04));\n    }\n\n    :host([variant="lime"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--label-lime-01));\n    }\n\n    :host([variant="lime"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--label-lime-02));\n    }\n\n    :host([variant="lime"][tone="ghost"]) {\n\n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--label-lime-03));\n      --mds-badge-border-color: rgb(var(--label-lime-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host([variant="orange"]) {\n\n  --mds-badge-color: rgb(var(--tone-neutral));\n}\n\n:host([variant="orange"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--label-orange-04));\n}\n\n:host([variant="orange"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--label-orange-09));\n  --mds-badge-color: rgb(var(--label-orange-02));\n}\n\n:host([variant="orange"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--label-orange-04));\n}\n\n:host([variant="orange"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--label-orange-06));\n  --mds-badge-color: rgb(var(--label-orange-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="orange"]),\n  :host([variant="orange"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--label-orange-03));\n  }\n\n  :host([variant="orange"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--label-orange-01));\n  }\n\n  :host([variant="orange"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--label-orange-02));\n  }\n\n  :host([variant="orange"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--label-orange-03));\n    --mds-badge-border-color: rgb(var(--label-orange-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="orange"]),\n    :host([variant="orange"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--label-orange-04));\n    }\n\n    :host([variant="orange"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--label-orange-01));\n    }\n\n    :host([variant="orange"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--label-orange-02));\n    }\n\n    :host([variant="orange"][tone="ghost"]) {\n\n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--label-orange-03));\n      --mds-badge-border-color: rgb(var(--label-orange-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host([variant="orchid"]) {\n\n  --mds-badge-color: rgb(var(--tone-neutral));\n}\n\n:host([variant="orchid"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--label-orchid-04));\n}\n\n:host([variant="orchid"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--label-orchid-09));\n  --mds-badge-color: rgb(var(--label-orchid-02));\n}\n\n:host([variant="orchid"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--label-orchid-04));\n}\n\n:host([variant="orchid"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--label-orchid-06));\n  --mds-badge-color: rgb(var(--label-orchid-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="orchid"]),\n  :host([variant="orchid"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--label-orchid-03));\n  }\n\n  :host([variant="orchid"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--label-orchid-01));\n  }\n\n  :host([variant="orchid"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--label-orchid-02));\n  }\n\n  :host([variant="orchid"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--label-orchid-03));\n    --mds-badge-border-color: rgb(var(--label-orchid-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="orchid"]),\n    :host([variant="orchid"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--label-orchid-04));\n    }\n\n    :host([variant="orchid"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--label-orchid-01));\n    }\n\n    :host([variant="orchid"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--label-orchid-02));\n    }\n\n    :host([variant="orchid"][tone="ghost"]) {\n\n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--label-orchid-03));\n      --mds-badge-border-color: rgb(var(--label-orchid-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host([variant="sky"]) {\n\n  --mds-badge-color: rgb(var(--tone-neutral));\n}\n\n:host([variant="sky"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--label-sky-04));\n}\n\n:host([variant="sky"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--label-sky-09));\n  --mds-badge-color: rgb(var(--label-sky-02));\n}\n\n:host([variant="sky"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--label-sky-04));\n}\n\n:host([variant="sky"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--label-sky-06));\n  --mds-badge-color: rgb(var(--label-sky-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="sky"]),\n  :host([variant="sky"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--label-sky-03));\n  }\n\n  :host([variant="sky"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--label-sky-01));\n  }\n\n  :host([variant="sky"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--label-sky-02));\n  }\n\n  :host([variant="sky"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--label-sky-03));\n    --mds-badge-border-color: rgb(var(--label-sky-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="sky"]),\n    :host([variant="sky"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--label-sky-04));\n    }\n\n    :host([variant="sky"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--label-sky-01));\n    }\n\n    :host([variant="sky"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--label-sky-02));\n    }\n\n    :host([variant="sky"][tone="ghost"]) {\n\n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--label-sky-03));\n      --mds-badge-border-color: rgb(var(--label-sky-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host([variant="success"]) {\n\n  --mds-badge-color: rgb(var(--tone-neutral));\n}\n\n:host([variant="success"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--status-success-04));\n}\n\n:host([variant="success"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--status-success-09));\n  --mds-badge-color: rgb(var(--status-success-02));\n}\n\n:host([variant="success"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--status-success-04));\n}\n\n:host([variant="success"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--status-success-06));\n  --mds-badge-color: rgb(var(--status-success-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="success"]),\n  :host([variant="success"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--status-success-03));\n  }\n\n  :host([variant="success"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--status-success-01));\n  }\n\n  :host([variant="success"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--status-success-02));\n  }\n\n  :host([variant="success"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--status-success-03));\n    --mds-badge-border-color: rgb(var(--status-success-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="success"]),\n    :host([variant="success"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--status-success-04));\n    }\n\n    :host([variant="success"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--status-success-01));\n    }\n\n    :host([variant="success"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--status-success-02));\n    }\n\n    :host([variant="success"][tone="ghost"]) {\n\n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--status-success-03));\n      --mds-badge-border-color: rgb(var(--status-success-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host([variant="violet"]) {\n\n  --mds-badge-color: rgb(var(--tone-neutral));\n}\n\n:host([variant="violet"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--label-violet-04));\n}\n\n:host([variant="violet"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--label-violet-09));\n  --mds-badge-color: rgb(var(--label-violet-02));\n}\n\n:host([variant="violet"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--label-violet-04));\n}\n\n:host([variant="violet"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--label-violet-06));\n  --mds-badge-color: rgb(var(--label-violet-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="violet"]),\n  :host([variant="violet"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--label-violet-03));\n  }\n\n  :host([variant="violet"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--label-violet-01));\n  }\n\n  :host([variant="violet"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--label-violet-02));\n  }\n\n  :host([variant="violet"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--label-violet-03));\n    --mds-badge-border-color: rgb(var(--label-violet-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="violet"]),\n    :host([variant="violet"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--label-violet-04));\n    }\n\n    :host([variant="violet"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--label-violet-01));\n    }\n\n    :host([variant="violet"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--label-violet-02));\n    }\n\n    :host([variant="violet"][tone="ghost"]) {\n\n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--label-violet-03));\n      --mds-badge-border-color: rgb(var(--label-violet-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host([variant="warning"]) {\n\n  --mds-badge-color: rgb(var(--tone-neutral));\n}\n\n:host([variant="warning"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--status-warning-04));\n}\n\n:host([variant="warning"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--status-warning-09));\n  --mds-badge-color: rgb(var(--status-warning-02));\n}\n\n:host([variant="warning"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--status-warning-04));\n}\n\n:host([variant="warning"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--status-warning-06));\n  --mds-badge-color: rgb(var(--status-warning-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="warning"]),\n  :host([variant="warning"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--status-warning-03));\n  }\n\n  :host([variant="warning"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--status-warning-01));\n  }\n\n  :host([variant="warning"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--status-warning-02));\n  }\n\n  :host([variant="warning"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--status-warning-03));\n    --mds-badge-border-color: rgb(var(--status-warning-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="warning"]),\n    :host([variant="warning"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--status-warning-04));\n    }\n\n    :host([variant="warning"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--status-warning-01));\n    }\n\n    :host([variant="warning"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--status-warning-02));\n    }\n\n    :host([variant="warning"][tone="ghost"]) {\n\n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--status-warning-03));\n      --mds-badge-border-color: rgb(var(--status-warning-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host([variant="yellow"]) {\n\n  --mds-badge-color: rgb(var(--tone-neutral));\n}\n\n:host([variant="yellow"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--label-yellow-04));\n}\n\n:host([variant="yellow"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--label-yellow-09));\n  --mds-badge-color: rgb(var(--label-yellow-02));\n}\n\n:host([variant="yellow"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--label-yellow-04));\n}\n\n:host([variant="yellow"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--label-yellow-06));\n  --mds-badge-color: rgb(var(--label-yellow-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="yellow"]),\n  :host([variant="yellow"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--label-yellow-03));\n  }\n\n  :host([variant="yellow"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--label-yellow-01));\n  }\n\n  :host([variant="yellow"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--label-yellow-02));\n  }\n\n  :host([variant="yellow"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--label-yellow-03));\n    --mds-badge-border-color: rgb(var(--label-yellow-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="yellow"]),\n    :host([variant="yellow"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--label-yellow-04));\n    }\n\n    :host([variant="yellow"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--label-yellow-01));\n    }\n\n    :host([variant="yellow"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--label-yellow-02));\n    }\n\n    :host([variant="yellow"][tone="ghost"]) {\n\n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--label-yellow-03));\n      --mds-badge-border-color: rgb(var(--label-yellow-03));\n    }\n  }\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([tone="strong"]),\n  :host([tone="weak"]) {\n    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host([tone="strong"]),\n    :host([tone="weak"]) {\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([tone="weak"]) {\n    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([tone="weak"]) {\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n    }\n  }\n}\n\n@container style(--magma-pref-theme: dark) and style(--magma-pref-contrast: more) {\n  :host([tone="strong"]),\n  :host([tone="weak"]) {\n    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.6) inset;\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.6) inset;\n  }\n}\n\n@container style(--magma-pref-theme: dark) and style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([tone="strong"]),\n    :host([tone="weak"]) {\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.6) inset;\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.6) inset;\n    }\n  }\n}\n\n@container style(--magma-pref-theme: system) and style(--magma-pref-contrast: system) {\n\n  @media (prefers-color-scheme: dark) and (prefers-contrast: more)  {\n    :host([tone="strong"]),\n    :host([tone="weak"]) {\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.6) inset;\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.6) inset;\n    }\n  }\n}\n\n@container style(--magma-pref-theme: system) and style(--magma-pref-contrast: more) {\n\n  @media (prefers-color-scheme: dark) {\n    :host([tone="strong"]),\n    :host([tone="weak"]) {\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.6) inset;\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.6) inset;\n    }\n  }\n}\n\n';var t=o;var s=n("mds_badge",function(){function n(n){a(this,n);this.variant="green";this.tone="weak";this.typography="option";this.typographyVariant=undefined}n.prototype.render=function(){return r(e,{key:"31d5bdfea45fb67eb24c3670ceca838b4f52d565"},r("mds-text",{key:"ff4f9977cb503df37ce99f19fa0177ab868e8e46",tag:"span",typography:this.typography,variant:this.typographyVariant},r("slot",{key:"15bb8f4e695626dfe96a4708e81118d214b1efeb"})))};return n}());s.style=t}}}));

package/dist/magma-components/{p-2a670d3c.system.entry.js → p-ae0c3e38.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-369fc037.system.js"],(function(t){"use strict";var i,e,a;return{setters:[function(t){i=t.r;e=t.h;a=t.H}],execute:function(){var n="@-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-bibliography-color:inherit;--mds-bibliography-text-decoration-hover:inherit;--mds-bibliography-text-decoration:rgb(var(--tone-neutral-06));display:inline}.link{border-radius:0.25rem;-webkit-transition-duration:200ms;transition-duration:200ms;color:var(--mds-bibliography-color);-webkit-text-decoration-color:var(--mds-bibliography-text-decoration);text-decoration-color:var(--mds-bibliography-text-decoration);transition-property:color, outline, outline-offset, -webkit-text-decoration;-webkit-transition-property:color, outline, outline-offset, -webkit-text-decoration;transition-property:text-decoration, color, outline, outline-offset;transition-property:text-decoration, color, outline, outline-offset, -webkit-text-decoration}.link:hover{-webkit-text-decoration-color:var(--mds-bibliography-text-decoration-hover);text-decoration-color:var(--mds-bibliography-text-decoration-hover)}";var r=n;var s=t("mds_bibliography",function(){function t(t){var e=this;i(this,t);this.separator={apa:"&",mla:"e",turabian:"&"};this.monthName=function(t){var i=["Gennaio","Febbraio","Marzo","Aprile","Maggio","Giugno","Luglio","Agosto","Settembre","Ottobre","Novembre","Dicembre"];return i[t]};this.getDate=function(t){return new Date(isNaN(Number(t))?t:parseInt(t))};this.dateFormatAPA=function(t){var i=e.getDate(t);if(i.toString()==="Invalid Date")return"";return"".concat(i.getFullYear(),", ").concat(e.monthName(i.getMonth())," ").concat(i.getDate())};this.dateFormatMLA=function(t){var i=e.getDate(t);if(i.toString()==="Invalid Date")return"";return"".concat(i.getDate()," ").concat(e.monthName(i.getMonth())," ").concat(i.getFullYear())};this.fullNameAPA=function(t,i){var e;var a="";if(t.includes(" ")){var n=new RegExp(/(\w+)/,"g");(e=t.match(n))===null||e===void 0?void 0:e.forEach((function(t){a="".concat(a," ").concat(t.substring(0,1),".")}))}else{a=" ".concat(t.substring(0,1),".")}return"".concat(i).concat(i?",":"").concat(a)};this.fullNameMLA=function(t,i){var e;var a="";if(t.includes(" ")){var n=new RegExp(/(\w+)/,"g");(e=t.match(n))===null||e===void 0?void 0:e.forEach((function(t,i){a=i===0?t:"".concat(a," ").concat(t.substring(0,1),".")}))}else{a=t}return"".concat(i).concat(i?",":""," ").concat(a)};this.formatAuthors=function(t){var i;var a=t.replace(/"/g,"'");var n=new RegExp(/([A-Za-z ]{2,})/g);var r=(i=a.match(n))!==null&&i!==void 0?i:a;if(r.length>1){var s=r[0].trim();var o=r[1]?r[1].trim():"";return{apa:e.fullNameAPA(s,o),firstName:s,lastName:o,mla:e.fullNameMLA(s,o),turabian:e.fullNameMLA(s,o)}}var f=r[0].split(" ")[0].trim();var u=r[0].split(" ")[1]?r[0].split(" ")[1].trim():"";return{apa:e.fullNameAPA(f,u),firstName:f,lastName:u,mla:e.fullNameMLA(f,u),turabian:e.fullNameMLA(f,u)}};this.normalizeAuthors=function(t){var i=[];if(t.includes(",")){var a=t.split(",");a.forEach((function(t){i.push(e.formatAuthors(t))}));return i}i.push(e.formatAuthors(t));return i};this.showAuthors=function(t){var i="";t.forEach((function(t,a){i=a===0?t[e.format]:"".concat(i,", ").concat(e.separator[e.format]," ").concat(t[e.format])}));return i};this.format="apa";this.author=undefined;this.name=undefined;this.publisher=undefined;this.date=undefined;this.location=undefined;this.rel="external";this.typography="detail";this.variant=undefined;this.url=undefined}t.prototype.render=function(){return e(a,{key:"e148e1620c1d6f23dc13f2986ca1ba7fc9e07c88"},e("mds-text",{key:"0ea24df93331269a53527fd7b2d43c49d664ca6f",typography:this.typography,variant:this.variant},this.author&&e("span",{key:"d3e09766bc61d5e16436a94bbf337e9d1c16472b"},this.showAuthors(this.normalizeAuthors(this.author))),this.format==="mla"&&e("span",{key:"ca26eebbc1fa6f714c6c49c2afc36291c8d0047a"},this.name&&" ",this.name&&this.url!==null?e("a",{class:"link focus-bounce",href:this.url,target:"_blank",rel:this.rel},e("b",null,e("i",null,this.name,"."))):e("b",null,e("i",null,this.name,".")),this.location&&e("span",{key:"f1585c0adb61b4268abebf2a036262a3d9ebaa2a"}," ",this.location,this.publisher!==undefined?":":"."),this.publisher&&e("span",{key:"91943d9eb7e3ff845eb9f4a10aba171599ea8e7d"}," ",this.publisher,this.date!==undefined?",":"."),this.date&&e("time",{key:"07e837b1a3fce3543dff7427316323b0a92d656d",dateTime:this.date}," ",this.dateFormatMLA(this.date),".")),this.format==="apa"&&e("span",{key:"b568cd9a28b8fc26ec62fd9c003273ef12438fa3"},this.date&&e("time",{key:"906c83e48b8e6804c66108fdfb0baa3e1ab116dc",dateTime:this.date}," (",this.dateFormatAPA(this.date),")."),this.name&&" ",this.name&&this.url!==null?e("a",{class:"link focus-bounce",href:this.url,target:"_blank",rel:this.rel},e("b",null,e("i",null," ",this.name,"."))):e("b",null,e("i",null," ",this.name,".")),this.location&&e("span",{key:"5bb9116f5c661ad0cb6afb54368da591cbea72b9"}," ",this.location,this.publisher!==undefined?":":"."),this.publisher&&e("span",{key:"77c8d31f723a4bde4e5e11fb9f815d2d189a978a"}," ",this.publisher,".")),this.format==="turabian"&&e("span",{key:"db345ac68439c989b1f28908fbc69ea504fd2a8b"},this.name&&" ",this.name&&this.url!==null?e("a",{class:"link focus-bounce",href:this.url,target:"_blank",rel:this.rel},e("b",null,e("i",null," ",this.name,"."))):e("b",null,e("i",null," ",this.name,".")),this.location&&e("span",{key:"416d100e29a5689ef251afabac6f917363d67525"}," ",this.location,this.publisher!==undefined?":":","),this.publisher&&e("span",{key:"05d25e85012ba187d53b816f6310ba2422f7914d"}," ",this.publisher,this.date!==undefined?",":"."),this.date&&e("time",{key:"a9fa7e48d72291c38184eb8a5df5fd75b311601c",dateTime:this.date}," ",this.dateFormatMLA(this.date),"."))))};return t}());s.style=r}}}));
+System.register(["./p-c94628eb.system.js"],(function(t){"use strict";var i,e,a;return{setters:[function(t){i=t.r;e=t.h;a=t.H}],execute:function(){var n="@-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-bibliography-color:inherit;--mds-bibliography-text-decoration-hover:inherit;--mds-bibliography-text-decoration:rgb(var(--tone-neutral-06));display:inline}.link{border-radius:0.25rem;-webkit-transition-duration:200ms;transition-duration:200ms;color:var(--mds-bibliography-color);-webkit-text-decoration-color:var(--mds-bibliography-text-decoration);text-decoration-color:var(--mds-bibliography-text-decoration);transition-property:color, outline, outline-offset, -webkit-text-decoration;-webkit-transition-property:color, outline, outline-offset, -webkit-text-decoration;transition-property:text-decoration, color, outline, outline-offset;transition-property:text-decoration, color, outline, outline-offset, -webkit-text-decoration}.link:hover{-webkit-text-decoration-color:var(--mds-bibliography-text-decoration-hover);text-decoration-color:var(--mds-bibliography-text-decoration-hover)}";var r=n;var s=t("mds_bibliography",function(){function t(t){var e=this;i(this,t);this.separator={apa:"&",mla:"e",turabian:"&"};this.monthName=function(t){var i=["Gennaio","Febbraio","Marzo","Aprile","Maggio","Giugno","Luglio","Agosto","Settembre","Ottobre","Novembre","Dicembre"];return i[t]};this.getDate=function(t){return new Date(isNaN(Number(t))?t:parseInt(t))};this.dateFormatAPA=function(t){var i=e.getDate(t);if(i.toString()==="Invalid Date")return"";return"".concat(i.getFullYear(),", ").concat(e.monthName(i.getMonth())," ").concat(i.getDate())};this.dateFormatMLA=function(t){var i=e.getDate(t);if(i.toString()==="Invalid Date")return"";return"".concat(i.getDate()," ").concat(e.monthName(i.getMonth())," ").concat(i.getFullYear())};this.fullNameAPA=function(t,i){var e;var a="";if(t.includes(" ")){var n=new RegExp(/(\w+)/,"g");(e=t.match(n))===null||e===void 0?void 0:e.forEach((function(t){a="".concat(a," ").concat(t.substring(0,1),".")}))}else{a=" ".concat(t.substring(0,1),".")}return"".concat(i).concat(i?",":"").concat(a)};this.fullNameMLA=function(t,i){var e;var a="";if(t.includes(" ")){var n=new RegExp(/(\w+)/,"g");(e=t.match(n))===null||e===void 0?void 0:e.forEach((function(t,i){a=i===0?t:"".concat(a," ").concat(t.substring(0,1),".")}))}else{a=t}return"".concat(i).concat(i?",":""," ").concat(a)};this.formatAuthors=function(t){var i;var a=t.replace(/"/g,"'");var n=new RegExp(/([A-Za-z ]{2,})/g);var r=(i=a.match(n))!==null&&i!==void 0?i:a;if(r.length>1){var s=r[0].trim();var o=r[1]?r[1].trim():"";return{apa:e.fullNameAPA(s,o),firstName:s,lastName:o,mla:e.fullNameMLA(s,o),turabian:e.fullNameMLA(s,o)}}var f=r[0].split(" ")[0].trim();var u=r[0].split(" ")[1]?r[0].split(" ")[1].trim():"";return{apa:e.fullNameAPA(f,u),firstName:f,lastName:u,mla:e.fullNameMLA(f,u),turabian:e.fullNameMLA(f,u)}};this.normalizeAuthors=function(t){var i=[];if(t.includes(",")){var a=t.split(",");a.forEach((function(t){i.push(e.formatAuthors(t))}));return i}i.push(e.formatAuthors(t));return i};this.showAuthors=function(t){var i="";t.forEach((function(t,a){i=a===0?t[e.format]:"".concat(i,", ").concat(e.separator[e.format]," ").concat(t[e.format])}));return i};this.format="apa";this.author=undefined;this.name=undefined;this.publisher=undefined;this.date=undefined;this.location=undefined;this.rel="external";this.typography="detail";this.variant=undefined;this.url=undefined}t.prototype.render=function(){return e(a,{key:"e148e1620c1d6f23dc13f2986ca1ba7fc9e07c88"},e("mds-text",{key:"0ea24df93331269a53527fd7b2d43c49d664ca6f",typography:this.typography,variant:this.variant},this.author&&e("span",{key:"d3e09766bc61d5e16436a94bbf337e9d1c16472b"},this.showAuthors(this.normalizeAuthors(this.author))),this.format==="mla"&&e("span",{key:"ca26eebbc1fa6f714c6c49c2afc36291c8d0047a"},this.name&&" ",this.name&&this.url!==null?e("a",{class:"link focus-bounce",href:this.url,target:"_blank",rel:this.rel},e("b",null,e("i",null,this.name,"."))):e("b",null,e("i",null,this.name,".")),this.location&&e("span",{key:"f1585c0adb61b4268abebf2a036262a3d9ebaa2a"}," ",this.location,this.publisher!==undefined?":":"."),this.publisher&&e("span",{key:"91943d9eb7e3ff845eb9f4a10aba171599ea8e7d"}," ",this.publisher,this.date!==undefined?",":"."),this.date&&e("time",{key:"07e837b1a3fce3543dff7427316323b0a92d656d",dateTime:this.date}," ",this.dateFormatMLA(this.date),".")),this.format==="apa"&&e("span",{key:"b568cd9a28b8fc26ec62fd9c003273ef12438fa3"},this.date&&e("time",{key:"906c83e48b8e6804c66108fdfb0baa3e1ab116dc",dateTime:this.date}," (",this.dateFormatAPA(this.date),")."),this.name&&" ",this.name&&this.url!==null?e("a",{class:"link focus-bounce",href:this.url,target:"_blank",rel:this.rel},e("b",null,e("i",null," ",this.name,"."))):e("b",null,e("i",null," ",this.name,".")),this.location&&e("span",{key:"5bb9116f5c661ad0cb6afb54368da591cbea72b9"}," ",this.location,this.publisher!==undefined?":":"."),this.publisher&&e("span",{key:"77c8d31f723a4bde4e5e11fb9f815d2d189a978a"}," ",this.publisher,".")),this.format==="turabian"&&e("span",{key:"db345ac68439c989b1f28908fbc69ea504fd2a8b"},this.name&&" ",this.name&&this.url!==null?e("a",{class:"link focus-bounce",href:this.url,target:"_blank",rel:this.rel},e("b",null,e("i",null," ",this.name,"."))):e("b",null,e("i",null," ",this.name,".")),this.location&&e("span",{key:"416d100e29a5689ef251afabac6f917363d67525"}," ",this.location,this.publisher!==undefined?":":","),this.publisher&&e("span",{key:"05d25e85012ba187d53b816f6310ba2422f7914d"}," ",this.publisher,this.date!==undefined?",":"."),this.date&&e("time",{key:"a9fa7e48d72291c38184eb8a5df5fd75b311601c",dateTime:this.date}," ",this.dateFormatMLA(this.date),"."))))};return t}());s.style=r}}}));

package/dist/magma-components/{p-8323a952.system.entry.js → p-aead7eab.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-369fc037.system.js","./p-d1f52b0b.system.js"],(function(t){"use strict";var e,o,n,i,r,a;return{setters:[function(t){e=t.r;o=t.c;n=t.h;i=t.H;r=t.g},function(t){a=t.K}],execute:function(){var s='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41L13.17 12l-4.58 4.59L10 18l6-6z"/></svg>';var u='@-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-breadcrumb-item-arrow-depth-color:var(--mds-breadcrumb-arrow-depth-color, rgb(var(--tone-neutral-04)));--mds-breadcrumb-item-button-background-selected:var(--mds-breadcrumb-button-background-selected, rgb(var(--tone-neutral-09)));--mds-breadcrumb-item-button-background-hover:var(--mds-breadcrumb-button-background-hover, rgb(var(--tone-neutral-10)));--mds-breadcrumb-item-button-background:var(--mds-breadcrumb-button-background, transparent);--mds-breadcrumb-item-button-color-selected:var(--mds-breadcrumb-button-color-selected, rgb(var(--tone-neutral-01)));--mds-breadcrumb-item-button-color-hover:var(--mds-breadcrumb-button-color-hover, rgb(var(--tone-neutral-02)));--mds-breadcrumb-item-button-color:var(--mds-breadcrumb-button-color, rgb(var(--tone-neutral-02)));-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}:host:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}:host{gap:0rem;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-transition-property:outline, outline-offset, -webkit-box-shadow;transition-property:outline, outline-offset, -webkit-box-shadow;transition-property:box-shadow, outline, outline-offset;transition-property:box-shadow, outline, outline-offset, -webkit-box-shadow}:host(:focus-visible){--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}:host(:last-child) .icon{display:none}.text{border-radius:9999px;padding-left:1rem;padding-right:1rem;padding-top:0.25rem;padding-bottom:0.25rem;background-color:var(--mds-breadcrumb-item-button-background);color:var(--mds-breadcrumb-item-button-color);cursor:pointer;white-space:nowrap}.text:hover{--mds-breadcrumb-item-button-background:var(--mds-breadcrumb-item-button-background-hover);--mds-breadcrumb-item-button-color:var(--mds-breadcrumb-item-button-color-hover)}:host([selected]:not([selected="false"])){--mds-breadcrumb-item-button-background:var(--mds-breadcrumb-item-button-background-selected);--mds-breadcrumb-item-button-color:var(--mds-breadcrumb-item-button-color-selected);pointer-events:none}.text::first-letter{text-transform:uppercase}.icon{display:-ms-flexbox;display:flex}.icon svg{aspect-ratio:1/1;height:100%;width:100%}.icon{fill:var(--mds-breadcrumb-item-arrow-depth-color);pointer-events:none}';var b=u;var m=t("mds_breadcrumb_item",function(){function t(t){var n=this;e(this,t);this.selectedEvent=o(this,"mdsBreadcrumbItemSelect",7);this.km=new a;this.toggle=function(){n.selected=!n.selected;n.selectedEvent.emit({id:n.element.id,selected:n.selected})};this.selected=undefined}t.prototype.componentDidLoad=function(){var t;var e=(t=this.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".text");this.km.addElement(e);this.km.attachClickBehavior()};t.prototype.componentDidUpdate=function(){if(this.selected){this.km.detachClickBehavior();return}this.km.attachClickBehavior()};t.prototype.disconnectedCallback=function(){this.km.detachClickBehavior()};t.prototype.render=function(){return n(i,{key:"12eebea6ef628f1b04779ea55569e7f5982f6ac4"},n("mds-text",{key:"f21528885ae9ba5f3a54e1f2407e44d54dfea32e",tabindex:"0",onClick:this.toggle,class:"text focus-bounce",typography:"detail"},n("slot",{key:"307dfc49f03e630d783bee45ee6ab000f4d92eac"})),n("i",{key:"4c8b2db9f560bf2c2ca8dd539bca249ffd9effd4","aria-hidden":"true",class:"icon",innerHTML:s}))};Object.defineProperty(t.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());m.style=b}}}));
+System.register(["./p-c94628eb.system.js","./p-6803cf8d.system.js"],(function(t){"use strict";var e,o,n,r,i,a;return{setters:[function(t){e=t.r;o=t.c;n=t.h;r=t.H;i=t.g},function(t){a=t.K}],execute:function(){var s='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41L13.17 12l-4.58 4.59L10 18l6-6z"/></svg>';var u='@-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-breadcrumb-item-arrow-depth-color:var(--mds-breadcrumb-arrow-depth-color, rgb(var(--tone-neutral-04)));--mds-breadcrumb-item-button-background-selected:var(--mds-breadcrumb-button-background-selected, rgb(var(--tone-neutral-09)));--mds-breadcrumb-item-button-background-hover:var(--mds-breadcrumb-button-background-hover, rgb(var(--tone-neutral-10)));--mds-breadcrumb-item-button-background:var(--mds-breadcrumb-button-background, transparent);--mds-breadcrumb-item-button-color-selected:var(--mds-breadcrumb-button-color-selected, rgb(var(--tone-neutral-01)));--mds-breadcrumb-item-button-color-hover:var(--mds-breadcrumb-button-color-hover, rgb(var(--tone-neutral-02)));--mds-breadcrumb-item-button-color:var(--mds-breadcrumb-button-color, rgb(var(--tone-neutral-02)));-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}:host:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}:host{gap:0rem;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-transition-property:outline, outline-offset, -webkit-box-shadow;transition-property:outline, outline-offset, -webkit-box-shadow;transition-property:box-shadow, outline, outline-offset;transition-property:box-shadow, outline, outline-offset, -webkit-box-shadow;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(:focus-visible){--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}:host(:last-child) .icon{display:none}.text{border-radius:9999px;padding-left:1rem;padding-right:1rem;padding-top:0.25rem;padding-bottom:0.25rem;background-color:var(--mds-breadcrumb-item-button-background);color:var(--mds-breadcrumb-item-button-color);cursor:pointer;white-space:nowrap}.text:hover{--mds-breadcrumb-item-button-background:var(--mds-breadcrumb-item-button-background-hover);--mds-breadcrumb-item-button-color:var(--mds-breadcrumb-item-button-color-hover)}:host([selected]:not([selected="false"])){--mds-breadcrumb-item-button-background:var(--mds-breadcrumb-item-button-background-selected);--mds-breadcrumb-item-button-color:var(--mds-breadcrumb-item-button-color-selected);pointer-events:none}.text::first-letter{text-transform:uppercase}.icon{display:-ms-flexbox;display:flex}.icon svg{aspect-ratio:1/1;height:100%;width:100%}.icon{fill:var(--mds-breadcrumb-item-arrow-depth-color);pointer-events:none}';var b=u;var m=t("mds_breadcrumb_item",function(){function t(t){var n=this;e(this,t);this.selectedEvent=o(this,"mdsBreadcrumbItemSelect",7);this.km=new a;this.toggle=function(){n.selected=!n.selected;n.selectedEvent.emit({id:n.element.id,selected:n.selected})};this.selected=undefined}t.prototype.componentDidLoad=function(){var t;var e=(t=this.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".text");this.km.addElement(e);this.km.attachClickBehavior()};t.prototype.componentDidUpdate=function(){if(this.selected){this.km.detachClickBehavior();return}this.km.attachClickBehavior()};t.prototype.disconnectedCallback=function(){this.km.detachClickBehavior()};t.prototype.render=function(){return n(r,{key:"12eebea6ef628f1b04779ea55569e7f5982f6ac4"},n("mds-text",{key:"0bc59f2792c33851313d6c9e0992095a386ea68a",tabindex:"0",onClick:this.toggle,class:"text",typography:"detail"},n("slot",{key:"751d54605a67e4afb9db9509fc5d839479f721b2"})),n("i",{key:"9980e04d641016af08b8027351bdaf3aee61ea13","aria-hidden":"true",class:"icon",innerHTML:s}))};Object.defineProperty(t.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());m.style=b}}}));

package/dist/magma-components/p-b0868749.entry.js

@@ -0,0 +1 @@
+import{r as n,c as t,h as o,H as e,g as i}from"./p-eab621a7.js";import{K as a}from"./p-0f3e17bc.js";const r=class{constructor(o){n(this,o),this.selectedEvent=t(this,"mdsFilterItemSelect",7),this.km=new a,this.toggle=()=>{this.selected=!this.selected,this.selectedEvent.emit({id:this.element.id,selected:this.selected})},this.disconnectedCallback=()=>{this.km.detachClickBehavior()},this.selected=void 0,this.label=void 0,this.icon=void 0,this.value=void 0}componentDidLoad(){this.km.addElement(this.element),this.km.attachClickBehavior()}render(){var n;return o(e,{key:"e9cc0e7bcb05b01294f9ae954f00f330a48520e6",tabindex:"0",role:"menuitem","aria-label":null!==(n=this.label)&&void 0!==n?n:this.icon,onClick:this.toggle},this.icon&&o("mds-icon",{key:"27c86b0b6b923d94c9cb5abad53bb040d91a0f4f","aria-hidden":"true",name:this.icon}),this.label&&o("mds-text",{key:"6981635e56ac780070b6c9e12f7e90612845867e","aria-hidden":"true",variant:"info",typography:"caption"},this.label))}get element(){return i(this)}};r.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 @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/* x */\n\n:host {\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  gap: 0.25rem;\n  border-radius: 9999px;\n  padding-left: 1rem;\n  padding-right: 1rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.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  -ms-flex-align: center;\n\n  align-items: center;\n  color: rgb(var(--tone-neutral-03));\n  cursor: pointer;\n  display: -ms-flexbox;\n  display: flex;\n  fill: rgb(var(--tone-neutral-03));\n  -ms-flex-pack: center;\n  justify-content: center;\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  white-space: nowrap;\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( [icon]:not([label]) ) {\n  height: 2.25rem;\n  width: 2.25rem;\n  padding: 0rem;\n}\n\n:host( [selected]:not([selected="false"]) ),\n:host( :hover ) {\n  background-color: rgb(var(--tone-neutral));\n}\n\n:host( [selected]:not([selected="false"]) ) {\n  color: rgb(var(--tone-neutral-01));\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    background-color: rgb(var(--tone-neutral-10));\n  }\n\n  :host( [selected]:not([selected="false"]) ) {\n    background-color: rgb(var(--tone-neutral-08));\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  :host( :hover ) {\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      background-color: rgb(var(--tone-neutral-10));\n    }\n\n    :host( [selected]:not([selected="false"]) ) {\n      background-color: rgb(var(--tone-neutral-08));\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    :host( :hover ) {\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( [selected]:not([selected="false"]) ),\n  :host( :hover ) {\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host( [selected]:not([selected="false"]) ),\n    :host( :hover ) {\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n    }\n  }\n}\n\n\n';export{r as mds_filter_item}

package/dist/magma-components/p-b0bb702b.entry.js

@@ -0,0 +1 @@
+import{r as n,c as r,h as t,H as o,g as i}from"./p-eab621a7.js";import{c as e}from"./p-8a1a6e56.js";import{m as s}from"./p-39f06295.js";const a=class{constructor(t){n(this,t),this.changeEvent=r(this,"mdsInputSelectChange",7),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals),this.onInput=n=>{const r=n.target;r&&(this.value=r.value)},this.onBlur=()=>{this.hasFocus=!1},this.onFocus=()=>{this.hasFocus=!0},this.emptyOptions=()=>{var n;const r=null===(n=this.host.shadowRoot)||void 0===n?void 0:n.querySelector("select"),t=null==r?void 0:r.querySelectorAll("option");t&&t.forEach(((n,r)=>{this.placeholder||n.remove(),this.placeholder&&r>0&&n.remove()}))},this.onSlotChangeHandler=()=>{var n,r,t;const o=null===(r=null===(n=this.host.shadowRoot)||void 0===n?void 0:n.querySelectorAll("slot")[0])||void 0===r?void 0:r.assignedNodes(),i=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("select"),e=null==i?void 0:i.querySelectorAll("option");e&&(!this.placeholder&&e.length>0&&this.emptyOptions(),this.placeholder&&e.length>1&&this.emptyOptions(),null==o||o.forEach((n=>{null==i||i.appendChild(n.cloneNode(!0))})),this.value?null==i||i.querySelectorAll("option").forEach((n=>{n.selected=n.value===this.value})):this.placeholder||(this.value=null==i?void 0:i.querySelectorAll("option")[0].value))},this.selected=void 0,this.hasFocus=!1,this.autocomplete=void 0,this.autoFocus=void 0,this.placeholder=void 0,this.name=void 0,this.disabled=!1,this.required=!1,this.multiple=!1,this.size=0,this.value="",this.variant=void 0}valueChanged(){var n,r,t;this.selected=""!==this.value,this.changeEvent.emit({value:null===(n=this.value)||void 0===n?void 0:n.toString()}),this.internals.setFormValue(null!==(t=null===(r=this.value)||void 0===r?void 0:r.toString())&&void 0!==t?t:null)}componentDidLoad(){this.value&&(this.selected=!0,this.internals.setFormValue(this.value.toString()))}render(){return t(o,{key:"e1ea289b9af23ce497e370abd8d874d739d4eb77"},t("select",{key:"0df60946dc418b09ada1dfb04ad5f0d962bd93f7",class:e("input",this.selected&&"input--selected"),onInput:this.onInput.bind(this),onBlur:this.onBlur,onFocus:this.onFocus,name:this.name,required:this.required,disabled:this.disabled,multiple:this.multiple,size:this.size,part:"select"},this.placeholder&&t("option",{key:"e39a3bce88402b2caf01d565d365102e35af7f52",value:"",disabled:!0,selected:!0},this.placeholder)),t("div",{key:"4c9de2341fcf7406f053e69ae4110d74633b3817",class:"icon-container"},t("i",{key:"cb279deb238fbec77456e3d5322e05bbcb6068ac",class:"icon",innerHTML:s})),t("div",{key:"4a83b6b1daadb49197a9dcd7db57d2670f480955",class:"option-container"},t("slot",{key:"43a3d13257bfea367bf1abb5d95137fdc2940138",onSlotchange:this.onSlotChangeHandler})),t("mds-input-tip",{key:"b8ab18d380eec1842ed12487f819e8eb32132a5d",position:"top",active:this.hasFocus},this.disabled&&t("mds-input-tip-item",{key:"b1bfb92dae2d4b48784958158edc2559d338931e",expanded:!0,variant:"disabled"}),this.required&&t("mds-input-tip-item",{key:"9f441604bfc6035b0f1875ae17026a8a369ec620",expanded:this.hasFocus,variant:""===this.value?"required":"required-success"})))}static get formAssociated(){return!0}get host(){return i(this)}static get watchers(){return{value:["valueChanged"]}}};a.style='@tailwind components;\n@tailwind utilities;\n\n\n:host{\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  --mds-input-select-variant-color: var(--tone-neutral-01);\n  --mds-input-select-ring: 0 0 0 1px rgb(var(--mds-input-select-variant-color) / 0.1);\n  --mds-input-select-shadow: 0 1px 3px 0 rgb(var(--mds-input-select-variant-color) / 0.1), 0 1px 2px 0 rgb(var(--mds-input-select-variant-color) / 0.06);\n  --mds-input-select-arrow-icon-background-color: var(--mds-input-select-arrow-icon-blur-background-color);\n  --mds-input-select-arrow-icon-blur-background-color: transparent;\n  --mds-input-select-arrow-icon-blur-color: rgb(var(--mds-input-select-variant-color) / 0.5);\n  --mds-input-select-arrow-icon-color: var(--mds-input-select-arrow-icon-blur-color);\n  --mds-input-select-arrow-icon-hover-background-color: rgb(var(--mds-input-select-variant-color) / 0.5);\n  --mds-input-select-arrow-icon-hover-color: rgb(var(--mds-input-select-variant-color));\n\n  color: rgb(var(--tone-neutral-02));\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          -ms-user-select: none;\n          user-select: none;\n}\n\n:host([required]:not([required="false"]):focus-within) .icon {\n  -webkit-transform: translate(0.375rem, 0.375rem);\n  transform: translate(0.375rem, 0.375rem);\n}\n\n:host(:hover),\n:host(:focus-within) {\n\n  --mds-input-select-variant-color: var(--variant-primary-03);\n  --mds-input-select-ring: 0 0 0 3px rgb(var(--mds-input-select-variant-color) / 1);\n  --mds-input-select-shadow: 0 4px 6px -1px rgb(var(--mds-input-select-variant-color) / 0.1), 0 2px 4px -1px rgb(var(--mds-input-select-variant-color) / 0.06);\n  --mds-input-select-arrow-icon-background-color: var(--mds-input-select-arrow-icon-hover-background-color);\n  --mds-input-select-arrow-icon-color: var(--mds-input-select-arrow-icon-hover-color);\n}\n\n.input{\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  margin: 0rem;\n\n  min-height: 3rem;\n\n  width: 100%;\n\n  border-radius: 0.5rem;\n\n  padding-top: 0.75rem;\n\n  padding-bottom: 0.75rem;\n\n  padding-left: 1rem;\n\n  padding-right: 3rem;\n\n  -webkit-transition-duration: 300ms;\n\n  transition-duration: 300ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  -webkit-appearance: none;\n\n     -moz-appearance: none;\n\n          appearance: none;\n  background-color: rgb(var(--tone-neutral));\n  border: 0;\n  -webkit-box-shadow: var(--mds-input-select-ring), var(--mds-input-select-shadow);\n  box-shadow: var(--mds-input-select-ring), var(--mds-input-select-shadow);\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  color: rgb(var(--tone-neutral-05));\n  cursor: pointer;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-transition-property: background-color, border-color, color, fill, -webkit-box-shadow;\n  transition-property: background-color, border-color, color, fill, -webkit-box-shadow;\n  transition-property: background-color, border-color, box-shadow, color, fill;\n  transition-property: background-color, border-color, box-shadow, color, fill, -webkit-box-shadow;\n}\n\n.input:hover,\n.input:focus{\n\n  outline: 2px solid transparent;\n\n  outline-offset: 2px;\n\n  -webkit-transition-duration: 300ms;\n\n  transition-duration: 300ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  color: rgb(var(--tone-neutral-03));\n}\n\n:host([value]:not([value=""])) .input {\n  color: rgb(var(--tone-neutral-03));\n}\n\n.input--mds-input-select-selected {\n  color: rgb(var(--tone-neutral-02));\n}\n\n.input:disabled {\n  background-color: rgb(var(--tone-neutral-09));\n  opacity: 1;\n}\n\n:host([disabled]:not([disabled="false"])) {\n  pointer-events: none;\n}\n\n:host([disabled]:not([disabled="false"])) .input {\n  pointer-events: none;\n}\n\n:host([disabled]:not([disabled="false"])) .icon {\n  fill: rgb(var(--tone-neutral-06));\n  -webkit-transform: translate(0.625rem, 0.5rem);\n  transform: translate(0.625rem, 0.5rem);\n}\n\n.icon-container{\n\n  right: 1rem;\n\n  height: 3rem;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  color: inherit;\n  display: -ms-flexbox;\n  display: flex;\n  pointer-events: none;\n  position: absolute;\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  border-radius: 9999px;\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  background-color: var(--mds-input-select-arrow-icon-background-color, rgb(var(--variant-primary-09)));\n  fill: var(--mds-input-select-arrow-icon-color, rgb(var(--variant-primary-04)));\n  -webkit-transition-property: background-color, fill;\n  transition-property: background-color, fill;\n}\n\n.option-container {\n  display: none;\n}\n\n@container (max-width: 210px) {\n  :host .tip__content,\n  :host(:focus-within) .tip__content {\n    grid-template-columns: 0fr;\n    opacity: 0;\n  }\n\n  :host .tip {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  :host {\n\n    --mds-input-select-background: rgb(var(--variant-primary-07));\n  }\n}\n\n@tailwind utilities;\n\n:host {\n\n  --mds-input-select-icon-color: var(--variant-primary-03);\n  --mds-input-select-variant-color: 0 0 0;\n  --mds-input-select-arrow-icon-blur-background-color: rgb(var(--variant-primary-09));\n  --mds-input-select-arrow-icon-hover-background-color: rgb(var(--variant-primary-08));\n  --mds-input-select-arrow-icon-blur-color: rgb(var(--variant-primary-06));\n  --mds-input-select-arrow-icon-hover-color: rgb(var(--variant-primary-04));\n}\n\n:host( :hover ),\n:host( :focus-within ) {\n\n  --mds-input-select-variant-color: var(--variant-primary-04);\n}\n\n:host( [variant="info"] ) {\n\n  --mds-input-select-icon-color: var(--status-info-05);\n  --mds-input-select-tip-background: var(--status-info-05);\n  --mds-input-select-arrow-icon-blur-background-color: rgb(var(--status-info-09));\n  --mds-input-select-arrow-icon-hover-background-color: rgb(var(--status-info-08));\n  --mds-input-select-arrow-icon-blur-color: rgb(var(--status-info-06));\n  --mds-input-select-arrow-icon-hover-color: rgb(var(--status-info-04));\n  --mds-input-select-variant-color: 0 0 0;\n}\n\n:host( [variant="info"]:hover ),\n:host( [variant="info"]:focus-within ) {\n\n  --mds-input-select-icon-color: var(--status-info-04);\n  --mds-input-select-variant-color: var(--status-info-05);\n}\n\n:host( [variant="success"] ) {\n\n  --mds-input-select-icon-color: var(--status-success-05);\n  --mds-input-select-tip-background: var(--status-success-05);\n  --mds-input-select-arrow-icon-blur-background-color: rgb(var(--status-success-09));\n  --mds-input-select-arrow-icon-hover-background-color: rgb(var(--status-success-08));\n  --mds-input-select-arrow-icon-blur-color: rgb(var(--status-success-06));\n  --mds-input-select-arrow-icon-hover-color: rgb(var(--status-success-04));\n  --mds-input-select-variant-color: 0 0 0;\n}\n\n:host( [variant="success"]:hover ),\n:host( [variant="success"]:focus-within ) {\n\n  --mds-input-select-icon-color: var(--status-success-04);\n  --mds-input-select-variant-color: var(--status-success-05);\n}\n\n:host( [variant="warning"] ) {\n\n  --mds-input-select-icon-color: var(--status-warning-05);\n  --mds-input-select-tip-background: var(--status-warning-05);\n  --mds-input-select-arrow-icon-blur-background-color: rgb(var(--status-warning-09));\n  --mds-input-select-arrow-icon-hover-background-color: rgb(var(--status-warning-08));\n  --mds-input-select-arrow-icon-blur-color: rgb(var(--status-warning-06));\n  --mds-input-select-arrow-icon-hover-color: rgb(var(--status-warning-04));\n  --mds-input-select-variant-color: 0 0 0;\n}\n\n:host( [variant="warning"]:hover ),\n:host( [variant="warning"]:focus-within ) {\n\n  --mds-input-select-icon-color: var(--status-warning-04);\n  --mds-input-select-variant-color: var(--status-warning-05);\n}\n\n:host( [variant="error"] ) {\n\n  --mds-input-select-icon-color: var(--status-error-05);\n  --mds-input-select-tip-background: var(--status-error-05);\n  --mds-input-select-arrow-icon-blur-background-color: rgb(var(--status-error-09));\n  --mds-input-select-arrow-icon-hover-background-color: rgb(var(--status-error-08));\n  --mds-input-select-arrow-icon-blur-color: rgb(var(--status-error-06));\n  --mds-input-select-arrow-icon-hover-color: rgb(var(--status-error-04));\n  --mds-input-select-variant-color: 0 0 0;\n}\n\n:host( [variant="error"]:hover ),\n:host( [variant="error"]:focus-within ) {\n\n  --mds-input-select-icon-color: var(--status-error-04);\n  --mds-input-select-variant-color: var(--status-error-05);\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .input,\n  .input:hover,\n  .input:focus,\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    .input,\n    .input:hover,\n    .input:focus,\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-input-select-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    --mds-input-select-arrow-icon-background-color: var(--mds-input-select-arrow-icon-blur-background-color);\n    --mds-input-select-arrow-icon-blur-background-color: rgb(var(--variant-primary-05));\n    --mds-input-select-arrow-icon-blur-color: rgb(var(--mds-input-select-variant-color));\n    --mds-input-select-arrow-icon-color: var(--mds-input-select-arrow-icon-blur-color);\n    --mds-input-select-arrow-icon-hover-background-color: rgb(var(--mds-input-select-variant-color));\n    --mds-input-select-arrow-icon-hover-color: rgb(var(--tone-neutral-10));\n  }\n\n  .input {\n    color: rgb(var(--tone-neutral-03));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-input-select-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n      --mds-input-select-arrow-icon-background-color: var(--mds-input-select-arrow-icon-blur-background-color);\n      --mds-input-select-arrow-icon-blur-background-color: rgb(var(--variant-primary-05));\n      --mds-input-select-arrow-icon-blur-color: rgb(var(--mds-input-select-variant-color));\n      --mds-input-select-arrow-icon-color: var(--mds-input-select-arrow-icon-blur-color);\n      --mds-input-select-arrow-icon-hover-background-color: rgb(var(--mds-input-select-variant-color));\n      --mds-input-select-arrow-icon-hover-color: rgb(var(--tone-neutral-10));\n    }\n\n    .input {\n      color: rgb(var(--tone-neutral-03));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-input-select-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n  }\n\n  .input {\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\n      --mds-input-select-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n    }\n\n    .input {\n      color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n\n';export{a as mds_input_select}

package/dist/magma-components/p-b44f3e19.entry.js

@@ -0,0 +1 @@
+import{r as n,h as t,H as e,g as i}from"./p-eab621a7.js";const r=class{constructor(t){n(this,t),this.setObserver=()=>{"undefined"!=typeof window&&(this.observer=new window.IntersectionObserver((([n])=>{this.isIntersecting=n.isIntersecting}),{root:null,threshold:this.threshold}),this.observer.observe(this.hostElement))},this.isIntersecting=void 0,this.label=void 0,this.description=void 0,this.threshold=0,this.icon=void 0}componentWillLoad(){0!==this.threshold&&this.setObserver()}render(){return t(e,{key:"18d4a5a877ecded781040a3f6de264e47bc3fd4f","aria-label":`${this.label}: ${this.description}`,role:"listitem"},this.icon&&t("div",{key:"73be825f8674587b7f9f2ad48e5b4ea250f1c7b5",class:"icon-container",part:"icon-container"},t("mds-icon",{key:"bc1fb262cb6bffd4c63fed97d655260f91b8b61e",class:"icon",name:this.icon,part:"icon"})),t("div",{key:"6567b14fa5a69948b5099d1a1e9a37d3cba62eb4",class:"info",part:"content","aria-hidden":"true"},this.label&&0!==this.threshold&&t("mds-text",{key:"92e58e88536a3324040fa794736df4ce31885747",class:"value",typography:"h2",text:this.isIntersecting?this.label:"",animation:"yugop"}),this.label&&0===this.threshold&&t("mds-text",{key:"ae2410bad8c18ef768ce932ad3787597c0a3ccf0",class:"value",typography:"h2"},this.label),this.description&&0!==this.threshold&&t("mds-text",{key:"d2c315edd53a1de077bec3da3d72f5ed37e42d8c",class:"description",typography:"label",text:this.isIntersecting?this.description:"",animation:"yugop"}),this.description&&0===this.threshold&&t("mds-text",{key:"a4f762c2e05ce728312cc5e140bd537ddeec155d",class:"description",typography:"label"},this.description)))}get hostElement(){return i(this)}};r.style='@tailwind utilities;\n\n/**\n * @prop --mds-kpi-item-icon-color: Set the fill color of the icon element\n * @prop --mds-kpi-item-info-background: Set the `background-color` of the text area element\n * @prop --mds-kpi-item-text-animation-placeholder-char: Sets the animation placeholder char of the text\n * @prop --mds-kpi-item-text-animation-speed: Sets the animation speed of the text\n */\n\n:host {\n\n  --mds-kpi-item-icon-color: rgb(var(--variant-primary-04));\n  --mds-kpi-item-info-background: rgb(var(--tone-neutral));\n  --mds-kpi-item-text-animation-placeholder-char: var(--mds-kpi-text-animation-placeholder-char, " ");\n  --mds-kpi-item-text-animation-speed: var(--mds-kpi-text-animation-speed, 0.15);\n  gap: 0rem;\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\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  aspect-ratio: 1;\n  background-color: rgb(var(--variant-primary-10));\n  border-radius: 1rem;\n  -webkit-box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  overflow: hidden;\n  padding: 1rem;\n  -webkit-transition-property: background-color, -webkit-box-shadow;\n  transition-property: background-color, -webkit-box-shadow;\n  transition-property: background-color, box-shadow;\n  transition-property: background-color, box-shadow, -webkit-box-shadow;\n}\n\n.icon-container{\n\n  -webkit-transition-duration: 300ms;\n\n  transition-duration: 300ms;\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  -ms-flex-positive: 1;\n  flex-grow: 1;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n}\n\n.icon{\n\n  -webkit-transition-duration: 300ms;\n\n  transition-duration: 300ms;\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  fill: var(--mds-kpi-item-icon-color);\n  -webkit-transition-property: fill;\n  transition-property: fill;\n  width: 40%;\n}\n\n.info{\n\n  gap: 0rem;\n\n  -webkit-transition-duration: 300ms;\n\n  transition-duration: 300ms;\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-kpi-item-info-background);\n  border-radius: 0.5rem;\n  -webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  display: grid;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  -ms-flex-pack: center;\n  justify-content: center;\n  padding: 1rem;\n  text-align: center;\n  -webkit-transition-property: background-color, border-radius, -webkit-box-shadow;\n  transition-property: background-color, border-radius, -webkit-box-shadow;\n  transition-property: background-color, border-radius, box-shadow;\n  transition-property: background-color, border-radius, box-shadow, -webkit-box-shadow;\n}\n\n.label,\n.description{\n\n  -webkit-transition-duration: 300ms;\n\n  transition-duration: 300ms;\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  --mds-text-animation-speed: var(--mds-kpi-item-text-animation-speed);\n  --mds-text-animation-placeholder-char: var(--mds-kpi-item-text-animation-placeholder-char);\n\n  -webkit-transition-property: fill;\n\n  transition-property: fill;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .description,\n  .icon,\n  .icon-container,\n  .info,\n  .label {\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    .description,\n    .icon,\n    .icon-container,\n    .info,\n    .label {\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-kpi-item-info-background: rgb(var(--tone-neutral));\n\n    -webkit-box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1), 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n\n    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1), 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    color: rgb(var(--tone-neutral-01));\n  }\n\n  .info {\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-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-kpi-item-info-background: rgb(var(--tone-neutral));\n\n    -webkit-box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1), 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n\n    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1), 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    color: rgb(var(--tone-neutral-01));\n    }\n\n    .info {\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-theme: dark) {\n  :host {\n\n    --mds-kpi-item-info-background: rgb(var(--tone-neutral-09));\n\n    background-color: rgb(var(--variant-primary-09));\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\n      --mds-kpi-item-info-background: rgb(var(--tone-neutral-09));\n\n      background-color: rgb(var(--variant-primary-09));\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\n@container style(--magma-pref-theme: dark) and style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-kpi-item-info-background: 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-theme: dark) and style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-kpi-item-info-background: 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@container style(--magma-pref-theme: system) and style(--magma-pref-contrast: system) {\n\n  @media (prefers-color-scheme: dark) and (prefers-contrast: more) {\n    :host {\n\n      --mds-kpi-item-info-background: 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@container style(--magma-pref-theme: system) and style(--magma-pref-contrast: more) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-kpi-item-info-background: 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\n';export{r as mds_kpi_item}

package/dist/magma-components/{p-3d741487.entry.js → p-b458a7b7.entry.js}

@@ -1 +1 @@
-import{r as n,h as t,H as o}from"./p-b6defcb6.js";const r=class{constructor(t){n(this,t),this.interactive=void 0}tableInteractiveHandler(n){this.interactive=n.detail}render(){return t(o,{key:"e0630b028046f3d72ae12dc803200a4f0ae04912",role:"rowgroup"},t("slot",{key:"700d8d0ae9750c4f7305e02c4af0ea2025513179"}))}};r.style="@tailwind utilities;\n\n/**\n * @prop --mds-table-body-background-hover: The background-color of the table body when the mouse is over it\n * @prop --mds-table-body-background: The background-color of the table body\n */\n\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  background-color: var(--mds-table-body-background);\n  display: table-row-group;\n  overflow: hidden;\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n}\n\n:host( [interactive]:hover ) {\n\n  --mds-table-body-background: var(--mds-table-body-background-hover);\n}\n\n:host(:last-child) ::slotted(*:last-child) {\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";export{r as mds_table_body}
+import{r as n,h as t,H as o}from"./p-eab621a7.js";const r=class{constructor(t){n(this,t),this.interactive=void 0}tableInteractiveHandler(n){this.interactive=n.detail}render(){return t(o,{key:"e0630b028046f3d72ae12dc803200a4f0ae04912",role:"rowgroup"},t("slot",{key:"700d8d0ae9750c4f7305e02c4af0ea2025513179"}))}};r.style="@tailwind utilities;\n\n/**\n * @prop --mds-table-body-background-hover: The background-color of the table body when the mouse is over it\n * @prop --mds-table-body-background: The background-color of the table body\n */\n\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  background-color: var(--mds-table-body-background);\n  display: table-row-group;\n  overflow: hidden;\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n}\n\n:host( [interactive]:hover ) {\n\n  --mds-table-body-background: var(--mds-table-body-background-hover);\n}\n\n:host(:last-child) ::slotted(*:last-child) {\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";export{r as mds_table_body}