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

package/dist/esm/mds-input-date-range-preselection.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 mdsInputDateRangePreselectionCss = "@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-date-range-preselection-default-background:rgb(var(--tone-neutral-08,107 107 107)/0);--mds-date-range-preselection-default-border:var(--tone-neutral-08,107 107 107);--mds-date-range-preselection-default-color:rgb(var(--tone-neutral-03,233 233 233));--mds-date-range-preselection-selected-background:rgb(var(--variant-primary-03,211 226 255));--mds-date-range-preselection-selected-border:var(--variant-primary-03,211 226 255);--mds-date-range-preselection-selected-color:rgb(var(--tone-neutral,0 0 0));--mds-date-range-preselection-hover-background:rgb(var(--tone-neutral,0 0 0));--mds-date-range-preselection-hover-border:var(--tone-neutral,0 0 0);--mds-date-range-preselection-hover-color:rgb(var(--tone-neutral-03,233 233 233))}}}@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}:host{--mds-date-range-preselection-default-background:rgb(var(--tone-neutral-08,107 107 107)/0);--mds-date-range-preselection-default-border:var(--tone-neutral-08,107 107 107);--mds-date-range-preselection-default-color:rgb(var(--tone-neutral-03,233 233 233));--mds-date-range-preselection-selected-background:rgb(var(--variant-primary-03,211 226 255));--mds-date-range-preselection-selected-border:var(--variant-primary-03,211 226 255);--mds-date-range-preselection-selected-color:rgb(var(--tone-neutral,0 0 0));--mds-date-range-preselection-hover-background:rgb(var(--tone-neutral,0 0 0));--mds-date-range-preselection-hover-border:var(--tone-neutral,0 0 0);--mds-date-range-preselection-hover-color:rgb(var(--tone-neutral-03,233 233 233));--mds-date-range-preselection-background:var(--mds-date-range-preselection-default-background,rgb(var(--tone-neutral-08,107 107 107)/0));--mds-date-range-preselection-border:var(--mds-date-range-preselection-default-border,var(--tone-neutral-08,107 107 107));--mds-date-range-preselection-color:var(--mds-date-range-preselection-default-color,rgb(var(--tone-neutral-03,233 233 233)));display:inline-flex;justify-self:start}:host .action{--mds-button-background:var(--mds-date-range-preselection-background);--mds-button-border-color:var(--mds-date-range-preselection-border);--mds-button-color:var(--mds-date-range-preselection-color)}:host .action:hover{--mds-date-range-preselection-background:var(--mds-date-range-preselection-hover-background,rgb(var(--tone-neutral,0 0 0)));--mds-date-range-preselection-border:var(--mds-date-range-preselection-hover-border,var(--tone-neutral,0 0 0));--mds-date-range-preselection-color:var(--mds-date-range-preselection-hover-color,rgb(var(--tone-neutral-03,233 233 233)))}:host([selected]) .action{--mds-date-range-preselection-background:var(--mds-date-range-preselection-selected-background,rgb(var(--variant-primary-03,211 226 255)));--mds-date-range-preselection-border:var(--mds-date-range-preselection-selected-border,var(--variant-primary-03,211 226 255));--mds-date-range-preselection-color:var(--mds-date-range-preselection-selected-color,rgb(var(--tone-neutral,0 0 0)));pointer-events:none}";
+const mdsInputDateRangePreselectionCss = () => `@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-date-range-preselection-default-background:rgb(var(--tone-neutral-08,107 107 107)/0);--mds-date-range-preselection-default-border:var(--tone-neutral-08,107 107 107);--mds-date-range-preselection-default-color:rgb(var(--tone-neutral-03,233 233 233));--mds-date-range-preselection-selected-background:rgb(var(--variant-primary-03,211 226 255));--mds-date-range-preselection-selected-border:var(--variant-primary-03,211 226 255);--mds-date-range-preselection-selected-color:rgb(var(--tone-neutral,0 0 0));--mds-date-range-preselection-hover-background:rgb(var(--tone-neutral,0 0 0));--mds-date-range-preselection-hover-border:var(--tone-neutral,0 0 0);--mds-date-range-preselection-hover-color:rgb(var(--tone-neutral-03,233 233 233))}}}@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}:host{--mds-date-range-preselection-default-background:rgb(var(--tone-neutral-08,107 107 107)/0);--mds-date-range-preselection-default-border:var(--tone-neutral-08,107 107 107);--mds-date-range-preselection-default-color:rgb(var(--tone-neutral-03,233 233 233));--mds-date-range-preselection-selected-background:rgb(var(--variant-primary-03,211 226 255));--mds-date-range-preselection-selected-border:var(--variant-primary-03,211 226 255);--mds-date-range-preselection-selected-color:rgb(var(--tone-neutral,0 0 0));--mds-date-range-preselection-hover-background:rgb(var(--tone-neutral,0 0 0));--mds-date-range-preselection-hover-border:var(--tone-neutral,0 0 0);--mds-date-range-preselection-hover-color:rgb(var(--tone-neutral-03,233 233 233));--mds-date-range-preselection-background:var(--mds-date-range-preselection-default-background,rgb(var(--tone-neutral-08,107 107 107)/0));--mds-date-range-preselection-border:var(--mds-date-range-preselection-default-border,var(--tone-neutral-08,107 107 107));--mds-date-range-preselection-color:var(--mds-date-range-preselection-default-color,rgb(var(--tone-neutral-03,233 233 233)));display:inline-flex;justify-self:start}:host .action{--mds-button-background:var(--mds-date-range-preselection-background);--mds-button-border-color:var(--mds-date-range-preselection-border);--mds-button-color:var(--mds-date-range-preselection-color)}:host .action:hover{--mds-date-range-preselection-background:var(--mds-date-range-preselection-hover-background,rgb(var(--tone-neutral,0 0 0)));--mds-date-range-preselection-border:var(--mds-date-range-preselection-hover-border,var(--tone-neutral,0 0 0));--mds-date-range-preselection-color:var(--mds-date-range-preselection-hover-color,rgb(var(--tone-neutral-03,233 233 233)))}:host([selected]) .action{--mds-date-range-preselection-background:var(--mds-date-range-preselection-selected-background,rgb(var(--variant-primary-03,211 226 255)));--mds-date-range-preselection-border:var(--mds-date-range-preselection-selected-border,var(--variant-primary-03,211 226 255));--mds-date-range-preselection-color:var(--mds-date-range-preselection-selected-color,rgb(var(--tone-neutral,0 0 0)));pointer-events:none}`;
 
 const MdsInputDateRangePreselection = class {
     constructor(hostRef) {
@@ -20,6 +20,6 @@ const MdsInputDateRangePreselection = class {
     }
     get host() { return getElement(this); }
 };
-MdsInputDateRangePreselection.style = mdsInputDateRangePreselectionCss;
+MdsInputDateRangePreselection.style = mdsInputDateRangePreselectionCss();
 
 export { MdsInputDateRangePreselection as mds_input_date_range_preselection };

package/dist/esm/mds-input-date-range.entry.js

@@ -1,6 +1,6 @@
-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 miBaselineCalendarToday } from './calendar-today-BVQMG7KJ.js';
-import { D as DateTime } from './datetime-C4yPBff1.js';
+import { D as DateTime } from './datetime-BJtA1qmE.js';
 import { c as clsx } from './clsx-ChV9xqsO.js';
 import { L as Locale } from './locale-a4oAcjYG.js';
 
@@ -32,7 +32,7 @@ var localeIt = {
 	to: to
 };
 
-const mdsInputDateRangeCss = "@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-input-date-range-background:rgb(var(--tone-neutral,0 0 0));--mds-input-date-range-fields-firefox-justify-content:start;--mds-input-date-range-fields-gap:0 calc(var(--spacing,.0025rem)*200);--mds-input-date-range-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-date-range-variant-color-rgb:0 0 0}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-calendar,mds-dropdown,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-input-date-range-fields-firefox-justify-content{syntax:\"start|end|center|left|right|flex-start|flex-end\";inherits:false;initial-value:start}@property --mds-input-date-range-variant-color-rgb{syntax:\"<integer>+\";inherits:false;initial-value:0 0 0}:host{--mds-input-date-range-background:rgb(var(--tone-neutral,0 0 0));--mds-input-date-range-fields-firefox-justify-content:start;--mds-input-date-range-fields-gap:0 calc(var(--spacing,.0025rem)*200);--mds-input-date-range-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-date-range-ring:0 0 0 1px rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.1);--mds-input-date-range-shadow:0 1px 3px 0 rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.1),0 1px 2px 0 rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.06);font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--radius-2xl,24px);color:rgb(var(--tone-neutral-02,244 244 244));corner-shape:var(--magma-corner-shape,round);container-type:inline-size;cursor:text;display:flex;gap:calc(var(--spacing,.0025rem)*200);overflow:visible;position:relative;--mds-input-date-range-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-input-date-range-variant-color-rgb:0 0 0}.date-preselection{display:grid;gap:calc(var(--spacing,.0025rem)*200)}.inputs{font-family:var(--font-code,\"Roboto Mono\",\"Courier New\",monospace);font-size:var(--text-size-code-hack,.875rem);font-weight:var(--tw-font-weight,var(--text-size-code-hack--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-hack--line-height,1.25rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--mds-input-date-range-background,rgb(var(--tone-neutral,0 0 0)));border-radius:inherit;-webkit-box-shadow:var(--mds-input-date-range-ring),var(--mds-input-date-range-shadow);box-shadow:var(--mds-input-date-range-ring),var(--mds-input-date-range-shadow);box-sizing:border-box;color:inherit;corner-shape:inherit;align-items:center;border:0;display:inline-flex;flex-wrap:wrap;gap:var(--mds-input-date-range-fields-gap,0 calc(var(--spacing,.0025rem)*200));margin:0;min-height:3rem;overflow:hidden;padding-left:calc(var(--spacing,.0025rem)*400);padding-right:calc(var(--spacing,.0025rem)*1200);text-overflow:ellipsis;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color,border-color,box-shadow,color,fill,margin,opacity,padding,transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));width:100%}.input-element{align-items:baseline;display:inline-flex}:host(:focus-within) .inputs{--tw-outline-style:none;outline-style:none;transition-duration:var(--default-transition-duration);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--default-transition-timing-function);--mds-input-date-range-ring:0 0 0 3px rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/1);--mds-input-date-range-shadow:0 4px 6px 3px rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.1),0 2px 4px -1px rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.06);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.input-wrapper{display:flex;flex-shrink:0}.date-label{margin-left:calc(var(--spacing,.0025rem)*50);margin-right:calc(var(--spacing,.0025rem)*50);min-width:min-content;white-space:nowrap}.date-label:first-child{margin-left:0}mds-calendar{min-width:max-content}.action-open-calendar-wrapper{align-items:center;aspect-ratio:1;bottom:0;display:flex;justify-content:center;position:absolute;right:0;top:0}.action-open-calendar{--mds-button-color:var(--mds-input-date-range-icon-color,rgb(var(--variant-primary-03,211 226 255)))}mds-dropdown{padding:0}:host-context(:root.pref-animation-reduce) .input{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-input-date-range-ring:var(--shadow-outline-50);--mds-input-date-range-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}:host-context(:root.pref-contrast-more){--mds-input-date-range-ring:var(--shadow-outline-strong-50);--mds-input-date-range-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:host-context(:root.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}@supports ((-moz-appearance:none)){.action-open-calendar{display:none}.inputs{-ms-flex-pack:var(--mds-input-date-range-fields-firefox-justify-content,start);justify-content:var(--mds-input-date-range-fields-firefox-justify-content,start);padding-right:calc(var(--spacing,.0025rem)*400)}}:host(:focus-within){--mds-input-date-range-icon-color:rgb(var(--variant-primary-05,152 188 255));--mds-input-date-range-variant-color-rgb:var(--variant-primary-04,184 208 255)}:host([variant=ai]){--mds-input-date-range-icon-color:rgb(var(--variant-ai-04,218 199 253));--mds-input-tip-background:rgb(var(--variant-ai-05,202 174 251));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=ai]:focus-within){--mds-input-date-range-icon-color:rgb(var(--variant-ai-05,202 174 251));--mds-input-date-range-variant-color-rgb:var(--variant-ai-04,218 199 253)}:host([variant=info]){--mds-input-date-range-icon-color:rgb(var(--status-info-04,159 216 241));--mds-input-tip-background:rgb(var(--status-info-05,112 198 234));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=info]:focus-within){--mds-input-date-range-icon-color:rgb(var(--status-info-05,112 198 234));--mds-input-date-range-variant-color-rgb:var(--status-info-04,159 216 241)}:host([variant=success]){--mds-input-date-range-icon-color:rgb(var(--status-success-04,158 222 181));--mds-input-tip-background:rgb(var(--status-success-05,107 206 147));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=success]:focus-within){--mds-input-date-range-icon-color:rgb(var(--status-success-05,107 206 147));--mds-input-date-range-variant-color-rgb:var(--status-success-04,158 222 181)}:host([variant=warning]){--mds-input-date-range-icon-color:rgb(var(--status-warning-04,255 200 33));--mds-input-tip-background:rgb(var(--status-warning-05,237 177 0));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=warning]:focus-within){--mds-input-date-range-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-input-date-range-variant-color-rgb:var(--status-warning-04,255 200 33)}:host([variant=error]){--mds-input-date-range-icon-color:rgb(var(--status-error-04,254 193 189));--mds-input-tip-background:rgb(var(--status-error-05,250 165 160));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=error]:focus-within){--mds-input-date-range-icon-color:rgb(var(--status-error-05,250 165 160));--mds-input-date-range-variant-color-rgb:var(--status-error-04,254 193 189)}@media (forced-colors:active){:host(:focus-within) .inputs{outline:2px solid #0000;outline-offset:2px}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .input{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-input-date-range-ring:var(--shadow-outline-50);--mds-input-date-range-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-input-date-range-ring:var(--shadow-outline-strong-50);--mds-input-date-range-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}}";
+const mdsInputDateRangeCss = () => `@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-input-date-range-background:rgb(var(--tone-neutral,0 0 0));--mds-input-date-range-fields-firefox-justify-content:start;--mds-input-date-range-fields-gap:0 calc(var(--spacing,.0025rem)*200);--mds-input-date-range-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-date-range-variant-color-rgb:0 0 0}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-calendar,mds-dropdown,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-input-date-range-fields-firefox-justify-content{syntax:"start|end|center|left|right|flex-start|flex-end";inherits:false;initial-value:start}@property --mds-input-date-range-variant-color-rgb{syntax:"<integer>+";inherits:false;initial-value:0 0 0}:host{--mds-input-date-range-background:rgb(var(--tone-neutral,0 0 0));--mds-input-date-range-fields-firefox-justify-content:start;--mds-input-date-range-fields-gap:0 calc(var(--spacing,.0025rem)*200);--mds-input-date-range-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-date-range-ring:0 0 0 1px rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.1);--mds-input-date-range-shadow:0 1px 3px 0 rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.1),0 1px 2px 0 rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.06);font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--radius-2xl,24px);color:rgb(var(--tone-neutral-02,244 244 244));corner-shape:var(--magma-corner-shape,round);container-type:inline-size;cursor:text;display:flex;gap:calc(var(--spacing,.0025rem)*200);overflow:visible;position:relative;--mds-input-date-range-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-input-date-range-variant-color-rgb:0 0 0}.date-preselection{display:grid;gap:calc(var(--spacing,.0025rem)*200)}.inputs{font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-hack,.875rem);font-weight:var(--tw-font-weight,var(--text-size-code-hack--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-hack--line-height,1.25rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--mds-input-date-range-background,rgb(var(--tone-neutral,0 0 0)));border-radius:inherit;-webkit-box-shadow:var(--mds-input-date-range-ring),var(--mds-input-date-range-shadow);box-shadow:var(--mds-input-date-range-ring),var(--mds-input-date-range-shadow);box-sizing:border-box;color:inherit;corner-shape:inherit;align-items:center;border:0;display:inline-flex;flex-wrap:wrap;gap:var(--mds-input-date-range-fields-gap,0 calc(var(--spacing,.0025rem)*200));margin:0;min-height:3rem;overflow:hidden;padding-left:calc(var(--spacing,.0025rem)*400);padding-right:calc(var(--spacing,.0025rem)*1200);text-overflow:ellipsis;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color,border-color,box-shadow,color,fill,margin,opacity,padding,transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));width:100%}.input-element{align-items:baseline;display:inline-flex}:host(:focus-within) .inputs{--tw-outline-style:none;outline-style:none;transition-duration:var(--default-transition-duration);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--default-transition-timing-function);--mds-input-date-range-ring:0 0 0 3px rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/1);--mds-input-date-range-shadow:0 4px 6px 3px rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.1),0 2px 4px -1px rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.06);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.input-wrapper{display:flex;flex-shrink:0}.date-label{margin-left:calc(var(--spacing,.0025rem)*50);margin-right:calc(var(--spacing,.0025rem)*50);min-width:min-content;white-space:nowrap}.date-label:first-child{margin-left:0}mds-calendar{min-width:max-content}.action-open-calendar-wrapper{align-items:center;aspect-ratio:1;bottom:0;display:flex;justify-content:center;position:absolute;right:0;top:0}.action-open-calendar{--mds-button-color:var(--mds-input-date-range-icon-color,rgb(var(--variant-primary-03,211 226 255)))}mds-dropdown{padding:0}:host-context(:root.pref-animation-reduce) .input{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-input-date-range-ring:var(--shadow-outline-50);--mds-input-date-range-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}:host-context(:root.pref-contrast-more){--mds-input-date-range-ring:var(--shadow-outline-strong-50);--mds-input-date-range-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:host-context(:root.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}@supports ((-moz-appearance:none)){.action-open-calendar{display:none}.inputs{-ms-flex-pack:var(--mds-input-date-range-fields-firefox-justify-content,start);justify-content:var(--mds-input-date-range-fields-firefox-justify-content,start);padding-right:calc(var(--spacing,.0025rem)*400)}}:host(:focus-within){--mds-input-date-range-icon-color:rgb(var(--variant-primary-05,152 188 255));--mds-input-date-range-variant-color-rgb:var(--variant-primary-04,184 208 255)}:host([variant=ai]){--mds-input-date-range-icon-color:rgb(var(--variant-ai-04,218 199 253));--mds-input-tip-background:rgb(var(--variant-ai-05,202 174 251));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=ai]:focus-within){--mds-input-date-range-icon-color:rgb(var(--variant-ai-05,202 174 251));--mds-input-date-range-variant-color-rgb:var(--variant-ai-04,218 199 253)}:host([variant=info]){--mds-input-date-range-icon-color:rgb(var(--status-info-04,159 216 241));--mds-input-tip-background:rgb(var(--status-info-05,112 198 234));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=info]:focus-within){--mds-input-date-range-icon-color:rgb(var(--status-info-05,112 198 234));--mds-input-date-range-variant-color-rgb:var(--status-info-04,159 216 241)}:host([variant=success]){--mds-input-date-range-icon-color:rgb(var(--status-success-04,158 222 181));--mds-input-tip-background:rgb(var(--status-success-05,107 206 147));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=success]:focus-within){--mds-input-date-range-icon-color:rgb(var(--status-success-05,107 206 147));--mds-input-date-range-variant-color-rgb:var(--status-success-04,158 222 181)}:host([variant=warning]){--mds-input-date-range-icon-color:rgb(var(--status-warning-04,255 200 33));--mds-input-tip-background:rgb(var(--status-warning-05,237 177 0));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=warning]:focus-within){--mds-input-date-range-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-input-date-range-variant-color-rgb:var(--status-warning-04,255 200 33)}:host([variant=error]){--mds-input-date-range-icon-color:rgb(var(--status-error-04,254 193 189));--mds-input-tip-background:rgb(var(--status-error-05,250 165 160));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=error]:focus-within){--mds-input-date-range-icon-color:rgb(var(--status-error-05,250 165 160));--mds-input-date-range-variant-color-rgb:var(--status-error-04,254 193 189)}@media (forced-colors:active){:host(:focus-within) .inputs{outline:2px solid #0000;outline-offset:2px}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .input{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-input-date-range-ring:var(--shadow-outline-50);--mds-input-date-range-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-input-date-range-ring:var(--shadow-outline-strong-50);--mds-input-date-range-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}}`;
 
 const MdsInputDateRange = class {
     constructor(hostRef) {
@@ -338,10 +338,14 @@ const MdsInputDateRange = class {
     static get formAssociated() { return true; }
     get host() { return getElement(this); }
     static get watchers() { return {
-        "startDate": ["handleStartDateChange"],
-        "endDate": ["handleEndDateChange"]
+        "startDate": [{
+                "handleStartDateChange": 0
+            }],
+        "endDate": [{
+                "handleEndDateChange": 0
+            }]
     }; }
 };
-MdsInputDateRange.style = mdsInputDateRangeCss;
+MdsInputDateRange.style = mdsInputDateRangeCss();
 
 export { MdsInputDateRange as mds_input_date_range };

package/dist/esm/mds-input-date.entry.js

@@ -1,9 +1,9 @@
-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 miBaselineCalendarToday } from './calendar-today-BVQMG7KJ.js';
-import { D as DateTime } from './datetime-C4yPBff1.js';
+import { D as DateTime } from './datetime-BJtA1qmE.js';
 import { L as Locale } from './locale-a4oAcjYG.js';
 
-const mdsInputDateCss = "@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-input-date-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-date-background:rgb(var(--tone-neutral,0 0 0));--mds-input-date-field-background-empty:rgb(var(--status-error-10,115 0 0));--mds-input-date-field-color-empty:rgb(var(--status-error-06,239 108 105));--mds-input-date-icon-color-rgb:var(--mds-input-date-variant-color-rgb,0 0 0);--mds-input-date-variant-color-rgb:0 0 0;--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-horizontal-offset-focused:calc(var(--spacing,.0025rem)*1000);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233))}}}@layer reset,vendor,theme,base,components,utilities;@property --mds-input-date-variant-color-rgb{syntax:\"<integer>+\";inherits:false;initial-value:0 0 0}:host{--mds-input-date-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-date-background:rgb(var(--tone-neutral,0 0 0));--mds-input-date-field-background-empty:rgb(var(--status-error-10,115 0 0));--mds-input-date-field-color-empty:rgb(var(--status-error-06,239 108 105));--mds-input-date-icon-color-rgb:var(--mds-input-date-variant-color-rgb,0 0 0);--mds-input-date-ring:0 0 0 1px rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.1);--mds-input-date-shadow:0 1px 3px 0 rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.1),0 1px 2px 0 rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.06);--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-horizontal-offset-focused:calc(var(--spacing,.0025rem)*1000);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233));font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--radius-2xl,24px);color:rgb(var(--tone-neutral-02,244 244 244));corner-shape:var(--magma-corner-shape,round);container-type:inline-size;display:flex;gap:calc(var(--spacing,.0025rem)*200);overflow:visible;position:relative;--mds-input-date-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-input-date-variant-color-rgb:0 0 0}.input::-webkit-calendar-picker-indicator{appearance:textfield;display:none}.input{font-family:var(--font-code,\"Roboto Mono\",\"Courier New\",monospace);font-size:var(--text-size-code-hack,.875rem);font-weight:var(--tw-font-weight,var(--text-size-code-hack--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-hack--line-height,1.25rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:inherit;box-sizing:border-box;color:inherit;corner-shape:inherit;background-color:#0000;border:0;margin:0;overflow:hidden;text-overflow:ellipsis;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color,border-color,box-shadow,color,fill,margin,opacity,padding,transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));width:min-content}:host([empty]) .input{background-color:var(--mds-input-date-field-background-empty,rgb(var(--status-error-10,115 0 0)));color:var(--mds-input-date-field-color-empty,rgb(var(--status-error-06,239 108 105)))}:host([slot]){color:inherit;display:contents}:host([slot]) .input{cursor:text;text-align:center}:host(:not([slot])) .input{background-color:var(--mds-input-date-background,rgb(var(--tone-neutral,0 0 0)));-webkit-box-shadow:var(--mds-input-date-ring),var(--mds-input-date-shadow);box-shadow:var(--mds-input-date-ring),var(--mds-input-date-shadow);min-height:3rem;padding-left:calc(var(--spacing,.0025rem)*400);padding-right:calc(var(--spacing,.0025rem)*1200);padding-top:calc(var(--spacing,.0025rem)*300);width:100%}:host(:focus-within) .input{--tw-outline-style:none;outline-style:none;transition-duration:var(--default-transition-duration);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--default-transition-timing-function);--mds-input-date-ring:0 0 0 3px rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/1);--mds-input-date-shadow:0 4px 6px 3px rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.1),0 2px 4px -1px rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.06);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.input::placeholder{color:rgb(var(--tone-neutral-04,218 218 218))}.input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-04,218 218 218))}.input::-webkit-inner-spin-button,.input::-webkit-outer-spin-button{appearance:none;display:none;margin:0}.input:disabled{background-color:rgb(var(--tone-neutral-10,60 60 60))}.input:disabled::placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled:-ms-placeholder-shown{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled::-moz-placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled,.input:disabled::placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.action-open-calendar-wrapper{align-items:center;aspect-ratio:1;bottom:0;display:flex;justify-content:center;position:absolute;right:0;top:0}.action-open-calendar{--mds-button-color:var(--mds-input-date-icon-color,rgb(var(--variant-primary-03,211 226 255)))}:host([disabled]:not([disabled=false])) .action-open-calendar{-webkit-transform:translate(calc(var(--spacing,.0025rem)*250),calc(var(--spacing,.0025rem)*200));transform:translate(calc(var(--spacing,.0025rem)*250),calc(var(--spacing,.0025rem)*200))}mds-calendar{min-width:max-content}mds-dropdown{padding:0}mds-input-tip{--mds-input-tip-horizontal-offset:inherit;--mds-input-tip-horizontal-offset-focused:inherit;--mds-input-tip-vertical-offset:inherit;--mds-input-tip-background:inherit}:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-calendar,mds-dropdown,mds-input-tip,mds-input-tip-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}:host-context(:root.pref-animation-reduce) .input{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-input-date-ring:var(--shadow-outline-50);--mds-input-date-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}:host-context(:root.pref-contrast-more){--mds-input-date-ring:var(--shadow-outline-strong-50);--mds-input-date-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:host-context(:root.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}@supports ((-moz-appearance:none)){.action-open-calendar{display:none}:host(:not([slot])) .input{padding-right:calc(var(--spacing,.0025rem)*400)}}:host(:focus){--mds-input-date-icon-color:rgb(var(--variant-primary-05,152 188 255));--mds-input-date-variant-color-rgb:var(--variant-primary-04,184 208 255)}:host([variant=ai]){--mds-input-date-icon-color:rgb(var(--variant-ai-04,218 199 253));--mds-input-tip-background:rgb(var(--variant-ai-05,202 174 251));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=ai]:focus){--mds-input-date-icon-color:rgb(var(--variant-ai-05,202 174 251));--mds-input-date-variant-color-rgb:var(--variant-ai-04,218 199 253)}:host([variant=info]){--mds-input-date-icon-color:rgb(var(--status-info-04,159 216 241));--mds-input-tip-background:rgb(var(--status-info-05,112 198 234));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=info]:focus){--mds-input-date-icon-color:rgb(var(--status-info-05,112 198 234));--mds-input-date-variant-color-rgb:var(--status-info-04,159 216 241)}:host([variant=success]){--mds-input-date-icon-color:rgb(var(--status-success-04,158 222 181));--mds-input-tip-background:rgb(var(--status-success-05,107 206 147));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=success]:focus){--mds-input-date-icon-color:rgb(var(--status-success-05,107 206 147));--mds-input-date-variant-color-rgb:var(--status-success-04,158 222 181)}:host([variant=warning]){--mds-input-date-icon-color:rgb(var(--status-warning-04,255 200 33));--mds-input-tip-background:rgb(var(--status-warning-05,237 177 0));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=warning]:focus){--mds-input-date-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-input-date-variant-color-rgb:var(--status-warning-04,255 200 33)}:host([variant=error]){--mds-input-date-icon-color:rgb(var(--status-error-04,254 193 189));--mds-input-tip-background:rgb(var(--status-error-05,250 165 160));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=error]:focus){--mds-input-date-icon-color:rgb(var(--status-error-05,250 165 160));--mds-input-date-variant-color-rgb:var(--status-error-04,254 193 189)}@media (forced-colors:active){:host(:focus-within) .input{outline:2px solid #0000;outline-offset:2px}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .input{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-input-date-ring:var(--shadow-outline-50);--mds-input-date-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-input-date-ring:var(--shadow-outline-strong-50);--mds-input-date-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}}";
+const mdsInputDateCss = () => `@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-input-date-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-date-background:rgb(var(--tone-neutral,0 0 0));--mds-input-date-field-background-empty:rgb(var(--status-error-10,115 0 0));--mds-input-date-field-color-empty:rgb(var(--status-error-06,239 108 105));--mds-input-date-icon-color-rgb:var(--mds-input-date-variant-color-rgb,0 0 0);--mds-input-date-variant-color-rgb:0 0 0;--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-horizontal-offset-focused:calc(var(--spacing,.0025rem)*1000);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233))}}}@layer reset,vendor,theme,base,components,utilities;@property --mds-input-date-variant-color-rgb{syntax:"<integer>+";inherits:false;initial-value:0 0 0}:host{--mds-input-date-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-date-background:rgb(var(--tone-neutral,0 0 0));--mds-input-date-field-background-empty:rgb(var(--status-error-10,115 0 0));--mds-input-date-field-color-empty:rgb(var(--status-error-06,239 108 105));--mds-input-date-icon-color-rgb:var(--mds-input-date-variant-color-rgb,0 0 0);--mds-input-date-ring:0 0 0 1px rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.1);--mds-input-date-shadow:0 1px 3px 0 rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.1),0 1px 2px 0 rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.06);--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-horizontal-offset-focused:calc(var(--spacing,.0025rem)*1000);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233));font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--radius-2xl,24px);color:rgb(var(--tone-neutral-02,244 244 244));corner-shape:var(--magma-corner-shape,round);container-type:inline-size;display:flex;gap:calc(var(--spacing,.0025rem)*200);overflow:visible;position:relative;--mds-input-date-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-input-date-variant-color-rgb:0 0 0}.input::-webkit-calendar-picker-indicator{appearance:textfield;display:none}.input{font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-hack,.875rem);font-weight:var(--tw-font-weight,var(--text-size-code-hack--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-hack--line-height,1.25rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:inherit;box-sizing:border-box;color:inherit;corner-shape:inherit;background-color:#0000;border:0;margin:0;overflow:hidden;text-overflow:ellipsis;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color,border-color,box-shadow,color,fill,margin,opacity,padding,transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));width:min-content}:host([empty]) .input{background-color:var(--mds-input-date-field-background-empty,rgb(var(--status-error-10,115 0 0)));color:var(--mds-input-date-field-color-empty,rgb(var(--status-error-06,239 108 105)))}:host([slot]){color:inherit;display:contents}:host([slot]) .input{cursor:text;text-align:center}:host(:not([slot])) .input{background-color:var(--mds-input-date-background,rgb(var(--tone-neutral,0 0 0)));-webkit-box-shadow:var(--mds-input-date-ring),var(--mds-input-date-shadow);box-shadow:var(--mds-input-date-ring),var(--mds-input-date-shadow);min-height:3rem;padding-left:calc(var(--spacing,.0025rem)*400);padding-right:calc(var(--spacing,.0025rem)*1200);padding-top:calc(var(--spacing,.0025rem)*300);width:100%}:host(:focus-within) .input{--tw-outline-style:none;outline-style:none;transition-duration:var(--default-transition-duration);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--default-transition-timing-function);--mds-input-date-ring:0 0 0 3px rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/1);--mds-input-date-shadow:0 4px 6px 3px rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.1),0 2px 4px -1px rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.06);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.input::placeholder{color:rgb(var(--tone-neutral-04,218 218 218))}.input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-04,218 218 218))}.input::-webkit-inner-spin-button,.input::-webkit-outer-spin-button{appearance:none;display:none;margin:0}.input:disabled{background-color:rgb(var(--tone-neutral-10,60 60 60))}.input:disabled::placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled:-ms-placeholder-shown{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled::-moz-placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled,.input:disabled::placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.action-open-calendar-wrapper{align-items:center;aspect-ratio:1;bottom:0;display:flex;justify-content:center;position:absolute;right:0;top:0}.action-open-calendar{--mds-button-color:var(--mds-input-date-icon-color,rgb(var(--variant-primary-03,211 226 255)))}:host([disabled]:not([disabled=false])) .action-open-calendar{-webkit-transform:translate(calc(var(--spacing,.0025rem)*250),calc(var(--spacing,.0025rem)*200));transform:translate(calc(var(--spacing,.0025rem)*250),calc(var(--spacing,.0025rem)*200))}mds-calendar{min-width:max-content}mds-dropdown{padding:0}mds-input-tip{--mds-input-tip-horizontal-offset:inherit;--mds-input-tip-horizontal-offset-focused:inherit;--mds-input-tip-vertical-offset:inherit;--mds-input-tip-background:inherit}:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-calendar,mds-dropdown,mds-input-tip,mds-input-tip-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}:host-context(:root.pref-animation-reduce) .input{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-input-date-ring:var(--shadow-outline-50);--mds-input-date-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}:host-context(:root.pref-contrast-more){--mds-input-date-ring:var(--shadow-outline-strong-50);--mds-input-date-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:host-context(:root.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}@supports ((-moz-appearance:none)){.action-open-calendar{display:none}:host(:not([slot])) .input{padding-right:calc(var(--spacing,.0025rem)*400)}}:host(:focus){--mds-input-date-icon-color:rgb(var(--variant-primary-05,152 188 255));--mds-input-date-variant-color-rgb:var(--variant-primary-04,184 208 255)}:host([variant=ai]){--mds-input-date-icon-color:rgb(var(--variant-ai-04,218 199 253));--mds-input-tip-background:rgb(var(--variant-ai-05,202 174 251));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=ai]:focus){--mds-input-date-icon-color:rgb(var(--variant-ai-05,202 174 251));--mds-input-date-variant-color-rgb:var(--variant-ai-04,218 199 253)}:host([variant=info]){--mds-input-date-icon-color:rgb(var(--status-info-04,159 216 241));--mds-input-tip-background:rgb(var(--status-info-05,112 198 234));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=info]:focus){--mds-input-date-icon-color:rgb(var(--status-info-05,112 198 234));--mds-input-date-variant-color-rgb:var(--status-info-04,159 216 241)}:host([variant=success]){--mds-input-date-icon-color:rgb(var(--status-success-04,158 222 181));--mds-input-tip-background:rgb(var(--status-success-05,107 206 147));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=success]:focus){--mds-input-date-icon-color:rgb(var(--status-success-05,107 206 147));--mds-input-date-variant-color-rgb:var(--status-success-04,158 222 181)}:host([variant=warning]){--mds-input-date-icon-color:rgb(var(--status-warning-04,255 200 33));--mds-input-tip-background:rgb(var(--status-warning-05,237 177 0));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=warning]:focus){--mds-input-date-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-input-date-variant-color-rgb:var(--status-warning-04,255 200 33)}:host([variant=error]){--mds-input-date-icon-color:rgb(var(--status-error-04,254 193 189));--mds-input-tip-background:rgb(var(--status-error-05,250 165 160));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=error]:focus){--mds-input-date-icon-color:rgb(var(--status-error-05,250 165 160));--mds-input-date-variant-color-rgb:var(--status-error-04,254 193 189)}@media (forced-colors:active){:host(:focus-within) .input{outline:2px solid #0000;outline-offset:2px}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .input{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-input-date-ring:var(--shadow-outline-50);--mds-input-date-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-input-date-ring:var(--shadow-outline-strong-50);--mds-input-date-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}}`;
 
 const MdsInputDate = class {
     constructor(hostRef) {
@@ -160,9 +160,11 @@ const MdsInputDate = class {
     static get formAssociated() { return true; }
     get host() { return getElement(this); }
     static get watchers() { return {
-        "value": ["handleValue"]
+        "value": [{
+                "handleValue": 0
+            }]
     }; }
 };
-MdsInputDate.style = mdsInputDateCss;
+MdsInputDate.style = mdsInputDateCss();
 
 export { MdsInputDate as mds_input_date };

package/dist/esm/mds-input-field.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 mdsInputFieldCss = "@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-input-field-message-color:rgb(var(--tone-neutral-03,233 233 233));--mds-input-field-message-background:rgb(var(--tone-neutral-10,60 60 60))}}}@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-input-field-message-color:rgb(var(--tone-neutral-03,233 233 233));--mds-input-field-message-background:rgb(var(--tone-neutral-10,60 60 60));color:rgb(var(--tone-neutral-02,244 244 244));corner-shape:var(--magma-corner-shape,round);display:grid;gap:calc(var(--spacing,.0025rem)*300)}.message-window{border-radius:var(--radius-2xl,24px);color:var(--mds-input-field-message-color,rgb(var(--tone-neutral-03,233 233 233)));corner-shape:inherit;background-color:#0000;display:grid;gap:0;padding:0;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color,color,gap,padding;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.message-window:has(.message:not(:empty)){background-color:var(--mds-input-field-message-background,rgb(var(--tone-neutral-10,60 60 60)));gap:calc(var(--spacing,.0025rem)*200);padding:calc(var(--spacing,.0025rem)*200)}.message{interpolate-size:allow-keywords;display:flex;flex-direction:column;height:auto;padding:calc(var(--spacing,.0025rem)*100) calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*200);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:height,margin-top,opacity,padding;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.message:empty{height:0;max-height:0;opacity:0;padding:0}.label:empty{display:none}.content{container:content/inline-size;display:flex;flex-wrap:wrap;gap:calc(var(--spacing,.0025rem)*200)}::slotted(:first-child){flex-grow:1}::slotted(:not(:first-child)){flex-shrink:0}@container content (max-width:300px){::slotted(*){flex-grow:1;min-width:100%}}:host([variant=ai]){--mds-input-field-message-color:rgb(var(--variant-ai-02,242 235 254));--mds-input-field-message-background:rgb(var(--variant-ai-09,75 8 189))}:host([variant=info]){--mds-input-field-message-color:rgb(var(--status-info-02,222 242 250));--mds-input-field-message-background:rgb(var(--status-info-09,0 73 116))}:host([variant=success]){--mds-input-field-message-color:rgb(var(--status-success-02,222 244 228));--mds-input-field-message-background:rgb(var(--status-success-09,0 82 9))}:host([variant=warning]){--mds-input-field-message-color:rgb(var(--status-warning-02,255 237 185));--mds-input-field-message-background:rgb(var(--status-warning-09,90 67 0))}:host([variant=error]){--mds-input-field-message-color:rgb(var(--status-error-02,255 234 231));--mds-input-field-message-background:rgb(var(--status-error-09,135 0 14))}";
+const mdsInputFieldCss = () => `@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-input-field-message-color:rgb(var(--tone-neutral-03,233 233 233));--mds-input-field-message-background:rgb(var(--tone-neutral-10,60 60 60))}}}@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-input-field-message-color:rgb(var(--tone-neutral-03,233 233 233));--mds-input-field-message-background:rgb(var(--tone-neutral-10,60 60 60));color:rgb(var(--tone-neutral-02,244 244 244));corner-shape:var(--magma-corner-shape,round);display:grid;gap:calc(var(--spacing,.0025rem)*300)}.message-window{border-radius:var(--radius-2xl,24px);color:var(--mds-input-field-message-color,rgb(var(--tone-neutral-03,233 233 233)));corner-shape:inherit;background-color:#0000;display:grid;gap:0;padding:0;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color,color,gap,padding;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.message-window:has(.message:not(:empty)){background-color:var(--mds-input-field-message-background,rgb(var(--tone-neutral-10,60 60 60)));gap:calc(var(--spacing,.0025rem)*200);padding:calc(var(--spacing,.0025rem)*200)}.message{interpolate-size:allow-keywords;display:flex;flex-direction:column;height:auto;padding:calc(var(--spacing,.0025rem)*100) calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*200);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:height,margin-top,opacity,padding;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.message:empty{height:0;max-height:0;opacity:0;padding:0}.label:empty{display:none}.content{container:content/inline-size;display:flex;flex-wrap:wrap;gap:calc(var(--spacing,.0025rem)*200)}::slotted(:first-child){flex-grow:1}::slotted(:not(:first-child)){flex-shrink:0}@container content (max-width:300px){::slotted(*){flex-grow:1;min-width:100%}}:host([variant=ai]){--mds-input-field-message-color:rgb(var(--variant-ai-02,242 235 254));--mds-input-field-message-background:rgb(var(--variant-ai-09,75 8 189))}:host([variant=info]){--mds-input-field-message-color:rgb(var(--status-info-02,222 242 250));--mds-input-field-message-background:rgb(var(--status-info-09,0 73 116))}:host([variant=success]){--mds-input-field-message-color:rgb(var(--status-success-02,222 244 228));--mds-input-field-message-background:rgb(var(--status-success-09,0 82 9))}:host([variant=warning]){--mds-input-field-message-color:rgb(var(--status-warning-02,255 237 185));--mds-input-field-message-background:rgb(var(--status-warning-09,90 67 0))}:host([variant=error]){--mds-input-field-message-color:rgb(var(--status-error-02,255 234 231));--mds-input-field-message-background:rgb(var(--status-error-09,135 0 14))}`;
 
 const MdsInputField = class {
     constructor(hostRef) {
@@ -40,6 +40,6 @@ const MdsInputField = class {
     static get formAssociated() { return true; }
     get host() { return getElement(this); }
 };
-MdsInputField.style = mdsInputFieldCss;
+MdsInputField.style = mdsInputFieldCss();
 
 export { MdsInputField as mds_input_field };

package/dist/esm/mds-input-otp.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 mdsInputOtpCss = "@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;:host{display:inline-flex;gap:calc(var(--spacing,.0025rem)*400)}.input{width:calc(var(--spacing,.0025rem)*1200)}.input::part(field){text-align:center}.input::part(tip-count){display:none}";
+const mdsInputOtpCss = () => `@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;:host{display:inline-flex;gap:calc(var(--spacing,.0025rem)*400)}.input{width:calc(var(--spacing,.0025rem)*1200)}.input::part(field){text-align:center}.input::part(tip-count){display:none}`;
 
 const MdsInputOtp = class {
     constructor(hostRef) {
@@ -91,6 +91,6 @@ const MdsInputOtp = class {
     static get formAssociated() { return true; }
     get element() { return getElement(this); }
 };
-MdsInputOtp.style = mdsInputOtpCss;
+MdsInputOtp.style = mdsInputOtpCss();
 
 export { MdsInputOtp as mds_input_otp };

package/dist/esm/mds-input-range.entry.js

@@ -1,6 +1,6 @@
-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';
 
-const mdsInputRangeCss = "@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{--tw-duration:initial;--tw-ease: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-input-range-thumb-background-disabled:rgb(var(--tone-neutral-08,107 107 107));--mds-input-range-thumb-background:rgb(var(--tone-neutral,0 0 0));--mds-input-range-thumb-cursor:col-resize;--mds-input-range-thumb-size:calc(var(--spacing,.0025rem)*400);--mds-input-range-track-background-disabled:rgb(var(--tone-neutral-08,107 107 107));--mds-input-range-track-background:rgb(var(--tone-neutral-08,107 107 107));--mds-input-range-track-progress-background-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-range-track-progress-background:rgb(var(--variant-primary-03,211 226 255));--mds-input-range-track-size:calc(var(--spacing,.0025rem)*600);--private-border-width:calc(var(--mds-input-range-track-size)/2 - var(--mds-input-range-thumb-size)/2);--private-thumb-size:calc(var(--mds-input-range-thumb-size) + var(--private-border-width)*2);gap:calc(var(--spacing,.0025rem)*200);--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));display:grid;gap:calc(var(--spacing,.0025rem)*100);transition-duration:.3s;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));-webkit-transition-timing-function:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.header{display:flex;gap:calc(var(--spacing,.0025rem)*200)}.label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.value{margin-left:auto}.range{align-items:center;display:flex;height:var(--private-thumb-size);position:relative}.track{box-sizing:border-box;position:absolute;width:100%}.field{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));appearance:none;background-color:#0000;border-radius:1000px;flex-grow:1;height:calc(var(--spacing,.0025rem)*400);margin:0;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;z-index:20}.field:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}.field::-webkit-slider-thumb{appearance:none;background-color:var(--mds-input-range-thumb-background);border-color:var(--mds-input-range-track-progress-background);border-radius:var(--mds-input-range-thumb-size);border-style:solid;border-width:var(--private-border-width);cursor:var(--mds-input-range-thumb-cursor);height:var(--private-thumb-size);line-height:0;transform:translateY(-50%);transition-property:background-color,border;width:var(--private-thumb-size)}.field::-webkit-slider-runnable-track{appearance:none;border:0;height:0;width:100%}.track-progress{background-color:var(--mds-input-range-track-progress-background);width:calc((100% - var(--mds-input-range-track-size))*(var(--mds-input-range-progress,0)*0.01) + var(--mds-input-range-track-size)/2)}.track-progress,.track-total{display:flex;height:var(--mds-input-range-track-size);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color}.track-total{background-color:var(--mds-input-range-track-background);overflow:hidden;-webkit-transition-timing-function:var(--ease-in-out);transition-timing-function:var(--ease-in-out);width:100%}.contrast-area,.track-total{border-radius:var(--mds-input-range-track-size)}.contrast-area{margin-left:calc(var(--spacing,.0025rem)*100);margin-right:calc(var(--spacing,.0025rem)*100)}:host([disabled]:not([disabled=false])){--mds-input-range-thumb-background:var(--mds-input-range-thumb-background-disabled);--mds-input-range-track-background:var(--mds-input-range-track-background-disabled);--mds-input-range-track-progress-background:var(--mds-input-range-track-progress-background-disabled)}:host([disabled]:not([disabled=false])) .field::-webkit-slider-thumb{cursor:not-allowed}:host-context(:root.pref-animation-reduce){transition-duration:0s}:is(:host-context(:root.pref-animation-reduce) .track-progress,:host-context(:root.pref-animation-reduce) .track-total){transition-duration:0s}:host-context(:root.pref-animation-reduce) .field::-webkit-slider-thumb{transition-duration:0s}:host-context(:root.pref-animation-reduce) .field::-webkit-slider-runnable-track{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-input-range-thumb-background:rgb(var(--variant-primary-04,184 208 255));--mds-input-range-track-background:rgb(var(--tone-neutral-07,134 134 134));--mds-input-range-track-progress-background:rgb(var(--variant-primary-05,152 188 255))}:host-context(:root.pref-contrast-more){color:rgb(var(--tone-neutral-01,255 255 255))}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{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]))) .track-progress,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .track-total{transition-duration:0s}:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .field::-webkit-slider-thumb{transition-duration:0s}:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .field::-webkit-slider-runnable-track{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-input-range-thumb-background:rgb(var(--variant-primary-04,184 208 255));--mds-input-range-track-background:rgb(var(--tone-neutral-07,134 134 134));--mds-input-range-track-progress-background:rgb(var(--variant-primary-05,152 188 255))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){color:rgb(var(--tone-neutral-01,255 255 255))}}";
+const mdsInputRangeCss = () => `@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{--tw-duration:initial;--tw-ease: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-input-range-thumb-background-disabled:rgb(var(--tone-neutral-08,107 107 107));--mds-input-range-thumb-background:rgb(var(--tone-neutral,0 0 0));--mds-input-range-thumb-cursor:col-resize;--mds-input-range-thumb-size:calc(var(--spacing,.0025rem)*400);--mds-input-range-track-background-disabled:rgb(var(--tone-neutral-08,107 107 107));--mds-input-range-track-background:rgb(var(--tone-neutral-08,107 107 107));--mds-input-range-track-progress-background-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-range-track-progress-background:rgb(var(--variant-primary-03,211 226 255));--mds-input-range-track-size:calc(var(--spacing,.0025rem)*600);--private-border-width:calc(var(--mds-input-range-track-size)/2 - var(--mds-input-range-thumb-size)/2);--private-thumb-size:calc(var(--mds-input-range-thumb-size) + var(--private-border-width)*2);gap:calc(var(--spacing,.0025rem)*200);--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));display:grid;gap:calc(var(--spacing,.0025rem)*100);transition-duration:.3s;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));-webkit-transition-timing-function:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.header{display:flex;gap:calc(var(--spacing,.0025rem)*200)}.label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.value{margin-left:auto}.range{align-items:center;display:flex;height:var(--private-thumb-size);position:relative}.track{box-sizing:border-box;position:absolute;width:100%}.field{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));appearance:none;background-color:#0000;border-radius:1000px;flex-grow:1;height:calc(var(--spacing,.0025rem)*400);margin:0;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;z-index:20}.field:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}.field::-webkit-slider-thumb{appearance:none;background-color:var(--mds-input-range-thumb-background);border-color:var(--mds-input-range-track-progress-background);border-radius:var(--mds-input-range-thumb-size);border-style:solid;border-width:var(--private-border-width);cursor:var(--mds-input-range-thumb-cursor);height:var(--private-thumb-size);line-height:0;transform:translateY(-50%);transition-property:background-color,border;width:var(--private-thumb-size)}.field::-webkit-slider-runnable-track{appearance:none;border:0;height:0;width:100%}.track-progress{background-color:var(--mds-input-range-track-progress-background);width:calc((100% - var(--mds-input-range-track-size))*(var(--mds-input-range-progress,0)*0.01) + var(--mds-input-range-track-size)/2)}.track-progress,.track-total{display:flex;height:var(--mds-input-range-track-size);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color}.track-total{background-color:var(--mds-input-range-track-background);overflow:hidden;-webkit-transition-timing-function:var(--ease-in-out);transition-timing-function:var(--ease-in-out);width:100%}.contrast-area,.track-total{border-radius:var(--mds-input-range-track-size)}.contrast-area{margin-left:calc(var(--spacing,.0025rem)*100);margin-right:calc(var(--spacing,.0025rem)*100)}:host([disabled]:not([disabled=false])){--mds-input-range-thumb-background:var(--mds-input-range-thumb-background-disabled);--mds-input-range-track-background:var(--mds-input-range-track-background-disabled);--mds-input-range-track-progress-background:var(--mds-input-range-track-progress-background-disabled)}:host([disabled]:not([disabled=false])) .field::-webkit-slider-thumb{cursor:not-allowed}:host-context(:root.pref-animation-reduce){transition-duration:0s}:is(:host-context(:root.pref-animation-reduce) .track-progress,:host-context(:root.pref-animation-reduce) .track-total){transition-duration:0s}:host-context(:root.pref-animation-reduce) .field::-webkit-slider-thumb{transition-duration:0s}:host-context(:root.pref-animation-reduce) .field::-webkit-slider-runnable-track{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-input-range-thumb-background:rgb(var(--variant-primary-04,184 208 255));--mds-input-range-track-background:rgb(var(--tone-neutral-07,134 134 134));--mds-input-range-track-progress-background:rgb(var(--variant-primary-05,152 188 255))}:host-context(:root.pref-contrast-more){color:rgb(var(--tone-neutral-01,255 255 255))}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{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]))) .track-progress,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .track-total{transition-duration:0s}:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .field::-webkit-slider-thumb{transition-duration:0s}:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .field::-webkit-slider-runnable-track{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-input-range-thumb-background:rgb(var(--variant-primary-04,184 208 255));--mds-input-range-track-background:rgb(var(--tone-neutral-07,134 134 134));--mds-input-range-track-progress-background:rgb(var(--variant-primary-05,152 188 255))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){color:rgb(var(--tone-neutral-01,255 255 255))}}`;
 
 const MdsInputRange = class {
     constructor(hostRef) {
@@ -106,13 +106,23 @@ const MdsInputRange = class {
     static get formAssociated() { return true; }
     get element() { return getElement(this); }
     static get watchers() { return {
-        "disabled": ["disabledChanged"],
-        "value": ["valueChanged"],
-        "min": ["minChanged"],
-        "max": ["maxChanged"],
-        "step": ["stepChanged"]
+        "disabled": [{
+                "disabledChanged": 0
+            }],
+        "value": [{
+                "valueChanged": 0
+            }],
+        "min": [{
+                "minChanged": 0
+            }],
+        "max": [{
+                "maxChanged": 0
+            }],
+        "step": [{
+                "stepChanged": 0
+            }]
     }; }
 };
-MdsInputRange.style = mdsInputRangeCss;
+MdsInputRange.style = mdsInputRangeCss();
 
 export { MdsInputRange as mds_input_range };

package/dist/esm/mds-input-select.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';
 import { L as Locale } from './locale-a4oAcjYG.js';
 import { m as miBaselineKeyboardArrowDown } from './keyboard-arrow-down-DiWN48aq.js';
 
-const mdsInputSelectCss = "@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-input-select-variant-color-rgb:var(--tone-neutral-01,255 255 255);--mds-input-select-arrow-icon-background-color:var(--mds-input-select-arrow-icon-blur-background-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/0));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/0);--mds-input-select-arrow-icon-blur-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5);--mds-input-select-arrow-icon-color:var(--mds-input-select-arrow-icon-blur-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5);--mds-input-select-arrow-icon-hover-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255)));--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-horizontal-offset-focused:calc(var(--spacing,.0025rem)*1000);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-input-tip,mds-input-tip-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}:host{--mds-input-select-variant-color-rgb:var(--tone-neutral-01,255 255 255);--mds-input-select-ring:0 0 0 1px rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.1);--mds-input-select-shadow:0 1px 3px 0 rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.1),0 1px 2px 0 rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.06);--mds-input-select-arrow-icon-background-color:var(--mds-input-select-arrow-icon-blur-background-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/0));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/0);--mds-input-select-arrow-icon-blur-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5);--mds-input-select-arrow-icon-color:var(--mds-input-select-arrow-icon-blur-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5);--mds-input-select-arrow-icon-hover-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255)));--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-horizontal-offset-focused:calc(var(--spacing,.0025rem)*1000);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233));font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:rgb(var(--tone-neutral-02,244 244 244));display:flex;position:relative;-webkit-user-select:none;user-select:none;--mds-input-select-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-select-variant-color-rgb:0 0 0;--mds-input-select-arrow-icon-blur-background-color:rgb(var(--variant-primary-09,0 58 168));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--variant-primary-08,0 83 239));--mds-input-select-arrow-icon-blur-color:rgb(var(--variant-primary-06,90 147 255));--mds-input-select-arrow-icon-hover-color:rgb(var(--variant-primary-04,184 208 255))}:host([required]:not([required=false]):focus-within) .icon{-webkit-transform:translate(calc(var(--spacing,.0025rem)*150),calc(var(--spacing,.0025rem)*150));transform:translate(calc(var(--spacing,.0025rem)*150),calc(var(--spacing,.0025rem)*150))}:host(:focus-within),:host(:hover){--mds-input-select-variant-color-rgb:var(--variant-primary-03,211 226 255);--mds-input-select-ring:0 0 0 3px rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/1);--mds-input-select-shadow:0 4px 6px -1px rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.1),0 2px 4px -1px rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.06);--mds-input-select-arrow-icon-background-color:var(--mds-input-select-arrow-icon-hover-background-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5));--mds-input-select-arrow-icon-color:var(--mds-input-select-arrow-icon-hover-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))));--mds-input-select-variant-color-rgb:var(--variant-primary-04,184 208 255)}.input{font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;appearance:none;background-color:rgb(var(--tone-neutral,0 0 0));border:0;border-radius:var(--radius-xs,8px);-webkit-box-shadow:var(--mds-input-select-ring),var(--mds-input-select-shadow);box-shadow:var(--mds-input-select-ring),var(--mds-input-select-shadow);box-sizing:border-box;color:rgb(var(--tone-neutral-02,244 244 244));cursor:pointer;margin:0;min-height:calc(var(--spacing,.0025rem)*1200);overflow:hidden;padding-left:calc(var(--spacing,.0025rem)*400);padding-right:calc(var(--spacing,.0025rem)*1200);text-overflow:ellipsis;transition-property:background-color,border-color,box-shadow,color,fill;width:100%}.input,.input:focus,.input:hover{-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.input:focus,.input:hover{--tw-outline-style:none;color:rgb(var(--tone-neutral-03,233 233 233));outline-style:none}:host([value]:not([value=\"\"])) .input{color:rgb(var(--tone-neutral-03,233 233 233))}:host([required]:not([required=false])) .input{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled{background-color:rgb(var(--tone-neutral-09,76 76 76));opacity:1}:host([disabled]:not([disabled=false])),:host([disabled]:not([disabled=false])) .input{pointer-events:none}:host([disabled]:not([disabled=false])) .icon{fill:rgb(var(--tone-neutral-06,158 158 158));-webkit-transform:translate(calc(var(--spacing,.0025rem)*250),calc(var(--spacing,.0025rem)*200));transform:translate(calc(var(--spacing,.0025rem)*250),calc(var(--spacing,.0025rem)*200))}.icon-container{align-items:center;color:inherit;display:flex;height:calc(var(--spacing,.0025rem)*1200);pointer-events:none;position:absolute;right:calc(var(--spacing,.0025rem)*400)}.icon{background-color:var(--mds-input-select-arrow-icon-background-color,var(--mds-input-select-arrow-icon-blur-background-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/0)));border-radius:var(--radius-full,1000px);display:flex;fill:var(--mds-input-select-arrow-icon-color,var(--mds-input-select-arrow-icon-blur-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5)));-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,fill}.icon svg{aspect-ratio:1;aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}.option-container{display:none}mds-input-tip{--mds-input-tip-horizontal-offset:inherit;--mds-input-tip-horizontal-offset-focused:inherit;--mds-input-tip-vertical-offset:inherit;--mds-input-tip-background:inherit}@container (max-width:210px){:host .tip__content,:host(:focus-within) .tip__content{grid-template-columns:0fr;opacity:0}:host .tip{padding-left:0;padding-right:0}:host{--mds-input-select-background:rgb(var(--variant-primary-07,44 117 255))}}:host([variant=info]){--mds-input-select-icon-color:rgb(var(--status-info-05,112 198 234));--mds-input-select-tip-background:rgb(var(--status-info-05,112 198 234));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--status-info-09,0 73 116));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--status-info-08,0 107 151));--mds-input-select-arrow-icon-blur-color:rgb(var(--status-info-06,0 161 208));--mds-input-select-arrow-icon-hover-color:rgb(var(--status-info-04,159 216 241));--mds-input-select-variant-color-rgb:0 0 0}:host([variant=info]:focus-within),:host([variant=info]:hover){--mds-input-select-icon-color:rgb(var(--status-info-04,159 216 241));--mds-input-select-variant-color-rgb:var(--status-info-05,112 198 234)}:host([variant=success]){--mds-input-select-icon-color:rgb(var(--status-success-05,107 206 147));--mds-input-select-tip-background:rgb(var(--status-success-05,107 206 147));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--status-success-09,0 82 9));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--status-success-08,0 116 46));--mds-input-select-arrow-icon-blur-color:rgb(var(--status-success-06,0 171 97));--mds-input-select-arrow-icon-hover-color:rgb(var(--status-success-04,158 222 181));--mds-input-select-variant-color-rgb:0 0 0}:host([variant=success]:focus-within),:host([variant=success]:hover){--mds-input-select-icon-color:rgb(var(--status-success-04,158 222 181));--mds-input-select-variant-color-rgb:var(--status-success-05,107 206 147)}:host([variant=warning]){--mds-input-select-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-input-select-tip-background:rgb(var(--status-warning-05,237 177 0));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--status-warning-09,90 67 0));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--status-warning-08,129 96 0));--mds-input-select-arrow-icon-blur-color:rgb(var(--status-warning-06,190 142 0));--mds-input-select-arrow-icon-hover-color:rgb(var(--status-warning-04,255 200 33));--mds-input-select-variant-color-rgb:0 0 0}:host([variant=warning]:focus-within),:host([variant=warning]:hover){--mds-input-select-icon-color:rgb(var(--status-warning-04,255 200 33));--mds-input-select-variant-color-rgb:var(--status-warning-05,237 177 0)}:host([variant=error]){--mds-input-select-icon-color:rgb(var(--status-error-05,250 165 160));--mds-input-select-tip-background:rgb(var(--status-error-05,250 165 160));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--status-error-09,135 0 14));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--status-error-08,182 50 54));--mds-input-select-arrow-icon-blur-color:rgb(var(--status-error-06,239 108 105));--mds-input-select-arrow-icon-hover-color:rgb(var(--status-error-04,254 193 189));--mds-input-select-variant-color-rgb:0 0 0}:host([variant=error]:focus-within),:host([variant=error]:hover){--mds-input-select-icon-color:rgb(var(--status-error-04,254 193 189));--mds-input-select-variant-color-rgb:var(--status-error-05,250 165 160)}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-animation-reduce) .input{transition-duration:0s}:host-context(:root.pref-animation-reduce) .input:hover{transition-duration:0s}:host-context(:root.pref-animation-reduce) .input:focus{transition-duration:0s}:host-context(:root.pref-animation-reduce) .icon{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-input-select-ring:var(--shadow-outline-50);--mds-input-select-arrow-icon-blur-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-input-select-arrow-icon-blur-color:rgb(var(--mds-input-select-variant-color));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--variant-primary-04,184 208 255));--mds-input-select-arrow-icon-hover-color:rgb(var(--variant-primary-08,0 83 239))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .input{color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more){--mds-input-select-ring:var(--shadow-outline-strong-50)}:host-context(:root.pref-contrast-more) .input{color:rgb(var(--tone-neutral-01,255 255 255))}@media (forced-colors:active){.input:focus,.input:hover{outline:2px solid #0000;outline-offset:2px}}@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]))) .input,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .input:focus,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .input:hover{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-input-select-ring:var(--shadow-outline-50);--mds-input-select-arrow-icon-blur-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-input-select-arrow-icon-blur-color:rgb(var(--mds-input-select-variant-color));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--variant-primary-04,184 208 255));--mds-input-select-arrow-icon-hover-color:rgb(var(--variant-primary-08,0 83 239))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .input{color:rgb(var(--tone-neutral-03,233 233 233))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-input-select-ring:var(--shadow-outline-strong-50)}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input{color:rgb(var(--tone-neutral-01,255 255 255))}}";
+const mdsInputSelectCss = () => `@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-input-select-variant-color-rgb:var(--tone-neutral-01,255 255 255);--mds-input-select-arrow-icon-background-color:var(--mds-input-select-arrow-icon-blur-background-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/0));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/0);--mds-input-select-arrow-icon-blur-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5);--mds-input-select-arrow-icon-color:var(--mds-input-select-arrow-icon-blur-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5);--mds-input-select-arrow-icon-hover-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255)));--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-horizontal-offset-focused:calc(var(--spacing,.0025rem)*1000);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-input-tip,mds-input-tip-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}:host{--mds-input-select-variant-color-rgb:var(--tone-neutral-01,255 255 255);--mds-input-select-ring:0 0 0 1px rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.1);--mds-input-select-shadow:0 1px 3px 0 rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.1),0 1px 2px 0 rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.06);--mds-input-select-arrow-icon-background-color:var(--mds-input-select-arrow-icon-blur-background-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/0));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/0);--mds-input-select-arrow-icon-blur-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5);--mds-input-select-arrow-icon-color:var(--mds-input-select-arrow-icon-blur-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5);--mds-input-select-arrow-icon-hover-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255)));--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-horizontal-offset-focused:calc(var(--spacing,.0025rem)*1000);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233));font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:rgb(var(--tone-neutral-02,244 244 244));display:flex;position:relative;-webkit-user-select:none;user-select:none;--mds-input-select-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-select-variant-color-rgb:0 0 0;--mds-input-select-arrow-icon-blur-background-color:rgb(var(--variant-primary-09,0 58 168));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--variant-primary-08,0 83 239));--mds-input-select-arrow-icon-blur-color:rgb(var(--variant-primary-06,90 147 255));--mds-input-select-arrow-icon-hover-color:rgb(var(--variant-primary-04,184 208 255))}:host([required]:not([required=false]):focus-within) .icon{-webkit-transform:translate(calc(var(--spacing,.0025rem)*150),calc(var(--spacing,.0025rem)*150));transform:translate(calc(var(--spacing,.0025rem)*150),calc(var(--spacing,.0025rem)*150))}:host(:focus-within),:host(:hover){--mds-input-select-variant-color-rgb:var(--variant-primary-03,211 226 255);--mds-input-select-ring:0 0 0 3px rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/1);--mds-input-select-shadow:0 4px 6px -1px rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.1),0 2px 4px -1px rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.06);--mds-input-select-arrow-icon-background-color:var(--mds-input-select-arrow-icon-hover-background-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5));--mds-input-select-arrow-icon-color:var(--mds-input-select-arrow-icon-hover-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))));--mds-input-select-variant-color-rgb:var(--variant-primary-04,184 208 255)}.input{font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;appearance:none;background-color:rgb(var(--tone-neutral,0 0 0));border:0;border-radius:var(--radius-xs,8px);-webkit-box-shadow:var(--mds-input-select-ring),var(--mds-input-select-shadow);box-shadow:var(--mds-input-select-ring),var(--mds-input-select-shadow);box-sizing:border-box;color:rgb(var(--tone-neutral-02,244 244 244));cursor:pointer;margin:0;min-height:calc(var(--spacing,.0025rem)*1200);overflow:hidden;padding-left:calc(var(--spacing,.0025rem)*400);padding-right:calc(var(--spacing,.0025rem)*1200);text-overflow:ellipsis;transition-property:background-color,border-color,box-shadow,color,fill;width:100%}.input,.input:focus,.input:hover{-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.input:focus,.input:hover{--tw-outline-style:none;color:rgb(var(--tone-neutral-03,233 233 233));outline-style:none}:host([value]:not([value=""])) .input{color:rgb(var(--tone-neutral-03,233 233 233))}:host([required]:not([required=false])) .input{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled{background-color:rgb(var(--tone-neutral-09,76 76 76));opacity:1}:host([disabled]:not([disabled=false])),:host([disabled]:not([disabled=false])) .input{pointer-events:none}:host([disabled]:not([disabled=false])) .icon{fill:rgb(var(--tone-neutral-06,158 158 158));-webkit-transform:translate(calc(var(--spacing,.0025rem)*250),calc(var(--spacing,.0025rem)*200));transform:translate(calc(var(--spacing,.0025rem)*250),calc(var(--spacing,.0025rem)*200))}.icon-container{align-items:center;color:inherit;display:flex;height:calc(var(--spacing,.0025rem)*1200);pointer-events:none;position:absolute;right:calc(var(--spacing,.0025rem)*400)}.icon{background-color:var(--mds-input-select-arrow-icon-background-color,var(--mds-input-select-arrow-icon-blur-background-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/0)));border-radius:var(--radius-full,1000px);display:flex;fill:var(--mds-input-select-arrow-icon-color,var(--mds-input-select-arrow-icon-blur-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5)));-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,fill}.icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}.option-container{display:none}mds-input-tip{--mds-input-tip-horizontal-offset:inherit;--mds-input-tip-horizontal-offset-focused:inherit;--mds-input-tip-vertical-offset:inherit;--mds-input-tip-background:inherit}@container (max-width:210px){:host .tip__content,:host(:focus-within) .tip__content{grid-template-columns:0fr;opacity:0}:host .tip{padding-left:0;padding-right:0}:host{--mds-input-select-background:rgb(var(--variant-primary-07,44 117 255))}}:host([variant=info]){--mds-input-select-icon-color:rgb(var(--status-info-05,112 198 234));--mds-input-select-tip-background:rgb(var(--status-info-05,112 198 234));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--status-info-09,0 73 116));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--status-info-08,0 107 151));--mds-input-select-arrow-icon-blur-color:rgb(var(--status-info-06,0 161 208));--mds-input-select-arrow-icon-hover-color:rgb(var(--status-info-04,159 216 241));--mds-input-select-variant-color-rgb:0 0 0}:host([variant=info]:focus-within),:host([variant=info]:hover){--mds-input-select-icon-color:rgb(var(--status-info-04,159 216 241));--mds-input-select-variant-color-rgb:var(--status-info-05,112 198 234)}:host([variant=success]){--mds-input-select-icon-color:rgb(var(--status-success-05,107 206 147));--mds-input-select-tip-background:rgb(var(--status-success-05,107 206 147));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--status-success-09,0 82 9));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--status-success-08,0 116 46));--mds-input-select-arrow-icon-blur-color:rgb(var(--status-success-06,0 171 97));--mds-input-select-arrow-icon-hover-color:rgb(var(--status-success-04,158 222 181));--mds-input-select-variant-color-rgb:0 0 0}:host([variant=success]:focus-within),:host([variant=success]:hover){--mds-input-select-icon-color:rgb(var(--status-success-04,158 222 181));--mds-input-select-variant-color-rgb:var(--status-success-05,107 206 147)}:host([variant=warning]){--mds-input-select-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-input-select-tip-background:rgb(var(--status-warning-05,237 177 0));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--status-warning-09,90 67 0));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--status-warning-08,129 96 0));--mds-input-select-arrow-icon-blur-color:rgb(var(--status-warning-06,190 142 0));--mds-input-select-arrow-icon-hover-color:rgb(var(--status-warning-04,255 200 33));--mds-input-select-variant-color-rgb:0 0 0}:host([variant=warning]:focus-within),:host([variant=warning]:hover){--mds-input-select-icon-color:rgb(var(--status-warning-04,255 200 33));--mds-input-select-variant-color-rgb:var(--status-warning-05,237 177 0)}:host([variant=error]){--mds-input-select-icon-color:rgb(var(--status-error-05,250 165 160));--mds-input-select-tip-background:rgb(var(--status-error-05,250 165 160));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--status-error-09,135 0 14));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--status-error-08,182 50 54));--mds-input-select-arrow-icon-blur-color:rgb(var(--status-error-06,239 108 105));--mds-input-select-arrow-icon-hover-color:rgb(var(--status-error-04,254 193 189));--mds-input-select-variant-color-rgb:0 0 0}:host([variant=error]:focus-within),:host([variant=error]:hover){--mds-input-select-icon-color:rgb(var(--status-error-04,254 193 189));--mds-input-select-variant-color-rgb:var(--status-error-05,250 165 160)}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-animation-reduce) .input{transition-duration:0s}:host-context(:root.pref-animation-reduce) .input:hover{transition-duration:0s}:host-context(:root.pref-animation-reduce) .input:focus{transition-duration:0s}:host-context(:root.pref-animation-reduce) .icon{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-input-select-ring:var(--shadow-outline-50);--mds-input-select-arrow-icon-blur-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-input-select-arrow-icon-blur-color:rgb(var(--mds-input-select-variant-color));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--variant-primary-04,184 208 255));--mds-input-select-arrow-icon-hover-color:rgb(var(--variant-primary-08,0 83 239))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .input{color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more){--mds-input-select-ring:var(--shadow-outline-strong-50)}:host-context(:root.pref-contrast-more) .input{color:rgb(var(--tone-neutral-01,255 255 255))}@media (forced-colors:active){.input:focus,.input:hover{outline:2px solid #0000;outline-offset:2px}}@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]))) .input,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .input:focus,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .input:hover{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-input-select-ring:var(--shadow-outline-50);--mds-input-select-arrow-icon-blur-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-input-select-arrow-icon-blur-color:rgb(var(--mds-input-select-variant-color));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--variant-primary-04,184 208 255));--mds-input-select-arrow-icon-hover-color:rgb(var(--variant-primary-08,0 83 239))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .input{color:rgb(var(--tone-neutral-03,233 233 233))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-input-select-ring:var(--shadow-outline-strong-50)}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input{color:rgb(var(--tone-neutral-01,255 255 255))}}`;
 
 const MdsInputSelect = class {
     constructor(hostRef) {
@@ -174,11 +174,17 @@ const MdsInputSelect = class {
     static get formAssociated() { return true; }
     get host() { return getElement(this); }
     static get watchers() { return {
-        "value": ["valueChanged"],
-        "disabled": ["disabledChanged"],
-        "placeholder": ["placeholderChanged"]
+        "value": [{
+                "valueChanged": 0
+            }],
+        "disabled": [{
+                "disabledChanged": 0
+            }],
+        "placeholder": [{
+                "placeholderChanged": 0
+            }]
     }; }
 };
-MdsInputSelect.style = mdsInputSelectCss;
+MdsInputSelect.style = mdsInputSelectCss();
 
 export { MdsInputSelect as mds_input_select };

package/dist/esm/mds-input-switch_2.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 { c as clsx } from './clsx-ChV9xqsO.js';
 import { m as miBaselineRemove } from './remove-D17B058a.js';
 import { K as KeyboardManager } from './keyboard-manager-BudfaWhu.js';
@@ -67,7 +67,7 @@ var localeIt = {
 	unselect: unselect
 };
 
-const mdsInputSwitchCss = "@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-input-switch-animation-timing-adjust:1.4;--mds-input-switch-box-color-enabled-checked:rgb(var(--variant-primary-04,184 208 255));--mds-input-switch-box-color-enabled-unchecked:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-box-color-disabled-checked:rgb(var(--tone-neutral-08,107 107 107));--mds-input-switch-box-color-disabled-unchecked:rgb(var(--tone-neutral-08,107 107 107));--mds-input-switch-box-padding-lg:calc(var(--spacing,.0025rem)*100);--mds-input-switch-box-padding-md:calc(var(--spacing,.0025rem)*100);--mds-input-switch-box-padding-sm:calc(var(--spacing,.0025rem)*100);--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem)*100));--mds-input-switch-duration:.3s;--mds-input-switch-icon-color-checked-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-color-checked:rgb(var(--variant-primary-04,184 208 255));--mds-input-switch-icon-color-indeterminate-disabled:rgb(var(--tone-neutral-05,197 197 197));--mds-input-switch-icon-color-indeterminate:rgb(var(--tone-neutral-05,197 197 197));--mds-input-switch-icon-color-unchecked-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-color-unchecked:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked,rgb(var(--variant-primary-04,184 208 255)));--mds-input-switch-toggle-color-enabled-checked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-color-enabled-unchecked:rgb(var(--tone-neutral-10,60 60 60));--mds-input-switch-toggle-color-disabled-checked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-color-disabled-unchecked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600))*2) + calc(var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem)*100))*2));--mds-input-switch-toggle-size-lg:calc(var(--spacing,.0025rem)*800);--mds-input-switch-toggle-size-md:calc(var(--spacing,.0025rem)*600);--mds-input-switch-toggle-size-sm:calc(var(--spacing,.0025rem)*400);--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600));--tw-font-weight:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(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-input-switch-animation-timing-adjust{syntax:\"<number>\";inherits:false;initial-value:1.4}@property --mds-input-switch-duration{syntax:\"<time>\";inherits:false;initial-value:.3s}:host{--mds-input-switch-animation-timing-adjust:1.4;--mds-input-switch-animation-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955));--mds-input-switch-box-color-enabled-checked:rgb(var(--variant-primary-04,184 208 255));--mds-input-switch-box-color-enabled-unchecked:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-box-color-disabled-checked:rgb(var(--tone-neutral-08,107 107 107));--mds-input-switch-box-color-disabled-unchecked:rgb(var(--tone-neutral-08,107 107 107));--mds-input-switch-box-padding-lg:calc(var(--spacing,.0025rem)*100);--mds-input-switch-box-padding-md:calc(var(--spacing,.0025rem)*100);--mds-input-switch-box-padding-sm:calc(var(--spacing,.0025rem)*100);--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem)*100));--mds-input-switch-duration:.3s;--mds-input-switch-icon-color-checked-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-color-checked:rgb(var(--variant-primary-04,184 208 255));--mds-input-switch-icon-color-indeterminate-disabled:rgb(var(--tone-neutral-05,197 197 197));--mds-input-switch-icon-color-indeterminate:rgb(var(--tone-neutral-05,197 197 197));--mds-input-switch-icon-color-unchecked-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-color-unchecked:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked,rgb(var(--variant-primary-04,184 208 255)));--mds-input-switch-toggle-color-enabled-checked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-color-enabled-unchecked:rgb(var(--tone-neutral-10,60 60 60));--mds-input-switch-toggle-color-disabled-checked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-color-disabled-unchecked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600))*2) + calc(var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem)*100))*2));--mds-input-switch-toggle-size-lg:calc(var(--spacing,.0025rem)*800);--mds-input-switch-toggle-size-md:calc(var(--spacing,.0025rem)*600);--mds-input-switch-toggle-size-sm:calc(var(--spacing,.0025rem)*400);--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600));align-items:flex-start;display:inline-flex;gap:calc(var(--spacing,.0025rem)*200)}.field{display:none}.label-icon{align-items:baseline;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));border-radius:var(--radius);cursor:pointer;display:flex;outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));position:relative;transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-property:outline-offset,opacity;transition-timing-function:ease-in-out}.label-icon:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}.label-text{cursor:pointer;display:flex}.label-text--empty{display:none}:host([type=switch]) .label-text{align-items:center;align-self:center}.icon-explicit{fill:var(--mds-input-switch-icon-explicit-color,var(--mds-input-switch-icon-color-checked,rgb(var(--variant-primary-04,184 208 255))));height:var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)));width:var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)))}.icon-typography-checked,.icon-typography-unchecked{align-items:center;display:inline-flex}.icon-typography-checked{left:0;position:absolute;top:0}.switch-container{align-self:stretch;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));border-radius:var(--radius-full,1000px);box-sizing:border-box;display:flex;flex-shrink:0;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-property:width,outline-offset,opacity;transition-timing-function:ease-in-out;width:var(--mds-input-switch-toggle-container-size,calc(calc(var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600))*2) + calc(var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem)*100))*2)))}.switch-container:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}.switch{background-color:var(--mds-input-switch-box-color-enabled-unchecked,rgb(var(--tone-neutral-06,158 158 158)));box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;height:min-content;padding:var(--mds-input-switch-box-padding,var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem)*100)));-webkit-transition-duration:var(--mds-input-switch-duration,.3s);transition-duration:var(--mds-input-switch-duration,.3s);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;-webkit-transition-timing-function:var(--ease-in-out);transition-timing-function:var(--ease-in-out);width:var(--mds-input-switch-toggle-container-size,calc(calc(var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600))*2) + calc(var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem)*100))*2)))}.switch,.switch-toggle{border-radius:var(--radius-full,1000px)}.switch-toggle{align-items:center;-webkit-animation-duration:calc(var(--mds-input-switch-duration,.3s)*1.5);animation-duration:calc(var(--mds-input-switch-duration,.3s)*1.5);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:none;animation-play-state:paused;-webkit-animation-timing-function:var(--mds-input-switch-animation-timing-function);animation-timing-function:var(--mds-input-switch-animation-timing-function);background-color:var(--mds-input-switch-toggle-color-enabled-checked,rgb(var(--tone-neutral,0 0 0)));-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow);display:flex;height:var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)));justify-content:center;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;-webkit-transition-timing-function:var(--ease-linear);transition-timing-function:var(--ease-linear);width:var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)))}.field:checked+.switch-container .switch{background-color:var(--mds-input-switch-box-color-enabled-checked,rgb(var(--variant-primary-04,184 208 255)))}.field:checked+.switch-container .switch-toggle{animation-name:check;-webkit-animation-play-state:initial;animation-play-state:initial;background-color:var(--mds-input-switch-toggle-color-enabled-checked,rgb(var(--tone-neutral,0 0 0)))}.field:not(:checked)+.dirty .switch-toggle{animation-name:uncheck;-webkit-animation-play-state:initial;animation-play-state:initial;background-color:var(--mds-input-switch-toggle-color-enabled-unchecked,rgb(var(--tone-neutral-10,60 60 60)))}.field:disabled+.switch-container .switch{background-color:var(--mds-input-switch-box-color-disabled-unchecked,rgb(var(--tone-neutral-08,107 107 107)))}.field:checked:disabled+.switch-container .switch{background-color:var(--mds-input-switch-box-color-disabled-checked,rgb(var(--tone-neutral-08,107 107 107)))}.field:disabled+.switch-container .switch-toggle{background-color:var(--mds-input-switch-toggle-color-disabled-unchecked,rgb(var(--tone-neutral,0 0 0)))}.field:checked:disabled+.switch-container .switch-toggle{background-color:var(--mds-input-switch-toggle-color-disabled-checked,rgb(var(--tone-neutral,0 0 0)))}@keyframes check{0%{transform:translate(0);width:var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)))}50%{transform:translate(0);width:calc(var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)))*var(--mds-input-switch-animation-timing-adjust,1.4))}to{transform:translate(100%);width:var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)))}}@keyframes uncheck{0%{transform:translate(100%);width:var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)))}50%{transform:translate(0);width:calc(var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)))*var(--mds-input-switch-animation-timing-adjust,1.4))}to{transform:translate(0);width:var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)))}}:host([disabled]){pointer-events:none}.icon-checked,.icon-unchecked{--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:fill,transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.icon-unchecked{fill:var(--mds-input-switch-icon-color-unchecked,rgb(var(--tone-neutral-06,158 158 158)));opacity:1;transform:scale(1)}.icon-checked,.icon-unchecked{-webkit-transition-duration:var(--mds-input-switch-duration,.3s);transition-duration:var(--mds-input-switch-duration,.3s)}.icon-checked{fill:var(--mds-input-switch-icon-color-checked,rgb(var(--variant-primary-04,184 208 255)));transform:scale(0)}.field:disabled+.label-icon,.field:disabled+.label-icon+.label-text{cursor:default}.field:checked+.label-icon .icon-unchecked{opacity:0;transform:scale(1.5);-webkit-transition-duration:calc(var(--mds-input-switch-duration,.3s)*2);transition-duration:calc(var(--mds-input-switch-duration,.3s)*2)}.field:checked+.label-icon .icon-checked{transform:scale(1);-webkit-transition-duration:calc(var(--mds-input-switch-duration,.3s)*1.5);transition-duration:calc(var(--mds-input-switch-duration,.3s)*1.5)}.field:disabled+.label-icon .icon-unchecked{fill:var(--mds-input-switch-icon-color-unchecked-disabled,rgb(var(--tone-neutral-06,158 158 158)))}.field:disabled+.label-icon .icon-checked{fill:var(--mds-input-switch-icon-color-checked-disabled,rgb(var(--tone-neutral-06,158 158 158)))}.field:disabled:indeterminate+.label-icon .icon-checked{fill:var(--mds-input-switch-icon-color-indeterminate-disabled,rgb(var(--tone-neutral-05,197 197 197)))}.field:indeterminate+.label-icon .icon-checked{fill:var(--mds-input-switch-icon-color-indeterminate,rgb(var(--tone-neutral-05,197 197 197)));transform:scale(1)}:host([explicit]:not([disabled]):not([checked])){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-unchecked,rgb(var(--tone-neutral-06,158 158 158)))}:host([explicit][checked]:not([disabled])){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked,rgb(var(--variant-primary-04,184 208 255)))}:host([explicit][checked][disabled]){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked-disabled,rgb(var(--tone-neutral-06,158 158 158)))}:host([explicit][disabled]:not([checked])){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-unchecked-disabled,rgb(var(--tone-neutral-06,158 158 158)))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-input-switch-box-color-enabled-checked:rgb(var(--variant-primary-04,184 208 255));--mds-input-switch-box-color-enabled-unchecked:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-box-color-disabled-checked:rgb(var(--tone-neutral-08,107 107 107));--mds-input-switch-box-color-disabled-unchecked:rgb(var(--tone-neutral-08,107 107 107));--mds-input-switch-toggle-color-enabled-checked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-color-enabled-unchecked:rgb(var(--tone-neutral-10,60 60 60));--mds-input-switch-toggle-color-disabled-checked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-color-disabled-unchecked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-icon-color-checked-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-color-checked:rgb(var(--variant-primary-06,90 147 255));--mds-input-switch-icon-color-indeterminate-disabled:rgb(var(--tone-neutral-05,197 197 197));--mds-input-switch-icon-color-indeterminate:rgb(var(--tone-neutral-05,197 197 197));--mds-input-switch-icon-color-unchecked-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-color-unchecked:rgb(var(--tone-neutral-06,158 158 158))}:host([size=sm]){--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-sm,calc(var(--spacing,.0025rem)*100));--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-sm,calc(var(--spacing,.0025rem)*400));--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-sm,calc(var(--spacing,.0025rem)*400))*2) + calc(var(--mds-input-switch-box-padding-sm,calc(var(--spacing,.0025rem)*100))*2))}:host([size=md]){--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem)*100));--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600));--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600))*2) + calc(var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem)*100))*2))}:host([size=lg]){--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-lg,calc(var(--spacing,.0025rem)*100));--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-lg,calc(var(--spacing,.0025rem)*800));--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-lg,calc(var(--spacing,.0025rem)*800))*2) + calc(var(--mds-input-switch-box-padding-lg,calc(var(--spacing,.0025rem)*100))*2))}@property --tw-font-weight{syntax:\"*\";inherits:false}@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-input-switch-box-color-enabled-checked:rgb(var(--variant-primary-04,184 208 255));--mds-input-switch-box-color-enabled-unchecked:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-box-color-disabled-checked:rgb(var(--tone-neutral-08,107 107 107));--mds-input-switch-box-color-disabled-unchecked:rgb(var(--tone-neutral-08,107 107 107));--mds-input-switch-toggle-color-enabled-checked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-color-enabled-unchecked:rgb(var(--tone-neutral-10,60 60 60));--mds-input-switch-toggle-color-disabled-checked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-color-disabled-unchecked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-icon-color-checked-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-color-checked:rgb(var(--variant-primary-06,90 147 255));--mds-input-switch-icon-color-indeterminate-disabled:rgb(var(--tone-neutral-05,197 197 197));--mds-input-switch-icon-color-indeterminate:rgb(var(--tone-neutral-05,197 197 197));--mds-input-switch-icon-color-unchecked-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-color-unchecked:rgb(var(--tone-neutral-06,158 158 158))}}";
+const mdsInputSwitchCss = () => `@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-input-switch-animation-timing-adjust:1.4;--mds-input-switch-box-color-enabled-checked:rgb(var(--variant-primary-04,184 208 255));--mds-input-switch-box-color-enabled-unchecked:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-box-color-disabled-checked:rgb(var(--tone-neutral-08,107 107 107));--mds-input-switch-box-color-disabled-unchecked:rgb(var(--tone-neutral-08,107 107 107));--mds-input-switch-box-padding-lg:calc(var(--spacing,.0025rem)*100);--mds-input-switch-box-padding-md:calc(var(--spacing,.0025rem)*100);--mds-input-switch-box-padding-sm:calc(var(--spacing,.0025rem)*100);--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem)*100));--mds-input-switch-duration:.3s;--mds-input-switch-icon-color-checked-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-color-checked:rgb(var(--variant-primary-04,184 208 255));--mds-input-switch-icon-color-indeterminate-disabled:rgb(var(--tone-neutral-05,197 197 197));--mds-input-switch-icon-color-indeterminate:rgb(var(--tone-neutral-05,197 197 197));--mds-input-switch-icon-color-unchecked-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-color-unchecked:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked,rgb(var(--variant-primary-04,184 208 255)));--mds-input-switch-toggle-color-enabled-checked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-color-enabled-unchecked:rgb(var(--tone-neutral-10,60 60 60));--mds-input-switch-toggle-color-disabled-checked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-color-disabled-unchecked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem) * 600)) * 2) + calc(var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem) * 100)) * 2));--mds-input-switch-toggle-size-lg:calc(var(--spacing,.0025rem)*800);--mds-input-switch-toggle-size-md:calc(var(--spacing,.0025rem)*600);--mds-input-switch-toggle-size-sm:calc(var(--spacing,.0025rem)*400);--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600));--tw-font-weight:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(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-input-switch-animation-timing-adjust{syntax:"<number>";inherits:false;initial-value:1.4}@property --mds-input-switch-duration{syntax:"<time>";inherits:false;initial-value:.3s}:host{--mds-input-switch-animation-timing-adjust:1.4;--mds-input-switch-animation-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955));--mds-input-switch-box-color-enabled-checked:rgb(var(--variant-primary-04,184 208 255));--mds-input-switch-box-color-enabled-unchecked:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-box-color-disabled-checked:rgb(var(--tone-neutral-08,107 107 107));--mds-input-switch-box-color-disabled-unchecked:rgb(var(--tone-neutral-08,107 107 107));--mds-input-switch-box-padding-lg:calc(var(--spacing,.0025rem)*100);--mds-input-switch-box-padding-md:calc(var(--spacing,.0025rem)*100);--mds-input-switch-box-padding-sm:calc(var(--spacing,.0025rem)*100);--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem)*100));--mds-input-switch-duration:.3s;--mds-input-switch-icon-color-checked-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-color-checked:rgb(var(--variant-primary-04,184 208 255));--mds-input-switch-icon-color-indeterminate-disabled:rgb(var(--tone-neutral-05,197 197 197));--mds-input-switch-icon-color-indeterminate:rgb(var(--tone-neutral-05,197 197 197));--mds-input-switch-icon-color-unchecked-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-color-unchecked:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked,rgb(var(--variant-primary-04,184 208 255)));--mds-input-switch-toggle-color-enabled-checked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-color-enabled-unchecked:rgb(var(--tone-neutral-10,60 60 60));--mds-input-switch-toggle-color-disabled-checked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-color-disabled-unchecked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem) * 600)) * 2) + calc(var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem) * 100)) * 2));--mds-input-switch-toggle-size-lg:calc(var(--spacing,.0025rem)*800);--mds-input-switch-toggle-size-md:calc(var(--spacing,.0025rem)*600);--mds-input-switch-toggle-size-sm:calc(var(--spacing,.0025rem)*400);--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600));align-items:flex-start;display:inline-flex;gap:calc(var(--spacing,.0025rem)*200)}.field{display:none}.label-icon{align-items:baseline;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));border-radius:var(--radius);cursor:pointer;display:flex;outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));position:relative;transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-property:outline-offset,opacity;transition-timing-function:ease-in-out}.label-icon:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}.label-text{cursor:pointer;display:flex}.label-text--empty{display:none}:host([type=switch]) .label-text{align-items:center;align-self:center}.icon-explicit{fill:var(--mds-input-switch-icon-explicit-color,var(--mds-input-switch-icon-color-checked,rgb(var(--variant-primary-04,184 208 255))));height:var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)));width:var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)))}.icon-typography-checked,.icon-typography-unchecked{align-items:center;display:inline-flex}.icon-typography-checked{left:0;position:absolute;top:0}.switch-container{align-self:stretch;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));border-radius:var(--radius-full,1000px);box-sizing:border-box;display:flex;flex-shrink:0;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-property:width,outline-offset,opacity;transition-timing-function:ease-in-out;width:var(--mds-input-switch-toggle-container-size,calc(calc(var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem) * 600)) * 2) + calc(var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem) * 100)) * 2)))}.switch-container:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}.switch{background-color:var(--mds-input-switch-box-color-enabled-unchecked,rgb(var(--tone-neutral-06,158 158 158)));box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;height:min-content;padding:var(--mds-input-switch-box-padding,var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem)*100)));-webkit-transition-duration:var(--mds-input-switch-duration,.3s);transition-duration:var(--mds-input-switch-duration,.3s);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;-webkit-transition-timing-function:var(--ease-in-out);transition-timing-function:var(--ease-in-out);width:var(--mds-input-switch-toggle-container-size,calc(calc(var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem) * 600)) * 2) + calc(var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem) * 100)) * 2)))}.switch,.switch-toggle{border-radius:var(--radius-full,1000px)}.switch-toggle{align-items:center;-webkit-animation-duration:calc(var(--mds-input-switch-duration,.3s)*1.5);animation-duration:calc(var(--mds-input-switch-duration,.3s)*1.5);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:none;animation-play-state:paused;-webkit-animation-timing-function:var(--mds-input-switch-animation-timing-function);animation-timing-function:var(--mds-input-switch-animation-timing-function);background-color:var(--mds-input-switch-toggle-color-enabled-checked,rgb(var(--tone-neutral,0 0 0)));-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow);display:flex;height:var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)));justify-content:center;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;-webkit-transition-timing-function:var(--ease-linear);transition-timing-function:var(--ease-linear);width:var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)))}.field:checked+.switch-container .switch{background-color:var(--mds-input-switch-box-color-enabled-checked,rgb(var(--variant-primary-04,184 208 255)))}.field:checked+.switch-container .switch-toggle{animation-name:check;-webkit-animation-play-state:initial;animation-play-state:initial;background-color:var(--mds-input-switch-toggle-color-enabled-checked,rgb(var(--tone-neutral,0 0 0)))}.field:not(:checked)+.dirty .switch-toggle{animation-name:uncheck;-webkit-animation-play-state:initial;animation-play-state:initial;background-color:var(--mds-input-switch-toggle-color-enabled-unchecked,rgb(var(--tone-neutral-10,60 60 60)))}.field:disabled+.switch-container .switch{background-color:var(--mds-input-switch-box-color-disabled-unchecked,rgb(var(--tone-neutral-08,107 107 107)))}.field:checked:disabled+.switch-container .switch{background-color:var(--mds-input-switch-box-color-disabled-checked,rgb(var(--tone-neutral-08,107 107 107)))}.field:disabled+.switch-container .switch-toggle{background-color:var(--mds-input-switch-toggle-color-disabled-unchecked,rgb(var(--tone-neutral,0 0 0)))}.field:checked:disabled+.switch-container .switch-toggle{background-color:var(--mds-input-switch-toggle-color-disabled-checked,rgb(var(--tone-neutral,0 0 0)))}@keyframes check{0%{transform:translate(0);width:var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)))}50%{transform:translate(0);width:calc(var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem) * 600))) * var(--mds-input-switch-animation-timing-adjust,1.4))}to{transform:translate(100%);width:var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)))}}@keyframes uncheck{0%{transform:translate(100%);width:var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)))}50%{transform:translate(0);width:calc(var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem) * 600))) * var(--mds-input-switch-animation-timing-adjust,1.4))}to{transform:translate(0);width:var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)))}}:host([disabled]){pointer-events:none}.icon-checked,.icon-unchecked{--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:fill,transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.icon-unchecked{fill:var(--mds-input-switch-icon-color-unchecked,rgb(var(--tone-neutral-06,158 158 158)));opacity:1;transform:scale(1)}.icon-checked,.icon-unchecked{-webkit-transition-duration:var(--mds-input-switch-duration,.3s);transition-duration:var(--mds-input-switch-duration,.3s)}.icon-checked{fill:var(--mds-input-switch-icon-color-checked,rgb(var(--variant-primary-04,184 208 255)));transform:scale(0)}.field:disabled+.label-icon,.field:disabled+.label-icon+.label-text{cursor:default}.field:checked+.label-icon .icon-unchecked{opacity:0;transform:scale(1.5);-webkit-transition-duration:calc(var(--mds-input-switch-duration,.3s)*2);transition-duration:calc(var(--mds-input-switch-duration,.3s)*2)}.field:checked+.label-icon .icon-checked{transform:scale(1);-webkit-transition-duration:calc(var(--mds-input-switch-duration,.3s)*1.5);transition-duration:calc(var(--mds-input-switch-duration,.3s)*1.5)}.field:disabled+.label-icon .icon-unchecked{fill:var(--mds-input-switch-icon-color-unchecked-disabled,rgb(var(--tone-neutral-06,158 158 158)))}.field:disabled+.label-icon .icon-checked{fill:var(--mds-input-switch-icon-color-checked-disabled,rgb(var(--tone-neutral-06,158 158 158)))}.field:disabled:indeterminate+.label-icon .icon-checked{fill:var(--mds-input-switch-icon-color-indeterminate-disabled,rgb(var(--tone-neutral-05,197 197 197)))}.field:indeterminate+.label-icon .icon-checked{fill:var(--mds-input-switch-icon-color-indeterminate,rgb(var(--tone-neutral-05,197 197 197)));transform:scale(1)}:host([explicit]:not([disabled]):not([checked])){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-unchecked,rgb(var(--tone-neutral-06,158 158 158)))}:host([explicit][checked]:not([disabled])){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked,rgb(var(--variant-primary-04,184 208 255)))}:host([explicit][checked][disabled]){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked-disabled,rgb(var(--tone-neutral-06,158 158 158)))}:host([explicit][disabled]:not([checked])){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-unchecked-disabled,rgb(var(--tone-neutral-06,158 158 158)))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-input-switch-box-color-enabled-checked:rgb(var(--variant-primary-04,184 208 255));--mds-input-switch-box-color-enabled-unchecked:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-box-color-disabled-checked:rgb(var(--tone-neutral-08,107 107 107));--mds-input-switch-box-color-disabled-unchecked:rgb(var(--tone-neutral-08,107 107 107));--mds-input-switch-toggle-color-enabled-checked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-color-enabled-unchecked:rgb(var(--tone-neutral-10,60 60 60));--mds-input-switch-toggle-color-disabled-checked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-color-disabled-unchecked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-icon-color-checked-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-color-checked:rgb(var(--variant-primary-06,90 147 255));--mds-input-switch-icon-color-indeterminate-disabled:rgb(var(--tone-neutral-05,197 197 197));--mds-input-switch-icon-color-indeterminate:rgb(var(--tone-neutral-05,197 197 197));--mds-input-switch-icon-color-unchecked-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-color-unchecked:rgb(var(--tone-neutral-06,158 158 158))}:host([size=sm]){--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-sm,calc(var(--spacing,.0025rem)*100));--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-sm,calc(var(--spacing,.0025rem)*400));--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-sm,calc(var(--spacing,.0025rem) * 400)) * 2) + calc(var(--mds-input-switch-box-padding-sm,calc(var(--spacing,.0025rem) * 100)) * 2))}:host([size=md]){--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem)*100));--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600));--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem) * 600)) * 2) + calc(var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem) * 100)) * 2))}:host([size=lg]){--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-lg,calc(var(--spacing,.0025rem)*100));--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-lg,calc(var(--spacing,.0025rem)*800));--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-lg,calc(var(--spacing,.0025rem) * 800)) * 2) + calc(var(--mds-input-switch-box-padding-lg,calc(var(--spacing,.0025rem) * 100)) * 2))}@property --tw-font-weight{syntax:"*";inherits:false}@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-input-switch-box-color-enabled-checked:rgb(var(--variant-primary-04,184 208 255));--mds-input-switch-box-color-enabled-unchecked:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-box-color-disabled-checked:rgb(var(--tone-neutral-08,107 107 107));--mds-input-switch-box-color-disabled-unchecked:rgb(var(--tone-neutral-08,107 107 107));--mds-input-switch-toggle-color-enabled-checked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-color-enabled-unchecked:rgb(var(--tone-neutral-10,60 60 60));--mds-input-switch-toggle-color-disabled-checked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-color-disabled-unchecked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-icon-color-checked-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-color-checked:rgb(var(--variant-primary-06,90 147 255));--mds-input-switch-icon-color-indeterminate-disabled:rgb(var(--tone-neutral-05,197 197 197));--mds-input-switch-icon-color-indeterminate:rgb(var(--tone-neutral-05,197 197 197));--mds-input-switch-icon-color-unchecked-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-color-unchecked:rgb(var(--tone-neutral-06,158 158 158))}}`;
 
 const MdsInputSwitch = class {
     constructor(hostRef) {
@@ -200,14 +200,20 @@ const MdsInputSwitch = class {
     static get formAssociated() { return true; }
     get host() { return getElement(this); }
     static get watchers() { return {
-        "disabled": ["disabledChanged"],
-        "checked": ["checkedChanged"],
-        "explicit": ["explicitChanged"]
+        "disabled": [{
+                "disabledChanged": 0
+            }],
+        "checked": [{
+                "checkedChanged": 0
+            }],
+        "explicit": [{
+                "explicitChanged": 0
+            }]
     }; }
 };
-MdsInputSwitch.style = mdsInputSwitchCss;
+MdsInputSwitch.style = mdsInputSwitchCss();
 
-const mdsTableCellCss = "@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-table-cell-background:var(--mds-table-row-background);--mds-table-cell-background-alt:var(--mds-table-row-background-alt,rgb(var(--tone-neutral,0 0 0)));--mds-table-cell-color-alt:var(--mds-table-row-color-alt,rgb(var(--tone-neutral-02,244 244 244)));--mds-table-cell-color:var(--mds-table-row-color);--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host{--mds-table-cell-background:var(--mds-table-row-background);--mds-table-cell-background-alt:var(--mds-table-row-background-alt,rgb(var(--tone-neutral,0 0 0)));--mds-table-cell-color-alt:var(--mds-table-row-color-alt,rgb(var(--tone-neutral-02,244 244 244)));--mds-table-cell-color:var(--mds-table-row-color);--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:var(--mds-table-cell-background,var(--mds-table-row-background));border-bottom:var(--private-cell-border-width)solid var(--private-cell-border-color)!important;border-top:var(--private-cell-border-width)solid transparent!important;color:var(--mds-table-cell-color,var(--mds-table-row-color));display:table-cell;padding:var(--mds-table-cell-padding,calc(var(--spacing,.0025rem)*400));transition-duration:.2s;transition-property:background-color,border-color,color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host([selected]){--mds-table-cell-background:var(--mds-table-cell-background-alt,var(--mds-table-row-background-alt,rgb(var(--tone-neutral,0 0 0))));--mds-table-cell-color:var(--mds-table-cell-color-alt,var(--mds-table-row-color-alt,rgb(var(--tone-neutral-02,244 244 244))))}:host([sorted]){--mds-table-cell-background:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));--mds-table-cell-color:var(--mds-table-color,rgb(var(--tone-neutral-02,244 244 244)))}:host(: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 --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}";
+const mdsTableCellCss = () => `@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-table-cell-background:var(--mds-table-row-background);--mds-table-cell-background-alt:var(--mds-table-row-background-alt,rgb(var(--tone-neutral,0 0 0)));--mds-table-cell-color-alt:var(--mds-table-row-color-alt,rgb(var(--tone-neutral-02,244 244 244)));--mds-table-cell-color:var(--mds-table-row-color);--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host{--mds-table-cell-background:var(--mds-table-row-background);--mds-table-cell-background-alt:var(--mds-table-row-background-alt,rgb(var(--tone-neutral,0 0 0)));--mds-table-cell-color-alt:var(--mds-table-row-color-alt,rgb(var(--tone-neutral-02,244 244 244)));--mds-table-cell-color:var(--mds-table-row-color);--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:var(--mds-table-cell-background,var(--mds-table-row-background));border-bottom:var(--private-cell-border-width) solid var(--private-cell-border-color)!important;border-top:var(--private-cell-border-width) solid transparent!important;color:var(--mds-table-cell-color,var(--mds-table-row-color));display:table-cell;padding:var(--mds-table-cell-padding,calc(var(--spacing,.0025rem)*400));transition-duration:.2s;transition-property:background-color,border-color,color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host([selected]){--mds-table-cell-background:var(--mds-table-cell-background-alt,var(--mds-table-row-background-alt,rgb(var(--tone-neutral,0 0 0))));--mds-table-cell-color:var(--mds-table-cell-color-alt,var(--mds-table-row-color-alt,rgb(var(--tone-neutral-02,244 244 244))))}:host([sorted]){--mds-table-cell-background:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));--mds-table-cell-color:var(--mds-table-color,rgb(var(--tone-neutral-02,244 244 244)))}:host(: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 --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}`;
 
 const MdsTableCell = class {
     constructor(hostRef) {
@@ -221,6 +227,6 @@ const MdsTableCell = class {
     }
     get host() { return getElement(this); }
 };
-MdsTableCell.style = mdsTableCellCss;
+MdsTableCell.style = mdsTableCellCss();
 
 export { MdsInputSwitch as mds_input_switch, MdsTableCell as mds_table_cell };