@maggioli-design-system/magma 2.0.0-alpha.0 → 2.0.0-beta.1

package/dist/esm/mds-avatar-stack.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-BfAC4pqU.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CAd5312P.js';
 
-const mdsAvatarStackCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-avatar-stack-background:rgb(var(--tone-neutral,0 0 0));--mds-avatar-stack-count-background-color:rgb(var(--tone-neutral-09,76 76 76));--mds-avatar-stack-count-color:rgb(var(--tone-neutral-04,218 218 218));--mds-avatar-stack-lg-border:var(--spacing-100,.25rem);--mds-avatar-stack-lg-offset:2;--mds-avatar-stack-lg-size:var(--spacing-1500,3.75rem);--mds-avatar-stack-md-border:var(--spacing-100,.25rem);--mds-avatar-stack-md-offset:1.75;--mds-avatar-stack-md-size:var(--spacing-1200,3rem);--mds-avatar-stack-sm-border:var(--spacing-50,.125rem);--mds-avatar-stack-sm-offset:1.5;--mds-avatar-stack-sm-size:var(--spacing-900,2.25rem)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-avatar-stack-item:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-avatar-stack-lg-offset{syntax:\"<integer>\";inherits:false;initial-value:2}@property --mds-avatar-stack-md-offset{syntax:\"<number>\";inherits:false;initial-value:1.75}@property --mds-avatar-stack-sm-offset{syntax:\"<number>\";inherits:false;initial-value:1.5}:host{--mds-avatar-stack-background:rgb(var(--tone-neutral,0 0 0));--mds-avatar-stack-count-background-color:rgb(var(--tone-neutral-09,76 76 76));--mds-avatar-stack-count-color:rgb(var(--tone-neutral-04,218 218 218));--mds-avatar-stack-lg-border:calc(var(--spacing,.0025rem)*100);--mds-avatar-stack-lg-offset:2;--mds-avatar-stack-lg-size:calc(var(--spacing,.0025rem)*1500);--mds-avatar-stack-md-border:calc(var(--spacing,.0025rem)*100);--mds-avatar-stack-md-offset:1.75;--mds-avatar-stack-md-size:calc(var(--spacing,.0025rem)*1200);--mds-avatar-stack-sm-border:calc(var(--spacing,.0025rem)*50);--mds-avatar-stack-sm-offset:1.5;--mds-avatar-stack-sm-size:calc(var(--spacing,.0025rem)*900);background-color:var(--mds-avatar-stack-background,rgb(var(--tone-neutral,0 0 0)));border-radius:1000px;display:inline-flex}";
+const mdsAvatarStackCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-avatar-stack-background:rgb(var(--tone-neutral,0 0 0));--mds-avatar-stack-count-background-color:rgb(var(--tone-neutral-09,76 76 76));--mds-avatar-stack-count-color:rgb(var(--tone-neutral-04,218 218 218));--mds-avatar-stack-lg-border:var(--spacing-100,.25rem);--mds-avatar-stack-lg-offset:2;--mds-avatar-stack-lg-size:var(--spacing-1500,3.75rem);--mds-avatar-stack-md-border:var(--spacing-100,.25rem);--mds-avatar-stack-md-offset:1.75;--mds-avatar-stack-md-size:var(--spacing-1200,3rem);--mds-avatar-stack-sm-border:var(--spacing-50,.125rem);--mds-avatar-stack-sm-offset:1.5;--mds-avatar-stack-sm-size:var(--spacing-900,2.25rem)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-avatar-stack-item:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-avatar-stack-lg-offset{syntax:"<integer>";inherits:false;initial-value:2}@property --mds-avatar-stack-md-offset{syntax:"<number>";inherits:false;initial-value:1.75}@property --mds-avatar-stack-sm-offset{syntax:"<number>";inherits:false;initial-value:1.5}:host{--mds-avatar-stack-background:rgb(var(--tone-neutral,0 0 0));--mds-avatar-stack-count-background-color:rgb(var(--tone-neutral-09,76 76 76));--mds-avatar-stack-count-color:rgb(var(--tone-neutral-04,218 218 218));--mds-avatar-stack-lg-border:calc(var(--spacing,.0025rem)*100);--mds-avatar-stack-lg-offset:2;--mds-avatar-stack-lg-size:calc(var(--spacing,.0025rem)*1500);--mds-avatar-stack-md-border:calc(var(--spacing,.0025rem)*100);--mds-avatar-stack-md-offset:1.75;--mds-avatar-stack-md-size:calc(var(--spacing,.0025rem)*1200);--mds-avatar-stack-sm-border:calc(var(--spacing,.0025rem)*50);--mds-avatar-stack-sm-offset:1.5;--mds-avatar-stack-sm-size:calc(var(--spacing,.0025rem)*900);background-color:var(--mds-avatar-stack-background,rgb(var(--tone-neutral,0 0 0)));border-radius:1000px;display:inline-flex}`;
 
 const MdsAvatarStack = class {
     constructor(hostRef) {
@@ -14,6 +14,6 @@ const MdsAvatarStack = class {
     }
     get host() { return getElement(this); }
 };
-MdsAvatarStack.style = mdsAvatarStackCss;
+MdsAvatarStack.style = mdsAvatarStackCss();
 
 export { MdsAvatarStack as mds_avatar_stack };

package/dist/esm/mds-avatar.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-BfAC4pqU.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CAd5312P.js';
 import { c as clsx } from './clsx-ChV9xqsO.js';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-E-ZsRS8r.js';
 
@@ -46,7 +46,7 @@ const avatarVariant = [
 
 var miBaselinePerson = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4s-4 1.79-4 4s1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>`;
 
-const mdsAvatarCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-avatar-background-color-pending:rgb(var(--tone-neutral-08,107 107 107));--mds-avatar-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-avatar-color:rgb(var(--variant-primary-10,0 49 142));--mds-avatar-radius:1000px;--mds-avatar-initials-padding:20%;--tw-font-weight:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-icon,mds-img):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-avatar-radius{syntax:\"<length>\";inherits:false;initial-value:1000px}@property --mds-avatar-initials-padding{syntax:\"<percentage>\";inherits:false;initial-value:20%}:host{--mds-avatar-background-color-pending:rgb(var(--tone-neutral-08,107 107 107));--mds-avatar-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-avatar-color:rgb(var(--variant-primary-10,0 49 142));--mds-avatar-radius:var(--radius-full,1000px);--mds-avatar-initials-padding:20%;aspect-ratio:1;border-radius:var(--mds-avatar-radius,1000px);container:mds-avatar/inline-size;display:inline-flex;overflow:hidden;width:calc(var(--spacing,.0025rem)*1200)}.avatar{aspect-ratio:1;border-radius:var(--mds-avatar-radius,1000px);color:#0000;display:inline-flex;overflow:hidden;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:color,background-color,box-shadow,fill;width:100%}.avatar--pending{background-color:var(--mds-avatar-background-color-pending,rgb(var(--tone-neutral-08,107 107 107)))}.avatar--loaded{animation:none}.avatar--fallback,.avatar--icon,.avatar--initials{background-color:var(--mds-avatar-background-color,rgb(var(--variant-primary-05,152 188 255)));-webkit-box-shadow:none;box-shadow:none}.avatar--fallback,.avatar--initials{display:flex;place-items:stretch stretch}.avatar--fallback,.avatar--icon{padding:20%}.avatar--initials{padding:30% var(--mds-avatar-initials-padding,20%)25%}.image{aspect-ratio:1;border-radius:var(--mds-avatar-radius,1000px)}.fallback-icon{aspect-ratio:1;display:flex;fill:var(--mds-avatar-color,rgb(var(--variant-primary-10,0 49 142)));width:100%}.fallback-icon svg{aspect-ratio:1;aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}.initials-text{font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif);--tw-font-weight:var(--font-weight-bold,700);align-items:center;color:var(--mds-avatar-color,rgb(var(--variant-primary-10,0 49 142)));display:flex;font-weight:var(--font-weight-bold,700);height:100%;justify-content:center;text-transform:uppercase;-webkit-user-select:none;user-select:none;width:100%}.fit{display:inline-block;white-space:nowrap!important}.icon{fill:var(--mds-avatar-color,rgb(var(--variant-primary-10,0 49 142)));height:100%;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:fill;-webkit-transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));width:100%}@container (max-width:24px){:host-context(:not(.safari)) .avatar--initials{padding:0 var(--mds-avatar-initials-padding,20%)}:host-context(:not(.safari)) .initials-text{--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900)}}:host,:host([variant=primary]){--mds-avatar-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-avatar-color:rgb(var(--variant-primary-10,0 49 142))}:is(:host,:host([variant=primary])):host([tone=weak]){--mds-avatar-background-color:rgb(var(--variant-primary-09,0 58 168));--mds-avatar-color:rgb(var(--variant-primary-05,152 188 255))}:host([variant=red]){--mds-avatar-background-color:rgb(var(--label-red-05,244 167 167));--mds-avatar-color:rgb(var(--label-red-10,115 15 15))}:host([variant=red]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-red-09,134 17 17));--mds-avatar-color:rgb(var(--label-red-05,244 167 167))}:host([variant=amaranth]){--mds-avatar-background-color:rgb(var(--label-amaranth-05,250 163 178));--mds-avatar-color:rgb(var(--label-amaranth-10,114 7 25))}:host([variant=amaranth]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-amaranth-09,135 8 30));--mds-avatar-color:rgb(var(--label-amaranth-05,250 163 178))}:host([variant=orchid]){--mds-avatar-background-color:rgb(var(--label-orchid-05,245 163 203));--mds-avatar-color:rgb(var(--label-orchid-10,111 12 61))}:host([variant=orchid]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-orchid-09,131 14 71));--mds-avatar-color:rgb(var(--label-orchid-05,245 163 203))}:host([variant=violet]){--mds-avatar-background-color:rgb(var(--label-violet-05,198 175 251));--mds-avatar-color:rgb(var(--label-violet-10,57 9 165))}:host([variant=violet]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-violet-09,67 11 195));--mds-avatar-color:rgb(var(--label-violet-05,198 175 251))}:host([variant=purple]){--mds-avatar-background-color:rgb(var(--label-purple-05,212 170 251));--mds-avatar-color:rgb(var(--label-purple-10,78 7 146))}:host([variant=purple]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-purple-09,92 8 173));--mds-avatar-color:rgb(var(--label-purple-05,212 170 251))}:host([variant=blue]){--mds-avatar-background-color:rgb(var(--label-blue-05,170 184 252));--mds-avatar-color:rgb(var(--label-blue-10,6 34 166))}:host([variant=blue]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-blue-09,7 40 196));--mds-avatar-color:rgb(var(--label-blue-05,170 184 252))}:host([variant=sky]){--mds-avatar-background-color:rgb(var(--label-sky-05,94 198 245));--mds-avatar-color:rgb(var(--label-sky-10,5 63 90))}:host([variant=sky]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-sky-09,6 76 107));--mds-avatar-color:rgb(var(--label-sky-05,94 198 245))}:host([variant=aqua]){--mds-avatar-background-color:rgb(var(--label-aqua-05,7 203 237));--mds-avatar-color:rgb(var(--label-aqua-10,2 65 76))}:host([variant=aqua]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-aqua-09,3 77 90));--mds-avatar-color:rgb(var(--label-aqua-05,7 203 237))}:host([variant=green]){--mds-avatar-background-color:rgb(var(--label-green-05,37 213 102));--mds-avatar-color:rgb(var(--label-green-10,12 68 33))}:host([variant=green]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-green-09,14 81 39));--mds-avatar-color:rgb(var(--label-green-05,37 213 102))}:host([variant=lime]){--mds-avatar-background-color:rgb(var(--label-lime-05,134 207 22));--mds-avatar-color:rgb(var(--label-lime-10,43 66 7))}:host([variant=lime]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-lime-09,51 79 8));--mds-avatar-color:rgb(var(--label-lime-05,134 207 22))}:host([variant=yellow]){--mds-avatar-background-color:rgb(var(--label-yellow-05,234 179 8));--mds-avatar-color:rgb(var(--label-yellow-10,75 57 3))}:host([variant=yellow]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-yellow-09,89 68 3));--mds-avatar-color:rgb(var(--label-yellow-05,234 179 8))}:host([variant=orange]){--mds-avatar-background-color:rgb(var(--label-orange-05,251 168 111));--mds-avatar-color:rgb(var(--label-orange-10,99 42 3))}:host([variant=orange]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-orange-09,116 49 3));--mds-avatar-color:rgb(var(--label-orange-05,251 168 111))}:host([variant=error]){--mds-avatar-background-color:rgb(var(--status-error-05,250 165 160));--mds-avatar-color:rgb(var(--status-error-10,115 0 0))}:host([variant=error]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--status-error-09,135 0 14));--mds-avatar-color:rgb(var(--status-error-05,250 165 160))}:host([variant=warning]){--mds-avatar-background-color:rgb(var(--status-warning-05,237 177 0));--mds-avatar-color:rgb(var(--status-warning-10,77 57 0))}:host([variant=warning]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--status-warning-09,90 67 0));--mds-avatar-color:rgb(var(--status-warning-05,237 177 0))}:host([variant=info]){--mds-avatar-background-color:rgb(var(--status-info-05,112 198 234));--mds-avatar-color:rgb(var(--status-info-10,0 61 103))}:host([variant=info]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--status-info-09,0 73 116));--mds-avatar-color:rgb(var(--status-info-05,112 198 234))}:host([variant=success]){--mds-avatar-background-color:rgb(var(--status-success-05,107 206 147));--mds-avatar-color:rgb(var(--status-success-10,0 69 0))}:host([variant=success]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--status-success-09,0 82 9));--mds-avatar-color:rgb(var(--status-success-05,107 206 147))}:is(:host-context(:root.pref-animation-reduce) .avatar,:host-context(:root.pref-animation-reduce) .icon){transition-duration:0s}:is(:host-context(:root.pref-contrast-more) .avatar--icon,:host-context(:root.pref-contrast-more) .avatar--fallback,:host-context(:root.pref-contrast-more) .avatar--initials){-webkit-box-shadow:var(--shadow-outline-50)inset;box-shadow:var(--shadow-outline-50)inset}@property --tw-font-weight{syntax:\"*\";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))),:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .avatar,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .icon{transition-duration:0s}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .avatar--fallback,:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .avatar--icon,:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .avatar--initials{-webkit-box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}}";
+const mdsAvatarCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-avatar-background-color-pending:rgb(var(--tone-neutral-08,107 107 107));--mds-avatar-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-avatar-color:rgb(var(--variant-primary-10,0 49 142));--mds-avatar-radius:1000px;--mds-avatar-initials-padding:20%;--tw-font-weight:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-icon,mds-img):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-avatar-radius{syntax:"<length>";inherits:false;initial-value:1000px}@property --mds-avatar-initials-padding{syntax:"<percentage>";inherits:false;initial-value:20%}:host{--mds-avatar-background-color-pending:rgb(var(--tone-neutral-08,107 107 107));--mds-avatar-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-avatar-color:rgb(var(--variant-primary-10,0 49 142));--mds-avatar-radius:var(--radius-full,1000px);--mds-avatar-initials-padding:20%;aspect-ratio:1;border-radius:var(--mds-avatar-radius,1000px);container:mds-avatar/inline-size;display:inline-flex;overflow:hidden;width:calc(var(--spacing,.0025rem)*1200)}.avatar{aspect-ratio:1;border-radius:var(--mds-avatar-radius,1000px);color:#0000;display:inline-flex;overflow:hidden;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:color,background-color,box-shadow,fill;width:100%}.avatar--pending{background-color:var(--mds-avatar-background-color-pending,rgb(var(--tone-neutral-08,107 107 107)))}.avatar--loaded{animation:none}.avatar--fallback,.avatar--icon,.avatar--initials{background-color:var(--mds-avatar-background-color,rgb(var(--variant-primary-05,152 188 255)));-webkit-box-shadow:none;box-shadow:none}.avatar--fallback,.avatar--initials{display:flex;place-items:stretch stretch}.avatar--fallback,.avatar--icon{padding:20%}.avatar--initials{padding:30% var(--mds-avatar-initials-padding,20%) 25%}.image{aspect-ratio:1;border-radius:var(--mds-avatar-radius,1000px)}.fallback-icon{aspect-ratio:1;display:flex;fill:var(--mds-avatar-color,rgb(var(--variant-primary-10,0 49 142)));width:100%}.fallback-icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}.initials-text{font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);--tw-font-weight:var(--font-weight-bold,700);align-items:center;color:var(--mds-avatar-color,rgb(var(--variant-primary-10,0 49 142)));display:flex;font-weight:var(--font-weight-bold,700);height:100%;justify-content:center;text-transform:uppercase;-webkit-user-select:none;user-select:none;width:100%}.fit{display:inline-block;white-space:nowrap!important}.icon{fill:var(--mds-avatar-color,rgb(var(--variant-primary-10,0 49 142)));height:100%;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:fill;-webkit-transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));width:100%}@container (max-width:24px){:host-context(:not(.safari)) .avatar--initials{padding:0 var(--mds-avatar-initials-padding,20%)}:host-context(:not(.safari)) .initials-text{--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900)}}:host,:host([variant=primary]){--mds-avatar-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-avatar-color:rgb(var(--variant-primary-10,0 49 142))}:is(:host,:host([variant=primary])):host([tone=weak]){--mds-avatar-background-color:rgb(var(--variant-primary-09,0 58 168));--mds-avatar-color:rgb(var(--variant-primary-05,152 188 255))}:host([variant=red]){--mds-avatar-background-color:rgb(var(--label-red-05,244 167 167));--mds-avatar-color:rgb(var(--label-red-10,115 15 15))}:host([variant=red]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-red-09,134 17 17));--mds-avatar-color:rgb(var(--label-red-05,244 167 167))}:host([variant=amaranth]){--mds-avatar-background-color:rgb(var(--label-amaranth-05,250 163 178));--mds-avatar-color:rgb(var(--label-amaranth-10,114 7 25))}:host([variant=amaranth]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-amaranth-09,135 8 30));--mds-avatar-color:rgb(var(--label-amaranth-05,250 163 178))}:host([variant=orchid]){--mds-avatar-background-color:rgb(var(--label-orchid-05,245 163 203));--mds-avatar-color:rgb(var(--label-orchid-10,111 12 61))}:host([variant=orchid]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-orchid-09,131 14 71));--mds-avatar-color:rgb(var(--label-orchid-05,245 163 203))}:host([variant=violet]){--mds-avatar-background-color:rgb(var(--label-violet-05,198 175 251));--mds-avatar-color:rgb(var(--label-violet-10,57 9 165))}:host([variant=violet]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-violet-09,67 11 195));--mds-avatar-color:rgb(var(--label-violet-05,198 175 251))}:host([variant=purple]){--mds-avatar-background-color:rgb(var(--label-purple-05,212 170 251));--mds-avatar-color:rgb(var(--label-purple-10,78 7 146))}:host([variant=purple]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-purple-09,92 8 173));--mds-avatar-color:rgb(var(--label-purple-05,212 170 251))}:host([variant=blue]){--mds-avatar-background-color:rgb(var(--label-blue-05,170 184 252));--mds-avatar-color:rgb(var(--label-blue-10,6 34 166))}:host([variant=blue]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-blue-09,7 40 196));--mds-avatar-color:rgb(var(--label-blue-05,170 184 252))}:host([variant=sky]){--mds-avatar-background-color:rgb(var(--label-sky-05,94 198 245));--mds-avatar-color:rgb(var(--label-sky-10,5 63 90))}:host([variant=sky]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-sky-09,6 76 107));--mds-avatar-color:rgb(var(--label-sky-05,94 198 245))}:host([variant=aqua]){--mds-avatar-background-color:rgb(var(--label-aqua-05,7 203 237));--mds-avatar-color:rgb(var(--label-aqua-10,2 65 76))}:host([variant=aqua]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-aqua-09,3 77 90));--mds-avatar-color:rgb(var(--label-aqua-05,7 203 237))}:host([variant=green]){--mds-avatar-background-color:rgb(var(--label-green-05,37 213 102));--mds-avatar-color:rgb(var(--label-green-10,12 68 33))}:host([variant=green]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-green-09,14 81 39));--mds-avatar-color:rgb(var(--label-green-05,37 213 102))}:host([variant=lime]){--mds-avatar-background-color:rgb(var(--label-lime-05,134 207 22));--mds-avatar-color:rgb(var(--label-lime-10,43 66 7))}:host([variant=lime]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-lime-09,51 79 8));--mds-avatar-color:rgb(var(--label-lime-05,134 207 22))}:host([variant=yellow]){--mds-avatar-background-color:rgb(var(--label-yellow-05,234 179 8));--mds-avatar-color:rgb(var(--label-yellow-10,75 57 3))}:host([variant=yellow]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-yellow-09,89 68 3));--mds-avatar-color:rgb(var(--label-yellow-05,234 179 8))}:host([variant=orange]){--mds-avatar-background-color:rgb(var(--label-orange-05,251 168 111));--mds-avatar-color:rgb(var(--label-orange-10,99 42 3))}:host([variant=orange]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-orange-09,116 49 3));--mds-avatar-color:rgb(var(--label-orange-05,251 168 111))}:host([variant=error]){--mds-avatar-background-color:rgb(var(--status-error-05,250 165 160));--mds-avatar-color:rgb(var(--status-error-10,115 0 0))}:host([variant=error]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--status-error-09,135 0 14));--mds-avatar-color:rgb(var(--status-error-05,250 165 160))}:host([variant=warning]){--mds-avatar-background-color:rgb(var(--status-warning-05,237 177 0));--mds-avatar-color:rgb(var(--status-warning-10,77 57 0))}:host([variant=warning]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--status-warning-09,90 67 0));--mds-avatar-color:rgb(var(--status-warning-05,237 177 0))}:host([variant=info]){--mds-avatar-background-color:rgb(var(--status-info-05,112 198 234));--mds-avatar-color:rgb(var(--status-info-10,0 61 103))}:host([variant=info]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--status-info-09,0 73 116));--mds-avatar-color:rgb(var(--status-info-05,112 198 234))}:host([variant=success]){--mds-avatar-background-color:rgb(var(--status-success-05,107 206 147));--mds-avatar-color:rgb(var(--status-success-10,0 69 0))}:host([variant=success]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--status-success-09,0 82 9));--mds-avatar-color:rgb(var(--status-success-05,107 206 147))}:is(:host-context(:root.pref-animation-reduce) .avatar,:host-context(:root.pref-animation-reduce) .icon){transition-duration:0s}:is(:host-context(:root.pref-contrast-more) .avatar--icon,:host-context(:root.pref-contrast-more) .avatar--fallback,:host-context(:root.pref-contrast-more) .avatar--initials){-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset}@property --tw-font-weight{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))),:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .avatar,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .icon{transition-duration:0s}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .avatar--fallback,:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .avatar--icon,:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .avatar--initials{-webkit-box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}}`;
 
 const MdsAvatar = class {
     constructor(hostRef) {
@@ -174,12 +174,20 @@ const MdsAvatar = class {
     }
     get element() { return getElement(this); }
     static get watchers() { return {
-        "initials": ["initialsHandler"],
-        "count": ["countHandler"],
-        "src": ["srcHandler"],
-        "icon": ["iconHandler"]
+        "initials": [{
+                "initialsHandler": 0
+            }],
+        "count": [{
+                "countHandler": 0
+            }],
+        "src": [{
+                "srcHandler": 0
+            }],
+        "icon": [{
+                "iconHandler": 0
+            }]
     }; }
 };
-MdsAvatar.style = mdsAvatarCss;
+MdsAvatar.style = mdsAvatarCss();
 
 export { MdsAvatar as mds_avatar };

package/dist/esm/mds-badge.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-BfAC4pqU.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CAd5312P.js';
 import { r as readSlottedLabel, s as sanitizeLabel } from './slot-ttrRC6OE.js';
 
-const mdsBadgeCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-badge-border-width:1px;--mds-badge-radius:10px}*,::backdrop,:after,:before{--mds-badge-background:rgb(var(--label-sky-09,6 76 107));--mds-badge-border-color:rgb(var(--label-sky-06,13 158 224));--mds-badge-color:rgb(var(--label-sky-03,191 232 251))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-text:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-badge-border-width{syntax:\"<length>\";inherits:true;initial-value:1px}@property --mds-badge-radius{syntax:\"<length>\";inherits:true;initial-value:10px}:host{--mds-badge-background:rgb(var(--label-sky-09,6 76 107));--mds-badge-border-color:rgb(var(--label-sky-06,13 158 224));--mds-badge-border-width:1px;--mds-badge-color:rgb(var(--label-sky-03,191 232 251));--mds-badge-radius:var(--radius-lg,10px);align-items:center;background-color:var(--mds-badge-background,rgb(var(--label-sky-09,6 76 107)));border-radius:var(--mds-badge-radius,10px);color:var(--mds-badge-color,rgb(var(--label-sky-03,191 232 251)));display:inline-flex;min-width:min-content;padding:calc(var(--spacing,.0025rem)*100)calc(var(--spacing,.0025rem)*200);-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,border-color,border-width,color;-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));--mds-badge-color:rgb(var(--tone-neutral,0 0 0))}:host([tone=outline]){border-color:var(--mds-badge-border-color,rgb(var(--label-sky-06,13 158 224)));border-style:solid;border-width:var(--mds-badge-border-width,1px)}:host([tone=text]){--mds-badge-background:rgb(var(--tone-neutral,0 0 0))}:host([variant=red]){--mds-badge-background:rgb(var(--label-red-04,247 195 195))}:host([variant=red]):host([tone=weak]){--mds-badge-background:rgb(var(--label-red-09,134 17 17));--mds-badge-color:rgb(var(--label-red-02,252 234 234))}:host([variant=red]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-red-06,236 110 110));--mds-badge-color:rgb(var(--label-red-04,247 195 195))}:host([variant=amaranth]){--mds-badge-background:rgb(var(--label-amaranth-04,251 192 203))}:host([variant=amaranth]):host([tone=weak]){--mds-badge-background:rgb(var(--label-amaranth-09,135 8 30));--mds-badge-color:rgb(var(--label-amaranth-02,254 233 237))}:host([variant=amaranth]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-amaranth-06,246 99 125));--mds-badge-color:rgb(var(--label-amaranth-04,251 192 203))}:host([variant=aqua]){--mds-badge-background:rgb(var(--label-aqua-04,81 225 250))}:host([variant=aqua]):host([tone=weak]){--mds-badge-background:rgb(var(--label-aqua-09,3 77 90));--mds-badge-color:rgb(var(--label-aqua-02,203 246 254))}:host([variant=aqua]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-aqua-06,5 163 190));--mds-badge-color:rgb(var(--label-aqua-04,81 225 250))}:host([variant=blue]){--mds-badge-background:rgb(var(--label-blue-04,196 206 253))}:host([variant=blue]):host([tone=weak]){--mds-badge-background:rgb(var(--label-blue-09,7 40 196));--mds-badge-color:rgb(var(--label-blue-02,234 238 254))}:host([variant=blue]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-blue-06,121 143 250));--mds-badge-color:rgb(var(--label-blue-04,196 206 253))}:host([variant=green]){--mds-badge-background:rgb(var(--label-green-04,113 230 156))}:host([variant=green]):host([tone=weak]){--mds-badge-background:rgb(var(--label-green-09,14 81 39));--mds-badge-color:rgb(var(--label-green-02,211 247 224))}:host([variant=green]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-green-06,30 171 82));--mds-badge-color:rgb(var(--label-green-04,113 230 156))}:host([variant=lime]){--mds-badge-background:rgb(var(--label-lime-04,148 229 25))}:host([variant=lime]):host([tone=weak]){--mds-badge-background:rgb(var(--label-lime-09,51 79 8));--mds-badge-color:rgb(var(--label-lime-02,223 247 185))}:host([variant=lime]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-lime-06,108 167 18));--mds-badge-color:rgb(var(--label-lime-04,148 229 25))}:host([variant=orange]){--mds-badge-background:rgb(var(--label-orange-04,252 196 158))}:host([variant=orange]):host([tone=weak]){--mds-badge-background:rgb(var(--label-orange-09,116 49 3));--mds-badge-color:rgb(var(--label-orange-02,254 235 222))}:host([variant=orange]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-orange-06,247 105 6));--mds-badge-color:rgb(var(--label-orange-04,252 196 158))}:host([variant=orchid]){--mds-badge-background:rgb(var(--label-orchid-04,248 192 220))}:host([variant=orchid]):host([tone=weak]){--mds-badge-background:rgb(var(--label-orchid-09,131 14 71));--mds-badge-color:rgb(var(--label-orchid-02,253 233 243))}:host([variant=orchid]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-orchid-06,239 99 168));--mds-badge-color:rgb(var(--label-orchid-04,248 192 220))}:host([variant=sky]){--mds-badge-background:rgb(var(--label-sky-04,148 217 249))}:host([variant=sky]):host([tone=weak]){--mds-badge-background:rgb(var(--label-sky-09,6 76 107));--mds-badge-color:rgb(var(--label-sky-02,219 242 253))}:host([variant=sky]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-sky-06,13 158 224));--mds-badge-color:rgb(var(--label-sky-04,148 217 249))}:host([variant=violet]){--mds-badge-background:rgb(var(--label-violet-04,216 200 252))}:host([variant=violet]):host([tone=weak]){--mds-badge-background:rgb(var(--label-violet-09,67 11 195));--mds-badge-color:rgb(var(--label-violet-02,241 235 254))}:host([variant=violet]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-violet-06,166 129 248));--mds-badge-color:rgb(var(--label-violet-04,216 200 252))}:host([variant=purple]){--mds-badge-background:rgb(var(--label-purple-04,225 196 252))}:host([variant=purple]):host([tone=weak]){--mds-badge-background:rgb(var(--label-purple-09,92 8 173));--mds-badge-color:rgb(var(--label-purple-02,245 234 254))}:host([variant=purple]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-purple-06,186 119 249));--mds-badge-color:rgb(var(--label-purple-04,225 196 252))}:host([variant=yellow]){--mds-badge-background:rgb(var(--label-yellow-04,248 202 60))}:host([variant=yellow]):host([tone=weak]){--mds-badge-background:rgb(var(--label-yellow-09,89 68 3));--mds-badge-color:rgb(var(--label-yellow-02,253 238 190))}:host([variant=yellow]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-yellow-06,188 143 6));--mds-badge-color:rgb(var(--label-yellow-04,248 202 60))}:host([variant=warning]){--mds-badge-background:rgb(var(--status-warning-04,255 200 33))}:host([variant=warning]):host([tone=weak]){--mds-badge-background:rgb(var(--status-warning-09,90 67 0));--mds-badge-color:rgb(var(--status-warning-02,255 237 185))}:host([variant=warning]):host([tone=outline]){--mds-badge-border-color:rgb(var(--status-warning-06,190 142 0));--mds-badge-color:rgb(var(--status-warning-04,255 200 33))}:host([variant=error]){--mds-badge-background:rgb(var(--status-error-04,254 193 189))}:host([variant=error]):host([tone=weak]){--mds-badge-background:rgb(var(--status-error-09,135 0 14));--mds-badge-color:rgb(var(--status-error-02,255 234 231))}:host([variant=error]):host([tone=outline]){--mds-badge-border-color:rgb(var(--status-error-06,239 108 105));--mds-badge-color:rgb(var(--status-error-04,254 193 189))}:host([variant=success]){--mds-badge-background:rgb(var(--status-success-04,158 222 181))}:host([variant=success]):host([tone=weak]){--mds-badge-background:rgb(var(--status-success-09,0 82 9));--mds-badge-color:rgb(var(--status-success-02,222 244 228))}:host([variant=success]):host([tone=outline]){--mds-badge-border-color:rgb(var(--status-success-06,0 171 97));--mds-badge-color:rgb(var(--status-success-04,158 222 181))}:host([variant=info]){--mds-badge-background:rgb(var(--status-info-04,159 216 241))}:host([variant=info]):host([tone=weak]){--mds-badge-background:rgb(var(--status-info-09,0 73 116));--mds-badge-color:rgb(var(--status-info-02,222 242 250))}:host([variant=info]):host([tone=outline]){--mds-badge-border-color:rgb(var(--status-info-06,0 161 208));--mds-badge-color:rgb(var(--status-info-04,159 216 241))}:host([variant=light]){--mds-badge-background:rgb(var(--tone-neutral,0 0 0));--mds-badge-color:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=light]):host([tone=weak]){--mds-badge-background:rgb(var(--tone-neutral-10,60 60 60));--mds-badge-color:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=light]):host([tone=outline]){--mds-badge-background:rgb(var(--tone-neutral,0 0 0));--mds-badge-color:rgb(var(--tone-neutral-02,244 244 244));--mds-badge-border-color:rgb(var(--tone-neutral-06,158 158 158))}:host([variant=dark]){--mds-badge-background:rgb(var(--tone-neutral-03,233 233 233));--mds-badge-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=dark]):host([tone=weak]){--mds-badge-background:rgb(var(--tone-neutral-10,60 60 60));--mds-badge-color:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=dark]):host([tone=outline]){--mds-badge-background:rgb(var(--tone-neutral,0 0 0));--mds-badge-color:rgb(var(--tone-neutral-02,244 244 244));--mds-badge-border-color:rgb(var(--tone-neutral-06,158 158 158))}:host([tone=outline]),:host([tone=text]){--mds-badge-background:transparent}:host-context(:root.pref-animation-reduce){transition-duration:0s}:is(:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([tone=strong]),:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([tone=weak])){-webkit-box-shadow:var(--shadow-outline)inset;box-shadow:var(--shadow-outline)inset}:host-context(:root.pref-contrast-more):host([tone=weak]){-webkit-box-shadow:var(--shadow-outline)inset;box-shadow:var(--shadow-outline)inset}:is(:host-context(:root.pref-contrast-more.pref-theme-dark):host([tone=strong]),:host-context(:root.pref-contrast-more.pref-theme-dark):host([tone=weak])){-webkit-box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px)inset;box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px)inset}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([tone=strong]),:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([tone=weak]){-webkit-box-shadow:var(--shadow-outline)inset;box-shadow:var(--shadow-outline)inset}:is(:host-context(:root.pref-contrast-more.pref-theme-system):host([tone=strong]),:host-context(:root.pref-contrast-more.pref-theme-system):host([tone=weak])){-webkit-box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px)inset;box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px)inset}}@media (prefers-contrast:more){:host-context(:root.pref-contrast-system){-webkit-box-shadow:var(--shadow-outline)inset;box-shadow:var(--shadow-outline)inset}:host-context(:root:not([data-magma-pref])):host([tone=weak]){-webkit-box-shadow:var(--shadow-outline)inset;box-shadow:var(--shadow-outline)inset}:is(:host-context(:root.pref-contrast-system.pref-theme-dark):host([tone=strong]),:host-context(:root.pref-contrast-system.pref-theme-dark):host([tone=weak])){-webkit-box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px)inset;box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px)inset}}@media (prefers-contrast:more) and (prefers-color-scheme:dark){:is(:host-context(:root.pref-contrast-system.pref-theme-system):host([tone=strong]),:host-context(:root.pref-contrast-system.pref-theme-system):host([tone=weak])){-webkit-box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px)inset;box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px)inset}}";
+const mdsBadgeCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-badge-border-width:1px;--mds-badge-radius:10px}*,::backdrop,:after,:before{--mds-badge-background:rgb(var(--label-sky-09,6 76 107));--mds-badge-border-color:rgb(var(--label-sky-06,13 158 224));--mds-badge-color:rgb(var(--label-sky-03,191 232 251))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-text:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-badge-border-width{syntax:"<length>";inherits:true;initial-value:1px}@property --mds-badge-radius{syntax:"<length>";inherits:true;initial-value:10px}:host{--mds-badge-background:rgb(var(--label-sky-09,6 76 107));--mds-badge-border-color:rgb(var(--label-sky-06,13 158 224));--mds-badge-border-width:1px;--mds-badge-color:rgb(var(--label-sky-03,191 232 251));--mds-badge-radius:var(--radius-lg,10px);align-items:center;background-color:var(--mds-badge-background,rgb(var(--label-sky-09,6 76 107)));border-radius:var(--mds-badge-radius,10px);color:var(--mds-badge-color,rgb(var(--label-sky-03,191 232 251)));display:inline-flex;min-width:min-content;padding:calc(var(--spacing,.0025rem)*100) calc(var(--spacing,.0025rem)*200);-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,border-color,border-width,color;-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));--mds-badge-color:rgb(var(--tone-neutral,0 0 0))}:host([tone=outline]){border-color:var(--mds-badge-border-color,rgb(var(--label-sky-06,13 158 224)));border-style:solid;border-width:var(--mds-badge-border-width,1px)}:host([tone=text]){--mds-badge-background:rgb(var(--tone-neutral,0 0 0))}:host([variant=red]){--mds-badge-background:rgb(var(--label-red-04,247 195 195))}:host([variant=red]):host([tone=weak]){--mds-badge-background:rgb(var(--label-red-09,134 17 17));--mds-badge-color:rgb(var(--label-red-02,252 234 234))}:host([variant=red]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-red-06,236 110 110));--mds-badge-color:rgb(var(--label-red-04,247 195 195))}:host([variant=amaranth]){--mds-badge-background:rgb(var(--label-amaranth-04,251 192 203))}:host([variant=amaranth]):host([tone=weak]){--mds-badge-background:rgb(var(--label-amaranth-09,135 8 30));--mds-badge-color:rgb(var(--label-amaranth-02,254 233 237))}:host([variant=amaranth]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-amaranth-06,246 99 125));--mds-badge-color:rgb(var(--label-amaranth-04,251 192 203))}:host([variant=aqua]){--mds-badge-background:rgb(var(--label-aqua-04,81 225 250))}:host([variant=aqua]):host([tone=weak]){--mds-badge-background:rgb(var(--label-aqua-09,3 77 90));--mds-badge-color:rgb(var(--label-aqua-02,203 246 254))}:host([variant=aqua]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-aqua-06,5 163 190));--mds-badge-color:rgb(var(--label-aqua-04,81 225 250))}:host([variant=blue]){--mds-badge-background:rgb(var(--label-blue-04,196 206 253))}:host([variant=blue]):host([tone=weak]){--mds-badge-background:rgb(var(--label-blue-09,7 40 196));--mds-badge-color:rgb(var(--label-blue-02,234 238 254))}:host([variant=blue]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-blue-06,121 143 250));--mds-badge-color:rgb(var(--label-blue-04,196 206 253))}:host([variant=green]){--mds-badge-background:rgb(var(--label-green-04,113 230 156))}:host([variant=green]):host([tone=weak]){--mds-badge-background:rgb(var(--label-green-09,14 81 39));--mds-badge-color:rgb(var(--label-green-02,211 247 224))}:host([variant=green]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-green-06,30 171 82));--mds-badge-color:rgb(var(--label-green-04,113 230 156))}:host([variant=lime]){--mds-badge-background:rgb(var(--label-lime-04,148 229 25))}:host([variant=lime]):host([tone=weak]){--mds-badge-background:rgb(var(--label-lime-09,51 79 8));--mds-badge-color:rgb(var(--label-lime-02,223 247 185))}:host([variant=lime]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-lime-06,108 167 18));--mds-badge-color:rgb(var(--label-lime-04,148 229 25))}:host([variant=orange]){--mds-badge-background:rgb(var(--label-orange-04,252 196 158))}:host([variant=orange]):host([tone=weak]){--mds-badge-background:rgb(var(--label-orange-09,116 49 3));--mds-badge-color:rgb(var(--label-orange-02,254 235 222))}:host([variant=orange]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-orange-06,247 105 6));--mds-badge-color:rgb(var(--label-orange-04,252 196 158))}:host([variant=orchid]){--mds-badge-background:rgb(var(--label-orchid-04,248 192 220))}:host([variant=orchid]):host([tone=weak]){--mds-badge-background:rgb(var(--label-orchid-09,131 14 71));--mds-badge-color:rgb(var(--label-orchid-02,253 233 243))}:host([variant=orchid]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-orchid-06,239 99 168));--mds-badge-color:rgb(var(--label-orchid-04,248 192 220))}:host([variant=sky]){--mds-badge-background:rgb(var(--label-sky-04,148 217 249))}:host([variant=sky]):host([tone=weak]){--mds-badge-background:rgb(var(--label-sky-09,6 76 107));--mds-badge-color:rgb(var(--label-sky-02,219 242 253))}:host([variant=sky]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-sky-06,13 158 224));--mds-badge-color:rgb(var(--label-sky-04,148 217 249))}:host([variant=violet]){--mds-badge-background:rgb(var(--label-violet-04,216 200 252))}:host([variant=violet]):host([tone=weak]){--mds-badge-background:rgb(var(--label-violet-09,67 11 195));--mds-badge-color:rgb(var(--label-violet-02,241 235 254))}:host([variant=violet]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-violet-06,166 129 248));--mds-badge-color:rgb(var(--label-violet-04,216 200 252))}:host([variant=purple]){--mds-badge-background:rgb(var(--label-purple-04,225 196 252))}:host([variant=purple]):host([tone=weak]){--mds-badge-background:rgb(var(--label-purple-09,92 8 173));--mds-badge-color:rgb(var(--label-purple-02,245 234 254))}:host([variant=purple]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-purple-06,186 119 249));--mds-badge-color:rgb(var(--label-purple-04,225 196 252))}:host([variant=yellow]){--mds-badge-background:rgb(var(--label-yellow-04,248 202 60))}:host([variant=yellow]):host([tone=weak]){--mds-badge-background:rgb(var(--label-yellow-09,89 68 3));--mds-badge-color:rgb(var(--label-yellow-02,253 238 190))}:host([variant=yellow]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-yellow-06,188 143 6));--mds-badge-color:rgb(var(--label-yellow-04,248 202 60))}:host([variant=warning]){--mds-badge-background:rgb(var(--status-warning-04,255 200 33))}:host([variant=warning]):host([tone=weak]){--mds-badge-background:rgb(var(--status-warning-09,90 67 0));--mds-badge-color:rgb(var(--status-warning-02,255 237 185))}:host([variant=warning]):host([tone=outline]){--mds-badge-border-color:rgb(var(--status-warning-06,190 142 0));--mds-badge-color:rgb(var(--status-warning-04,255 200 33))}:host([variant=error]){--mds-badge-background:rgb(var(--status-error-04,254 193 189))}:host([variant=error]):host([tone=weak]){--mds-badge-background:rgb(var(--status-error-09,135 0 14));--mds-badge-color:rgb(var(--status-error-02,255 234 231))}:host([variant=error]):host([tone=outline]){--mds-badge-border-color:rgb(var(--status-error-06,239 108 105));--mds-badge-color:rgb(var(--status-error-04,254 193 189))}:host([variant=success]){--mds-badge-background:rgb(var(--status-success-04,158 222 181))}:host([variant=success]):host([tone=weak]){--mds-badge-background:rgb(var(--status-success-09,0 82 9));--mds-badge-color:rgb(var(--status-success-02,222 244 228))}:host([variant=success]):host([tone=outline]){--mds-badge-border-color:rgb(var(--status-success-06,0 171 97));--mds-badge-color:rgb(var(--status-success-04,158 222 181))}:host([variant=info]){--mds-badge-background:rgb(var(--status-info-04,159 216 241))}:host([variant=info]):host([tone=weak]){--mds-badge-background:rgb(var(--status-info-09,0 73 116));--mds-badge-color:rgb(var(--status-info-02,222 242 250))}:host([variant=info]):host([tone=outline]){--mds-badge-border-color:rgb(var(--status-info-06,0 161 208));--mds-badge-color:rgb(var(--status-info-04,159 216 241))}:host([variant=light]){--mds-badge-background:rgb(var(--tone-neutral,0 0 0));--mds-badge-color:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=light]):host([tone=weak]){--mds-badge-background:rgb(var(--tone-neutral-10,60 60 60));--mds-badge-color:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=light]):host([tone=outline]){--mds-badge-background:rgb(var(--tone-neutral,0 0 0));--mds-badge-color:rgb(var(--tone-neutral-02,244 244 244));--mds-badge-border-color:rgb(var(--tone-neutral-06,158 158 158))}:host([variant=dark]){--mds-badge-background:rgb(var(--tone-neutral-03,233 233 233));--mds-badge-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=dark]):host([tone=weak]){--mds-badge-background:rgb(var(--tone-neutral-10,60 60 60));--mds-badge-color:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=dark]):host([tone=outline]){--mds-badge-background:rgb(var(--tone-neutral,0 0 0));--mds-badge-color:rgb(var(--tone-neutral-02,244 244 244));--mds-badge-border-color:rgb(var(--tone-neutral-06,158 158 158))}:host([tone=outline]),:host([tone=text]){--mds-badge-background:transparent}:host-context(:root.pref-animation-reduce){transition-duration:0s}:is(:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([tone=strong]),:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([tone=weak])){-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}:host-context(:root.pref-contrast-more):host([tone=weak]){-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}:is(:host-context(:root.pref-contrast-more.pref-theme-dark):host([tone=strong]),:host-context(:root.pref-contrast-more.pref-theme-dark):host([tone=weak])){-webkit-box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px) inset;box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px) inset}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([tone=strong]),:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([tone=weak]){-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}:is(:host-context(:root.pref-contrast-more.pref-theme-system):host([tone=strong]),:host-context(:root.pref-contrast-more.pref-theme-system):host([tone=weak])){-webkit-box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px) inset;box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px) inset}}@media (prefers-contrast:more){:host-context(:root.pref-contrast-system){-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}:host-context(:root:not([data-magma-pref])):host([tone=weak]){-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}:is(:host-context(:root.pref-contrast-system.pref-theme-dark):host([tone=strong]),:host-context(:root.pref-contrast-system.pref-theme-dark):host([tone=weak])){-webkit-box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px) inset;box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px) inset}}@media (prefers-contrast:more) and (prefers-color-scheme:dark){:is(:host-context(:root.pref-contrast-system.pref-theme-system):host([tone=strong]),:host-context(:root.pref-contrast-system.pref-theme-system):host([tone=weak])){-webkit-box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px) inset;box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px) inset}}`;
 
 const MdsBadge = class {
     constructor(hostRef) {
@@ -33,9 +33,11 @@ const MdsBadge = class {
     }
     get host() { return getElement(this); }
     static get watchers() { return {
-        "label": ["labelChanged"]
+        "label": [{
+                "labelChanged": 0
+            }]
     }; }
 };
-MdsBadge.style = mdsBadgeCss;
+MdsBadge.style = mdsBadgeCss();
 
 export { MdsBadge as mds_badge };

package/dist/esm/mds-banner_3.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-BfAC4pqU.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CAd5312P.js';
 import { m as miBaselineClose } from './close-J-ikDhyq.js';
 import { K as KeyboardManager } from './keyboard-manager-BudfaWhu.js';
 import { L as Locale } from './locale-a4oAcjYG.js';
@@ -25,7 +25,7 @@ var localeIt$1 = {
 	cancel: cancel
 };
 
-const mdsBannerCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-banner-cockade-distance:calc(var(--spacing,.0025rem)*600);--mds-banner-content-gap:calc(var(--spacing,.0025rem)*200)calc(var(--spacing,.0025rem)*400);--mds-banner-radius:var(--radius-lg,16px);--mds-banner-transition-duration:.3s}*,::backdrop,:after,:before{--mds-banner-background:rgb(var(--tone-neutral-10,60 60 60));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-cockade-background:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-headline-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--tone-neutral-04,218 218 218))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-icon,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-banner-transition-duration{syntax:\"<time>\";inherits:true;initial-value:.3s}:host{--mds-banner-background:rgb(var(--tone-neutral-10,60 60 60));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-cockade-background:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-cockade-distance:calc(var(--spacing,.0025rem)*600);--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-content-gap:calc(var(--spacing,.0025rem)*400);--mds-banner-headline-color:var(--mds-banner-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-banner-icon-color:rgb(var(--tone-neutral-04,218 218 218));--mds-banner-radius:var(--radius-2xl,24px);--mds-banner-shadow:none;--mds-banner-transition-duration:.3s;--mds-banner-transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));background-color:var(--mds-banner-background,rgb(var(--tone-neutral-10,60 60 60)));border-radius:var(--mds-banner-radius,var(--radius-lg,16px));-webkit-box-shadow:var(--mds-banner-shadow);box-shadow:var(--mds-banner-shadow);color:var(--mds-banner-color,rgb(var(--tone-neutral-02,244 244 244)));corner-shape:var(--magma-corner-shape,round);container:mds-banner/inline-size;display:grid;gap:calc(var(--spacing,.0025rem)*600);grid-template-columns:repeat(1,minmax(1px,100%));padding:calc(var(--spacing,.0025rem)*600);position:relative;-webkit-transition-duration:var(--mds-banner-transition-duration,.3s);transition-duration:var(--mds-banner-transition-duration,.3s);transition-property:background-color,box-shadow,color;-webkit-transition-timing-function:var(--mds-banner-transition-timing-function);transition-timing-function:var(--mds-banner-transition-timing-function);width:100%}.body{align-items:flex-start;display:flex;gap:var(--mds-banner-content-gap,calc(var(--spacing,.0025rem)*200)calc(var(--spacing,.0025rem)*400));justify-content:space-between}.headline{color:var(--mds-banner-headline-color,rgb(var(--tone-neutral-02,244 244 244)))}.content{box-sizing:border-box;flex-direction:column;flex-grow:1;justify-content:center}.actions,.content{display:flex;gap:var(--mds-banner-content-gap,calc(var(--spacing,.0025rem)*200)calc(var(--spacing,.0025rem)*400))}.actions{flex-wrap:wrap;justify-content:flex-end}.icon{fill:var(--mds-banner-icon-color,rgb(var(--tone-neutral-04,218 218 218)));flex-shrink:0;-webkit-transition-duration:var(--mds-banner-transition-duration,.3s);transition-duration:var(--mds-banner-transition-duration,.3s);transition-property:background-color,fill;-webkit-transition-timing-function:var(--mds-banner-transition-timing-function);transition-timing-function:var(--mds-banner-transition-timing-function)}.text{display:grid;flex-grow:1;gap:var(--mds-banner-content-gap,calc(var(--spacing,.0025rem)*200)calc(var(--spacing,.0025rem)*400))}@container mds-banner (max-width:300px){:host([deletable]:not([deletable=false])) .headline,:host([deletable]:not([deletable=false])):host(:not([headline])) .content{padding-right:calc(var(--spacing,.0025rem)*800)}::slotted([slot=action]){flex-basis:100%;flex-grow:1}}:host([cockade]:not([cockade=false])) .icon{background-color:var(--mds-banner-cockade-background,rgb(var(--tone-neutral-09,76 76 76)));border-bottom-left-radius:var(--radius-lg,16px);border-bottom-right-radius:var(--radius-lg,16px);margin-top:calc(-1*var(--mds-banner-cockade-distance,calc(var(--spacing,.0025rem)*600)));padding:calc(var(--spacing,.0025rem)*200);padding-top:var(--mds-banner-cockade-distance,calc(var(--spacing,.0025rem)*600))}@container mds-banner (max-width:300px){:host([cockade]:not([cockade=false])) .icon{padding-top:calc(var(--spacing,.0025rem)*200)}.body{flex-direction:column}.close-button{position:absolute;right:calc(var(--mds-banner-cockade-distance,calc(var(--spacing,.0025rem)*600))/2);top:calc(var(--mds-banner-cockade-distance,calc(var(--spacing,.0025rem)*600))/2)}}:host,:host([variant=primary]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--variant-primary-09,0 58 168));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--variant-primary-05,152 188 255));--mds-banner-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-banner-headline-color:rgb(var(--variant-primary-02,230 239 255));--mds-banner-cockade-background:rgb(var(--variant-primary-09,0 58 168))}:host([variant=primary]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--variant-primary-10,0 49 142));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--variant-primary-05,152 188 255));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--variant-primary-10,0 49 142))}:host([variant=ai]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--variant-ai-09,75 8 189));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--variant-ai-05,202 174 251));--mds-banner-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-banner-headline-color:rgb(var(--variant-ai-02,242 235 254));--mds-banner-cockade-background:rgb(var(--variant-ai-09,75 8 189))}:host([variant=ai]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--variant-ai-10,63 7 161));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--variant-ai-05,202 174 251));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--variant-ai-10,63 7 161))}:host([variant=error]){--mds-banner-headline-color:rgb(var(--status-error-03,255 217 214));--mds-banner-background:rgb(var(--status-error-10,115 0 0));--mds-banner-close-icon-hover-background:rgb(var(--status-error-08,182 50 54));--mds-banner-color:rgb(var(--status-error-02,255 234 231));--mds-banner-icon-color:rgb(var(--status-error-05,250 165 160));--mds-banner-shadow:none;--mds-banner-cockade-background:rgb(var(--status-error-08,182 50 54))}:host([variant=error]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--status-error-10,115 0 0));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--status-error-05,250 165 160));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--status-error-10,115 0 0))}:host([variant=warning]){--mds-banner-headline-color:rgb(var(--status-warning-03,255 223 129));--mds-banner-background:rgb(var(--status-warning-10,77 57 0));--mds-banner-close-icon-hover-background:rgb(var(--status-warning-08,129 96 0));--mds-banner-color:rgb(var(--status-warning-02,255 237 185));--mds-banner-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-banner-shadow:none;--mds-banner-cockade-background:rgb(var(--status-warning-08,129 96 0))}:host([variant=warning]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--status-warning-10,77 57 0));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--status-warning-10,77 57 0))}:host([variant=info]){--mds-banner-headline-color:rgb(var(--status-info-03,198 231 247));--mds-banner-background:rgb(var(--status-info-10,0 61 103));--mds-banner-close-icon-hover-background:rgb(var(--status-info-08,0 107 151));--mds-banner-color:rgb(var(--status-info-02,222 242 250));--mds-banner-icon-color:rgb(var(--status-info-05,112 198 234));--mds-banner-shadow:none;--mds-banner-cockade-background:rgb(var(--status-info-08,0 107 151))}:host([variant=info]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--status-info-10,0 61 103));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--status-info-05,112 198 234));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--status-info-10,0 61 103))}:host([variant=success]){--mds-banner-headline-color:rgb(var(--status-success-03,196 235 209));--mds-banner-background:rgb(var(--status-success-10,0 69 0));--mds-banner-close-icon-hover-background:rgb(var(--status-success-08,0 116 46));--mds-banner-color:rgb(var(--status-success-02,222 244 228));--mds-banner-icon-color:rgb(var(--status-success-05,107 206 147));--mds-banner-shadow:none;--mds-banner-cockade-background:rgb(var(--status-success-08,0 116 46))}:host([variant=success]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--status-success-10,0 69 0));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--status-success-05,107 206 147));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--status-success-10,0 69 0))}:host([variant=dark]){--mds-banner-background:rgb(var(--tone-neutral-01,255 255 255));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-03,233 233 233));--mds-banner-cockade-background:rgb(var(--tone-neutral-04,218 218 218));--mds-banner-color:rgb(var(--tone-neutral-08,107 107 107));--mds-banner-headline-color:rgb(var(--tone-neutral,0 0 0));--mds-banner-icon-color:rgb(var(--tone-neutral-07,134 134 134));--mds-banner-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d)}:host([variant=dark]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral-03,233 233 233));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-05,197 197 197));--mds-banner-color:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-icon-color:rgb(var(--tone-neutral-07,134 134 134));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a)}:host([variant=light]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--tone-neutral-05,197 197 197));--mds-banner-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-banner-headline-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-cockade-background:rgb(var(--tone-neutral-10,60 60 60))}:host([variant=light]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-10,60 60 60));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--tone-neutral-05,197 197 197));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--tone-neutral-09,76 76 76))}:host([tone=box]){-webkit-box-shadow:var(--shadow-box-solid-weak,#0000004d 0 2px 4px,#00000008 0 0 0 1px,#0000001a 0 7px 13px -3px,#0003 0 -3px 0 inset,#ffffff1a 0 -8px 10px inset,#ffffff26 0 -4px 0 inset);box-shadow:var(--shadow-box-solid-weak,#0000004d 0 2px 4px,#00000008 0 0 0 1px,#0000001a 0 7px 13px -3px,#0003 0 -3px 0 inset,#ffffff1a 0 -8px 10px inset,#ffffff26 0 -4px 0 inset)}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-contrast-more){-webkit-box-shadow:var(--shadow-outline-strong-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline-strong-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline-strong-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline-strong-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}}";
+const mdsBannerCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-banner-cockade-distance:calc(var(--spacing,.0025rem)*600);--mds-banner-content-gap:calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*400);--mds-banner-radius:var(--radius-lg,16px);--mds-banner-transition-duration:.3s}*,::backdrop,:after,:before{--mds-banner-background:rgb(var(--tone-neutral-10,60 60 60));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-cockade-background:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-headline-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--tone-neutral-04,218 218 218))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-icon,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-banner-transition-duration{syntax:"<time>";inherits:true;initial-value:.3s}:host{--mds-banner-background:rgb(var(--tone-neutral-10,60 60 60));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-cockade-background:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-cockade-distance:calc(var(--spacing,.0025rem)*600);--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-content-gap:calc(var(--spacing,.0025rem)*400);--mds-banner-headline-color:var(--mds-banner-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-banner-icon-color:rgb(var(--tone-neutral-04,218 218 218));--mds-banner-radius:var(--radius-2xl,24px);--mds-banner-shadow:none;--mds-banner-transition-duration:.3s;--mds-banner-transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));background-color:var(--mds-banner-background,rgb(var(--tone-neutral-10,60 60 60)));border-radius:var(--mds-banner-radius,var(--radius-lg,16px));-webkit-box-shadow:var(--mds-banner-shadow);box-shadow:var(--mds-banner-shadow);color:var(--mds-banner-color,rgb(var(--tone-neutral-02,244 244 244)));corner-shape:var(--magma-corner-shape,round);container:mds-banner/inline-size;display:grid;gap:calc(var(--spacing,.0025rem)*600);grid-template-columns:repeat(1,minmax(1px,100%));padding:calc(var(--spacing,.0025rem)*600);position:relative;-webkit-transition-duration:var(--mds-banner-transition-duration,.3s);transition-duration:var(--mds-banner-transition-duration,.3s);transition-property:background-color,box-shadow,color;-webkit-transition-timing-function:var(--mds-banner-transition-timing-function);transition-timing-function:var(--mds-banner-transition-timing-function);width:100%}.body{align-items:flex-start;display:flex;gap:var(--mds-banner-content-gap,calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*400));justify-content:space-between}.headline{color:var(--mds-banner-headline-color,rgb(var(--tone-neutral-02,244 244 244)))}.content{box-sizing:border-box;flex-direction:column;flex-grow:1;justify-content:center}.actions,.content{display:flex;gap:var(--mds-banner-content-gap,calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*400))}.actions{flex-wrap:wrap;justify-content:flex-end}.icon{fill:var(--mds-banner-icon-color,rgb(var(--tone-neutral-04,218 218 218)));flex-shrink:0;-webkit-transition-duration:var(--mds-banner-transition-duration,.3s);transition-duration:var(--mds-banner-transition-duration,.3s);transition-property:background-color,fill;-webkit-transition-timing-function:var(--mds-banner-transition-timing-function);transition-timing-function:var(--mds-banner-transition-timing-function)}.text{display:grid;flex-grow:1;gap:var(--mds-banner-content-gap,calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*400))}@container mds-banner (max-width:300px){:host([deletable]:not([deletable=false])) .headline,:host([deletable]:not([deletable=false])):host(:not([headline])) .content{padding-right:calc(var(--spacing,.0025rem)*800)}::slotted([slot=action]){flex-basis:100%;flex-grow:1}}:host([cockade]:not([cockade=false])) .icon{background-color:var(--mds-banner-cockade-background,rgb(var(--tone-neutral-09,76 76 76)));border-bottom-left-radius:var(--radius-lg,16px);border-bottom-right-radius:var(--radius-lg,16px);margin-top:calc(-1 * var(--mds-banner-cockade-distance,calc(var(--spacing,.0025rem) * 600)));padding:calc(var(--spacing,.0025rem)*200);padding-top:var(--mds-banner-cockade-distance,calc(var(--spacing,.0025rem)*600))}@container mds-banner (max-width:300px){:host([cockade]:not([cockade=false])) .icon{padding-top:calc(var(--spacing,.0025rem)*200)}.body{flex-direction:column}.close-button{position:absolute;right:calc(var(--mds-banner-cockade-distance,calc(var(--spacing,.0025rem) * 600)) / 2);top:calc(var(--mds-banner-cockade-distance,calc(var(--spacing,.0025rem) * 600)) / 2)}}:host,:host([variant=primary]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--variant-primary-09,0 58 168));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--variant-primary-05,152 188 255));--mds-banner-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-banner-headline-color:rgb(var(--variant-primary-02,230 239 255));--mds-banner-cockade-background:rgb(var(--variant-primary-09,0 58 168))}:host([variant=primary]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--variant-primary-10,0 49 142));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--variant-primary-05,152 188 255));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--variant-primary-10,0 49 142))}:host([variant=ai]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--variant-ai-09,75 8 189));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--variant-ai-05,202 174 251));--mds-banner-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-banner-headline-color:rgb(var(--variant-ai-02,242 235 254));--mds-banner-cockade-background:rgb(var(--variant-ai-09,75 8 189))}:host([variant=ai]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--variant-ai-10,63 7 161));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--variant-ai-05,202 174 251));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--variant-ai-10,63 7 161))}:host([variant=error]){--mds-banner-headline-color:rgb(var(--status-error-03,255 217 214));--mds-banner-background:rgb(var(--status-error-10,115 0 0));--mds-banner-close-icon-hover-background:rgb(var(--status-error-08,182 50 54));--mds-banner-color:rgb(var(--status-error-02,255 234 231));--mds-banner-icon-color:rgb(var(--status-error-05,250 165 160));--mds-banner-shadow:none;--mds-banner-cockade-background:rgb(var(--status-error-08,182 50 54))}:host([variant=error]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--status-error-10,115 0 0));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--status-error-05,250 165 160));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--status-error-10,115 0 0))}:host([variant=warning]){--mds-banner-headline-color:rgb(var(--status-warning-03,255 223 129));--mds-banner-background:rgb(var(--status-warning-10,77 57 0));--mds-banner-close-icon-hover-background:rgb(var(--status-warning-08,129 96 0));--mds-banner-color:rgb(var(--status-warning-02,255 237 185));--mds-banner-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-banner-shadow:none;--mds-banner-cockade-background:rgb(var(--status-warning-08,129 96 0))}:host([variant=warning]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--status-warning-10,77 57 0));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--status-warning-10,77 57 0))}:host([variant=info]){--mds-banner-headline-color:rgb(var(--status-info-03,198 231 247));--mds-banner-background:rgb(var(--status-info-10,0 61 103));--mds-banner-close-icon-hover-background:rgb(var(--status-info-08,0 107 151));--mds-banner-color:rgb(var(--status-info-02,222 242 250));--mds-banner-icon-color:rgb(var(--status-info-05,112 198 234));--mds-banner-shadow:none;--mds-banner-cockade-background:rgb(var(--status-info-08,0 107 151))}:host([variant=info]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--status-info-10,0 61 103));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--status-info-05,112 198 234));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--status-info-10,0 61 103))}:host([variant=success]){--mds-banner-headline-color:rgb(var(--status-success-03,196 235 209));--mds-banner-background:rgb(var(--status-success-10,0 69 0));--mds-banner-close-icon-hover-background:rgb(var(--status-success-08,0 116 46));--mds-banner-color:rgb(var(--status-success-02,222 244 228));--mds-banner-icon-color:rgb(var(--status-success-05,107 206 147));--mds-banner-shadow:none;--mds-banner-cockade-background:rgb(var(--status-success-08,0 116 46))}:host([variant=success]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--status-success-10,0 69 0));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--status-success-05,107 206 147));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--status-success-10,0 69 0))}:host([variant=dark]){--mds-banner-background:rgb(var(--tone-neutral-01,255 255 255));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-03,233 233 233));--mds-banner-cockade-background:rgb(var(--tone-neutral-04,218 218 218));--mds-banner-color:rgb(var(--tone-neutral-08,107 107 107));--mds-banner-headline-color:rgb(var(--tone-neutral,0 0 0));--mds-banner-icon-color:rgb(var(--tone-neutral-07,134 134 134));--mds-banner-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d)}:host([variant=dark]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral-03,233 233 233));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-05,197 197 197));--mds-banner-color:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-icon-color:rgb(var(--tone-neutral-07,134 134 134));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a)}:host([variant=light]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--tone-neutral-05,197 197 197));--mds-banner-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-banner-headline-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-cockade-background:rgb(var(--tone-neutral-10,60 60 60))}:host([variant=light]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-10,60 60 60));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--tone-neutral-05,197 197 197));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--tone-neutral-09,76 76 76))}:host([tone=box]){-webkit-box-shadow:var(--shadow-box-solid-weak,#0000004d 0 2px 4px,#00000008 0 0 0 1px,#0000001a 0 7px 13px -3px,#0003 0 -3px 0 inset,#ffffff1a 0 -8px 10px inset,#ffffff26 0 -4px 0 inset);box-shadow:var(--shadow-box-solid-weak,#0000004d 0 2px 4px,#00000008 0 0 0 1px,#0000001a 0 7px 13px -3px,#0003 0 -3px 0 inset,#ffffff1a 0 -8px 10px inset,#ffffff26 0 -4px 0 inset)}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-contrast-more){-webkit-box-shadow:var(--shadow-outline-strong-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline-strong-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline-strong-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline-strong-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}}`;
 
 const MdsBanner = class {
     constructor(hostRef) {
@@ -118,10 +118,12 @@ const MdsBanner = class {
     }
     get host() { return getElement(this); }
     static get watchers() { return {
-        "variant": ["variantHandler"]
+        "variant": [{
+                "variantHandler": 0
+            }]
     }; }
 };
-MdsBanner.style = mdsBannerCss;
+MdsBanner.style = mdsBannerCss();
 
 const deleteLabel$3 = "Αφαίρεση";
 var localeEl = {
@@ -143,7 +145,7 @@ var localeIt = {
 	deleteLabel: deleteLabel
 };
 
-const mdsChipCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-chip-background:rgb(var(--tone-neutral,0 0 0));--mds-chip-border:transparent;--mds-chip-color:rgb(var(--tone-neutral-03,233 233 233));--mds-chip-icon-background:rgb(var(--variant-primary-06,90 147 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-chip-opacity-disabled:.5}}}@layer reset,vendor,theme,base,components,utilities;@keyframes focus-bounce{0%,75%,to{outline-offset:var(--magma-outline-focus-offset,6px)}50%{outline-offset:var(--magma-outline-blur-offset,2px)}}:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-icon,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-chip-border{syntax:\"<color>\";inherits:false;initial-value:#0000}@property --mds-chip-opacity-disabled{syntax:\"<number>\";inherits:false;initial-value:.5}:host{--mds-chip-color:rgb(var(--tone-neutral-03,233 233 233));--mds-chip-icon-background:rgb(var(--variant-primary-06,90 147 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-chip-opacity-disabled:.5;align-items:center;background-color:var(--mds-chip-background,rgb(var(--tone-neutral,0 0 0)));border:2px solid var(--mds-chip-border,transparent);border-radius:1000px;-webkit-box-shadow:var(--mds-chip-shadow);box-shadow:var(--mds-chip-shadow);box-sizing:border-box;color:var(--mds-chip-color,rgb(var(--tone-neutral-03,233 233 233)));display:inline-flex;gap:calc(var(--spacing,.0025rem)*150);justify-content:center;justify-self:start;max-width:min-content;min-width:min-content;padding:0 calc(var(--spacing,.0025rem)*50);-webkit-transition-duration:var(--duration-150,.15s);transition-duration:var(--duration-150,.15s);transition-property:background-color,border-color,box-shadow,color,opacity;-webkit-transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955));transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955));--mds-chip-background:rgb(var(--tone-neutral,0 0 0));--mds-chip-border:transparent;--mds-chip-color:rgb(var(--tone-neutral-04,218 218 218));--mds-chip-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a)}.label-wrapper{align-items:center;display:inline-flex;height:calc(var(--spacing,.0025rem)*800);justify-content:start}.label-wrapper:first-child{padding-left:calc(var(--spacing,.0025rem)*200)}.label-wrapper:last-child{padding-right:calc(var(--spacing,.0025rem)*200)}:host([disabled]:not([disabled=false])){opacity:var(--mds-chip-opacity-disabled,.5);pointer-events:none}.label{border-radius:1000px;flex-grow:1;text-decoration-color:#0000;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:color,text-decoration-color,outline,outline-offset;-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94))}:host([clickable]:not([clickable=false])) .label{cursor:pointer;text-decoration:underline}:host([clickable]:not([clickable=false])) .label:hover{-webkit-text-decoration-color:unset;text-decoration-color:unset}.label--interactive{animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-timing-function:ease-in-out}.label--interactive:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running;z-index:10}.icon-area{align-items:center;background-color:var(--mds-chip-icon-background,rgb(var(--variant-primary-06,90 147 255)));border-radius:1000px;display:flex;flex-shrink:0;height:calc(var(--spacing,.0025rem)*700);justify-content:center;-webkit-transition-duration:inherit;transition-duration:inherit;-webkit-transition-timing-function:inherit;transition-timing-function:inherit;width:calc(var(--spacing,.0025rem)*700)}.icon{fill:var(--mds-chip-icon-color,rgb(var(--tone-neutral,0 0 0)));height:calc(var(--spacing,.0025rem)*400);transition:fill;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);width:calc(var(--spacing,.0025rem)*400)}.button-delete{corner-shape:round;border-radius:100px;height:auto;padding:0}.button-delete--hidden{display:none}:host([variant=primary][tone=strong]){--mds-chip-icon-background:rgb(var(--variant-primary-05,152 188 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=primary][tone=weak]){--mds-chip-icon-background:rgb(var(--variant-primary-09,0 58 168));--mds-chip-icon-color:rgb(var(--variant-primary-04,184 208 255))}:host([variant=primary][tone=strong][selected]){--mds-chip-border:rgb(var(--variant-primary-04,184 208 255))}:host([variant=primary][tone=weak][selected]){--mds-chip-border:rgb(var(--variant-primary-06,90 147 255))}:host([variant=secondary][tone=strong]){--mds-chip-icon-background:rgb(var(--variant-secondary-05,161 187 248));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=secondary][tone=weak]){--mds-chip-icon-background:rgb(var(--variant-secondary-09,12 58 168));--mds-chip-icon-color:rgb(var(--variant-secondary-04,190 208 250))}:host([variant=secondary][tone=strong][selected]){--mds-chip-border:rgb(var(--variant-secondary-04,190 208 250))}:host([variant=secondary][tone=weak][selected]){--mds-chip-border:rgb(var(--variant-secondary-06,106 147 245))}:host([variant=ai][tone=strong]){--mds-chip-icon-background:rgb(var(--variant-ai-05,202 174 251));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=ai][tone=weak]){--mds-chip-icon-background:rgb(var(--variant-ai-09,75 8 189));--mds-chip-icon-color:rgb(var(--variant-ai-04,218 199 253))}:host([variant=ai][tone=strong][selected]){--mds-chip-border:rgb(var(--variant-ai-04,218 199 253))}:host([variant=ai][tone=weak][selected]){--mds-chip-border:rgb(var(--variant-ai-06,172 126 249))}:host([variant=success][tone=strong]){--mds-chip-icon-background:rgb(var(--status-success-05,107 206 147));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=success][tone=weak]){--mds-chip-icon-background:rgb(var(--status-success-09,0 82 9));--mds-chip-icon-color:rgb(var(--status-success-04,158 222 181))}:host([variant=success][tone=strong][selected]){--mds-chip-border:rgb(var(--status-success-04,158 222 181))}:host([variant=success][tone=weak][selected]){--mds-chip-border:rgb(var(--status-success-06,0 171 97))}:host([variant=warning][tone=strong]){--mds-chip-icon-background:rgb(var(--status-warning-05,237 177 0));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=warning][tone=weak]){--mds-chip-icon-background:rgb(var(--status-warning-09,90 67 0));--mds-chip-icon-color:rgb(var(--status-warning-04,255 200 33))}:host([variant=warning][tone=strong][selected]){--mds-chip-border:rgb(var(--status-warning-04,255 200 33))}:host([variant=warning][tone=weak][selected]){--mds-chip-border:rgb(var(--status-warning-06,190 142 0))}:host([variant=error][tone=strong]){--mds-chip-icon-background:rgb(var(--status-error-05,250 165 160));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=error][tone=weak]){--mds-chip-icon-background:rgb(var(--status-error-09,135 0 14));--mds-chip-icon-color:rgb(var(--status-error-04,254 193 189))}:host([variant=error][tone=strong][selected]){--mds-chip-border:rgb(var(--status-error-04,254 193 189))}:host([variant=error][tone=weak][selected]){--mds-chip-border:rgb(var(--status-error-06,239 108 105))}:host([variant=info][tone=strong]){--mds-chip-icon-background:rgb(var(--status-info-05,112 198 234));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=info][tone=weak]){--mds-chip-icon-background:rgb(var(--status-info-09,0 73 116));--mds-chip-icon-color:rgb(var(--status-info-04,159 216 241))}:host([variant=info][tone=strong][selected]){--mds-chip-border:rgb(var(--status-info-04,159 216 241))}:host([variant=info][tone=weak][selected]){--mds-chip-border:rgb(var(--status-info-06,0 161 208))}:host([variant=amaranth][tone=strong]){--mds-chip-icon-background:rgb(var(--label-amaranth-05,250 163 178));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=amaranth][tone=weak]){--mds-chip-icon-background:rgb(var(--label-amaranth-09,135 8 30));--mds-chip-icon-color:rgb(var(--label-amaranth-04,251 192 203))}:host([variant=amaranth][tone=strong][selected]){--mds-chip-border:rgb(var(--label-amaranth-04,251 192 203))}:host([variant=amaranth][tone=weak][selected]){--mds-chip-border:rgb(var(--label-amaranth-06,246 99 125))}:host([variant=aqua][tone=strong]){--mds-chip-icon-background:rgb(var(--label-aqua-05,7 203 237));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=aqua][tone=weak]){--mds-chip-icon-background:rgb(var(--label-aqua-09,3 77 90));--mds-chip-icon-color:rgb(var(--label-aqua-04,81 225 250))}:host([variant=aqua][tone=strong][selected]){--mds-chip-border:rgb(var(--label-aqua-04,81 225 250))}:host([variant=aqua][tone=weak][selected]){--mds-chip-border:rgb(var(--label-aqua-06,5 163 190))}:host([variant=blue][tone=strong]){--mds-chip-icon-background:rgb(var(--label-blue-05,170 184 252));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=blue][tone=weak]){--mds-chip-icon-background:rgb(var(--label-blue-09,7 40 196));--mds-chip-icon-color:rgb(var(--label-blue-04,196 206 253))}:host([variant=blue][tone=strong][selected]){--mds-chip-border:rgb(var(--label-blue-04,196 206 253))}:host([variant=blue][tone=weak][selected]){--mds-chip-border:rgb(var(--label-blue-06,121 143 250))}:host([variant=green][tone=strong]){--mds-chip-icon-background:rgb(var(--label-green-05,37 213 102));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=green][tone=weak]){--mds-chip-icon-background:rgb(var(--label-green-09,14 81 39));--mds-chip-icon-color:rgb(var(--label-green-04,113 230 156))}:host([variant=green][tone=strong][selected]){--mds-chip-border:rgb(var(--label-green-04,113 230 156))}:host([variant=green][tone=weak][selected]){--mds-chip-border:rgb(var(--label-green-06,30 171 82))}:host([variant=lime][tone=strong]){--mds-chip-icon-background:rgb(var(--label-lime-05,134 207 22));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=lime][tone=weak]){--mds-chip-icon-background:rgb(var(--label-lime-09,51 79 8));--mds-chip-icon-color:rgb(var(--label-lime-04,148 229 25))}:host([variant=lime][tone=strong][selected]){--mds-chip-border:rgb(var(--label-lime-04,148 229 25))}:host([variant=lime][tone=weak][selected]){--mds-chip-border:rgb(var(--label-lime-06,108 167 18))}:host([variant=orange][tone=strong]){--mds-chip-icon-background:rgb(var(--label-orange-05,251 168 111));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=orange][tone=weak]){--mds-chip-icon-background:rgb(var(--label-orange-09,116 49 3));--mds-chip-icon-color:rgb(var(--label-orange-04,252 196 158))}:host([variant=orange][tone=strong][selected]){--mds-chip-border:rgb(var(--label-orange-04,252 196 158))}:host([variant=orange][tone=weak][selected]){--mds-chip-border:rgb(var(--label-orange-06,247 105 6))}:host([variant=orchid][tone=strong]){--mds-chip-icon-background:rgb(var(--label-orchid-05,245 163 203));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=orchid][tone=weak]){--mds-chip-icon-background:rgb(var(--label-orchid-09,131 14 71));--mds-chip-icon-color:rgb(var(--label-orchid-04,248 192 220))}:host([variant=orchid][tone=strong][selected]){--mds-chip-border:rgb(var(--label-orchid-04,248 192 220))}:host([variant=orchid][tone=weak][selected]){--mds-chip-border:rgb(var(--label-orchid-06,239 99 168))}:host([variant=sky][tone=strong]){--mds-chip-icon-background:rgb(var(--label-sky-05,94 198 245));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=sky][tone=weak]){--mds-chip-icon-background:rgb(var(--label-sky-09,6 76 107));--mds-chip-icon-color:rgb(var(--label-sky-04,148 217 249))}:host([variant=sky][tone=strong][selected]){--mds-chip-border:rgb(var(--label-sky-04,148 217 249))}:host([variant=sky][tone=weak][selected]){--mds-chip-border:rgb(var(--label-sky-06,13 158 224))}:host([variant=violet][tone=strong]){--mds-chip-icon-background:rgb(var(--label-violet-05,198 175 251));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=violet][tone=weak]){--mds-chip-icon-background:rgb(var(--label-violet-09,67 11 195));--mds-chip-icon-color:rgb(var(--label-violet-04,216 200 252))}:host([variant=violet][tone=strong][selected]){--mds-chip-border:rgb(var(--label-violet-04,216 200 252))}:host([variant=violet][tone=weak][selected]){--mds-chip-border:rgb(var(--label-violet-06,166 129 248))}:host([variant=yellow][tone=strong]){--mds-chip-icon-background:rgb(var(--label-yellow-05,234 179 8));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=yellow][tone=weak]){--mds-chip-icon-background:rgb(var(--label-yellow-09,89 68 3));--mds-chip-icon-color:rgb(var(--label-yellow-04,248 202 60))}:host([variant=yellow][tone=strong][selected]){--mds-chip-border:rgb(var(--label-yellow-04,248 202 60))}:host([variant=yellow][tone=weak][selected]){--mds-chip-border:rgb(var(--label-yellow-06,188 143 6))}:host-context(:root.pref-animation-reduce){transition-duration:0s}:is(:host-context(:root.pref-animation-reduce) .label,:host-context(:root.pref-animation-reduce) .icon){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-chip-background:rgb(var(--tone-neutral-08,107 107 107));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-contrast-more){--mds-chip-background:rgb(var(--tone-neutral,0 0 0));--mds-chip-color:rgb(var(--tone-neutral-02,244 244 244));--mds-chip-icon-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-chip-opacity-disabled:var(--opacity-disabled,.6);--mds-chip-backgroud-selected:rgb(var(--tone-neutral-09,76 76 76));--mds-chip-color-selected:rgb(var(--tone-neutral-01,255 255 255));--mds-chip-icon-color-selected:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))),:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .icon,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .label{transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-chip-background:rgb(var(--tone-neutral-08,107 107 107));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-chip-background:rgb(var(--tone-neutral,0 0 0));--mds-chip-color:rgb(var(--tone-neutral-02,244 244 244));--mds-chip-icon-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-chip-opacity-disabled:var(--opacity-disabled,.6);--mds-chip-backgroud-selected:rgb(var(--tone-neutral-09,76 76 76));--mds-chip-color-selected:rgb(var(--tone-neutral-01,255 255 255));--mds-chip-icon-color-selected:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}}";
+const mdsChipCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-chip-background:rgb(var(--tone-neutral,0 0 0));--mds-chip-border:transparent;--mds-chip-color:rgb(var(--tone-neutral-03,233 233 233));--mds-chip-icon-background:rgb(var(--variant-primary-06,90 147 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-chip-opacity-disabled:.5}}}@layer reset,vendor,theme,base,components,utilities;@keyframes focus-bounce{0%,75%,to{outline-offset:var(--magma-outline-focus-offset,6px)}50%{outline-offset:var(--magma-outline-blur-offset,2px)}}:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-icon,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-chip-border{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-chip-opacity-disabled{syntax:"<number>";inherits:false;initial-value:.5}:host{--mds-chip-color:rgb(var(--tone-neutral-03,233 233 233));--mds-chip-icon-background:rgb(var(--variant-primary-06,90 147 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-chip-opacity-disabled:.5;align-items:center;background-color:var(--mds-chip-background,rgb(var(--tone-neutral,0 0 0)));border:2px solid var(--mds-chip-border,transparent);border-radius:1000px;-webkit-box-shadow:var(--mds-chip-shadow);box-shadow:var(--mds-chip-shadow);box-sizing:border-box;color:var(--mds-chip-color,rgb(var(--tone-neutral-03,233 233 233)));display:inline-flex;gap:calc(var(--spacing,.0025rem)*150);justify-content:center;justify-self:start;max-width:min-content;min-width:min-content;padding:0 calc(var(--spacing,.0025rem)*50);-webkit-transition-duration:var(--duration-150,.15s);transition-duration:var(--duration-150,.15s);transition-property:background-color,border-color,box-shadow,color,opacity;-webkit-transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955));transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955));--mds-chip-background:rgb(var(--tone-neutral,0 0 0));--mds-chip-border:transparent;--mds-chip-color:rgb(var(--tone-neutral-04,218 218 218));--mds-chip-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a)}.label-wrapper{align-items:center;display:inline-flex;height:calc(var(--spacing,.0025rem)*800);justify-content:start}.label-wrapper:first-child{padding-left:calc(var(--spacing,.0025rem)*200)}.label-wrapper:last-child{padding-right:calc(var(--spacing,.0025rem)*200)}:host([disabled]:not([disabled=false])){opacity:var(--mds-chip-opacity-disabled,.5);pointer-events:none}.label{border-radius:1000px;flex-grow:1;text-decoration-color:#0000;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:color,text-decoration-color,outline,outline-offset;-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94))}:host([clickable]:not([clickable=false])) .label{cursor:pointer;text-decoration:underline}:host([clickable]:not([clickable=false])) .label:hover{-webkit-text-decoration-color:unset;text-decoration-color:unset}.label--interactive{animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-timing-function:ease-in-out}.label--interactive:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running;z-index:10}.icon-area{align-items:center;background-color:var(--mds-chip-icon-background,rgb(var(--variant-primary-06,90 147 255)));border-radius:1000px;display:flex;flex-shrink:0;height:calc(var(--spacing,.0025rem)*700);justify-content:center;-webkit-transition-duration:inherit;transition-duration:inherit;-webkit-transition-timing-function:inherit;transition-timing-function:inherit;width:calc(var(--spacing,.0025rem)*700)}.icon{fill:var(--mds-chip-icon-color,rgb(var(--tone-neutral,0 0 0)));height:calc(var(--spacing,.0025rem)*400);transition:fill;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);width:calc(var(--spacing,.0025rem)*400)}.button-delete{corner-shape:round;border-radius:100px;height:auto;padding:0}.button-delete--hidden{display:none}:host([variant=primary][tone=strong]){--mds-chip-icon-background:rgb(var(--variant-primary-05,152 188 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=primary][tone=weak]){--mds-chip-icon-background:rgb(var(--variant-primary-09,0 58 168));--mds-chip-icon-color:rgb(var(--variant-primary-04,184 208 255))}:host([variant=primary][tone=strong][selected]){--mds-chip-border:rgb(var(--variant-primary-04,184 208 255))}:host([variant=primary][tone=weak][selected]){--mds-chip-border:rgb(var(--variant-primary-06,90 147 255))}:host([variant=secondary][tone=strong]){--mds-chip-icon-background:rgb(var(--variant-secondary-05,161 187 248));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=secondary][tone=weak]){--mds-chip-icon-background:rgb(var(--variant-secondary-09,12 58 168));--mds-chip-icon-color:rgb(var(--variant-secondary-04,190 208 250))}:host([variant=secondary][tone=strong][selected]){--mds-chip-border:rgb(var(--variant-secondary-04,190 208 250))}:host([variant=secondary][tone=weak][selected]){--mds-chip-border:rgb(var(--variant-secondary-06,106 147 245))}:host([variant=ai][tone=strong]){--mds-chip-icon-background:rgb(var(--variant-ai-05,202 174 251));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=ai][tone=weak]){--mds-chip-icon-background:rgb(var(--variant-ai-09,75 8 189));--mds-chip-icon-color:rgb(var(--variant-ai-04,218 199 253))}:host([variant=ai][tone=strong][selected]){--mds-chip-border:rgb(var(--variant-ai-04,218 199 253))}:host([variant=ai][tone=weak][selected]){--mds-chip-border:rgb(var(--variant-ai-06,172 126 249))}:host([variant=success][tone=strong]){--mds-chip-icon-background:rgb(var(--status-success-05,107 206 147));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=success][tone=weak]){--mds-chip-icon-background:rgb(var(--status-success-09,0 82 9));--mds-chip-icon-color:rgb(var(--status-success-04,158 222 181))}:host([variant=success][tone=strong][selected]){--mds-chip-border:rgb(var(--status-success-04,158 222 181))}:host([variant=success][tone=weak][selected]){--mds-chip-border:rgb(var(--status-success-06,0 171 97))}:host([variant=warning][tone=strong]){--mds-chip-icon-background:rgb(var(--status-warning-05,237 177 0));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=warning][tone=weak]){--mds-chip-icon-background:rgb(var(--status-warning-09,90 67 0));--mds-chip-icon-color:rgb(var(--status-warning-04,255 200 33))}:host([variant=warning][tone=strong][selected]){--mds-chip-border:rgb(var(--status-warning-04,255 200 33))}:host([variant=warning][tone=weak][selected]){--mds-chip-border:rgb(var(--status-warning-06,190 142 0))}:host([variant=error][tone=strong]){--mds-chip-icon-background:rgb(var(--status-error-05,250 165 160));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=error][tone=weak]){--mds-chip-icon-background:rgb(var(--status-error-09,135 0 14));--mds-chip-icon-color:rgb(var(--status-error-04,254 193 189))}:host([variant=error][tone=strong][selected]){--mds-chip-border:rgb(var(--status-error-04,254 193 189))}:host([variant=error][tone=weak][selected]){--mds-chip-border:rgb(var(--status-error-06,239 108 105))}:host([variant=info][tone=strong]){--mds-chip-icon-background:rgb(var(--status-info-05,112 198 234));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=info][tone=weak]){--mds-chip-icon-background:rgb(var(--status-info-09,0 73 116));--mds-chip-icon-color:rgb(var(--status-info-04,159 216 241))}:host([variant=info][tone=strong][selected]){--mds-chip-border:rgb(var(--status-info-04,159 216 241))}:host([variant=info][tone=weak][selected]){--mds-chip-border:rgb(var(--status-info-06,0 161 208))}:host([variant=amaranth][tone=strong]){--mds-chip-icon-background:rgb(var(--label-amaranth-05,250 163 178));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=amaranth][tone=weak]){--mds-chip-icon-background:rgb(var(--label-amaranth-09,135 8 30));--mds-chip-icon-color:rgb(var(--label-amaranth-04,251 192 203))}:host([variant=amaranth][tone=strong][selected]){--mds-chip-border:rgb(var(--label-amaranth-04,251 192 203))}:host([variant=amaranth][tone=weak][selected]){--mds-chip-border:rgb(var(--label-amaranth-06,246 99 125))}:host([variant=aqua][tone=strong]){--mds-chip-icon-background:rgb(var(--label-aqua-05,7 203 237));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=aqua][tone=weak]){--mds-chip-icon-background:rgb(var(--label-aqua-09,3 77 90));--mds-chip-icon-color:rgb(var(--label-aqua-04,81 225 250))}:host([variant=aqua][tone=strong][selected]){--mds-chip-border:rgb(var(--label-aqua-04,81 225 250))}:host([variant=aqua][tone=weak][selected]){--mds-chip-border:rgb(var(--label-aqua-06,5 163 190))}:host([variant=blue][tone=strong]){--mds-chip-icon-background:rgb(var(--label-blue-05,170 184 252));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=blue][tone=weak]){--mds-chip-icon-background:rgb(var(--label-blue-09,7 40 196));--mds-chip-icon-color:rgb(var(--label-blue-04,196 206 253))}:host([variant=blue][tone=strong][selected]){--mds-chip-border:rgb(var(--label-blue-04,196 206 253))}:host([variant=blue][tone=weak][selected]){--mds-chip-border:rgb(var(--label-blue-06,121 143 250))}:host([variant=green][tone=strong]){--mds-chip-icon-background:rgb(var(--label-green-05,37 213 102));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=green][tone=weak]){--mds-chip-icon-background:rgb(var(--label-green-09,14 81 39));--mds-chip-icon-color:rgb(var(--label-green-04,113 230 156))}:host([variant=green][tone=strong][selected]){--mds-chip-border:rgb(var(--label-green-04,113 230 156))}:host([variant=green][tone=weak][selected]){--mds-chip-border:rgb(var(--label-green-06,30 171 82))}:host([variant=lime][tone=strong]){--mds-chip-icon-background:rgb(var(--label-lime-05,134 207 22));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=lime][tone=weak]){--mds-chip-icon-background:rgb(var(--label-lime-09,51 79 8));--mds-chip-icon-color:rgb(var(--label-lime-04,148 229 25))}:host([variant=lime][tone=strong][selected]){--mds-chip-border:rgb(var(--label-lime-04,148 229 25))}:host([variant=lime][tone=weak][selected]){--mds-chip-border:rgb(var(--label-lime-06,108 167 18))}:host([variant=orange][tone=strong]){--mds-chip-icon-background:rgb(var(--label-orange-05,251 168 111));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=orange][tone=weak]){--mds-chip-icon-background:rgb(var(--label-orange-09,116 49 3));--mds-chip-icon-color:rgb(var(--label-orange-04,252 196 158))}:host([variant=orange][tone=strong][selected]){--mds-chip-border:rgb(var(--label-orange-04,252 196 158))}:host([variant=orange][tone=weak][selected]){--mds-chip-border:rgb(var(--label-orange-06,247 105 6))}:host([variant=orchid][tone=strong]){--mds-chip-icon-background:rgb(var(--label-orchid-05,245 163 203));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=orchid][tone=weak]){--mds-chip-icon-background:rgb(var(--label-orchid-09,131 14 71));--mds-chip-icon-color:rgb(var(--label-orchid-04,248 192 220))}:host([variant=orchid][tone=strong][selected]){--mds-chip-border:rgb(var(--label-orchid-04,248 192 220))}:host([variant=orchid][tone=weak][selected]){--mds-chip-border:rgb(var(--label-orchid-06,239 99 168))}:host([variant=sky][tone=strong]){--mds-chip-icon-background:rgb(var(--label-sky-05,94 198 245));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=sky][tone=weak]){--mds-chip-icon-background:rgb(var(--label-sky-09,6 76 107));--mds-chip-icon-color:rgb(var(--label-sky-04,148 217 249))}:host([variant=sky][tone=strong][selected]){--mds-chip-border:rgb(var(--label-sky-04,148 217 249))}:host([variant=sky][tone=weak][selected]){--mds-chip-border:rgb(var(--label-sky-06,13 158 224))}:host([variant=violet][tone=strong]){--mds-chip-icon-background:rgb(var(--label-violet-05,198 175 251));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=violet][tone=weak]){--mds-chip-icon-background:rgb(var(--label-violet-09,67 11 195));--mds-chip-icon-color:rgb(var(--label-violet-04,216 200 252))}:host([variant=violet][tone=strong][selected]){--mds-chip-border:rgb(var(--label-violet-04,216 200 252))}:host([variant=violet][tone=weak][selected]){--mds-chip-border:rgb(var(--label-violet-06,166 129 248))}:host([variant=yellow][tone=strong]){--mds-chip-icon-background:rgb(var(--label-yellow-05,234 179 8));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=yellow][tone=weak]){--mds-chip-icon-background:rgb(var(--label-yellow-09,89 68 3));--mds-chip-icon-color:rgb(var(--label-yellow-04,248 202 60))}:host([variant=yellow][tone=strong][selected]){--mds-chip-border:rgb(var(--label-yellow-04,248 202 60))}:host([variant=yellow][tone=weak][selected]){--mds-chip-border:rgb(var(--label-yellow-06,188 143 6))}:host-context(:root.pref-animation-reduce){transition-duration:0s}:is(:host-context(:root.pref-animation-reduce) .label,:host-context(:root.pref-animation-reduce) .icon){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-chip-background:rgb(var(--tone-neutral-08,107 107 107));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-contrast-more){--mds-chip-background:rgb(var(--tone-neutral,0 0 0));--mds-chip-color:rgb(var(--tone-neutral-02,244 244 244));--mds-chip-icon-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-chip-opacity-disabled:var(--opacity-disabled,.6);--mds-chip-backgroud-selected:rgb(var(--tone-neutral-09,76 76 76));--mds-chip-color-selected:rgb(var(--tone-neutral-01,255 255 255));--mds-chip-icon-color-selected:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))),:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .icon,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .label{transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-chip-background:rgb(var(--tone-neutral-08,107 107 107));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-chip-background:rgb(var(--tone-neutral,0 0 0));--mds-chip-color:rgb(var(--tone-neutral-02,244 244 244));--mds-chip-icon-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-chip-opacity-disabled:var(--opacity-disabled,.6);--mds-chip-backgroud-selected:rgb(var(--tone-neutral-09,76 76 76));--mds-chip-color-selected:rgb(var(--tone-neutral-01,255 255 255));--mds-chip-icon-color-selected:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}}`;
 
 const MdsChip = class {
     constructor(hostRef) {
@@ -247,16 +249,22 @@ const MdsChip = class {
     }
     get host() { return getElement(this); }
     static get watchers() { return {
-        "selectable": ["handleSelectableProp"],
-        "clickable": ["handleClickableProp"],
-        "selected": ["handleSelectedProp"]
+        "selectable": [{
+                "handleSelectableProp": 0
+            }],
+        "clickable": [{
+                "handleClickableProp": 0
+            }],
+        "selected": [{
+                "handleSelectedProp": 0
+            }]
     }; }
 };
-MdsChip.style = mdsChipCss;
+MdsChip.style = mdsChipCss();
 
 var miOutlineHelp = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5c0-2.21-1.79-4-4-4z"/></svg>`;
 
-const mdsHelpCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-help-tooltip-max-width:300px;--mds-help-tooltip-min-width:200px;--mds-help-tooltip-delay:.25s}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-icon,mds-tooltip):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-help-tooltip-max-width{syntax:\"<length>\";inherits:false;initial-value:300px}@property --mds-help-tooltip-min-width{syntax:\"<length>\";inherits:false;initial-value:200px}@property --mds-help-tooltip-delay{syntax:\"<time>\";inherits:false;initial-value:.25s}:host{--mds-help-tooltip-width:fit-content;--mds-help-tooltip-max-width:300px;--mds-help-tooltip-min-width:200px;--mds-help-tooltip-delay:.25s;color:rgb(var(--tone-neutral-03,233 233 233));cursor:help;display:inline-flex;fill:currentColor;height:calc(var(--spacing,.0025rem)*400);justify-content:flex-start;margin-left:calc(var(--spacing,.0025rem)*100);overflow:visible;position:relative;width:calc(var(--spacing,.0025rem)*400)}i{display:flex}i svg{aspect-ratio:1;aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}mds-tooltip{--mds-tooltip-delay:var(--mds-help-tooltip-delay,.25s);max-width:var(--mds-help-tooltip-max-width,300px);min-width:var(--mds-help-tooltip-min-width,200px)}mds-tooltip::part(text){max-width:var(--mds-help-tooltip-max-width,300px);min-width:var(--mds-help-tooltip-width);width:var(--mds-help-tooltip-width)}i,mds-icon{fill:inherit;height:inherit;width:inherit}";
+const mdsHelpCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-help-tooltip-max-width:300px;--mds-help-tooltip-min-width:200px;--mds-help-tooltip-delay:.25s}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-icon,mds-tooltip):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-help-tooltip-max-width{syntax:"<length>";inherits:false;initial-value:300px}@property --mds-help-tooltip-min-width{syntax:"<length>";inherits:false;initial-value:200px}@property --mds-help-tooltip-delay{syntax:"<time>";inherits:false;initial-value:.25s}:host{--mds-help-tooltip-width:fit-content;--mds-help-tooltip-max-width:300px;--mds-help-tooltip-min-width:200px;--mds-help-tooltip-delay:.25s;color:rgb(var(--tone-neutral-03,233 233 233));cursor:help;display:inline-flex;fill:currentColor;height:calc(var(--spacing,.0025rem)*400);justify-content:flex-start;margin-left:calc(var(--spacing,.0025rem)*100);overflow:visible;position:relative;width:calc(var(--spacing,.0025rem)*400)}i{display:flex}i svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}mds-tooltip{--mds-tooltip-delay:var(--mds-help-tooltip-delay,.25s);max-width:var(--mds-help-tooltip-max-width,300px);min-width:var(--mds-help-tooltip-min-width,200px)}mds-tooltip::part(text){max-width:var(--mds-help-tooltip-max-width,300px);min-width:var(--mds-help-tooltip-width);width:var(--mds-help-tooltip-width)}i,mds-icon{fill:inherit;height:inherit;width:inherit}`;
 
 const MdsHelp = class {
     constructor(hostRef) {
@@ -275,6 +283,6 @@ const MdsHelp = class {
         return (h(Host, { key: '7d7673ac454daa8673fcf30d1f7cd62a096efe67' }, h("mds-icon", { key: '19a08bed3129f9bb2a42ffa5308de9d5d6ef2cd8', class: "icon", name: (_a = this.icon) !== null && _a !== void 0 ? _a : miOutlineHelp, part: "icon" }), h("mds-tooltip", { key: '1b7aa24dd616edd66c9745d7d0ca550608225ecd', placement: this.placement, autoPlacement: this.autoPlacement, strategy: "absolute", target: ".icon" }, h("slot", { key: '8a9f25d575c2b036f8471b4f44911d27fe2627b0' }))));
     }
 };
-MdsHelp.style = mdsHelpCss;
+MdsHelp.style = mdsHelpCss();
 
 export { MdsBanner as mds_banner, MdsChip as mds_chip, MdsHelp as mds_help };

package/dist/esm/mds-benchmark-bar.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-BfAC4pqU.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CAd5312P.js';
 import { r as readSlottedLabel, s as sanitizeLabel } from './slot-ttrRC6OE.js';
 
-const mdsBenchmarkBarCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-progress,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:grid;gap:calc(var(--spacing,.0025rem)*100);grid-template-columns:repeat(1,minmax(1px,100%))}.infos{display:flex;gap:calc(var(--spacing,.0025rem)*200);justify-content:space-between;width:100%}.value{flex-shrink:0}.label{min-width:0}:host([size=md]),:host([size=sm]){gap:calc(var(--spacing,.0025rem)*200)}:host([size=lg]),:host([size=xl]){gap:calc(var(--spacing,.0025rem)*300)}";
+const mdsBenchmarkBarCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-progress,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:grid;gap:calc(var(--spacing,.0025rem)*100);grid-template-columns:repeat(1,minmax(1px,100%))}.infos{display:flex;gap:calc(var(--spacing,.0025rem)*200);justify-content:space-between;width:100%}.value{flex-shrink:0}.label{min-width:0}:host([size=md]),:host([size=sm]){gap:calc(var(--spacing,.0025rem)*200)}:host([size=lg]),:host([size=xl]){gap:calc(var(--spacing,.0025rem)*300)}`;
 
 const MdsBenchmarkBar = class {
     constructor(hostRef) {
@@ -38,9 +38,11 @@ const MdsBenchmarkBar = class {
     }
     get host() { return getElement(this); }
     static get watchers() { return {
-        "label": ["labelChanged"]
+        "label": [{
+                "labelChanged": 0
+            }]
     }; }
 };
-MdsBenchmarkBar.style = mdsBenchmarkBarCss;
+MdsBenchmarkBar.style = mdsBenchmarkBarCss();
 
 export { MdsBenchmarkBar as mds_benchmark_bar };

package/dist/esm/mds-bibliography.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-BfAC4pqU.js';
+import { r as registerInstance, h, H as Host } from './index-CAd5312P.js';
 
-const mdsBibliographyCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-bibliography-color:rgb(var(--tone-neutral-03,233 233 233));--mds-bibliography-text-decoration-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-bibliography-text-decoration:rgb(var(--tone-neutral-06,158 158 158))}*,::backdrop,:after,:before{--tw-duration:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-text:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-bibliography-color:rgb(var(--tone-neutral-03,233 233 233));--mds-bibliography-text-decoration-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-bibliography-text-decoration:rgb(var(--tone-neutral-06,158 158 158));display:inline}.link{animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));--tw-duration:.2s;border-radius:var(--radius-lg,16px);color:var(--mds-bibliography-color,rgb(var(--tone-neutral-03,233 233 233)));-webkit-text-decoration-color:var(--mds-bibliography-text-decoration,rgb(var(--tone-neutral-06,158 158 158)));text-decoration-color:var(--mds-bibliography-text-decoration,rgb(var(--tone-neutral-06,158 158 158)));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-property:-webkit-text-decoration,text-decoration,color,outline,outline-offset;transition-timing-function:ease-in-out}.link:hover{-webkit-text-decoration-color:var(--mds-bibliography-text-decoration-hover,rgb(var(--tone-neutral-02,244 244 244)));text-decoration-color:var(--mds-bibliography-text-decoration-hover,rgb(var(--tone-neutral-02,244 244 244)))}.link:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}@property --tw-duration{syntax:\"*\";inherits:false}";
+const mdsBibliographyCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-bibliography-color:rgb(var(--tone-neutral-03,233 233 233));--mds-bibliography-text-decoration-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-bibliography-text-decoration:rgb(var(--tone-neutral-06,158 158 158))}*,::backdrop,:after,:before{--tw-duration:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-text:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-bibliography-color:rgb(var(--tone-neutral-03,233 233 233));--mds-bibliography-text-decoration-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-bibliography-text-decoration:rgb(var(--tone-neutral-06,158 158 158));display:inline}.link{animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));--tw-duration:.2s;border-radius:var(--radius-lg,16px);color:var(--mds-bibliography-color,rgb(var(--tone-neutral-03,233 233 233)));-webkit-text-decoration-color:var(--mds-bibliography-text-decoration,rgb(var(--tone-neutral-06,158 158 158)));text-decoration-color:var(--mds-bibliography-text-decoration,rgb(var(--tone-neutral-06,158 158 158)));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-property:-webkit-text-decoration,text-decoration,color,outline,outline-offset;transition-timing-function:ease-in-out}.link:hover{-webkit-text-decoration-color:var(--mds-bibliography-text-decoration-hover,rgb(var(--tone-neutral-02,244 244 244)));text-decoration-color:var(--mds-bibliography-text-decoration-hover,rgb(var(--tone-neutral-02,244 244 244)))}.link:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}@property --tw-duration{syntax:"*";inherits:false}`;
 
 const MdsBibliography = class {
     constructor(hostRef) {
@@ -137,6 +137,6 @@ const MdsBibliography = class {
         return (h(Host, { key: 'b15c9090bd3af98008b693ed727ed3aae93598e3' }, h("mds-text", { key: 'c9a1d266aa8e12351774933fb61ec35a147debb1', typography: this.typography, variant: this.variant }, this.author && h("span", { key: '1562ae9b85ebeff30997f581be4ab14039dec414' }, this.showAuthors(this.normalizeAuthors(this.author))), this.format === 'mla' && (h("span", { key: 'd615dbc40a95746f89f4525a54c7ecbfceba7315' }, this.name && ' ', this.name && this.url !== null ? (h("a", { class: "link", href: this.url, target: "_blank", rel: this.rel }, h("b", null, h("i", null, this.name, ".")))) : (h("b", null, h("i", null, this.name, "."))), this.location && (h("span", { key: '48817238804e69578f5424355c98130556b3dd51' }, ' ', this.location, this.publisher !== undefined ? ':' : '.')), this.publisher && (h("span", { key: '31ecf7af210e44eb6d89dfc3e4f4189e0d835fb4' }, ' ', this.publisher, this.date !== undefined ? ',' : '.')), this.date && h("time", { key: '405f1546ea824689d93309c9df696378309c1cea', dateTime: this.date }, " ", this.dateFormatMLA(this.date), "."))), this.format === 'apa' && (h("span", { key: '255f43e6ca4b50c0d872e906e3eb03a41d29401f' }, this.date && h("time", { key: '51c6bfd6c2398c6d5c3e204d75c05450b520091a', dateTime: this.date }, " (", this.dateFormatAPA(this.date), ")."), this.name && ' ', this.name && this.url !== null ? (h("a", { class: "link", href: this.url, target: "_blank", rel: this.rel }, h("b", null, h("i", null, " ", this.name, ".")))) : (h("b", null, h("i", null, " ", this.name, "."))), this.location && (h("span", { key: '0c3d8465e4001391afbeeebac0d0a8f08a2ac3cb' }, ' ', this.location, this.publisher !== undefined ? ':' : '.')), this.publisher && h("span", { key: '121f18deadf23c053c2e3cdf63002f5ea7a8f65d' }, " ", this.publisher, "."))), this.format === 'turabian' && (h("span", { key: 'b30c1d3e94af251141c9fac36512efe532811aae' }, this.name && ' ', this.name && this.url !== null ? (h("a", { class: "link", href: this.url, target: "_blank", rel: this.rel }, h("b", null, h("i", null, " ", this.name, ".")))) : (h("b", null, h("i", null, " ", this.name, "."))), this.location && (h("span", { key: '4901457ea26ce985db12194a733169e78d84acbb' }, ' ', this.location, this.publisher !== undefined ? ':' : ',')), this.publisher && (h("span", { key: '48122bc66f98323a3cce99d731b5df6ad9e3f482' }, ' ', this.publisher, this.date !== undefined ? ',' : '.')), this.date && h("time", { key: 'b6713043fc1531707338552dd3293b9a79500686', dateTime: this.date }, " ", this.dateFormatMLA(this.date), "."))))));
     }
 };
-MdsBibliography.style = mdsBibliographyCss;
+MdsBibliography.style = mdsBibliographyCss();
 
 export { MdsBibliography as mds_bibliography };

package/dist/esm/mds-breadcrumb-item.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-BfAC4pqU.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CAd5312P.js';
 
 var miBaselineNavigateNext = `<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>`;
 
-const mdsBreadcrumbItemCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-breadcrumb-item-arrow-depth-color:rgb(var(--tone-neutral-04,218 218 218));--mds-breadcrumb-item-button-background-selected:rgb(var(--tone-neutral-09,76 76 76));--mds-breadcrumb-item-button-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-breadcrumb-item-button-background:transparent;--mds-breadcrumb-item-button-color-selected:rgb(var(--tone-neutral-01,255 255 255));--mds-breadcrumb-item-button-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-item-button-color:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-item-button-border-radius:1000px}}}@layer reset,vendor,theme,base,components,utilities;@keyframes focus-bounce{0%,75%,to{outline-offset:var(--magma-outline-focus-offset,6px)}50%{outline-offset:var(--magma-outline-blur-offset,2px)}}:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-breadcrumb-item-button-background{syntax:\"<color>\";inherits:true;initial-value:#0000}@property --mds-breadcrumb-item-button-border-radius{syntax:\"<length>\";inherits:true;initial-value:1000px}:host{--mds-breadcrumb-item-arrow-depth-color:var(--mds-breadcrumb-arrow-depth-color,rgb(var(--tone-neutral-04,218 218 218)));--mds-breadcrumb-item-button-background-selected:var(--mds-breadcrumb-button-background-selected,rgb(var(--mds-breadcrumb-item-button-border-color-rgb-selected)));--mds-breadcrumb-item-button-background-hover:var(--mds-breadcrumb-button-background-hover,rgb(var(--mds-breadcrumb-item-button-border-color-rgb-hover)));--mds-breadcrumb-item-button-background:var(--mds-breadcrumb-button-background,transparent);--mds-breadcrumb-item-button-border-color-rgb-selected:var(--tone-neutral-09,76 76 76);--mds-breadcrumb-item-button-border-color-rgb-hover:var(--tone-neutral-10,60 60 60);--mds-breadcrumb-item-button-border-color-rgb:var(--mds-breadcrumb-item-button-border-color-rgb-hover);--mds-breadcrumb-item-button-color-selected:var(--mds-breadcrumb-button-color-selected,rgb(var(--tone-neutral-01,255 255 255)));--mds-breadcrumb-item-button-color-hover:var(--mds-breadcrumb-button-color-hover,rgb(var(--tone-neutral-02,244 244 244)));--mds-breadcrumb-item-button-color:var(--mds-breadcrumb-button-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-breadcrumb-item-button-border-radius:1000px;align-items:center;display:flex;flex-shrink:0;gap:0;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:box-shadow,outline,outline-offset;-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));-webkit-user-select:none;user-select:none}:host mds-button{--mds-button-background:var(--mds-breadcrumb-item-button-background,transparent);--mds-button-border-color-rgb:var(--mds-breadcrumb-item-button-border-color-rgb);--mds-button-color:var(--mds-breadcrumb-item-button-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-button-radius:var(--mds-breadcrumb-item-button-border-radius,1000px)}:host mds-button:hover{--mds-button-background:var(--mds-breadcrumb-item-button-background-hover,rgb(var(--tone-neutral-10,60 60 60)));--mds-button-border-color-rgb:var(--mds-breadcrumb-item-button-border-color-rgb-hover);--mds-button-color:var(--mds-breadcrumb-item-button-color-hover,rgb(var(--tone-neutral-02,244 244 244)))}:host([selected]) mds-button{--mds-button-background:var(--mds-breadcrumb-item-button-background-selected,rgb(var(--tone-neutral-09,76 76 76)));--mds-button-border-color-rgb:var(--mds-breadcrumb-item-button-border-color-rgb-selected);--mds-button-color:var(--mds-breadcrumb-item-button-color-selected,rgb(var(--tone-neutral-01,255 255 255)));pointer-events:none}.icon{display:flex;fill:var(--mds-breadcrumb-item-arrow-depth-color,rgb(var(--tone-neutral-04,218 218 218)))}.icon svg{aspect-ratio:1;aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}:host(:last-child) .icon{display:none}";
+const mdsBreadcrumbItemCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-breadcrumb-item-arrow-depth-color:rgb(var(--tone-neutral-04,218 218 218));--mds-breadcrumb-item-button-background-selected:rgb(var(--tone-neutral-09,76 76 76));--mds-breadcrumb-item-button-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-breadcrumb-item-button-background:transparent;--mds-breadcrumb-item-button-color-selected:rgb(var(--tone-neutral-01,255 255 255));--mds-breadcrumb-item-button-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-item-button-color:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-item-button-border-radius:1000px}}}@layer reset,vendor,theme,base,components,utilities;@keyframes focus-bounce{0%,75%,to{outline-offset:var(--magma-outline-focus-offset,6px)}50%{outline-offset:var(--magma-outline-blur-offset,2px)}}:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-breadcrumb-item-button-background{syntax:"<color>";inherits:true;initial-value:#0000}@property --mds-breadcrumb-item-button-border-radius{syntax:"<length>";inherits:true;initial-value:1000px}:host{--mds-breadcrumb-item-arrow-depth-color:var(--mds-breadcrumb-arrow-depth-color,rgb(var(--tone-neutral-04,218 218 218)));--mds-breadcrumb-item-button-background-selected:var(--mds-breadcrumb-button-background-selected,rgb(var(--mds-breadcrumb-item-button-border-color-rgb-selected)));--mds-breadcrumb-item-button-background-hover:var(--mds-breadcrumb-button-background-hover,rgb(var(--mds-breadcrumb-item-button-border-color-rgb-hover)));--mds-breadcrumb-item-button-background:var(--mds-breadcrumb-button-background,transparent);--mds-breadcrumb-item-button-border-color-rgb-selected:var(--tone-neutral-09,76 76 76);--mds-breadcrumb-item-button-border-color-rgb-hover:var(--tone-neutral-10,60 60 60);--mds-breadcrumb-item-button-border-color-rgb:var(--mds-breadcrumb-item-button-border-color-rgb-hover);--mds-breadcrumb-item-button-color-selected:var(--mds-breadcrumb-button-color-selected,rgb(var(--tone-neutral-01,255 255 255)));--mds-breadcrumb-item-button-color-hover:var(--mds-breadcrumb-button-color-hover,rgb(var(--tone-neutral-02,244 244 244)));--mds-breadcrumb-item-button-color:var(--mds-breadcrumb-button-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-breadcrumb-item-button-border-radius:1000px;align-items:center;display:flex;flex-shrink:0;gap:0;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:box-shadow,outline,outline-offset;-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));-webkit-user-select:none;user-select:none}:host mds-button{--mds-button-background:var(--mds-breadcrumb-item-button-background,transparent);--mds-button-border-color-rgb:var(--mds-breadcrumb-item-button-border-color-rgb);--mds-button-color:var(--mds-breadcrumb-item-button-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-button-radius:var(--mds-breadcrumb-item-button-border-radius,1000px)}:host mds-button:hover{--mds-button-background:var(--mds-breadcrumb-item-button-background-hover,rgb(var(--tone-neutral-10,60 60 60)));--mds-button-border-color-rgb:var(--mds-breadcrumb-item-button-border-color-rgb-hover);--mds-button-color:var(--mds-breadcrumb-item-button-color-hover,rgb(var(--tone-neutral-02,244 244 244)))}:host([selected]) mds-button{--mds-button-background:var(--mds-breadcrumb-item-button-background-selected,rgb(var(--tone-neutral-09,76 76 76)));--mds-button-border-color-rgb:var(--mds-breadcrumb-item-button-border-color-rgb-selected);--mds-button-color:var(--mds-breadcrumb-item-button-color-selected,rgb(var(--tone-neutral-01,255 255 255)));pointer-events:none}.icon{display:flex;fill:var(--mds-breadcrumb-item-arrow-depth-color,rgb(var(--tone-neutral-04,218 218 218)))}.icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}:host(:last-child) .icon{display:none}`;
 
 const MdsBreadcrumbItem = class {
     constructor(hostRef) {
@@ -18,6 +18,6 @@ const MdsBreadcrumbItem = class {
     }
     get element() { return getElement(this); }
 };
-MdsBreadcrumbItem.style = mdsBreadcrumbItemCss;
+MdsBreadcrumbItem.style = mdsBreadcrumbItemCss();
 
 export { MdsBreadcrumbItem as mds_breadcrumb_item };

package/dist/esm/mds-breadcrumb.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-BfAC4pqU.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CAd5312P.js';
 import { m as miBaselineArrowBack } from './arrow-back-DnEUG7st.js';
 import { K as KeyboardManager } from './keyboard-manager-BudfaWhu.js';
 import { L as Locale } from './locale-a4oAcjYG.js';
@@ -23,7 +23,7 @@ var localeIt = {
 	back: back
 };
 
-const mdsBreadcrumbCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-breadcrumb-arrow-depth-color:rgb(var(--tone-neutral-04,218 218 218));--mds-breadcrumb-button-background-current:rgb(var(--tone-neutral-09,76 76 76));--mds-breadcrumb-button-background-disabled:transparent;--mds-breadcrumb-button-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-breadcrumb-button-background:transparent;--mds-breadcrumb-button-color-current:rgb(var(--tone-neutral-01,255 255 255));--mds-breadcrumb-button-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-breadcrumb-button-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-button-color:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-current-button-color:rgb(var(--tone-neutral-05,197 197 197))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-breadcrumb-button-background-disabled{syntax:\"<color>\";inherits:true;initial-value:#0000}@property --mds-breadcrumb-button-background{syntax:\"<color>\";inherits:true;initial-value:#0000}:host{--mds-breadcrumb-arrow-depth-color:rgb(var(--tone-neutral-04,218 218 218));--mds-breadcrumb-button-background-current:rgb(var(--tone-neutral-09,76 76 76));--mds-breadcrumb-button-background-disabled:transparent;--mds-breadcrumb-button-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-breadcrumb-button-background:transparent;--mds-breadcrumb-button-color-current:rgb(var(--tone-neutral-01,255 255 255));--mds-breadcrumb-button-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-breadcrumb-button-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-button-color:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-current-button-color:rgb(var(--tone-neutral-05,197 197 197));-webkit-overflow-scrolling:touch;-ms-overflow-style:none;align-items:center;display:flex;gap:0;overflow:auto;padding:calc(var(--spacing,.0025rem)*200);scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%}:host::-webkit-scrollbar{display:none}:host-context(:root.pref-animation-reduce){scroll-behavior:auto}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){scroll-behavior:auto}}";
+const mdsBreadcrumbCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-breadcrumb-arrow-depth-color:rgb(var(--tone-neutral-04,218 218 218));--mds-breadcrumb-button-background-current:rgb(var(--tone-neutral-09,76 76 76));--mds-breadcrumb-button-background-disabled:transparent;--mds-breadcrumb-button-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-breadcrumb-button-background:transparent;--mds-breadcrumb-button-color-current:rgb(var(--tone-neutral-01,255 255 255));--mds-breadcrumb-button-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-breadcrumb-button-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-button-color:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-current-button-color:rgb(var(--tone-neutral-05,197 197 197))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-breadcrumb-button-background-disabled{syntax:"<color>";inherits:true;initial-value:#0000}@property --mds-breadcrumb-button-background{syntax:"<color>";inherits:true;initial-value:#0000}:host{--mds-breadcrumb-arrow-depth-color:rgb(var(--tone-neutral-04,218 218 218));--mds-breadcrumb-button-background-current:rgb(var(--tone-neutral-09,76 76 76));--mds-breadcrumb-button-background-disabled:transparent;--mds-breadcrumb-button-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-breadcrumb-button-background:transparent;--mds-breadcrumb-button-color-current:rgb(var(--tone-neutral-01,255 255 255));--mds-breadcrumb-button-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-breadcrumb-button-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-button-color:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-current-button-color:rgb(var(--tone-neutral-05,197 197 197));-webkit-overflow-scrolling:touch;-ms-overflow-style:none;align-items:center;display:flex;gap:0;overflow:auto;padding:calc(var(--spacing,.0025rem)*200);scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%}:host::-webkit-scrollbar{display:none}:host-context(:root.pref-animation-reduce){scroll-behavior:auto}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){scroll-behavior:auto}}`;
 
 const MdsBreadcrumb = class {
     constructor(hostRef) {
@@ -124,6 +124,6 @@ const MdsBreadcrumb = class {
     }
     get element() { return getElement(this); }
 };
-MdsBreadcrumb.style = mdsBreadcrumbCss;
+MdsBreadcrumb.style = mdsBreadcrumbCss();
 
 export { MdsBreadcrumb as mds_breadcrumb };