@swiftwc/ui 0.0.0-dev.115 → 0.0.0-dev.117

package/generated/css/index.css

@@ -3,7 +3,7 @@
   inherits: false;
   initial-value: 16;
 }
-@layer sw-components {
+@layer sw.sw-components {
   :root {
     color-scheme: light dark;
     --safe-area-inset-top: env(safe-area-inset-top);
@@ -322,8 +322,10 @@
     color-scheme: light only;
   }
 }
-@layer sw-base, sw-components, sw-nav-components, sw-list-components, sw-tab-components, sw-utils, sw-colors, sw-actions, sw-transitions, sw-final;
-@layer sw-base {
+@layer sw {
+  @layer sw-base, sw-components, sw-nav-components, sw-list-components, sw-tab-components, sw-utils, sw-colors, sw-actions, sw-transitions, sw-final;
+}
+@layer sw.sw-base {
   :root {
     interpolate-size: allow-keywords;
     touch-action: manipulation;
@@ -427,7 +429,7 @@
     display: none;
   }
 }
-@layer sw-list-components {
+@layer sw.sw-list-components {
   :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view), [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]), list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)) {
     background-color: var(--list--host-background-color, );
     padding-inline: var(--list--host-padding-inline, );
@@ -847,7 +849,7 @@
     color: var(--accentColor);
   }
 }
-@layer sw-colors {
+@layer sw.sw-colors {
   :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]), [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]), list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
   table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
   [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
@@ -885,7 +887,7 @@
     --accentColorEffective: var(--itemtext);
   }
 }
-@layer sw-actions {
+@layer sw.sw-actions {
   :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]), [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]), list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
   table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
   [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view > :not([slot], section-view, [is=disclosure-group], picker-view, menu-view, menu-view *, whatever-name):not(:disabled):not([readonly]),
@@ -941,7 +943,7 @@
     --accentColorEffective: var(--itemtext);
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where([is=glass-prominent-button], [is=glass-button], [is=bordered-prominent-button], [is=bordered-button], [is=borderless-button], [is=plain-button]) {
     place-items: center;
     place-content: center;
@@ -1015,7 +1017,7 @@
     --label-font: caption;
   }
 }
-@layer sw-colors {
+@layer sw.sw-colors {
   :where([is=glass-prominent-button]:not(:disabled):not([readonly]), [is=glass-button]:not(:disabled):not([readonly]), [is=bordered-prominent-button]:not(:disabled):not([readonly]), [is=bordered-button]:not(:disabled):not([readonly]), [is=borderless-button]:not(:disabled):not([readonly]), [is=plain-button]:not(:disabled):not([readonly])):focus-visible {
     outline: none;
   }
@@ -1030,13 +1032,13 @@
     }
   }
 }
-@layer sw-actions {
+@layer sw.sw-actions {
   :where([is=glass-prominent-button]:not(:disabled):not([readonly]), [is=glass-button]:not(:disabled):not([readonly]), [is=bordered-prominent-button]:not(:disabled):not([readonly]), [is=bordered-button]:not(:disabled):not([readonly]), [is=borderless-button]:not(:disabled):not([readonly]), [is=plain-button]:not(:disabled):not([readonly])):active {
     --btnface: var(--btnactiveface,);
     --btntext: var(--btnactivetext,);
   }
 }
-@layer sw-transitions {
+@layer sw.sw-transitions {
   @media (prefers-reduced-motion: no-preference) {
     :where([is=glass-prominent-button], [is=glass-button], [is=bordered-prominent-button], [is=bordered-button], [is=borderless-button], [is=plain-button]) {
       transition: background-color 100ms ease-out allow-discrete, opacity 100ms ease-out allow-discrete, color 100ms ease-out allow-discrete;
@@ -1047,7 +1049,7 @@
     }
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where(content-view,
   navigation-stack,
   navigation-split-view,
@@ -1103,7 +1105,7 @@
     --toolbar-cell-opacity: 0;
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where(navigation-stack:not([hidden]),
   navigation-split-view:not([hidden]),
   navigation-large-title:not([hidden]),
@@ -1326,7 +1328,7 @@
     border-radius: var(--toolbaritemradiustl,) var(--toolbaritemradiustr,) var(--toolbaritemradiusbr,) var(--toolbaritemradiusbl,);
   }
 }
-@layer sw-colors {
+@layer sw.sw-colors {
   :where(sidebar-toggle > button:not(:disabled):not([readonly]),
   tool-bar-item > button:not(:disabled):not([readonly]),
   tool-bar-item > input:not(:disabled):not([readonly]),
@@ -1356,7 +1358,7 @@
     }
   }
 }
-@layer sw-actions {
+@layer sw.sw-actions {
   :where(sidebar-toggle > button:not(:disabled):not([readonly]),
   tool-bar-item > button:not(:disabled):not([readonly]),
   tool-bar-item > input:not(:disabled):not([readonly]),
@@ -1367,7 +1369,7 @@
     --toolbaritemtext: var(--toolbaritemactivetext,);
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where(v-keyboard) {
     position: fixed;
     inset: 0lvh auto auto 0lvw;
@@ -1375,7 +1377,7 @@
     block-size: 100lvh;
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where([is=disclosure-group]) {
     overflow: clip;
     --disclosure--host-details-content-block-size: 0;
@@ -1471,7 +1473,7 @@
     }
   }
 }
-@layer sw-utils {
+@layer sw.sw-utils {
   @supports (x: attr(x type(*))) {
     :where([is=disclosure-group]) {
       --disclosure-style: attr(disclosure-style type(<custom-ident>), inherit);
@@ -1505,7 +1507,7 @@
     }
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where(image-view) {
     --image--fontsize: calc(var(--label-image-size) * 1rem);
   }
@@ -1515,7 +1517,7 @@
     font-size: var(--image--fontsize);
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where(group-box) {
     background: var(--groupbox--background);
     padding-inline: var(--groupbox--padding-inline);
@@ -1531,21 +1533,21 @@
     --label-image-size: 5;
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where(h-divider) {
     inline-size: 100%;
     block-size: 1px;
     background-color: var(--separator);
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where(v-divider) {
     inline-size: 1px;
     block-size: 100%;
     background-color: var(--separator);
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where([is=full-screen]) {
     inset-inline: 0px;
     inset-block: 0px;
@@ -1567,7 +1569,7 @@
     block-size: var(--100lvh, 100lvh);
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where(detail-placeholder) {
     pointer-events: none;
     touch-action: none;
@@ -1666,7 +1668,7 @@
   inherits: false;
   initial-value: 0;
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where(progress-view) {
     transition: --progress-view-style-index 1ms step-start;
     grid-template-columns: minmax(0, 1fr);
@@ -1739,7 +1741,7 @@
     --progress-view-style-index: 1;
   }
 }
-@layer sw-tab-components {
+@layer sw.sw-tab-components {
   :where(fine-tooltip) {
     color: var(--text, );
     pointer-events: none;
@@ -1801,7 +1803,7 @@
   inherits: false;
   initial-value: 0;
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where(sticky-container) {
     container-type: scroll-state;
     position: sticky;
@@ -1826,7 +1828,7 @@
     }
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where([is=sheet-view]) {
     inset-inline: 0px;
     inset-block: 0px;
@@ -1882,7 +1884,7 @@
     }
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where(content-unavailable) {
     place-content: center;
     place-items: center;
@@ -1912,7 +1914,7 @@
     display: none;
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where([is=confirmation-dialog]) {
     inset-inline: 0px;
     inset-block: 0px;
@@ -1987,7 +1989,7 @@
     --confirmation--inner-scale: scale3d(0, 0, 1);
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where([is=alert-dialog]) {
     inset-inline: 0px;
     inset-block: 0px;
@@ -2064,7 +2066,7 @@
     --alert--dialog-opacity: 0;
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where(navigation-stack > scroll-view:has(~ tool-bar > [slot^=top-bar]), navigation-stack > scroll-view:has(> [slot^=top-bar]), navigation-split-view > scroll-view:has(~ tool-bar > [slot^=top-bar]), navigation-split-view > scroll-view:has(> [slot^=top-bar]), [is=sidebar-view] > scroll-view:has(~ tool-bar > [slot^=top-bar]), [is=sidebar-view] > scroll-view:has(> [slot^=top-bar]), content-view > scroll-view:has(~ tool-bar > [slot^=top-bar]), content-view > scroll-view:has(> [slot^=top-bar]), [is=full-screen] > scroll-view:has(~ tool-bar > [slot^=top-bar]), [is=full-screen] > scroll-view:has(> [slot^=top-bar]), [is=sheet-view] > scroll-view:has(~ tool-bar > [slot^=top-bar]), [is=sheet-view] > scroll-view:has(> [slot^=top-bar])) {
     scroll-padding-top: var(--navigation-bar-block-size);
   }
@@ -2155,7 +2157,7 @@
     }
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where(scroll-view-proxy) {
     display: contents;
   }
@@ -2190,7 +2192,7 @@
     scroll-padding-inline: 1rem;
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where(h-stack) {
     grid-auto-flow: column;
     grid-template-rows: minmax(0, 1fr);
@@ -2343,7 +2345,7 @@
     grid-template-columns: auto minmax(0, 1fr) auto auto;
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where(v-stack) {
     grid-template-columns: minmax(0, 1fr);
     place-items: safe center;
@@ -2495,7 +2497,7 @@
     grid-template-rows: auto minmax(0, 1fr) auto auto;
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where(h-flex-stack) {
     display: flex;
     flex-flow: row nowrap;
@@ -2510,7 +2512,7 @@
     flex-grow: 1;
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where(v-flex-stack) {
     display: flex;
     flex-flow: column nowrap;
@@ -2525,7 +2527,7 @@
     flex-grow: 1;
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where(scroll-view)::part(scroll-view-navbar), :where(scroll-view)::part(scroll-view-toolbar) {
     position: sticky;
     inline-size: 100%;
@@ -2623,7 +2625,7 @@
     inline-size: calc(var(--toolbar-padding-inline-end) + var(--toolbar-safe-area-inset-right, 0px) + var(--toolbar-col-gap, 0px));
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where(tool-bar-item) {
     pointer-events: all;
     border-radius: var(--pill-border-radius);
@@ -2676,14 +2678,14 @@
     --label-padding-inline: 0.5rem;
   }
 }
-@layer sw-actions {
+@layer sw.sw-actions {
   :where(tool-bar-item[slot]:has(menu-view[open])),
   :where(tool-bar-item-group:has(> tool-bar-item menu-view[open])) {
     --toolbar-cell-scale: var(--menu-host-offscreen-transform);
     --toolbar-cell-filter: var(--menu-host-offscreen-filter);
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where(tool-bar-item-group) {
     grid-auto-flow: column;
     grid-template-columns: minmax(0, 1fr);
@@ -2698,13 +2700,13 @@
     min-inline-size: calc(var(--toolbar-cell-min-size) - var(--toolbar-cell-block-padding-start) - var(--toolbar-cell-block-padding-end));
   }
 }
-@layer sw-components {}
-@layer sw-utils {
+@layer sw.sw-components {}
+@layer sw.sw-utils {
   :where([is=plain-button]) {
     text-align: center;
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where([is=borderless-button]) {
     --btnpadistart: 0.1rem;
     --btnpadiend: 0.1rem;
@@ -2730,12 +2732,12 @@
     --accentColor5: var(--blue5);
   }
 }
-@layer sw-utils {
+@layer sw.sw-utils {
   :where([is=borderless-button]) {
     text-align: center;
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where([is=bordered-button]) {
     --btnpadistart: var(--regular-btn-padding);
     --btnpadiend: var(--regular-btn-padding);
@@ -2790,12 +2792,12 @@
     --accentColor5: var(--blue5);
   }
 }
-@layer sw-utils {
+@layer sw.sw-utils {
   :where([is=bordered-button]) {
     text-align: center;
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where([is=bordered-prominent-button]) {
     --btnpadistart: var(--regular-btn-padding);
     --btnpadiend: var(--regular-btn-padding);
@@ -2845,7 +2847,7 @@
     --accentColor5: var(--blue5);
   }
 }
-@layer sw-colors {
+@layer sw.sw-colors {
   :where([is=bordered-prominent-button] > *) {
     --secondary: var(--btntext);
     --blue: var(--btntext);
@@ -2857,12 +2859,12 @@
     --accentColorEffective: var(--btntext);
   }
 }
-@layer sw-utils {
+@layer sw.sw-utils {
   :where([is=bordered-prominent-button]) {
     text-align: center;
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where([is=glass-button]) {
     backdrop-filter: var(--liquid-glass-backdrop-filter);
     box-shadow: var(--toolbar-cell-box-shadow);
@@ -2915,12 +2917,12 @@
     --accentColor5: var(--blue5);
   }
 }
-@layer sw-utils {
+@layer sw.sw-utils {
   :where([is=glass-button]) {
     text-align: center;
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where([is=glass-prominent-button]) {
     backdrop-filter: var(--liquid-glass-backdrop-filter);
     box-shadow: var(--toolbar-cell-box-shadow);
@@ -2973,7 +2975,7 @@
     --accentColor5: var(--blue5);
   }
 }
-@layer sw-colors {
+@layer sw.sw-colors {
   :where([is=glass-prominent-button] > *) {
     --secondary: var(--btntext);
     --blue: var(--btntext);
@@ -2985,12 +2987,12 @@
     --accentColorEffective: var(--btntext);
   }
 }
-@layer sw-utils {
+@layer sw.sw-utils {
   :where([is=glass-prominent-button]) {
     text-align: center;
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where([is=search-view]) {
     height: 30px;
     backdrop-filter: var(--liquid-glass-backdrop-filter, );
@@ -3001,7 +3003,7 @@
     outline: none;
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where(tool-bar) {
     pointer-events: none;
     touch-action: none;
@@ -3084,7 +3086,7 @@
   inherits: false;
   initial-value: 0;
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where(label-view) {
     padding-inline: var(--label-padding-inline);
     align-items: var(--label--host-align-items, );
@@ -3538,7 +3540,7 @@
     }
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where(text-view[prose]) {
     container: text-view/inline-size;
     --text-view--p-margin-block-start: 1rem;
@@ -3550,7 +3552,7 @@
     font-size: clamp(1rem, var(--text-view--h1-font-size) + 0.5rem, 3rem);
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where(toggle-view) {
     grid-template-columns: minmax(0, 1fr);
     grid-template-rows: minmax(0, 1fr);
@@ -3642,7 +3644,7 @@
     color: var(--secondary);
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where(labeled-content) {
     container: labeled-content/inline-size;
   }
@@ -3696,8 +3698,8 @@
     }
   }
 }
-@layer sw-components {}
-@layer sw-components {
+@layer sw.sw-components {}
+@layer sw.sw-components {
   :where(navigation-large-title) {
     transition: --navigation-bar-block-size 1ms step-start;
   }
@@ -3713,8 +3715,8 @@
     visibility: collapse;
   }
 }
-@layer sw-components {}
-@layer sw-components {
+@layer sw.sw-components {}
+@layer sw.sw-components {
   :where(tab-view:not([tab-view-style=tab-bar-only]) > sidebar-toggle, navigation-split-view > sidebar-toggle) {
     position: fixed;
     inset: max(env(safe-area-inset-top), var(--sidebar-block-spacing)) auto auto 0;
@@ -3787,7 +3789,7 @@
     }
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where(menu-view)::part(menu-summary) {
     transform: var(--menu--summary-scale, );
     filter: var(--menu--summary-filter, );
@@ -3907,7 +3909,7 @@
     --disclosure-style: marker-trailing;
   }
 }
-@layer sw-colors {
+@layer sw.sw-colors {
   :where(menu-view:not(:disabled):not([readonly])):focus-visible {
     outline: none;
   }
@@ -3986,7 +3988,7 @@
     }
   }
 }
-@layer sw-actions {
+@layer sw.sw-actions {
   :where(menu-view:not(:disabled):not([readonly])):active::part(menu-summary) {
     --menusummaryface: var(--menusummaryactiveface,);
     --menusummarytext: var(--menusummaryactivetext,);
@@ -4002,7 +4004,7 @@
     --menuitemtext: var(--menuitemactivetext,);
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where([is=sidebar-view]) {
     inset-inline: 0px;
     inset-block: 0px;
@@ -4053,12 +4055,12 @@
     }
   }
 }
-@layer sw-final {
+@layer sw.sw-final {
   :where([is=sidebar-view][open]) {
     margin-inline-start: max(env(safe-area-inset-left), var(--sidebar-inline-spacing));
   }
 }
-@layer sw-list-components {
+@layer sw.sw-list-components {
   :where(list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)) {
     --list--section-gap: var(--list-row-gap);
     --list--host-background-color: var(--list-background-color, );
@@ -4432,7 +4434,7 @@
     display: none;
   }
 }
-@layer sw-list-components {
+@layer sw.sw-list-components {
   :where([is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view])) {
     --list--section-gap: var(--form-gap);
     --list--host-background-color: var(--form-background-color, );
@@ -4769,7 +4771,7 @@
     --list--accessories-display: none;
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where(section-view) {
     grid-template-columns: minmax(0, 1fr);
     grid-template-rows: auto minmax(max-content, 1fr) auto;
@@ -4844,7 +4846,7 @@
   inherits: false;
   initial-value: 0;
 }
-@layer sw-list-components {
+@layer sw.sw-list-components {
   :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view)) {
     container: table/inline-size;
   }
@@ -5008,7 +5010,7 @@
     }
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where([is=table-row]) {
     row-gap: var(--table-row-gap);
     column-gap: var(--table-col-gap);
@@ -5166,7 +5168,7 @@
     }
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where([is=table-column]) {
     column-gap: var(--table-accessory-gap);
     grid-auto-flow: column;
@@ -5201,7 +5203,7 @@
     --tablecol--after-rotate: rotate(180deg);
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where(text-field) {
     grid-template-columns: minmax(0, 1fr);
     grid-template-rows: minmax(0, 1fr);
@@ -5227,7 +5229,7 @@
     background-color: transparent;
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where(date-picker) {
     grid-template-columns: minmax(0, 1fr);
     grid-template-rows: minmax(0, 1fr);
@@ -5245,7 +5247,7 @@
     text-align: end;
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where(picker-view) {
     grid-template-columns: minmax(0, 1fr);
     grid-template-rows: minmax(0, 1fr);
@@ -5414,7 +5416,7 @@
     --picker--inputstack-flex-flow: row wrap;
   }
 }
-@layer sw-final {
+@layer sw.sw-final {
   @supports not (x: attr(x type(*))) {
     @container style(--picker-label-value-placement: vertical) {
       :where(picker-view:not([label-value-placement])) {
@@ -5440,13 +5442,13 @@
     }
   }
 }
-@layer sw-nav-components {
+@layer sw.sw-nav-components {
   :where(navigation-stack) {
     touch-action: none;
     block-size: var(--100lvh, 100lvh);
   }
 }
-@layer sw-nav-components {
+@layer sw.sw-nav-components {
   :where(navigation-split-view) {
     touch-action: none;
     block-size: var(--100lvh, 100lvh);
@@ -5588,7 +5590,7 @@
     }
   }
 }
-@layer sw-final {
+@layer sw.sw-final {
   @media (min-width: 43rem) {
     navigation-split-view > scroll-view,
     navigation-split-view > [is=sidebar-view] > scroll-view {
@@ -5620,7 +5622,7 @@
   inherits: false;
   initial-value: 0;
 }
-@layer sw-tab-components {
+@layer sw.sw-tab-components {
   :where(tab-view) {
     grid-template-columns: subgrid;
     grid-template-rows: subgrid;
@@ -5832,7 +5834,7 @@
     }
   }
 }
-@layer sw-final {
+@layer sw.sw-final {
   @media (pointer: fine) {
     :where(tab-view[tab-view-style=tab-bar-only]) {
       --adaptable-tab-bar-placement: top-bar;
@@ -5858,7 +5860,7 @@
     }
   }
 }
-@layer sw-tab-components {
+@layer sw.sw-tab-components {
   :where([is=tab-bar]) {
     inset-inline: 0px;
     inset-block: 0px;
@@ -6104,7 +6106,7 @@
     }
   }
 }
-@layer sw-tab-components {
+@layer sw.sw-tab-components {
   :where([is=sidebar-view] [is=tab-item][aria-selected=true]:not([is=disclosure-group]:not([open]) [is=tab-item]), [is=sidebar-view] [is=disclosure-group]:not([open]):has(> [is=tab-item][aria-selected=true]) > summary) {
     anchor-name: --tab-view-sidebar-selection;
   }
@@ -6112,7 +6114,7 @@
     anchor-name: --tab-view-tabbar-selection;
   }
 }
-@layer sw-utils {
+@layer sw.sw-utils {
   :where([background-style=initial]) {
     --background: initial;
     --secondaryBackground: initial;
@@ -6267,7 +6269,7 @@
     --accentColor5: var(--purple5);
   }
 }
-@layer sw-utils {
+@layer sw.sw-utils {
   :where([frame\:width=infinity]) {
     inline-size: 100%;
   }
@@ -7566,7 +7568,7 @@
     }
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where(v-stack[readable]) {
     inline-size: 100%;
     justify-self: center;
@@ -8178,7 +8180,7 @@
     max-inline-size: 100cqi;
   }
 }
-@layer sw-utils {
+@layer sw.sw-utils {
   h-stack[distribution=leading],
   v-flex-stack[distribution=leading] {
     justify-items: start  ;
@@ -8683,13 +8685,13 @@
     padding-inline: 1rem;
   }
 }
-@layer sw-components {
+@layer sw.sw-components {
   :where(v-stack[readable]) {
     place-items: start stretch  ;
     place-content: start stretch  ;
   }
 }
-@layer sw-utils {
+@layer sw.sw-utils {
   :where([padding-horizontal="0"]) {
     padding-inline: 0rem;
   }
@@ -9303,7 +9305,7 @@
     margin-block: 5rem;
   }
 }
-@layer sw-utils {
+@layer sw.sw-utils {
   :where(list-view[background=system-background],
   [is=form-view][background=system-background]) {
     --list--host-background-color: var(--background);
@@ -9347,7 +9349,7 @@
     --list--item-background-color: var(--quaintaryGroupedBackground);
   }
 }
-@layer sw-transitions {
+@layer sw.sw-transitions {
   @media (prefers-reduced-motion: no-preference) {
     scroll-view.fwd, scroll-view.fwdd, scroll-view.bwd, scroll-view.bwdd {
       transition: transform var(--view-transition-duration) ease-out allow-discrete, padding-inline-start var(--sidebar-transition-duration) ease-out allow-discrete, margin-inline-start var(--sidebar-transition-duration) ease-out allow-discrete;
@@ -9378,7 +9380,7 @@
     }
   }
 }
-@layer sw-transitions {
+@layer sw.sw-transitions {
   scroll-view.fwd {
     pointer-events: none;
   }
@@ -9395,7 +9397,7 @@
     --scroll-view-translate: translateX(var(--view-transition-leading-x));
   }
 }
-@layer sw-transitions {
+@layer sw.sw-transitions {
   scroll-view.bwd {
     --scroll-view-translate: translateX(var(--view-transition-trailing-x));
     --scroll-view-box-shadow: var(--screen-box-shadow);
@@ -9415,7 +9417,7 @@
     pointer-events: none;
   }
 }
-@layer sw-transitions {
+@layer sw.sw-transitions {
   tool-bar-item.fwnn,
   tool-bar-item-group.fwnn {
     --toolbar-cell-scale: scale(var(--view-transition-toolbar-cell-onscreen-scale));
@@ -9437,7 +9439,7 @@
     --toolbar-cell-opacity: 0;
   }
 }
-@layer sw-transitions {
+@layer sw.sw-transitions {
   tool-bar-item.bwn,
   tool-bar-item-group.bwn {
     --toolbar-cell-scale: scale(var(--view-transition-toolbar-cell-offscreen-scale));
@@ -9457,7 +9459,7 @@
     --toolbar-cell-opacity: 0;
   }
 }
-@layer sw-transitions {
+@layer sw.sw-transitions {
   [is=sheet-view]:not([open]) {
     z-index: var(--top-layer-polyfill-z-index);
   }
@@ -9483,7 +9485,7 @@
     }
   }
 }
-@layer sw-transitions {
+@layer sw.sw-transitions {
   @media (prefers-reduced-motion: no-preference) {
     :where(fine-tooltip) {
       transition: opacity 150ms allow-discrete ease-out, transform 150ms allow-discrete ease-out;
@@ -9496,7 +9498,7 @@
     }
   }
 }
-@layer sw-transitions {
+@layer sw.sw-transitions {
   @media (prefers-reduced-motion: no-preference) {
     :where(menu-view)::part(menu-summary) {
       transition: transform var(--touchglass-transition-duration) allow-discrete ease-out, filter var(--touchglass-transition-duration) allow-discrete ease-out;
@@ -9507,7 +9509,7 @@
     }
   }
 }
-@layer sw-transitions {
+@layer sw.sw-transitions {
   @keyframes progressViewCircular {
     0% {
       opacity: 0.85;
@@ -9520,21 +9522,21 @@
     }
   }
 }
-@layer sw-transitions {
+@layer sw.sw-transitions {
   @media (prefers-reduced-motion: no-preference) {
     :where([is=glass-button]) {
       transition: all var(--touchglass-transition-duration) allow-discrete ease-out;
     }
   }
 }
-@layer sw-transitions {
+@layer sw.sw-transitions {
   @media (prefers-reduced-motion: no-preference) {
     :where([is=glass-prominent-button]) {
       transition: all var(--touchglass-transition-duration) allow-discrete ease-out;
     }
   }
 }
-@layer sw-transitions {
+@layer sw.sw-transitions {
   @media (prefers-reduced-motion: no-preference) {
     :where([is=confirmation-dialog]) {
       transition: all var(--touchglass-transition-duration) allow-discrete ease-out;
@@ -9545,7 +9547,7 @@
     }
   }
 }
-@layer sw-transitions {
+@layer sw.sw-transitions {
   @media (prefers-reduced-motion: no-preference) {
     :where([is=alert-dialog]) {
       transition: display var(--touchglass-transition-duration) allow-discrete ease-out, overlay var(--touchglass-transition-duration) allow-discrete ease-out, transform var(--touchglass-transition-duration) allow-discrete ease-out, opacity var(--touchglass-transition-duration) allow-discrete ease-out;
@@ -9553,8 +9555,8 @@
     }
   }
 }
-@layer sw-transitions {}
-@layer sw-transitions {
+@layer sw.sw-transitions {}
+@layer sw.sw-transitions {
   @media (prefers-reduced-motion: no-preference) {
     :where([is=disclosure-group])::details-content {
       transition: block-size var(--disclosure-group-animation-duration) allow-discrete var(--disclosure-group-animation-easing), content-visibility var(--disclosure-group-animation-duration) allow-discrete var(--disclosure-group-animation-easing);
@@ -9572,7 +9574,7 @@
     }
   }
 }
-@layer sw-transitions {
+@layer sw.sw-transitions {
   @media (prefers-reduced-motion: no-preference) and (min-width: 43rem) {
     :where(navigation-split-view:has(> [is=sidebar-view]) [is=sidebar-view]) {
       transition: filter var(--touchglass-transition-duration) ease-out allow-discrete, transform var(--touchglass-transition-duration) ease-out allow-discrete;
@@ -9592,7 +9594,7 @@
     }
   }
 }
-@layer sw-transitions {
+@layer sw.sw-transitions {
   @media (prefers-reduced-motion: no-preference) {
     :where([is=tab-bar] > [is=form-view]) {
       transition: transform var(--sidebar-transition-duration) ease-out allow-discrete;
@@ -10680,7 +10682,7 @@
   initial-value: oklch(0% 0 0deg / 0);
   inherits: true;
 }
-@layer sw-colors {
+@layer sw.sw-colors {
   :root {
     --face: var(--background);
     --text: var(--primary);
@@ -10893,7 +10895,7 @@
     }
   } */
 }
-@layer sw-final {
+@layer sw.sw-final {
   :where(toggle-view[touch-glass])::part(toggle-track) {
     --toggle--dot-scale: 1.22;
     --toggle--dot-press-duration: 100ms;