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

package/dist/cjs/mds-calendar_2.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
-var datetime = require('./datetime-CVIe4VUc.js');
+var index = require('./index-CNuKb6Lv.js');
+var datetime = require('./datetime-DHnUzK2K.js');
 var locale = require('./locale-oGW3SvGJ.js');
 var date = require('./date-dnDGaLCn.js');
 var clsx = require('./clsx-BtxeOLZW.js');
@@ -10,7 +10,7 @@ var miBaselineForwardIos = `<svg xmlns="http://www.w3.org/2000/svg" width="24" h
 
 var miBaselineBackIosNew = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17.77 3.77L16 2L6 12l10 10l1.77-1.77L9.54 12z"/></svg>`;
 
-const mdsCalendarCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-calendar-day-number-other-month-color:rgb(var(--tone-neutral-07,134 134 134));--mds-calendar-day-number-color:rgb(var(--tone-neutral-01,255 255 255));--mds-calendar-cell-gap:var(--gap-50);--mds-calendar-cell-other-month-visibility:visible;--mds-calendar-border-radius:var(--radius-lg,16px);--mds-calendar-background:rgb(var(--tone-neutral,0 0 0));--mds-calendar-padding:calc(var(--spacing,.0025rem)*400)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-calendar-cell):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-calendar-cell-other-month-visibility{syntax:\"visible|hidden\";inherits:false;initial-value:visible}:host{--mds-calendar-day-number-other-month-color:rgb(var(--tone-neutral-07,134 134 134));--mds-calendar-day-number-color:rgb(var(--tone-neutral-01,255 255 255));--mds-calendar-cell-gap:calc(var(--spacing,.0025rem)*50);--mds-calendar-cell-other-month-visibility:visible;--mds-calendar-border-radius:var(--radius-lg,16px);--mds-calendar-background:rgb(var(--tone-neutral,0 0 0));--mds-calendar-padding:calc(var(--spacing,.0025rem)*400);--mds-calendar-max-width:480px;--mds-calendar-min-width:280px;background-color:rgb(var(--tone-neutral-09,76 76 76));border-radius:var(--mds-calendar-border-radius,var(--radius-lg,16px));cursor:auto;display:inline-flex;max-width:var(--mds-calendar-max-width);min-width:max-content;overflow:hidden}.calendar-view{background-color:var(--mds-calendar-background,rgb(var(--tone-neutral,0 0 0)));border-radius:inherit;display:grid;width:100%}.calendar-preselection,.calendar-view{padding:var(--mds-calendar-padding,calc(var(--spacing,.0025rem)*400))}.calendar-preselection{display:none;gap:calc(var(--spacing,.0025rem)*50);grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content}.calendar-preselection--has-preselection{display:grid}nav{display:flex;gap:calc(var(--spacing,.0025rem)*200);justify-content:space-between}.action{-ms-flex-pack:left;justify-content:left;min-width:min-content;padding-left:calc(var(--spacing,.0025rem)*200);padding-right:calc(var(--spacing,.0025rem)*200)}.action-back,.action-forward{flex-shrink:0}.select-month-or-year{background-color:rgb(var(--tone-neutral-09,76 76 76));border-radius:var(--radius-lg,16px);-ms-flex-pack:space-evenly;display:flex;flex-grow:1;justify-content:space-evenly}.action-month,.action-year{flex-basis:0;flex-grow:1}.week-day-name{align-items:center;aspect-ratio:1;min-height:auto;padding:0}.month-view__cells,.month-view__days-names{display:grid;gap:var(--mds-calendar-cell-gap,var(--gap-50));grid-template-columns:repeat(7,minmax(1px,100%));min-width:0}.month-view{display:grid}.month-view__month-names,.month-view__years{display:grid;gap:var(--mds-calendar-cell-gap,var(--gap-50));grid-template-columns:repeat(3,minmax(1px,100%));min-width:0}";
+const mdsCalendarCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-calendar-day-number-other-month-color:rgb(var(--tone-neutral-07,134 134 134));--mds-calendar-day-number-color:rgb(var(--tone-neutral-01,255 255 255));--mds-calendar-cell-gap:var(--gap-50);--mds-calendar-cell-other-month-visibility:visible;--mds-calendar-border-radius:var(--radius-lg,16px);--mds-calendar-background:rgb(var(--tone-neutral,0 0 0));--mds-calendar-padding:calc(var(--spacing,.0025rem)*400)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-calendar-cell):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-calendar-cell-other-month-visibility{syntax:"visible|hidden";inherits:false;initial-value:visible}:host{--mds-calendar-day-number-other-month-color:rgb(var(--tone-neutral-07,134 134 134));--mds-calendar-day-number-color:rgb(var(--tone-neutral-01,255 255 255));--mds-calendar-cell-gap:calc(var(--spacing,.0025rem)*50);--mds-calendar-cell-other-month-visibility:visible;--mds-calendar-border-radius:var(--radius-lg,16px);--mds-calendar-background:rgb(var(--tone-neutral,0 0 0));--mds-calendar-padding:calc(var(--spacing,.0025rem)*400);--mds-calendar-max-width:480px;--mds-calendar-min-width:280px;background-color:rgb(var(--tone-neutral-09,76 76 76));border-radius:var(--mds-calendar-border-radius,var(--radius-lg,16px));cursor:auto;display:inline-flex;max-width:var(--mds-calendar-max-width);min-width:max-content;overflow:hidden}.calendar-view{background-color:var(--mds-calendar-background,rgb(var(--tone-neutral,0 0 0)));border-radius:inherit;display:grid;width:100%}.calendar-preselection,.calendar-view{padding:var(--mds-calendar-padding,calc(var(--spacing,.0025rem)*400))}.calendar-preselection{display:none;gap:calc(var(--spacing,.0025rem)*50);grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content}.calendar-preselection--has-preselection{display:grid}nav{display:flex;gap:calc(var(--spacing,.0025rem)*200);justify-content:space-between}.action{-ms-flex-pack:left;justify-content:left;min-width:min-content;padding-left:calc(var(--spacing,.0025rem)*200);padding-right:calc(var(--spacing,.0025rem)*200)}.action-back,.action-forward{flex-shrink:0}.select-month-or-year{background-color:rgb(var(--tone-neutral-09,76 76 76));border-radius:var(--radius-lg,16px);-ms-flex-pack:space-evenly;display:flex;flex-grow:1;justify-content:space-evenly}.action-month,.action-year{flex-basis:0;flex-grow:1}.week-day-name{align-items:center;aspect-ratio:1;min-height:auto;padding:0}.month-view__cells,.month-view__days-names{display:grid;gap:var(--mds-calendar-cell-gap,var(--gap-50));grid-template-columns:repeat(7,minmax(1px,100%));min-width:0}.month-view{display:grid}.month-view__month-names,.month-view__years{display:grid;gap:var(--mds-calendar-cell-gap,var(--gap-50));grid-template-columns:repeat(3,minmax(1px,100%));min-width:0}`;
 
 const MdsCalendar = class {
     constructor(hostRef) {
@@ -497,13 +497,17 @@ const MdsCalendar = class {
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
-        "startDate": ["handleStartDate"],
-        "endDate": ["handleEndDate"]
+        "startDate": [{
+                "handleStartDate": 0
+            }],
+        "endDate": [{
+                "handleEndDate": 0
+            }]
     }; }
 };
-MdsCalendar.style = mdsCalendarCss;
+MdsCalendar.style = mdsCalendarCss();
 
-const mdsCalendarCellCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-calendar-cell-background:transparent;--mds-calendar-cell-boundaries-background:transparent;--mds-calendar-cell-boundaries-color:rgb(var(--tone-neutral-01,255 255 255));--mds-calendar-cell-boundaries-padding:.25rem;--mds-calendar-cell-color:rgb(var(--tone-neutral-01,255 255 255));--mds-calendar-cell-other-month-background:transparent;--mds-calendar-cell-other-month-color:rgb(var(--tone-neutral-07,134 134 134));--mds-calendar-cell-disabled-background:transparent;--mds-calendar-cell-disabled-color:rgb(var(--tone-neutral-07,134 134 134));--mds-calendar-cell-weekend-background:transparent;--mds-calendar-cell-weekend-color:rgb(var(--tone-neutral-06,158 158 158));--mds-calendar-cell-size:3rem;--mds-calendar-cell-selection-boundaries-border-radius:1.5rem;--mds-calendar-cell-selection-week-boundaries-border-radius:1.5rem;--mds-calendar-cell-preselection-today-background:rgb(var(--variant-primary-09,0 58 168));--mds-calendar-cell-preselection-today-color:rgb(var(--variant-primary-03,211 226 255));--mds-calendar-cell-preselection-current-month-background:rgb(var(--variant-primary-08,0 83 239));--mds-calendar-cell-preselection-current-month-color:rgb(var(--tone-neutral-05,197 197 197));--mds-calendar-cell-preselection-current-month-boundaries-color:rgb(var(--tone-neutral-05,197 197 197));--mds-calendar-cell-preselection-current-month-boundaries-background:rgb(var(--variant-primary-10,0 49 142));--mds-calendar-cell-preselection-other-month-background:rgb(var(--variant-primary-09,0 58 168));--mds-calendar-cell-preselection-other-month-color:rgb(var(--tone-neutral-05,197 197 197));--mds-calendar-cell-preselection-other-month-boundaries-color:rgb(var(--tone-neutral-05,197 197 197));--mds-calendar-cell-preselection-other-month-boundaries-background:rgb(var(--tone-neutral,0 0 0));--mds-calendar-cell-selection-current-month-background:rgb(var(--variant-primary-04,184 208 255));--mds-calendar-cell-selection-current-month-color:rgb(var(--tone-neutral,0 0 0));--mds-calendar-cell-selection-current-month-boundaries-background:rgb(var(--tone-neutral,0 0 0));--mds-calendar-cell-selection-current-month-boundaries-color:rgb(var(--tone-neutral-03,233 233 233));--mds-calendar-cell-selection-current-month-weekend-background:rgb(var(--variant-primary-03,211 226 255));--mds-calendar-cell-selection-current-month-weekend-color:rgb(var(--variant-primary-07,44 117 255));--mds-calendar-cell-selection-current-month-weekend-boundaries-background:rgb(var(--variant-primary-03,211 226 255));--mds-calendar-cell-selection-current-month-weekend-boundaries-color:rgb(var(--tone-neutral-03,233 233 233));--mds-calendar-cell-selection-other-month-background:rgb(var(--variant-primary-07,44 117 255));--mds-calendar-cell-selection-other-month-color:rgb(var(--tone-neutral-04,218 218 218));--mds-calendar-cell-selection-other-month-boundaries-background:rgb(var(--variant-primary-10,0 49 142));--mds-calendar-cell-selection-other-month-boundaries-color:rgb(var(--tone-neutral-05,197 197 197))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-calendar-cell-background{syntax:\"<color>\";inherits:false;initial-value:#0000}@property --mds-calendar-cell-boundaries-background{syntax:\"<color>\";inherits:false;initial-value:#0000}@property --mds-calendar-cell-boundaries-padding{syntax:\"<length>\";inherits:false;initial-value:.25rem}@property --mds-calendar-cell-other-month-background{syntax:\"<color>\";inherits:false;initial-value:#0000}@property --mds-calendar-cell-disabled-background{syntax:\"<color>\";inherits:false;initial-value:#0000}@property --mds-calendar-cell-weekend-background{syntax:\"<color>\";inherits:false;initial-value:#0000}@property --mds-calendar-cell-size{syntax:\"<length>\";inherits:false;initial-value:3rem}@property --mds-calendar-cell-selection-boundaries-border-radius{syntax:\"<length>\";inherits:false;initial-value:1.5rem}@property --mds-calendar-cell-selection-week-boundaries-border-radius{syntax:\"<length>\";inherits:false;initial-value:1.5rem}:host{--mds-calendar-cell-background:transparent;--mds-calendar-cell-boundaries-background:transparent;--mds-calendar-cell-boundaries-color:rgb(var(--tone-neutral-01,255 255 255));--mds-calendar-cell-boundaries-padding:calc(var(--spacing,.0025rem)*100);--mds-calendar-cell-color:rgb(var(--tone-neutral-01,255 255 255));--mds-calendar-cell-other-month-background:transparent;--mds-calendar-cell-other-month-color:rgb(var(--tone-neutral-07,134 134 134));--mds-calendar-cell-disabled-background:transparent;--mds-calendar-cell-disabled-color:rgb(var(--tone-neutral-07,134 134 134));--mds-calendar-cell-weekend-background:transparent;--mds-calendar-cell-weekend-color:rgb(var(--tone-neutral-06,158 158 158));--mds-calendar-cell-size:calc(var(--spacing,.0025rem)*1200);--mds-calendar-cell-selection-boundaries-border-radius:200px;--mds-calendar-cell-selection-week-boundaries-border-radius:200px;--mds-calendar-cell-preselection-today-background:rgb(var(--variant-primary-09,0 58 168));--mds-calendar-cell-preselection-today-color:rgb(var(--variant-primary-03,211 226 255));--mds-calendar-cell-preselection-current-month-background:rgb(var(--variant-primary-08,0 83 239));--mds-calendar-cell-preselection-current-month-color:rgb(var(--tone-neutral-05,197 197 197));--mds-calendar-cell-preselection-current-month-boundaries-color:rgb(var(--tone-neutral-05,197 197 197));--mds-calendar-cell-preselection-current-month-boundaries-background:rgb(var(--variant-primary-10,0 49 142));--mds-calendar-cell-preselection-other-month-background:rgb(var(--variant-primary-09,0 58 168));--mds-calendar-cell-preselection-other-month-color:rgb(var(--tone-neutral-05,197 197 197));--mds-calendar-cell-preselection-other-month-boundaries-color:rgb(var(--tone-neutral-05,197 197 197));--mds-calendar-cell-preselection-other-month-boundaries-background:rgb(var(--tone-neutral,0 0 0));--mds-calendar-cell-selection-current-month-background:rgb(var(--variant-primary-04,184 208 255));--mds-calendar-cell-selection-current-month-color:rgb(var(--tone-neutral,0 0 0));--mds-calendar-cell-selection-current-month-boundaries-background:rgb(var(--tone-neutral,0 0 0));--mds-calendar-cell-selection-current-month-boundaries-color:rgb(var(--tone-neutral-03,233 233 233));--mds-calendar-cell-selection-current-month-weekend-background:rgb(var(--variant-primary-03,211 226 255));--mds-calendar-cell-selection-current-month-weekend-color:rgb(var(--variant-primary-07,44 117 255));--mds-calendar-cell-selection-current-month-weekend-boundaries-background:rgb(var(--variant-primary-03,211 226 255));--mds-calendar-cell-selection-current-month-weekend-boundaries-color:rgb(var(--tone-neutral-03,233 233 233));--mds-calendar-cell-selection-other-month-background:rgb(var(--variant-primary-07,44 117 255));--mds-calendar-cell-selection-other-month-color:rgb(var(--tone-neutral-04,218 218 218));--mds-calendar-cell-selection-other-month-boundaries-background:rgb(var(--variant-primary-10,0 49 142));--mds-calendar-cell-selection-other-month-boundaries-color:rgb(var(--tone-neutral-05,197 197 197));align-items:center;aspect-ratio:1;display:flex;justify-content:center;padding:var(--mds-calendar-cell-boundaries-padding,.25rem);position:relative}:host([month=other]){visibility:var(--mds-calendar-cell-other-month-visibility,hidden)}.inner-dot{aspect-ratio:1;background-color:var(--mds-calendar-cell-inner-background);border-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem);display:flex;min-height:0;min-width:0;width:100%;z-index:1}.area-background{background-color:var(--mds-calendar-cell-background,transparent);inset:0;z-index:0}.action,.area-background{color:var(--mds-calendar-cell-color,rgb(var(--tone-neutral-01,255 255 255)));position:absolute}.action{align-items:center;aspect-ratio:1;background-color:#0000;border-radius:0;display:flex;inset:calc(var(--mds-calendar-cell-gap,var(--gap-50))*-1);justify-content:center;min-height:0;min-width:0;padding:0;width:auto;z-index:2}:host([selection][orientation=horizontal]) .area-background{margin-left:calc(var(--mds-calendar-cell-gap,var(--gap-50))*-1);margin-right:calc(var(--mds-calendar-cell-gap,var(--gap-50))*-1)}:host([selection=start][orientation=horizontal]) .area-background{border-bottom-left-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem);border-top-left-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem);margin-left:0}:host([selection=end][orientation=horizontal]) .area-background{border-bottom-right-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem);border-top-right-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem);margin-right:0}:host([selection][orientation=vertical]) .area-background{margin-bottom:calc(var(--mds-calendar-cell-gap,var(--gap-50))*-1);margin-top:calc(var(--mds-calendar-cell-gap,var(--gap-50))*-1)}:host([selection=start][orientation=vertical]) .area-background{border-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem)var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem)0 0;margin-top:0}:host([selection=end][orientation=vertical]) .area-background{border-radius:0 0 var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem)var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem);margin-bottom:0}:host([orientation=vertical]:not([selection=start],[selection=end])) .area-background{border-radius:0}:host(:nth-child(7n-6)) .area-background,:host([selection=end][orientation=horizontal]:nth-child(7n-6)) .area-background{border-bottom-left-radius:var(--mds-calendar-cell-selection-week-boundaries-border-radius,1.5rem);border-top-left-radius:var(--mds-calendar-cell-selection-week-boundaries-border-radius,1.5rem)}:host(:nth-child(7n)) .area-background,:host([selection=end][orientation=horizontal]:nth-child(7n)) .area-background{border-bottom-right-radius:var(--mds-calendar-cell-selection-week-boundaries-border-radius,1.5rem);border-top-right-radius:var(--mds-calendar-cell-selection-week-boundaries-border-radius,1.5rem)}:host([selection=end][orientation=horizontal]:nth-child(7n)) .area-background{border-bottom-right-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem);border-top-right-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem)}:host([selection][orientation=horizontal]:nth-child(7n-6)) .area-background{margin-left:0}:host([selection][orientation=horizontal]:nth-child(7n)) .area-background{margin-right:0}:host([selection=single][orientation=horizontal]) .area-background{border-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem);margin-left:0;margin-right:0}:host(:nth-child(7n)),:host(:nth-child(7n-1)){--mds-calendar-cell-color:var(--mds-calendar-cell-weekend-color,rgb(var(--tone-neutral-06,158 158 158)));--mds-calendar-cell-background:var(--mds-calendar-cell-weekend-background,transparent)}:host([month=other]:not([selection])){--mds-calendar-cell-color:var(--mds-calendar-cell-other-month-color,rgb(var(--tone-neutral-07,134 134 134)));--mds-calendar-cell-background:var(--mds-calendar-cell-other-month-background,transparent)}:host([disabled]){--mds-calendar-cell-color:var(--mds-calendar-cell-disabled-color,rgb(var(--tone-neutral-07,134 134 134)));--mds-calendar-cell-background:var(--mds-calendar-cell-disabled-background,transparent);cursor:auto;pointer-events:none}:host(:not([selection])[today]){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-preselection-today-background,rgb(var(--variant-primary-09,0 58 168)));--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-today-color,rgb(var(--variant-primary-03,211 226 255)))}:host([selection][month=current]){--mds-calendar-cell-background:var(--mds-calendar-cell-selection-current-month-background,rgb(var(--variant-primary-04,184 208 255)));--mds-calendar-cell-color:var(--mds-calendar-cell-selection-current-month-color,rgb(var(--tone-neutral,0 0 0)))}:host([selection][month=current]:nth-child(7n)),:host([selection][month=current]:nth-child(7n-1)){--mds-calendar-cell-background:var(--mds-calendar-cell-selection-current-month-weekend-background,rgb(var(--variant-primary-03,211 226 255)));--mds-calendar-cell-color:var(--mds-calendar-cell-selection-current-month-weekend-color,rgb(var(--variant-primary-07,44 117 255)))}:host([selection=end][month=current]:nth-child(7n)),:host([selection=end][month=current]:nth-child(7n-1)),:host([selection=start][month=current]:nth-child(7n)),:host([selection=start][month=current]:nth-child(7n-1)){--mds-calendar-cell-background:var(--mds-calendar-cell-selection-current-month-weekend-boundaries-background,rgb(var(--variant-primary-03,211 226 255)));--mds-calendar-cell-color:var(--mds-calendar-cell-selection-current-month-weekend-boundaries-color,rgb(var(--tone-neutral-03,233 233 233)))}:host([selection][month=other]){--mds-calendar-cell-background:var(--mds-calendar-cell-selection-other-month-background,rgb(var(--variant-primary-07,44 117 255)));--mds-calendar-cell-color:var(--mds-calendar-cell-selection-other-month-color,rgb(var(--tone-neutral-04,218 218 218)))}:host([selection=end][month=current]),:host([selection=start][month=current]){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-selection-current-month-boundaries-background,rgb(var(--tone-neutral,0 0 0)));--mds-calendar-cell-color:var(--mds-calendar-cell-selection-current-month-boundaries-color,rgb(var(--tone-neutral-03,233 233 233)))}:host([selection=end][month=other]),:host([selection=start][month=other]){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-selection-other-month-boundaries-background,rgb(var(--variant-primary-10,0 49 142)));--mds-calendar-cell-color:var(--mds-calendar-cell-selection-other-month-boundaries-color,rgb(var(--tone-neutral-05,197 197 197)))}:host([selection][month=current][preview]:not([preview=false])){--mds-calendar-cell-background:var(--mds-calendar-cell-preselection-current-month-background,rgb(var(--variant-primary-08,0 83 239)));--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-current-month-color,rgb(var(--tone-neutral-05,197 197 197)))}:host([selection][month=other][preview]:not([preview=false])){--mds-calendar-cell-background:var(--mds-calendar-cell-preselection-other-month-background,rgb(var(--variant-primary-09,0 58 168)));--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-other-month-color,rgb(var(--tone-neutral-05,197 197 197)))}:host([selection=end][month=current][preview]:not([preview=false])),:host([selection=start][month=current][preview]:not([preview=false])){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-preselection-current-month-boundaries-background,rgb(var(--variant-primary-10,0 49 142)));--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-current-month-boundaries-color,rgb(var(--tone-neutral-05,197 197 197)))}:host([selection=end][month=other][preview]:not([preview=false])),:host([selection=start][month=other][preview]:not([preview=false])){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-preselection-other-month-boundaries-background,rgb(var(--tone-neutral,0 0 0)));--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-other-month-boundaries-color,rgb(var(--tone-neutral-05,197 197 197)))}:host([selection=single][month=current]){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-preselection-current-month-boundaries-background,rgb(var(--variant-primary-10,0 49 142)));--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-current-month-boundaries-color,rgb(var(--tone-neutral-05,197 197 197)))}:host([selection=single][month=other]){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-preselection-other-month-boundaries-background,rgb(var(--tone-neutral,0 0 0)));--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-other-month-boundaries-color,rgb(var(--tone-neutral-05,197 197 197)))}";
+const mdsCalendarCellCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-calendar-cell-background:transparent;--mds-calendar-cell-boundaries-background:transparent;--mds-calendar-cell-boundaries-color:rgb(var(--tone-neutral-01,255 255 255));--mds-calendar-cell-boundaries-padding:.25rem;--mds-calendar-cell-color:rgb(var(--tone-neutral-01,255 255 255));--mds-calendar-cell-other-month-background:transparent;--mds-calendar-cell-other-month-color:rgb(var(--tone-neutral-07,134 134 134));--mds-calendar-cell-disabled-background:transparent;--mds-calendar-cell-disabled-color:rgb(var(--tone-neutral-07,134 134 134));--mds-calendar-cell-weekend-background:transparent;--mds-calendar-cell-weekend-color:rgb(var(--tone-neutral-06,158 158 158));--mds-calendar-cell-size:3rem;--mds-calendar-cell-selection-boundaries-border-radius:1.5rem;--mds-calendar-cell-selection-week-boundaries-border-radius:1.5rem;--mds-calendar-cell-preselection-today-background:rgb(var(--variant-primary-09,0 58 168));--mds-calendar-cell-preselection-today-color:rgb(var(--variant-primary-03,211 226 255));--mds-calendar-cell-preselection-current-month-background:rgb(var(--variant-primary-08,0 83 239));--mds-calendar-cell-preselection-current-month-color:rgb(var(--tone-neutral-05,197 197 197));--mds-calendar-cell-preselection-current-month-boundaries-color:rgb(var(--tone-neutral-05,197 197 197));--mds-calendar-cell-preselection-current-month-boundaries-background:rgb(var(--variant-primary-10,0 49 142));--mds-calendar-cell-preselection-other-month-background:rgb(var(--variant-primary-09,0 58 168));--mds-calendar-cell-preselection-other-month-color:rgb(var(--tone-neutral-05,197 197 197));--mds-calendar-cell-preselection-other-month-boundaries-color:rgb(var(--tone-neutral-05,197 197 197));--mds-calendar-cell-preselection-other-month-boundaries-background:rgb(var(--tone-neutral,0 0 0));--mds-calendar-cell-selection-current-month-background:rgb(var(--variant-primary-04,184 208 255));--mds-calendar-cell-selection-current-month-color:rgb(var(--tone-neutral,0 0 0));--mds-calendar-cell-selection-current-month-boundaries-background:rgb(var(--tone-neutral,0 0 0));--mds-calendar-cell-selection-current-month-boundaries-color:rgb(var(--tone-neutral-03,233 233 233));--mds-calendar-cell-selection-current-month-weekend-background:rgb(var(--variant-primary-03,211 226 255));--mds-calendar-cell-selection-current-month-weekend-color:rgb(var(--variant-primary-07,44 117 255));--mds-calendar-cell-selection-current-month-weekend-boundaries-background:rgb(var(--variant-primary-03,211 226 255));--mds-calendar-cell-selection-current-month-weekend-boundaries-color:rgb(var(--tone-neutral-03,233 233 233));--mds-calendar-cell-selection-other-month-background:rgb(var(--variant-primary-07,44 117 255));--mds-calendar-cell-selection-other-month-color:rgb(var(--tone-neutral-04,218 218 218));--mds-calendar-cell-selection-other-month-boundaries-background:rgb(var(--variant-primary-10,0 49 142));--mds-calendar-cell-selection-other-month-boundaries-color:rgb(var(--tone-neutral-05,197 197 197))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-calendar-cell-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-calendar-cell-boundaries-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-calendar-cell-boundaries-padding{syntax:"<length>";inherits:false;initial-value:.25rem}@property --mds-calendar-cell-other-month-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-calendar-cell-disabled-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-calendar-cell-weekend-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-calendar-cell-size{syntax:"<length>";inherits:false;initial-value:3rem}@property --mds-calendar-cell-selection-boundaries-border-radius{syntax:"<length>";inherits:false;initial-value:1.5rem}@property --mds-calendar-cell-selection-week-boundaries-border-radius{syntax:"<length>";inherits:false;initial-value:1.5rem}:host{--mds-calendar-cell-background:transparent;--mds-calendar-cell-boundaries-background:transparent;--mds-calendar-cell-boundaries-color:rgb(var(--tone-neutral-01,255 255 255));--mds-calendar-cell-boundaries-padding:calc(var(--spacing,.0025rem)*100);--mds-calendar-cell-color:rgb(var(--tone-neutral-01,255 255 255));--mds-calendar-cell-other-month-background:transparent;--mds-calendar-cell-other-month-color:rgb(var(--tone-neutral-07,134 134 134));--mds-calendar-cell-disabled-background:transparent;--mds-calendar-cell-disabled-color:rgb(var(--tone-neutral-07,134 134 134));--mds-calendar-cell-weekend-background:transparent;--mds-calendar-cell-weekend-color:rgb(var(--tone-neutral-06,158 158 158));--mds-calendar-cell-size:calc(var(--spacing,.0025rem)*1200);--mds-calendar-cell-selection-boundaries-border-radius:200px;--mds-calendar-cell-selection-week-boundaries-border-radius:200px;--mds-calendar-cell-preselection-today-background:rgb(var(--variant-primary-09,0 58 168));--mds-calendar-cell-preselection-today-color:rgb(var(--variant-primary-03,211 226 255));--mds-calendar-cell-preselection-current-month-background:rgb(var(--variant-primary-08,0 83 239));--mds-calendar-cell-preselection-current-month-color:rgb(var(--tone-neutral-05,197 197 197));--mds-calendar-cell-preselection-current-month-boundaries-color:rgb(var(--tone-neutral-05,197 197 197));--mds-calendar-cell-preselection-current-month-boundaries-background:rgb(var(--variant-primary-10,0 49 142));--mds-calendar-cell-preselection-other-month-background:rgb(var(--variant-primary-09,0 58 168));--mds-calendar-cell-preselection-other-month-color:rgb(var(--tone-neutral-05,197 197 197));--mds-calendar-cell-preselection-other-month-boundaries-color:rgb(var(--tone-neutral-05,197 197 197));--mds-calendar-cell-preselection-other-month-boundaries-background:rgb(var(--tone-neutral,0 0 0));--mds-calendar-cell-selection-current-month-background:rgb(var(--variant-primary-04,184 208 255));--mds-calendar-cell-selection-current-month-color:rgb(var(--tone-neutral,0 0 0));--mds-calendar-cell-selection-current-month-boundaries-background:rgb(var(--tone-neutral,0 0 0));--mds-calendar-cell-selection-current-month-boundaries-color:rgb(var(--tone-neutral-03,233 233 233));--mds-calendar-cell-selection-current-month-weekend-background:rgb(var(--variant-primary-03,211 226 255));--mds-calendar-cell-selection-current-month-weekend-color:rgb(var(--variant-primary-07,44 117 255));--mds-calendar-cell-selection-current-month-weekend-boundaries-background:rgb(var(--variant-primary-03,211 226 255));--mds-calendar-cell-selection-current-month-weekend-boundaries-color:rgb(var(--tone-neutral-03,233 233 233));--mds-calendar-cell-selection-other-month-background:rgb(var(--variant-primary-07,44 117 255));--mds-calendar-cell-selection-other-month-color:rgb(var(--tone-neutral-04,218 218 218));--mds-calendar-cell-selection-other-month-boundaries-background:rgb(var(--variant-primary-10,0 49 142));--mds-calendar-cell-selection-other-month-boundaries-color:rgb(var(--tone-neutral-05,197 197 197));align-items:center;aspect-ratio:1;display:flex;justify-content:center;padding:var(--mds-calendar-cell-boundaries-padding,.25rem);position:relative}:host([month=other]){visibility:var(--mds-calendar-cell-other-month-visibility,hidden)}.inner-dot{aspect-ratio:1;background-color:var(--mds-calendar-cell-inner-background);border-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem);display:flex;min-height:0;min-width:0;width:100%;z-index:1}.area-background{background-color:var(--mds-calendar-cell-background,transparent);inset:0;z-index:0}.action,.area-background{color:var(--mds-calendar-cell-color,rgb(var(--tone-neutral-01,255 255 255)));position:absolute}.action{align-items:center;aspect-ratio:1;background-color:#0000;border-radius:0;display:flex;inset:calc(var(--mds-calendar-cell-gap,var(--gap-50))*-1);justify-content:center;min-height:0;min-width:0;padding:0;width:auto;z-index:2}:host([selection][orientation=horizontal]) .area-background{margin-left:calc(var(--mds-calendar-cell-gap,var(--gap-50))*-1);margin-right:calc(var(--mds-calendar-cell-gap,var(--gap-50))*-1)}:host([selection=start][orientation=horizontal]) .area-background{border-bottom-left-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem);border-top-left-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem);margin-left:0}:host([selection=end][orientation=horizontal]) .area-background{border-bottom-right-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem);border-top-right-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem);margin-right:0}:host([selection][orientation=vertical]) .area-background{margin-bottom:calc(var(--mds-calendar-cell-gap,var(--gap-50))*-1);margin-top:calc(var(--mds-calendar-cell-gap,var(--gap-50))*-1)}:host([selection=start][orientation=vertical]) .area-background{border-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem) var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem) 0 0;margin-top:0}:host([selection=end][orientation=vertical]) .area-background{border-radius:0 0 var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem) var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem);margin-bottom:0}:host([orientation=vertical]:not([selection=start],[selection=end])) .area-background{border-radius:0}:host(:nth-child(7n-6)) .area-background,:host([selection=end][orientation=horizontal]:nth-child(7n-6)) .area-background{border-bottom-left-radius:var(--mds-calendar-cell-selection-week-boundaries-border-radius,1.5rem);border-top-left-radius:var(--mds-calendar-cell-selection-week-boundaries-border-radius,1.5rem)}:host(:nth-child(7n)) .area-background,:host([selection=end][orientation=horizontal]:nth-child(7n)) .area-background{border-bottom-right-radius:var(--mds-calendar-cell-selection-week-boundaries-border-radius,1.5rem);border-top-right-radius:var(--mds-calendar-cell-selection-week-boundaries-border-radius,1.5rem)}:host([selection=end][orientation=horizontal]:nth-child(7n)) .area-background{border-bottom-right-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem);border-top-right-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem)}:host([selection][orientation=horizontal]:nth-child(7n-6)) .area-background{margin-left:0}:host([selection][orientation=horizontal]:nth-child(7n)) .area-background{margin-right:0}:host([selection=single][orientation=horizontal]) .area-background{border-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem);margin-left:0;margin-right:0}:host(:nth-child(7n)),:host(:nth-child(7n-1)){--mds-calendar-cell-color:var(--mds-calendar-cell-weekend-color,rgb(var(--tone-neutral-06,158 158 158)));--mds-calendar-cell-background:var(--mds-calendar-cell-weekend-background,transparent)}:host([month=other]:not([selection])){--mds-calendar-cell-color:var(--mds-calendar-cell-other-month-color,rgb(var(--tone-neutral-07,134 134 134)));--mds-calendar-cell-background:var(--mds-calendar-cell-other-month-background,transparent)}:host([disabled]){--mds-calendar-cell-color:var(--mds-calendar-cell-disabled-color,rgb(var(--tone-neutral-07,134 134 134)));--mds-calendar-cell-background:var(--mds-calendar-cell-disabled-background,transparent);cursor:auto;pointer-events:none}:host(:not([selection])[today]){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-preselection-today-background,rgb(var(--variant-primary-09,0 58 168)));--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-today-color,rgb(var(--variant-primary-03,211 226 255)))}:host([selection][month=current]){--mds-calendar-cell-background:var(--mds-calendar-cell-selection-current-month-background,rgb(var(--variant-primary-04,184 208 255)));--mds-calendar-cell-color:var(--mds-calendar-cell-selection-current-month-color,rgb(var(--tone-neutral,0 0 0)))}:host([selection][month=current]:nth-child(7n)),:host([selection][month=current]:nth-child(7n-1)){--mds-calendar-cell-background:var(--mds-calendar-cell-selection-current-month-weekend-background,rgb(var(--variant-primary-03,211 226 255)));--mds-calendar-cell-color:var(--mds-calendar-cell-selection-current-month-weekend-color,rgb(var(--variant-primary-07,44 117 255)))}:host([selection=end][month=current]:nth-child(7n)),:host([selection=end][month=current]:nth-child(7n-1)),:host([selection=start][month=current]:nth-child(7n)),:host([selection=start][month=current]:nth-child(7n-1)){--mds-calendar-cell-background:var(--mds-calendar-cell-selection-current-month-weekend-boundaries-background,rgb(var(--variant-primary-03,211 226 255)));--mds-calendar-cell-color:var(--mds-calendar-cell-selection-current-month-weekend-boundaries-color,rgb(var(--tone-neutral-03,233 233 233)))}:host([selection][month=other]){--mds-calendar-cell-background:var(--mds-calendar-cell-selection-other-month-background,rgb(var(--variant-primary-07,44 117 255)));--mds-calendar-cell-color:var(--mds-calendar-cell-selection-other-month-color,rgb(var(--tone-neutral-04,218 218 218)))}:host([selection=end][month=current]),:host([selection=start][month=current]){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-selection-current-month-boundaries-background,rgb(var(--tone-neutral,0 0 0)));--mds-calendar-cell-color:var(--mds-calendar-cell-selection-current-month-boundaries-color,rgb(var(--tone-neutral-03,233 233 233)))}:host([selection=end][month=other]),:host([selection=start][month=other]){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-selection-other-month-boundaries-background,rgb(var(--variant-primary-10,0 49 142)));--mds-calendar-cell-color:var(--mds-calendar-cell-selection-other-month-boundaries-color,rgb(var(--tone-neutral-05,197 197 197)))}:host([selection][month=current][preview]:not([preview=false])){--mds-calendar-cell-background:var(--mds-calendar-cell-preselection-current-month-background,rgb(var(--variant-primary-08,0 83 239)));--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-current-month-color,rgb(var(--tone-neutral-05,197 197 197)))}:host([selection][month=other][preview]:not([preview=false])){--mds-calendar-cell-background:var(--mds-calendar-cell-preselection-other-month-background,rgb(var(--variant-primary-09,0 58 168)));--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-other-month-color,rgb(var(--tone-neutral-05,197 197 197)))}:host([selection=end][month=current][preview]:not([preview=false])),:host([selection=start][month=current][preview]:not([preview=false])){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-preselection-current-month-boundaries-background,rgb(var(--variant-primary-10,0 49 142)));--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-current-month-boundaries-color,rgb(var(--tone-neutral-05,197 197 197)))}:host([selection=end][month=other][preview]:not([preview=false])),:host([selection=start][month=other][preview]:not([preview=false])){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-preselection-other-month-boundaries-background,rgb(var(--tone-neutral,0 0 0)));--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-other-month-boundaries-color,rgb(var(--tone-neutral-05,197 197 197)))}:host([selection=single][month=current]){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-preselection-current-month-boundaries-background,rgb(var(--variant-primary-10,0 49 142)));--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-current-month-boundaries-color,rgb(var(--tone-neutral-05,197 197 197)))}:host([selection=single][month=other]){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-preselection-other-month-boundaries-background,rgb(var(--tone-neutral,0 0 0)));--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-other-month-boundaries-color,rgb(var(--tone-neutral-05,197 197 197)))}`;
 
 const MdsCalendarCell = class {
     constructor(hostRef) {
@@ -534,7 +538,7 @@ const MdsCalendarCell = class {
         return (index.h(index.Host, { key: 'ca8595ffc3ffce266f0f77898d14ec636ff2f08a' }, index.h("div", { key: 'c4d083c999c81cdb4cec42f77404314c077616f7', class: "inner-dot" }), index.h("div", { key: '75e8d406f2b54aa0af396f1b0c1ff42febb37774', class: "area-background" }), index.h("mds-button", { key: 'f472dc9e3155f695be6042242c42b65dab288f6d', class: "action", variant: "dark", tone: "text", disabled: this.disabled, label: this.label })));
     }
 };
-MdsCalendarCell.style = mdsCalendarCellCss;
+MdsCalendarCell.style = mdsCalendarCellCss();
 
 exports.mds_calendar = MdsCalendar;
 exports.mds_calendar_cell = MdsCalendarCell;

package/dist/cjs/mds-card-content.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 
-const mdsCardContentCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;: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}:host{display:grid;gap:calc(var(--spacing,.0025rem)*400);grid-template-columns:repeat(auto-fit,minmax(1px,100%));min-width:0;padding:calc(var(--spacing,.0025rem)*400)}";
+const mdsCardContentCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;: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}:host{display:grid;gap:calc(var(--spacing,.0025rem)*400);grid-template-columns:repeat(auto-fit,minmax(1px,100%));min-width:0;padding:calc(var(--spacing,.0025rem)*400)}`;
 
 const MdsCardContent = class {
     constructor(hostRef) {
@@ -12,6 +12,6 @@ const MdsCardContent = class {
         return (index.h(index.Host, { key: '8473bf383d3e53d5e7fc1d28bb1db7c55e89ed1f', slot: "content" }, index.h("slot", { key: 'd94a743c850ae055f5cf18ec64cccbc25f2c2386' })));
     }
 };
-MdsCardContent.style = mdsCardContentCss;
+MdsCardContent.style = mdsCardContentCss();
 
 exports.mds_card_content = MdsCardContent;

package/dist/cjs/mds-card-footer.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 
-const mdsCardFooterCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;: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}:host{align-items:center;display:flex;flex-grow:1;gap:calc(var(--spacing,.0025rem)*400);justify-content:flex-end;min-width:0;padding:calc(var(--spacing,.0025rem)*400)}";
+const mdsCardFooterCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;: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}:host{align-items:center;display:flex;flex-grow:1;gap:calc(var(--spacing,.0025rem)*400);justify-content:flex-end;min-width:0;padding:calc(var(--spacing,.0025rem)*400)}`;
 
 const MdsCardFooter = class {
     constructor(hostRef) {
@@ -12,6 +12,6 @@ const MdsCardFooter = class {
         return (index.h(index.Host, { key: 'ece0d1f82874b8418e5fe959f52542fa75562b9c', slot: "footer" }, index.h("slot", { key: '0e1dc915caf0abf097fa9d2c152b9af919280d1e' })));
     }
 };
-MdsCardFooter.style = mdsCardFooterCss;
+MdsCardFooter.style = mdsCardFooterCss();
 
 exports.mds_card_footer = MdsCardFooter;

package/dist/cjs/mds-card-header.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 
-const mdsCardHeaderCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;: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}:host{align-items:center;display:flex;flex-grow:1;gap:calc(var(--spacing,.0025rem)*400);justify-content:space-between;min-width:0;padding:calc(var(--spacing,.0025rem)*400)}";
+const mdsCardHeaderCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;: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}:host{align-items:center;display:flex;flex-grow:1;gap:calc(var(--spacing,.0025rem)*400);justify-content:space-between;min-width:0;padding:calc(var(--spacing,.0025rem)*400)}`;
 
 const MdsCardHeader = class {
     constructor(hostRef) {
@@ -16,6 +16,6 @@ const MdsCardHeader = class {
     }
     get hostElement() { return index.getElement(this); }
 };
-MdsCardHeader.style = mdsCardHeaderCss;
+MdsCardHeader.style = mdsCardHeaderCss();
 
 exports.mds_card_header = MdsCardHeader;

package/dist/cjs/mds-card-media.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 
-const mdsCardMediaCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;: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}:host{background-color:rgb(var(--tone-neutral-09,76 76 76));display:grid;min-width:0;position:relative}.content{align-items:flex-end;display:flex;gap:calc(var(--spacing,.0025rem)*200);inset:0;justify-content:center;padding:calc(var(--spacing,.0025rem)*400);position:absolute}.img{-o-object-fit:contain;object-fit:contain}";
+const mdsCardMediaCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;: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}:host{background-color:rgb(var(--tone-neutral-09,76 76 76));display:grid;min-width:0;position:relative}.content{align-items:flex-end;display:flex;gap:calc(var(--spacing,.0025rem)*200);inset:0;justify-content:center;padding:calc(var(--spacing,.0025rem)*400);position:absolute}.img{-o-object-fit:contain;object-fit:contain}`;
 
 const MdsCardMedia = class {
     constructor(hostRef) {
@@ -12,6 +12,6 @@ const MdsCardMedia = class {
         return (index.h(index.Host, { key: '3b5160ec822d4f36a670153d18d0c3186c25cea9', slot: "media" }, index.h("div", { key: '6e4c0488e264f6334041fffe32781eced8a01625', class: "content", part: "content" }, index.h("slot", { key: '8d19d53a625f894f7f5ad9b4e0980600ef8ffb09', name: "content" })), index.h("slot", { key: 'c8674d696ebf4d6df73758beed889c65ebdc9ea1' })));
     }
 };
-MdsCardMedia.style = mdsCardMediaCss;
+MdsCardMedia.style = mdsCardMediaCss();
 
 exports.mds_card_media = MdsCardMedia;

package/dist/cjs/mds-card.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 
-const mdsCardCss = "@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-card-gap:0;--mds-card-padding:0}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-card-content,mds-card-footer,mds-card-header,mds-card-media):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-card-gap{syntax:\"<length>\";inherits:false;initial-value:0}@property --mds-card-padding{syntax:\"<length>\";inherits:false;initial-value:0}:host{--mds-card-gap:0;--mds-card-padding:0;background-color:rgb(var(--tone-neutral,0 0 0));border-radius:var(--radius-2xl,24px);-webkit-box-shadow:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);box-shadow:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);corner-shape:var(--magma-corner-shape,round);container:mds-card/inline-size;display:grid;min-height:calc(var(--spacing,.0025rem)*400);overflow:hidden}.layout:not(.layout--disabled) ::slotted([slot=media]){grid-area:media}.layout:not(.layout--disabled) ::slotted([slot=header]){grid-area:header}.layout:not(.layout--disabled) ::slotted([slot=content]){grid-area:content}.layout:not(.layout--disabled) ::slotted([slot=footer]){grid-area:footer}.layout{display:grid;gap:var(--mds-card-gap,0);grid-template-columns:repeat(auto-fit,minmax(1px,100%));padding:var(--mds-card-padding,0)}.layout--cfhm:not(.layout--disabled){grid-template-areas:\"header\"\"media\"\"content\"\"footer\";grid-template-rows:-webkit-min-content -webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content min-content 1fr min-content}.layout--chm:not(.layout--disabled){grid-template-areas:\"header\"\"media\"\"content\";grid-template-rows:-webkit-min-content -webkit-min-content 1fr;grid-template-rows:min-content min-content 1fr}.layout--cfm:not(.layout--disabled){grid-template-areas:\"media\"\"content\"\"footer\"}.layout--cfm:not(.layout--disabled),.layout--fhm:not(.layout--disabled){grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content}.layout--fhm:not(.layout--disabled){grid-template-areas:\"header\"\"media\"\"footer\"}.layout--cfh:not(.layout--disabled){grid-template-areas:\"header\"\"content\"\"footer\";grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content}.layout--hm:not(.layout--disabled){grid-template-areas:\"header\"\"media\";grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--fm:not(.layout--disabled){grid-template-areas:\"media\"\"footer\";grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}.layout--cm:not(.layout--disabled){grid-template-areas:\"media\"\"content\"}.layout--cm:not(.layout--disabled),.layout--fh:not(.layout--disabled){grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--fh:not(.layout--disabled){grid-template-areas:\"header\"\"footer\"}.layout--ch:not(.layout--disabled){grid-template-areas:\"header\"\"content\";grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--cf:not(.layout--disabled){grid-template-areas:\"content\"\"footer\";grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}.layout--h:not(.layout--disabled){grid-template-areas:\"header\";grid-template-rows:1fr}.layout--m:not(.layout--disabled){grid-template-areas:\"media\";grid-template-rows:1fr}.layout--c:not(.layout--disabled){grid-template-areas:\"content\";grid-template-rows:1fr}.layout--f:not(.layout--disabled){grid-template-areas:\"footer\";grid-template-rows:1fr}@container mds-card not (max-width:30em){.layout--cfhm:not(.layout--disabled){grid-template-areas:\"media header\"\"media content\"\"media footer\";grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content}.layout--chm:not(.layout--disabled){grid-template-areas:\"media header\"\"media content\"\"media content\";grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:-webkit-min-content 1fr 1fr;grid-template-rows:min-content 1fr 1fr}.layout--fhm:not(.layout--disabled){grid-template-areas:\"media header\"\"media footer\";grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--cfm:not(.layout--disabled){grid-template-areas:\"media content\"\"media footer\"}.layout--cfm:not(.layout--disabled),.layout--cm:not(.layout--disabled){grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}.layout--cm:not(.layout--disabled){grid-template-areas:\"media content\"}}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){background-color:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}:host-context(:root.pref-contrast-more){-webkit-box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){background-color:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}}";
+const mdsCardCss = () => `@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-card-gap:0;--mds-card-padding:0}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-card-content,mds-card-footer,mds-card-header,mds-card-media):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-card-gap{syntax:"<length>";inherits:false;initial-value:0}@property --mds-card-padding{syntax:"<length>";inherits:false;initial-value:0}:host{--mds-card-gap:0;--mds-card-padding:0;background-color:rgb(var(--tone-neutral,0 0 0));border-radius:var(--radius-2xl,24px);-webkit-box-shadow:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);box-shadow:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);corner-shape:var(--magma-corner-shape,round);container:mds-card/inline-size;display:grid;min-height:calc(var(--spacing,.0025rem)*400);overflow:hidden}.layout:not(.layout--disabled) ::slotted([slot=media]){grid-area:media}.layout:not(.layout--disabled) ::slotted([slot=header]){grid-area:header}.layout:not(.layout--disabled) ::slotted([slot=content]){grid-area:content}.layout:not(.layout--disabled) ::slotted([slot=footer]){grid-area:footer}.layout{display:grid;gap:var(--mds-card-gap,0);grid-template-columns:repeat(auto-fit,minmax(1px,100%));padding:var(--mds-card-padding,0)}.layout--cfhm:not(.layout--disabled){grid-template-areas:"header""media""content""footer";grid-template-rows:-webkit-min-content -webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content min-content 1fr min-content}.layout--chm:not(.layout--disabled){grid-template-areas:"header""media""content";grid-template-rows:-webkit-min-content -webkit-min-content 1fr;grid-template-rows:min-content min-content 1fr}.layout--cfm:not(.layout--disabled){grid-template-areas:"media""content""footer"}.layout--cfm:not(.layout--disabled),.layout--fhm:not(.layout--disabled){grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content}.layout--fhm:not(.layout--disabled){grid-template-areas:"header""media""footer"}.layout--cfh:not(.layout--disabled){grid-template-areas:"header""content""footer";grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content}.layout--hm:not(.layout--disabled){grid-template-areas:"header""media";grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--fm:not(.layout--disabled){grid-template-areas:"media""footer";grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}.layout--cm:not(.layout--disabled){grid-template-areas:"media""content"}.layout--cm:not(.layout--disabled),.layout--fh:not(.layout--disabled){grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--fh:not(.layout--disabled){grid-template-areas:"header""footer"}.layout--ch:not(.layout--disabled){grid-template-areas:"header""content";grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--cf:not(.layout--disabled){grid-template-areas:"content""footer";grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}.layout--h:not(.layout--disabled){grid-template-areas:"header";grid-template-rows:1fr}.layout--m:not(.layout--disabled){grid-template-areas:"media";grid-template-rows:1fr}.layout--c:not(.layout--disabled){grid-template-areas:"content";grid-template-rows:1fr}.layout--f:not(.layout--disabled){grid-template-areas:"footer";grid-template-rows:1fr}@container mds-card not (max-width:30em){.layout--cfhm:not(.layout--disabled){grid-template-areas:"media header""media content""media footer";grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content}.layout--chm:not(.layout--disabled){grid-template-areas:"media header""media content""media content";grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:-webkit-min-content 1fr 1fr;grid-template-rows:min-content 1fr 1fr}.layout--fhm:not(.layout--disabled){grid-template-areas:"media header""media footer";grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--cfm:not(.layout--disabled){grid-template-areas:"media content""media footer"}.layout--cfm:not(.layout--disabled),.layout--cm:not(.layout--disabled){grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}.layout--cm:not(.layout--disabled){grid-template-areas:"media content"}}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){background-color:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}:host-context(:root.pref-contrast-more){-webkit-box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){background-color:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}}`;
 
 const MdsCard = class {
     constructor(hostRef) {
@@ -34,6 +34,6 @@ const MdsCard = class {
     }
     get host() { return index.getElement(this); }
 };
-MdsCard.style = mdsCardCss;
+MdsCard.style = mdsCardCss();
 
 exports.mds_card = MdsCard;

package/dist/cjs/mds-details.cjs.entry.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 var keyboardArrowRight = require('./keyboard-arrow-right-PkJ_6j6H.js');
 var keyboardManager = require('./keyboard-manager-BXKT5TGW.js');
 
-const mdsDetailsCss = "@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-details-duration:.3s;--mds-details-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-details-helper-icon-color:rgb(var(--tone-neutral-03,233 233 233))}}}@layer reset,vendor,theme,base,components,utilities;@keyframes focus-bounce{0%,75%,to{outline-offset:var(--magma-outline-focus-offset,6px)}50%{outline-offset:var(--magma-outline-blur-offset,2px)}}:host(:not(:is([hydrated],.hydrated))){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-details-duration{syntax:\"<time>\";inherits:false;initial-value:.3s}:host{--mds-details-duration:.3s;--mds-details-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-details-helper-icon-color:rgb(var(--tone-neutral-03,233 233 233));align-items:flex-start;display:flex;gap:calc(var(--spacing,.0025rem)*200)}.content{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));display:grid;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}.content:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}.details{display:grid;gap:calc(var(--spacing,.0025rem)*400);grid-template-rows:0fr;opacity:0;overflow:hidden;padding-top:0;pointer-events:none;-webkit-transition-duration:var(--mds-details-duration,.3s);transition-duration:var(--mds-details-duration,.3s);transition-property:grid-template-rows,opacity,padding,-ms-grid-rows}.content-expander{display:grid;gap:calc(var(--spacing,.0025rem)*500);min-height:0}.details.opened{grid-template-rows:1fr;opacity:1;overflow:visible;padding-top:calc(var(--spacing,.0025rem)*300);pointer-events:auto}.header{align-items:center;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-xs,8px);display:inline-flex;gap:calc(var(--spacing,.0025rem)*200);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}.header:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}.icon{cursor:pointer;fill:var(--mds-details-icon-color,rgb(var(--variant-primary-04,184 208 255)))}.icon--hidden{display:none}.helper-icon,.title{cursor:pointer}.helper-icon{display:flex;fill:var(--mds-details-helper-icon-color,rgb(var(--tone-neutral-03,233 233 233)));flex-shrink:0;rotate:none;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:rotate;-webkit-transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1))}.helper-icon svg{aspect-ratio:1;aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}.helper-icon.opened{rotate:90deg}.actions{display:flex;gap:calc(var(--spacing,.0025rem)*400)}:host-context(:root.pref-animation-reduce){--mds-details-duration:0s}:host-context(:root.pref-contrast-more){--mds-details-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-details-helper-icon-color:rgb(var(--tone-neutral-02,244 244 244))}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-details-duration:0s}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-details-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-details-helper-icon-color:rgb(var(--tone-neutral-02,244 244 244))}}";
+const mdsDetailsCss = () => `@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-details-duration:.3s;--mds-details-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-details-helper-icon-color:rgb(var(--tone-neutral-03,233 233 233))}}}@layer reset,vendor,theme,base,components,utilities;@keyframes focus-bounce{0%,75%,to{outline-offset:var(--magma-outline-focus-offset,6px)}50%{outline-offset:var(--magma-outline-blur-offset,2px)}}:host(:not(:is([hydrated],.hydrated))){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-details-duration{syntax:"<time>";inherits:false;initial-value:.3s}:host{--mds-details-duration:.3s;--mds-details-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-details-helper-icon-color:rgb(var(--tone-neutral-03,233 233 233));align-items:flex-start;display:flex;gap:calc(var(--spacing,.0025rem)*200)}.content{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));display:grid;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}.content:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}.details{display:grid;gap:calc(var(--spacing,.0025rem)*400);grid-template-rows:0fr;opacity:0;overflow:hidden;padding-top:0;pointer-events:none;-webkit-transition-duration:var(--mds-details-duration,.3s);transition-duration:var(--mds-details-duration,.3s);transition-property:grid-template-rows,opacity,padding,-ms-grid-rows}.content-expander{display:grid;gap:calc(var(--spacing,.0025rem)*500);min-height:0}.details.opened{grid-template-rows:1fr;opacity:1;overflow:visible;padding-top:calc(var(--spacing,.0025rem)*300);pointer-events:auto}.header{align-items:center;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-xs,8px);display:inline-flex;gap:calc(var(--spacing,.0025rem)*200);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}.header:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}.icon{cursor:pointer;fill:var(--mds-details-icon-color,rgb(var(--variant-primary-04,184 208 255)))}.icon--hidden{display:none}.helper-icon,.title{cursor:pointer}.helper-icon{display:flex;fill:var(--mds-details-helper-icon-color,rgb(var(--tone-neutral-03,233 233 233)));flex-shrink:0;rotate:0deg;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:rotate;-webkit-transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1))}.helper-icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}.helper-icon.opened{rotate:90deg}.actions{display:flex;gap:calc(var(--spacing,.0025rem)*400)}:host-context(:root.pref-animation-reduce){--mds-details-duration:0s}:host-context(:root.pref-contrast-more){--mds-details-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-details-helper-icon-color:rgb(var(--tone-neutral-02,244 244 244))}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-details-duration:0s}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-details-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-details-helper-icon-color:rgb(var(--tone-neutral-02,244 244 244))}}`;
 
 const MdsDetails = class {
     constructor(hostRef) {
@@ -49,9 +49,11 @@ const MdsDetails = class {
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
-        "opened": ["validateOpened"]
+        "opened": [{
+                "validateOpened": 0
+            }]
     }; }
 };
-MdsDetails.style = mdsDetailsCss;
+MdsDetails.style = mdsDetailsCss();
 
 exports.mds_details = MdsDetails;

package/dist/cjs/mds-dropdown.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var keyboardManager = require('./keyboard-manager-BXKT5TGW.js');
 var unit = require('./unit-Cm341q1R.js');
 var floatingController = require('./floating-controller-DA8xyqCa.js');
@@ -12,7 +12,7 @@ var arrowSvg = `<svg width="30" height="16" viewBox="0 0 30 16" xmlns="http://ww
 </svg>
 `;
 
-const mdsDropdownCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-dropdown-arrow-background:var(--mds-dropdown-background,rgb(var(--tone-neutral,0 0 0)));--mds-dropdown-backdrop-duration:.2s;--mds-dropdown-backdrop-z-index:3000;--mds-dropdown-background:rgb(var(--tone-neutral,0 0 0));--mds-dropdown-mouseover-delay:.5s;--mds-dropdown-drop-shadow-color-rgb:0 0 0;--mds-dropdown-duration:.5s;--mds-dropdown-z-index:4000;--mds-dropdown-transform-from:scale(.9)translateY(-3%);--mds-dropdown-transform-to:scale(.9)translateY(-3%)}}}@layer reset,vendor,theme,base,components,utilities;: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 --mds-dropdown-backdrop-duration{syntax:\"<time>\";inherits:false;initial-value:.2s}@property --mds-dropdown-backdrop-z-index{syntax:\"<integer>\";inherits:false;initial-value:3000}@property --mds-dropdown-mouseover-delay{syntax:\"<time>\";inherits:false;initial-value:.5s}@property --mds-dropdown-drop-shadow-color-rgb{syntax:\"<number>+\";inherits:false;initial-value:0 0 0}@property --mds-dropdown-duration{syntax:\"<time>\";inherits:false;initial-value:.5s}@property --mds-dropdown-z-index{syntax:\"<integer>\";inherits:false;initial-value:4000}@property --mds-dropdown-transform-from{syntax:\"<transform-list>\";inherits:false;initial-value:scale(.9)translateY(-3%)}@property --mds-dropdown-transform-to{syntax:\"<transform-list>\";inherits:false;initial-value:scale(.9)translateY(-3%)}:host{--mds-dropdown-arrow-background:var(--mds-dropdown-background,rgb(var(--tone-neutral,0 0 0)));--mds-dropdown-backdrop-duration:.2s;--mds-dropdown-backdrop-z-index:var(--magma-backdrop-z-index,3000);--mds-dropdown-background:rgb(var(--tone-neutral,0 0 0));--mds-dropdown-drop-shadow-color-rgb:var(--tone-neutral-01,255 255 255);--mds-dropdown-drop-shadow:drop-shadow(0 10px 8px rgb(var(--mds-dropdown-drop-shadow-color-rgb,0 0 0)/.05))drop-shadow(0 4px 3px rgb(var(--mds-dropdown-drop-shadow-color-rgb,0 0 0)/.15))drop-shadow(0 0 1px rgb(var(--mds-dropdown-drop-shadow-color-rgb,0 0 0)/.15));--mds-dropdown-duration:.5s;--mds-dropdown-ease:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));--mds-dropdown-mouseover-delay:.5s;--mds-dropdown-transform-from:scale(.9)translateY(-3%);--mds-dropdown-transform-to:scale(1)translate(0,0);--mds-dropdown-z-index:var(--magma-dropdown-z-index,4000);background-color:var(--mds-dropdown-background,rgb(var(--tone-neutral,0 0 0)));border-radius:var(--radius-md,12px);box-sizing:border-box;corner-shape:var(--magma-corner-shape,round);display:none;filter:var(--mds-dropdown-drop-shadow);gap:calc(var(--spacing,.0025rem)*400);opacity:0;padding:calc(var(--spacing,.0025rem)*600);pointer-events:none;position:fixed;-webkit-transform:var(--mds-dropdown-transform-from,scale(.9)translateY(-3%));transform:var(--mds-dropdown-transform-from,scale(.9)translateY(-3%));transition-behavior:allow-discrete;-webkit-transition-duration:var(--mds-dropdown-duration,.5s);transition-duration:var(--mds-dropdown-duration,.5s);transition-property:opacity,transform,transform-origin,display;-webkit-transition-timing-function:var(--mds-dropdown-ease);transition-timing-function:var(--mds-dropdown-ease);z-index:var(--mds-dropdown-z-index,4000)}:host([visible]:not([visible=false])){display:grid;opacity:1;pointer-events:auto;-webkit-transform:var(--mds-dropdown-transform-to,scale(.9)translateY(-3%));transform:var(--mds-dropdown-transform-to,scale(.9)translateY(-3%))}@starting-style{:host([visible]:not([visible=false])){opacity:0;transform:scale(0)}}:host([smooth]:not([smooth=false])){transition-property:bottom,left,opacity,right,top,transform,transform-origin}.arrow{display:flex;fill:var(--mds-dropdown-arrow-background,var(--mds-dropdown-background,rgb(var(--tone-neutral,0 0 0))));pointer-events:none;position:fixed;top:calc(var(--spacing,.0025rem)*-400)}::slotted(*){position:relative;z-index:10}:host-context(:root.pref-animation-reduce){--mds-dropdown-backdrop-duration:0s;--mds-dropdown-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-dropdown-drop-shadow:drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.05))drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3))drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3))}:host-context(:root.pref-contrast-more){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05))drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}:host-context(:root.pref-contrast-more.pref-theme-dark){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.075))drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.45))drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.45))}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-dropdown-backdrop-duration:0s;--mds-dropdown-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-dropdown-drop-shadow:drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.05))drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3))drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3))}:host-context(:root.pref-contrast-more.pref-theme-system){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05))drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05))drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}:host-context(:root.pref-contrast-system.pref-theme-dark){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05))drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}}@media (prefers-contrast:more) and (prefers-color-scheme:dark){:host-context(:root.pref-contrast-system.pref-theme-system){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05))drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}}";
+const mdsDropdownCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-dropdown-arrow-background:var(--mds-dropdown-background,rgb(var(--tone-neutral,0 0 0)));--mds-dropdown-backdrop-duration:.2s;--mds-dropdown-backdrop-z-index:3000;--mds-dropdown-background:rgb(var(--tone-neutral,0 0 0));--mds-dropdown-mouseover-delay:.5s;--mds-dropdown-drop-shadow-color-rgb:0 0 0;--mds-dropdown-duration:.5s;--mds-dropdown-z-index:4000;--mds-dropdown-transform-from:scale(.9) translateY(-3%);--mds-dropdown-transform-to:scale(.9) translateY(-3%)}}}@layer reset,vendor,theme,base,components,utilities;: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 --mds-dropdown-backdrop-duration{syntax:"<time>";inherits:false;initial-value:.2s}@property --mds-dropdown-backdrop-z-index{syntax:"<integer>";inherits:false;initial-value:3000}@property --mds-dropdown-mouseover-delay{syntax:"<time>";inherits:false;initial-value:.5s}@property --mds-dropdown-drop-shadow-color-rgb{syntax:"<number>+";inherits:false;initial-value:0 0 0}@property --mds-dropdown-duration{syntax:"<time>";inherits:false;initial-value:.5s}@property --mds-dropdown-z-index{syntax:"<integer>";inherits:false;initial-value:4000}@property --mds-dropdown-transform-from{syntax:"<transform-list>";inherits:false;initial-value:scale(.9)translateY(-3%)}@property --mds-dropdown-transform-to{syntax:"<transform-list>";inherits:false;initial-value:scale(.9)translateY(-3%)}:host{--mds-dropdown-arrow-background:var(--mds-dropdown-background,rgb(var(--tone-neutral,0 0 0)));--mds-dropdown-backdrop-duration:.2s;--mds-dropdown-backdrop-z-index:var(--magma-backdrop-z-index,3000);--mds-dropdown-background:rgb(var(--tone-neutral,0 0 0));--mds-dropdown-drop-shadow-color-rgb:var(--tone-neutral-01,255 255 255);--mds-dropdown-drop-shadow:drop-shadow(0 10px 8px rgb(var(--mds-dropdown-drop-shadow-color-rgb,0 0 0)/.05)) drop-shadow(0 4px 3px rgb(var(--mds-dropdown-drop-shadow-color-rgb,0 0 0)/.15)) drop-shadow(0 0 1px rgb(var(--mds-dropdown-drop-shadow-color-rgb,0 0 0)/.15));--mds-dropdown-duration:.5s;--mds-dropdown-ease:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));--mds-dropdown-mouseover-delay:.5s;--mds-dropdown-transform-from:scale(.9) translateY(-3%);--mds-dropdown-transform-to:scale(1) translate(0,0);--mds-dropdown-z-index:var(--magma-dropdown-z-index,4000);background-color:var(--mds-dropdown-background,rgb(var(--tone-neutral,0 0 0)));border-radius:var(--radius-md,12px);box-sizing:border-box;corner-shape:var(--magma-corner-shape,round);display:none;filter:var(--mds-dropdown-drop-shadow);gap:calc(var(--spacing,.0025rem)*400);opacity:0;padding:calc(var(--spacing,.0025rem)*600);pointer-events:none;position:fixed;-webkit-transform:var(--mds-dropdown-transform-from,scale(.9) translateY(-3%));transform:var(--mds-dropdown-transform-from,scale(.9) translateY(-3%));transition-behavior:allow-discrete;-webkit-transition-duration:var(--mds-dropdown-duration,.5s);transition-duration:var(--mds-dropdown-duration,.5s);transition-property:opacity,transform,transform-origin,display;-webkit-transition-timing-function:var(--mds-dropdown-ease);transition-timing-function:var(--mds-dropdown-ease);z-index:var(--mds-dropdown-z-index,4000)}:host([visible]:not([visible=false])){display:grid;opacity:1;pointer-events:auto;-webkit-transform:var(--mds-dropdown-transform-to,scale(.9) translateY(-3%));transform:var(--mds-dropdown-transform-to,scale(.9) translateY(-3%))}@starting-style{:host([visible]:not([visible=false])){opacity:0;transform:scale(0)}}:host([smooth]:not([smooth=false])){transition-property:bottom,left,opacity,right,top,transform,transform-origin}.arrow{display:flex;fill:var(--mds-dropdown-arrow-background,var(--mds-dropdown-background,rgb(var(--tone-neutral,0 0 0))));pointer-events:none;position:fixed;top:calc(var(--spacing,.0025rem)*-400)}::slotted(*){position:relative;z-index:10}:host-context(:root.pref-animation-reduce){--mds-dropdown-backdrop-duration:0s;--mds-dropdown-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-dropdown-drop-shadow:drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3))}:host-context(:root.pref-contrast-more){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}:host-context(:root.pref-contrast-more.pref-theme-dark){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.075)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.45)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.45))}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-dropdown-backdrop-duration:0s;--mds-dropdown-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-dropdown-drop-shadow:drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3))}:host-context(:root.pref-contrast-more.pref-theme-system){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}:host-context(:root.pref-contrast-system.pref-theme-dark){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}}@media (prefers-contrast:more) and (prefers-color-scheme:dark){:host-context(:root.pref-contrast-system.pref-theme-system){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}}`;
 
 const MdsDropdown = class {
     constructor(hostRef) {
@@ -224,20 +224,44 @@ const MdsDropdown = class {
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
-        "arrow": ["arrowChanged"],
-        "arrowPadding": ["arrowPaddingChanged"],
-        "autoPlacement": ["autoPlacementChanged"],
-        "backdrop": ["backdropChanged"],
-        "flip": ["flipChanged"],
-        "offset": ["offsetChanged"],
-        "placement": ["placementChanged"],
-        "shift": ["shiftChanged"],
-        "shiftPadding": ["shiftPaddingChanged"],
-        "strategy": ["strategyChanged"],
-        "target": ["targetChanged"],
-        "visible": ["visibleChanged"]
+        "arrow": [{
+                "arrowChanged": 0
+            }],
+        "arrowPadding": [{
+                "arrowPaddingChanged": 0
+            }],
+        "autoPlacement": [{
+                "autoPlacementChanged": 0
+            }],
+        "backdrop": [{
+                "backdropChanged": 0
+            }],
+        "flip": [{
+                "flipChanged": 0
+            }],
+        "offset": [{
+                "offsetChanged": 0
+            }],
+        "placement": [{
+                "placementChanged": 0
+            }],
+        "shift": [{
+                "shiftChanged": 0
+            }],
+        "shiftPadding": [{
+                "shiftPaddingChanged": 0
+            }],
+        "strategy": [{
+                "strategyChanged": 0
+            }],
+        "target": [{
+                "targetChanged": 0
+            }],
+        "visible": [{
+                "visibleChanged": 0
+            }]
     }; }
 };
-MdsDropdown.style = mdsDropdownCss;
+MdsDropdown.style = mdsDropdownCss();
 
 exports.mds_dropdown = MdsDropdown;