@redvars/peacock 3.6.0 → 3.6.1

package/dist/{navigation-rail-DyO0oAZU.js → navigation-rail-DTTkqohi.js}

@@ -11,7 +11,8 @@ import { s as spread, o as o$2, a as BaseButtonMixin } from './BaseButton-BNFAYn
 import { B as BaseInput } from './BaseInput-14YmcfK7.js';
 import { F as FloatingController } from './popover-NC7b1lTq.js';
 import { i as isDarkMode, o as observeThemeChange } from './is-dark-mode-DOcaw4Yq.js';
-import { o as o$3 } from './unsafe-html-BsGUjx94.js';
+import { f as fetchSVG, s as sanitizeSvg, o as o$3 } from './flow-designer-DvTUrDp5.js';
+import { o as o$4 } from './unsafe-html-BsGUjx94.js';
 
 /**
  * @license
@@ -19,7 +20,7 @@ import { o as o$3 } from './unsafe-html-BsGUjx94.js';
  * SPDX-License-Identifier: BSD-3-Clause
  */function o(o){return (e$1,n)=>{const{slot:r,selector:s}=o??{},c="slot"+(r?`[name=${r}]`:":not([name])");return e(e$1,n,{get(){const t=this.renderRoot?.querySelector(c),e=t?.assignedElements(o)??[];return void 0===s?e:e.filter(t=>t.matches(s))}})}}
 
-var css_248z$R = i`* {
+var css_248z$U = i`* {
   box-sizing: border-box;
 }
 
@@ -110,7 +111,7 @@ class Avatar extends i$1 {
         return `${first.charAt(0)}${last.charAt(0)}`.toUpperCase();
     }
 }
-Avatar.styles = [css_248z$R];
+Avatar.styles = [css_248z$U];
 __decorate([
     n({ type: String, reflect: true })
 ], Avatar.prototype, "name", void 0);
@@ -118,7 +119,7 @@ __decorate([
     n({ type: String, reflect: true })
 ], Avatar.prototype, "src", void 0);
 
-var css_248z$Q = i`* {
+var css_248z$T = i`* {
   box-sizing: border-box;
 }
 
@@ -190,12 +191,12 @@ class Badge extends i$1 {
     </div>`;
     }
 }
-Badge.styles = [css_248z$Q];
+Badge.styles = [css_248z$T];
 __decorate([
     n({ type: String })
 ], Badge.prototype, "value", void 0);
 
-var css_248z$P = i`* {
+var css_248z$S = i`* {
   box-sizing: border-box;
 }
 
@@ -304,7 +305,7 @@ class Divider extends i$1 {
     </div>`;
     }
 }
-Divider.styles = [css_248z$P];
+Divider.styles = [css_248z$S];
 __decorate([
     n({ type: Boolean, reflect: true })
 ], Divider.prototype, "vertical", void 0);
@@ -312,7 +313,7 @@ __decorate([
     r()
 ], Divider.prototype, "slotHasContent", void 0);
 
-var css_248z$O = i`* {
+var css_248z$R = i`* {
   box-sizing: border-box;
 }
 
@@ -393,9 +394,9 @@ class Elevation extends i$1 {
         return b `<span class="shadow"></span>`;
     }
 }
-Elevation.styles = [css_248z$O];
+Elevation.styles = [css_248z$R];
 
-var css_248z$N = i`* {
+var css_248z$Q = i`* {
   box-sizing: border-box;
 }
 
@@ -648,7 +649,7 @@ class SegmentedButton extends i$1 {
     `;
     }
 }
-SegmentedButton.styles = [css_248z$N];
+SegmentedButton.styles = [css_248z$Q];
 __decorate([
     n({ type: String, reflect: true })
 ], SegmentedButton.prototype, "value", void 0);
@@ -668,7 +669,7 @@ __decorate([
     r()
 ], SegmentedButton.prototype, "isActive", void 0);
 
-var css_248z$M = i`* {
+var css_248z$P = i`* {
   box-sizing: border-box;
 }
 
@@ -780,7 +781,7 @@ class SegmentedButtonGroup extends i$1 {
     `;
     }
 }
-SegmentedButtonGroup.styles = [css_248z$M];
+SegmentedButtonGroup.styles = [css_248z$P];
 SegmentedButtonGroup.SegmentedButton = SegmentedButton;
 __decorate([
     n({ type: Boolean, reflect: true, attribute: 'multi-select' })
@@ -789,7 +790,7 @@ __decorate([
     n({ type: Boolean, reflect: true })
 ], SegmentedButtonGroup.prototype, "nullable", void 0);
 
-var css_248z$L = i`:host {
+var css_248z$O = i`:host {
   display: none;
   pointer-events: none;
   position: absolute;
@@ -907,7 +908,7 @@ class FocusRing extends i$1 {
         }
     }
 }
-FocusRing.styles = [css_248z$L];
+FocusRing.styles = [css_248z$O];
 __decorate([
     n({ type: Boolean, reflect: true })
 ], FocusRing.prototype, "visible", void 0);
@@ -1384,7 +1385,7 @@ __decorate([
     e$2('.surface')
 ], Ripple.prototype, "mdRoot", void 0);
 
-var css_248z$K = i`* {
+var css_248z$N = i`* {
   box-sizing: border-box;
 }
 
@@ -1680,7 +1681,7 @@ class AccordionItem extends i$1 {
     }
 }
 _AccordionItem_id = new WeakMap();
-AccordionItem.styles = [css_248z$K];
+AccordionItem.styles = [css_248z$N];
 __decorate([
     n({ type: Boolean, reflect: true })
 ], AccordionItem.prototype, "disabled", void 0);
@@ -1703,7 +1704,7 @@ __decorate([
     e$2('.header-button')
 ], AccordionItem.prototype, "buttonElement", void 0);
 
-var css_248z$J = i`* {
+var css_248z$M = i`* {
   box-sizing: border-box;
 }
 
@@ -1831,7 +1832,7 @@ class Accordion extends i$1 {
         return b `<div class="accordion"><slot></slot></div>`;
     }
 }
-Accordion.styles = [css_248z$J];
+Accordion.styles = [css_248z$M];
 Accordion.Item = AccordionItem;
 __decorate([
     n({ type: Boolean, reflect: true })
@@ -1843,7 +1844,7 @@ __decorate([
     o({ selector: 'wc-accordion-item' })
 ], Accordion.prototype, "items", void 0);
 
-var css_248z$I = i`* {
+var css_248z$L = i`* {
   box-sizing: border-box;
 }
 
@@ -1907,9 +1908,9 @@ class Link extends BaseHyperlinkMixin(i$1) {
     </a>`;
     }
 }
-Link.styles = [css_248z$I];
+Link.styles = [css_248z$L];
 
-var css_248z$H = i`* {
+var css_248z$K = i`* {
   box-sizing: border-box;
 }
 
@@ -2046,7 +2047,7 @@ slot::slotted(*) {
   --_container-state-opacity: 0.08;
 }`;
 
-var css_248z$G = i`:host([color=default]) {
+var css_248z$J = i`:host([color=default]) {
   --filled-tag-container-color: var(--color-surface);
   --filled-tag-label-text-color: var(--color-on-surface);
   --tonal-tag-container-color: var(--color-surface-container);
@@ -2112,7 +2113,7 @@ var css_248z$G = i`:host([color=default]) {
   --outlined-tag-label-text-color: var(--color-purple);
 }`;
 
-var css_248z$F = i`.tag {
+var css_248z$I = i`.tag {
   font-family: var(--font-family-sans) !important;
 }
 
@@ -2211,7 +2212,7 @@ class Tag extends i$1 {
 }
 // Define styles (Lit handles Scoping via Shadow DOM by default)
 // You would typically import your tag.scss.js here or use the css tag
-Tag.styles = [css_248z$H, css_248z$G, css_248z$F];
+Tag.styles = [css_248z$K, css_248z$J, css_248z$I];
 __decorate([
     n({ type: Boolean })
 ], Tag.prototype, "dismissible", void 0);
@@ -2225,7 +2226,7 @@ __decorate([
     n()
 ], Tag.prototype, "size", void 0);
 
-var css_248z$E = i`* {
+var css_248z$H = i`* {
   box-sizing: border-box;
 }
 
@@ -2337,7 +2338,7 @@ var css_248z$E = i`* {
   color: var(--background);
 }`;
 
-var css_248z$D = i`:host([color=red]) {
+var css_248z$G = i`:host([color=red]) {
   --chip-container-color: var(--color-red-container);
   --chip-outline-color: var(--color-on-red-container);
 }
@@ -2366,7 +2367,7 @@ var css_248z$D = i`:host([color=red]) {
   --chip-outline-color: var(--color-on-purple-container);
 }`;
 
-var css_248z$C = i`.tag {
+var css_248z$F = i`.tag {
   font-family: var(--font-family-sans) !important;
 }
 
@@ -2504,7 +2505,7 @@ class Chip extends i$1 {
 }
 // Define styles (Lit handles Scoping via Shadow DOM by default)
 // You would typically import your tag.scss.js here or use the css tag
-Chip.styles = [css_248z$E, css_248z$D, css_248z$C];
+Chip.styles = [css_248z$H, css_248z$G, css_248z$F];
 __decorate([
     n({ type: Boolean })
 ], Chip.prototype, "dismissible", void 0);
@@ -2521,7 +2522,7 @@ __decorate([
     n({ type: String })
 ], Chip.prototype, "imageSrc", void 0);
 
-var css_248z$B = i`:host {
+var css_248z$E = i`:host {
   display: block;
   --progress-height: 0.25rem;
   --progress-container-color: var(--color-primary);
@@ -2727,9 +2728,9 @@ class LinearProgress extends BaseProgress {
     }
 }
 // Lit components use static styles for better performance
-LinearProgress.styles = [css_248z$B];
+LinearProgress.styles = [css_248z$E];
 
-var css_248z$A = i`:host {
+var css_248z$D = i`:host {
   display: inline-block;
   --progress-height: 1.5rem;
   --progress-line-thickness: 4px;
@@ -2892,9 +2893,9 @@ class CircularProgress extends BaseProgress {
     }
 }
 // Lit components use static styles for better performance
-CircularProgress.styles = [css_248z$A];
+CircularProgress.styles = [css_248z$D];
 
-var css_248z$z = i`* {
+var css_248z$C = i`* {
   box-sizing: border-box;
 }
 
@@ -2998,12 +2999,12 @@ class Skeleton extends i$1 {
         return b ` <div class="skeleton"></div>`;
     }
 }
-Skeleton.styles = [css_248z$z];
+Skeleton.styles = [css_248z$C];
 __decorate([
     n({ type: Boolean, reflect: true })
 ], Skeleton.prototype, "visible", void 0);
 
-var css_248z$y = i`* {
+var css_248z$B = i`* {
   box-sizing: border-box;
 }
 
@@ -3178,7 +3179,7 @@ class Input extends BaseInput {
     `;
     }
 }
-Input.styles = [css_248z$y];
+Input.styles = [css_248z$B];
 __decorate([
     n({ type: String })
 ], Input.prototype, "value", void 0);
@@ -3237,7 +3238,7 @@ __decorate([
     e$2('.input-element')
 ], Input.prototype, "inputElement", void 0);
 
-var css_248z$x = i`* {
+var css_248z$A = i`* {
   box-sizing: border-box;
 }
 
@@ -3470,7 +3471,7 @@ class UrlField extends BaseInput {
     `;
     }
 }
-UrlField.styles = [css_248z$x];
+UrlField.styles = [css_248z$A];
 __decorate([
     n({ type: String })
 ], UrlField.prototype, "value", void 0);
@@ -3520,7 +3521,7 @@ __decorate([
     e$2('.url-input')
 ], UrlField.prototype, "inputElement", void 0);
 
-var css_248z$w = i`* {
+var css_248z$z = i`* {
   box-sizing: border-box;
 }
 
@@ -3888,7 +3889,7 @@ class Field extends i$1 {
         return b `<div class="text-count">${this.textCount}</div>`;
     }
 }
-Field.styles = [css_248z$w];
+Field.styles = [css_248z$z];
 __decorate([
     n({ type: String })
 ], Field.prototype, "label", void 0);
@@ -3944,7 +3945,7 @@ __decorate([
     r()
 ], Field.prototype, "slotEndHasContent", void 0);
 
-var css_248z$v = i`* {
+var css_248z$y = i`* {
   box-sizing: border-box;
 }
 
@@ -3992,8 +3993,8 @@ var css_248z$v = i`* {
 var _NumberField_id;
 /**
  * @label Number Field
- * @tag number-field
- * @rawTag number
+ * @tag wc-number-field
+ * @rawTag number-field
  *
  * @summary The Number Field component is used to capture numeric user input.
  *
@@ -4143,7 +4144,7 @@ class NumberField extends BaseInput {
     }
 }
 _NumberField_id = new WeakMap();
-NumberField.styles = [css_248z$v];
+NumberField.styles = [css_248z$y];
 __decorate([
     n({ type: Number })
 ], NumberField.prototype, "value", void 0);
@@ -4205,7 +4206,7 @@ __decorate([
     e$2('.input-element')
 ], NumberField.prototype, "inputElement", void 0);
 
-var css_248z$u = i`* {
+var css_248z$x = i`* {
   box-sizing: border-box;
 }
 
@@ -4372,7 +4373,7 @@ class DatePicker extends BaseInput {
     `;
     }
 }
-DatePicker.styles = [css_248z$u];
+DatePicker.styles = [css_248z$x];
 __decorate([
     n({ type: String })
 ], DatePicker.prototype, "value", void 0);
@@ -4428,7 +4429,7 @@ __decorate([
     e$2('.input-element')
 ], DatePicker.prototype, "inputElement", void 0);
 
-var css_248z$t = i`* {
+var css_248z$w = i`* {
   box-sizing: border-box;
 }
 
@@ -4595,7 +4596,7 @@ class TimePicker extends BaseInput {
     `;
     }
 }
-TimePicker.styles = [css_248z$t];
+TimePicker.styles = [css_248z$w];
 __decorate([
     n({ type: String })
 ], TimePicker.prototype, "value", void 0);
@@ -4651,7 +4652,7 @@ __decorate([
     e$2('.input-element')
 ], TimePicker.prototype, "inputElement", void 0);
 
-var css_248z$s = i`* {
+var css_248z$v = i`* {
   box-sizing: border-box;
 }
 
@@ -4811,7 +4812,7 @@ class Textarea extends BaseInput {
     `;
     }
 }
-Textarea.styles = [css_248z$s];
+Textarea.styles = [css_248z$v];
 __decorate([
     n({ type: String })
 ], Textarea.prototype, "value", void 0);
@@ -4870,7 +4871,7 @@ __decorate([
     e$2('.input-element')
 ], Textarea.prototype, "inputElement", void 0);
 
-var css_248z$r = i`* {
+var css_248z$u = i`* {
   box-sizing: border-box;
 }
 
@@ -5211,7 +5212,7 @@ class Switch extends BaseInput {
     `;
     }
 }
-Switch.styles = [css_248z$r];
+Switch.styles = [css_248z$u];
 __decorate([
     n({ type: Boolean })
 ], Switch.prototype, "value", void 0);
@@ -5255,7 +5256,7 @@ __decorate([
     e$2('.input-native')
 ], Switch.prototype, "nativeElement", void 0);
 
-var css_248z$q = i`* {
+var css_248z$t = i`* {
   box-sizing: border-box;
 }
 
@@ -5713,7 +5714,7 @@ class Checkbox extends i$1 {
     `;
     }
 }
-Checkbox.styles = [css_248z$q];
+Checkbox.styles = [css_248z$t];
 __decorate([
     n({ type: String })
 ], Checkbox.prototype, "name", void 0);
@@ -5760,7 +5761,7 @@ __decorate([
     e$2('.input-native')
 ], Checkbox.prototype, "nativeElement", void 0);
 
-var css_248z$p = i`* {
+var css_248z$s = i`* {
   box-sizing: border-box;
 }
 
@@ -5847,9 +5848,9 @@ class Spinner extends i$1 {
     `;
     }
 }
-Spinner.styles = [css_248z$p];
+Spinner.styles = [css_248z$s];
 
-var css_248z$o = i`* {
+var css_248z$r = i`* {
   box-sizing: border-box;
 }
 
@@ -5967,12 +5968,12 @@ class Container extends i$1 {
     `;
     }
 }
-Container.styles = [css_248z$o];
+Container.styles = [css_248z$r];
 __decorate([
     n({ type: String, reflect: true })
 ], Container.prototype, "size", void 0);
 
-var css_248z$n = i`* {
+var css_248z$q = i`* {
   box-sizing: border-box;
 }
 
@@ -6135,7 +6136,7 @@ class EmptyState extends i$1 {
     }
 }
 // Lit handles styles in a static property for better performance
-EmptyState.styles = [css_248z$n];
+EmptyState.styles = [css_248z$q];
 __decorate([
     n({ type: String, reflect: true })
 ], EmptyState.prototype, "illustration", void 0);
@@ -6149,7 +6150,7 @@ __decorate([
     r()
 ], EmptyState.prototype, "vertical", void 0);
 
-var css_248z$m = i`* {
+var css_248z$p = i`* {
   box-sizing: border-box;
 }
 
@@ -6387,7 +6388,7 @@ class Tooltip extends i$1 {
     `;
     }
 }
-Tooltip.styles = [css_248z$m];
+Tooltip.styles = [css_248z$p];
 __decorate([
     n()
 ], Tooltip.prototype, "content", void 0);
@@ -6407,7 +6408,7 @@ __decorate([
     n({ type: Boolean, reflect: true })
 ], Tooltip.prototype, "preview", void 0);
 
-var css_248z$l = i`* {
+var css_248z$o = i`* {
   box-sizing: border-box;
 }
 
@@ -6443,7 +6444,7 @@ ol {
   pointer-events: none;
 }`;
 
-var css_248z$k = i`* {
+var css_248z$n = i`* {
   box-sizing: border-box;
 }
 
@@ -6573,7 +6574,7 @@ class BreadcrumbItem extends i$1 {
     `;
     }
 }
-BreadcrumbItem.styles = [css_248z$k];
+BreadcrumbItem.styles = [css_248z$n];
 __decorate([
     n({ reflect: true })
 ], BreadcrumbItem.prototype, "href", void 0);
@@ -6627,13 +6628,13 @@ class Breadcrumb extends i$1 {
     </nav>`;
     }
 }
-Breadcrumb.styles = [css_248z$l];
+Breadcrumb.styles = [css_248z$o];
 Breadcrumb.Item = BreadcrumbItem;
 __decorate([
     n({ type: String })
 ], Breadcrumb.prototype, "label", void 0);
 
-var css_248z$j = i`* {
+var css_248z$m = i`* {
   box-sizing: border-box;
 }
 
@@ -6741,7 +6742,7 @@ var css_248z$j = i`* {
   --_container-color: var(--color-tertiary-container);
 }`;
 
-var css_248z$i = i`* {
+var css_248z$l = i`* {
   box-sizing: border-box;
 }
 
@@ -6856,7 +6857,7 @@ var css_248z$i = i`* {
   display: none;
 }`;
 
-var css_248z$h = i`:host-context([variant=standard]) {
+var css_248z$k = i`:host-context([variant=standard]) {
   --menu-item-label-color: var(--color-on-surface-variant);
   --menu-item-label-selected-color: var(--color-on-tertiary-container);
   --menu-item-container-selected-color: var(--color-tertiary-container);
@@ -7027,7 +7028,7 @@ class MenuItem extends BaseButtonMixin(BaseHyperlinkMixin(i$1)) {
     `;
     }
 }
-MenuItem.styles = [css_248z$i, css_248z$h];
+MenuItem.styles = [css_248z$l, css_248z$k];
 __decorate([
     n({ type: String })
 ], MenuItem.prototype, "value", void 0);
@@ -7403,7 +7404,7 @@ class Menu extends i$1 {
     </div>`;
     }
 }
-Menu.styles = [css_248z$j];
+Menu.styles = [css_248z$m];
 Menu.Item = MenuItem;
 __decorate([
     n({ type: Boolean, reflect: true })
@@ -7439,7 +7440,7 @@ __decorate([
     e$2('.menu')
 ], Menu.prototype, "menuListElement", void 0);
 
-var css_248z$g = i`* {
+var css_248z$j = i`* {
   box-sizing: border-box;
 }
 
@@ -7634,7 +7635,7 @@ class SubMenu extends i$1 {
     `;
     }
 }
-SubMenu.styles = [css_248z$g];
+SubMenu.styles = [css_248z$j];
 __decorate([
     n({ type: Number, attribute: 'hover-open-delay' })
 ], SubMenu.prototype, "hoverOpenDelay", void 0);
@@ -7654,114 +7655,452 @@ __decorate([
     o({ slot: 'menu' })
 ], SubMenu.prototype, "_menus", void 0);
 
-var css_248z$f = i`@charset "UTF-8";
+var css_248z$i = i`* {
+  box-sizing: border-box;
+}
+
+.screen-reader-only {
+  display: none !important;
+}
+
 :host {
   display: block;
-  height: 100%;
-  width: 100%;
 }
 
-.image-wrapper {
+.list {
   display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  width: 100%;
+  flex-direction: column;
+  gap: var(--spacing-050);
+  padding-block: var(--spacing-050);
+  border-radius: var(--shape-corner-large);
+  background-color: var(--_container-color);
 }
 
-img {
-  display: block;
-  max-height: 100%;
-  max-width: 100%;
+.list.variant-standard {
+  --_container-color: var(--color-surface-container);
 }
 
-img.clickable {
-  cursor: zoom-in;
+.list.variant-vibrant {
+  --_container-color: var(--color-tertiary-container);
+}`;
+
+var css_248z$h = i`* {
+  box-sizing: border-box;
 }
 
-.placeholder {
-  background: #e0e0e0;
-  min-width: 100px;
-  min-height: 100px;
+.screen-reader-only {
+  display: none !important;
+}
+
+:host {
   display: block;
+  padding-inline: var(--spacing-050);
 }
 
-/* Preview overlay — rendered in light DOM via portal, but we keep
-    a host-level overlay as a fallback when shadow DOM is used.       */
-.preview-overlay {
-  display: none;
-  position: fixed;
-  inset: 0;
-  z-index: 9999;
-  background: rgba(0, 0, 0, 0.85);
+.item-element {
+  position: relative;
+  min-height: 3.5rem;
+  width: 100%;
+  border: 0;
+  margin: 0;
+  padding: 0;
+  outline: 0;
+  background: transparent;
+  text-align: initial;
+  text-decoration: none;
+  cursor: pointer;
+  font-family: var(--typography-body-large-font-family) !important;
+  font-size: var(--typography-body-large-font-size) !important;
+  font-weight: var(--typography-body-large-font-weight) !important;
+  line-height: var(--typography-body-large-line-height) !important;
+  letter-spacing: var(--typography-body-large-letter-spacing) !important;
+}
+.item-element .list-item-content {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-200);
+  min-height: 3.5rem;
+  padding-inline: var(--spacing-200);
+  color: var(--_label-text-color);
+  opacity: var(--_label-text-opacity, 1);
+}
+.item-element .leading,
+.item-element .trailing {
+  display: inline-flex;
   align-items: center;
   justify-content: center;
-  cursor: zoom-out;
+  min-width: 1.5rem;
+  color: var(--_leading-trailing-color);
 }
-
-.preview-overlay.open {
-  display: flex;
+.item-element .trailing {
+  margin-inline-start: auto;
+}
+.item-element .content {
+  display: block;
+  flex: 1;
+  min-inline-size: 0;
+}
+.item-element .background {
+  position: absolute;
+  inset: 0;
+  background-color: var(--_container-color);
+  opacity: var(--_container-opacity, 1);
+  border-radius: var(--shape-corner-medium);
+  pointer-events: none;
+}
+.item-element .focus-ring {
+  --focus-ring-container-shape-start-start: var(--shape-corner-medium);
+  --focus-ring-container-shape-start-end: var(--shape-corner-medium);
+  --focus-ring-container-shape-end-start: var(--shape-corner-medium);
+  --focus-ring-container-shape-end-end: var(--shape-corner-medium);
+  z-index: 2;
+}
+.item-element .ripple {
+  --ripple-state-opacity: var(--_container-state-opacity, 0);
+  --ripple-pressed-color: var(--_container-state-color);
+  border-radius: var(--shape-corner-medium);
 }
 
-.preview-overlay img {
-  max-width: 90vw;
-  max-height: 90vh;
-  object-fit: contain;
-  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.6);
-  border-radius: 4px;
+.item-element {
+  --_container-color: transparent;
+  --_label-text-color: var(--color-on-surface);
+  --_leading-trailing-color: var(--color-on-surface-variant);
+  --_container-state-color: var(--color-on-surface);
+}
+.item-element:hover:not(:where(.disabled, .selected)) {
+  --_container-state-opacity: 0.08;
+}
+.item-element.pressed:not(:where(.disabled)) {
+  --_container-state-opacity: 0.12;
+}
+.item-element.selected {
+  --_container-color: var(--color-secondary-container);
+  --_label-text-color: var(--color-on-secondary-container);
+  --_leading-trailing-color: var(--color-on-secondary-container);
+  --_container-state-color: var(--color-on-secondary-container);
+}
+.item-element.disabled {
+  cursor: not-allowed;
+  --_label-text-color: var(--color-on-surface);
+  --_label-text-opacity: 0.38;
+  --_leading-trailing-color: var(--color-on-surface);
+  --_container-opacity: 0.12;
+}
+.item-element.disabled .ripple {
+  display: none;
 }`;
 
 /**
- * @label Image
- * @tag wc-image
- * @rawTag image
- * @summary An image component with lazy loading and theme support.
- * @tags media
+ * @label List Item
+ * @tag wc-list-item
+ * @rawTag list-item
+ * @parentRawTag list
+ *
+ * @summary A Material 3 list item with leading, trailing and content slots.
  *
  * @example
  * ```html
- * <wc-image src="image.jpg" alt="Description"></wc-image>
+ * <wc-list-item selected>
+ *   <wc-icon slot="leading" name="person"></wc-icon>
+ *   Profile
+ *   <wc-icon slot="trailing" name="chevron_right"></wc-icon>
+ * </wc-list-item>
  * ```
+ * @tags display
  */
-class Image extends i$1 {
+class ListItem extends BaseButtonMixin(BaseHyperlinkMixin(i$1)) {
     constructor() {
         super(...arguments);
-        /** Primary image source */
-        this.src = '';
-        /** Optional dark-mode image source */
-        this.darkSrc = '';
-        /** Alt text / title for the image */
-        this.imageTitle = '';
-        /** Enable click-to-preview lightbox */
-        this.preview = false;
-        this._isDarkMode = isDarkMode();
-        this._loaded = false;
-        this._previewOpen = false;
-        this._intersectionObserver = null;
-        this._themeCleanup = null;
+        this.selected = false;
+        this.isPressed = false;
+        this.__dispatchClick = (event) => {
+            if (this.softDisabled || (this.disabled && this.href)) {
+                event.stopImmediatePropagation();
+                event.preventDefault();
+                return;
+            }
+            if (!isActivationClick(event) || !this.itemElement) {
+                return;
+            }
+            this.focus();
+            dispatchActivationClick(this.itemElement);
+        };
+        this.__handleKeyDown = (event) => {
+            this.__handlePress(event);
+            if (this.disabled || this.softDisabled || !this.itemElement) {
+                return;
+            }
+            if (event.key === ' ') {
+                event.preventDefault();
+                this.itemElement.click();
+                return;
+            }
+            if (event.key === 'Enter' && !this.__isLink()) {
+                event.preventDefault();
+                this.itemElement.click();
+            }
+        };
+        this.__handlePress = (event) => {
+            if (this.disabled || this.softDisabled)
+                return;
+            if (event instanceof KeyboardEvent &&
+                event.type === 'keydown' &&
+                (event.key === 'Enter' || event.key === ' ')) {
+                this.isPressed = true;
+            }
+            else if (event.type === 'mousedown') {
+                this.isPressed = true;
+            }
+            else {
+                this.isPressed = false;
+            }
+        };
     }
     connectedCallback() {
+        // eslint-disable-next-line wc/guard-super-call
         super.connectedCallback();
-        // Theme observation
-        this._themeCleanup = observeThemeChange(() => {
-            this._isDarkMode = isDarkMode();
-            // Reset lazy-load state so new src is loaded when visible
-            this._loaded = false;
-            this._setupIntersectionObserver();
-        });
+        if (!this.hasAttribute('role')) {
+            this.setAttribute('role', 'listitem');
+        }
     }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this._intersectionObserver?.disconnect();
-        this._themeCleanup?.();
+    focus() {
+        this.itemElement?.focus();
     }
-    firstUpdated() {
-        this._setupIntersectionObserver();
+    blur() {
+        this.itemElement?.blur();
     }
-    _setupIntersectionObserver() {
-        this._intersectionObserver?.disconnect();
-        const wrapper = this.shadowRoot?.querySelector('.image-wrapper');
-        if (!wrapper)
+    render() {
+        const isLink = this.__isLink();
+        const cssClasses = {
+            'list-item': true,
+            'item-element': true,
+            selected: this.selected,
+            disabled: this.disabled || this.softDisabled,
+            pressed: this.isPressed,
+        };
+        if (!isLink) {
+            return b `
+        <button
+          id="item"
+          class=${e$1(cssClasses)}
+          type=${this.htmlType}
+          ?disabled=${this.disabled}
+          ?aria-disabled=${this.softDisabled}
+          @click=${this.__dispatchClick}
+          @mousedown=${this.__handlePress}
+          @keydown=${this.__handleKeyDown}
+          @keyup=${this.__handlePress}
+        >
+          ${this.renderContent()}
+        </button>
+      `;
+        }
+        return b `
+      <a
+        id="item"
+        class=${e$1(cssClasses)}
+        href=${this.href}
+        target=${this.target}
+        rel=${o$2(this.rel)}
+        download=${o$2(this.download)}
+        tabindex=${this.disabled ? '-1' : '0'}
+        aria-disabled=${String(this.disabled || this.softDisabled)}
+        @click=${this.__dispatchClick}
+        @mousedown=${this.__handlePress}
+        @keydown=${this.__handleKeyDown}
+        @keyup=${this.__handlePress}
+      >
+        ${this.renderContent()}
+      </a>
+    `;
+    }
+    renderContent() {
+        return b `
+      <wc-focus-ring class="focus-ring" for="item"></wc-focus-ring>
+      <div class="background"></div>
+      <wc-ripple class="ripple"></wc-ripple>
+
+      <div class="list-item-content">
+        <div class="leading">
+          <slot name="leading"></slot>
+        </div>
+        <div class="content">
+          <slot></slot>
+        </div>
+        <div class="trailing">
+          <slot name="trailing"></slot>
+        </div>
+      </div>
+    `;
+    }
+}
+ListItem.styles = [css_248z$h];
+__decorate([
+    n({ type: Boolean, reflect: true })
+], ListItem.prototype, "selected", void 0);
+__decorate([
+    e$2('#item')
+], ListItem.prototype, "itemElement", void 0);
+__decorate([
+    r()
+], ListItem.prototype, "isPressed", void 0);
+
+/**
+ * @label List
+ * @tag wc-list
+ * @rawTag list
+ *
+ * @summary A Material 3 list container for one or more list items.
+ *
+ * @example
+ * ```html
+ * <wc-list>
+ *   <wc-list-item>
+ *     <wc-icon slot="leading" name="inbox"></wc-icon>
+ *     Inbox
+ *     <span slot="trailing">24</span>
+ *   </wc-list-item>
+ * </wc-list>
+ * ```
+ * @tags display
+ */
+class List extends i$1 {
+    constructor() {
+        super(...arguments);
+        this.variant = 'standard';
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.setAttribute('role', 'list');
+    }
+    render() {
+        const cssClasses = {
+            list: true,
+            [`variant-${this.variant}`]: true,
+        };
+        return b `
+      <div class=${e$1(cssClasses)}>
+        <slot></slot>
+      </div>
+    `;
+    }
+}
+List.styles = [css_248z$i];
+List.Item = ListItem;
+__decorate([
+    n({ type: String, reflect: true })
+], List.prototype, "variant", void 0);
+
+var css_248z$g = i`@charset "UTF-8";
+:host {
+  display: block;
+  height: 100%;
+  width: 100%;
+}
+
+.image-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  width: 100%;
+}
+
+img {
+  display: block;
+  max-height: 100%;
+  max-width: 100%;
+}
+
+img.clickable {
+  cursor: zoom-in;
+}
+
+.placeholder {
+  background: #e0e0e0;
+  min-width: 100px;
+  min-height: 100px;
+  display: block;
+}
+
+/* Preview overlay — rendered in light DOM via portal, but we keep
+    a host-level overlay as a fallback when shadow DOM is used.       */
+.preview-overlay {
+  display: none;
+  position: fixed;
+  inset: 0;
+  z-index: 9999;
+  background: rgba(0, 0, 0, 0.85);
+  align-items: center;
+  justify-content: center;
+  cursor: zoom-out;
+}
+
+.preview-overlay.open {
+  display: flex;
+}
+
+.preview-overlay img {
+  max-width: 90vw;
+  max-height: 90vh;
+  object-fit: contain;
+  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.6);
+  border-radius: 4px;
+}`;
+
+/**
+ * @label Image
+ * @tag wc-image
+ * @rawTag image
+ * @summary An image component with lazy loading and theme support.
+ * @tags media
+ *
+ * @example
+ * ```html
+ * <wc-image src="image.jpg" alt="Description"></wc-image>
+ * ```
+ */
+class Image extends i$1 {
+    constructor() {
+        super(...arguments);
+        /** Primary image source */
+        this.src = '';
+        /** Optional dark-mode image source */
+        this.darkSrc = '';
+        /** Alt text / title for the image */
+        this.imageTitle = '';
+        /** Enable click-to-preview lightbox */
+        this.preview = false;
+        this._isDarkMode = isDarkMode();
+        this._loaded = false;
+        this._previewOpen = false;
+        this._intersectionObserver = null;
+        this._themeCleanup = null;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        // Theme observation
+        this._themeCleanup = observeThemeChange(() => {
+            this._isDarkMode = isDarkMode();
+            // Reset lazy-load state so new src is loaded when visible
+            this._loaded = false;
+            this._setupIntersectionObserver();
+        });
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this._intersectionObserver?.disconnect();
+        this._themeCleanup?.();
+    }
+    firstUpdated() {
+        this._setupIntersectionObserver();
+    }
+    _setupIntersectionObserver() {
+        this._intersectionObserver?.disconnect();
+        const wrapper = this.shadowRoot?.querySelector('.image-wrapper');
+        if (!wrapper)
             return;
         this._intersectionObserver = new IntersectionObserver((entries) => {
             if (entries[0].isIntersecting) {
@@ -7811,7 +8150,7 @@ class Image extends i$1 {
     `;
     }
 }
-Image.styles = [css_248z$f];
+Image.styles = [css_248z$g];
 __decorate([
     n({ reflect: true })
 ], Image.prototype, "src", void 0);
@@ -7834,6 +8173,251 @@ __decorate([
     r()
 ], Image.prototype, "_previewOpen", void 0);
 
+var css_248z$f = i`* {
+  box-sizing: border-box;
+}
+
+.screen-reader-only {
+  display: none !important;
+}
+
+:host {
+  display: inline-flex;
+  vertical-align: middle;
+  --svg-size: inherit;
+  --svg-color: inherit;
+}
+
+.svg-wrapper {
+  height: var(--svg-size, 1rem);
+  width: var(--svg-size, 1rem);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.svg-content {
+  height: 100%;
+  width: 100%;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.svg-content svg {
+  fill: var(--svg-color);
+  height: 100%;
+  width: 100%;
+}
+
+.svg-content.clickable {
+  cursor: zoom-in;
+}
+
+.placeholder {
+  display: block;
+  height: 100%;
+  width: 100%;
+}
+
+.preview-overlay {
+  display: none;
+  position: fixed;
+  inset: 0;
+  z-index: 9999;
+  background: rgba(0, 0, 0, 0.85);
+  align-items: center;
+  justify-content: center;
+  cursor: zoom-out;
+}
+
+.preview-overlay.open {
+  display: flex;
+}
+
+.preview-close {
+  position: absolute;
+  top: 1rem;
+  right: 1rem;
+  background: transparent;
+  border: none;
+  color: #fff;
+  font-size: 1.5rem;
+  cursor: pointer;
+  line-height: 1;
+  padding: 0.25rem 0.5rem;
+}
+.preview-close:focus-visible {
+  outline: 2px solid #fff;
+  outline-offset: 2px;
+}
+
+.preview-content {
+  max-width: 90vw;
+  max-height: 90vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: default;
+}
+.preview-content svg {
+  max-width: 90vw;
+  max-height: 90vh;
+  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.6);
+  border-radius: 4px;
+}`;
+
+/**
+ * @label SVG
+ * @tag wc-svg
+ * @rawTag svg
+ * @summary An SVG component with lazy loading and optional preview support.
+ * @overview Renders an inline SVG fetched from a URL, with lazy loading via IntersectionObserver and an optional click-to-preview lightbox.
+ *
+ * @cssprop --svg-color - Controls the fill color of the SVG.
+ * @cssprop [--svg-size=1rem] - Controls the size of the SVG. Defaults to "1rem"
+ *
+ * @example
+ * ```html
+ * <wc-svg src="/icons/my-icon.svg" image-title="My icon"></wc-svg>
+ * ```
+ */
+class Svg extends i$1 {
+    constructor() {
+        super(...arguments);
+        /** URL of the SVG asset to fetch and render inline. */
+        this.src = '';
+        /** Accessible title / alt text for the SVG. */
+        this.imageTitle = '';
+        /** Enable click-to-preview lightbox. */
+        this.preview = false;
+        this._loaded = false;
+        this._previewOpen = false;
+        this._svgContent = '';
+        // token to avoid stale fetch results
+        this._fetchId = 0;
+        this._intersectionObserver = null;
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this._intersectionObserver?.disconnect();
+    }
+    firstUpdated() {
+        this._setupIntersectionObserver();
+    }
+    updated(changedProperties) {
+        if (changedProperties.has('src')) {
+            // Reset lazy-load state so the new src is fetched when visible
+            this._loaded = false;
+            this._svgContent = '';
+            this._setupIntersectionObserver();
+        }
+    }
+    _setupIntersectionObserver() {
+        this._intersectionObserver?.disconnect();
+        const wrapper = this.shadowRoot?.querySelector('.svg-wrapper');
+        if (!wrapper)
+            return;
+        this._intersectionObserver = new IntersectionObserver((entries) => {
+            if (entries[0].isIntersecting) {
+                this._loaded = true;
+                this._intersectionObserver?.disconnect();
+                this._fetchSvg();
+            }
+        }, { rootMargin: '200px' });
+        this._intersectionObserver.observe(wrapper);
+    }
+    async _fetchSvg() {
+        if (!this.src)
+            return;
+        this._fetchId += 1;
+        const currentId = this._fetchId;
+        try {
+            const raw = await fetchSVG(this.src);
+            if (currentId !== this._fetchId)
+                return;
+            this._svgContent = raw ? sanitizeSvg(raw) : '';
+        }
+        catch {
+            if (currentId === this._fetchId) {
+                this._svgContent = '';
+            }
+        }
+    }
+    _handleClick() {
+        if (this.preview) {
+            this._previewOpen = true;
+            // Move focus into the dialog after render
+            this.updateComplete.then(() => {
+                const closeBtn = this.shadowRoot?.querySelector('.preview-close');
+                closeBtn?.focus();
+            });
+        }
+    }
+    _closePreview(e) {
+        e.stopPropagation();
+        const wasOpen = this._previewOpen;
+        this._previewOpen = false;
+        if (wasOpen) {
+            // Return focus to the trigger
+            const trigger = this.shadowRoot?.querySelector('.svg-content');
+            trigger?.focus();
+        }
+    }
+    render() {
+        return b `
+      <div class="svg-wrapper">
+        ${this._loaded && this._svgContent
+            ? b `<div
+              class="svg-content ${this.preview ? 'clickable' : ''}"
+              role=${this.imageTitle ? 'img' : 'presentation'}
+              aria-label=${this.imageTitle || ''}
+              @click=${this._handleClick}
+            >
+              ${o$3(this._svgContent)}
+            </div>`
+            : b `<span class="placeholder" aria-hidden="true"></span>`}
+      </div>
+
+      <div
+        class="preview-overlay ${this._previewOpen ? 'open' : ''}"
+        role="dialog"
+        aria-modal="true"
+        aria-label=${this.imageTitle ? `Preview: ${this.imageTitle}` : 'SVG preview'}
+        @click=${this._closePreview}
+        @keydown=${(e) => e.key === 'Escape' && this._closePreview(e)}
+      >
+        <button
+          class="preview-close"
+          aria-label="Close preview"
+          @click=${this._closePreview}
+        >&#x2715;</button>
+        <div class="preview-content" @click=${(e) => e.stopPropagation()}>
+          ${o$3(this._svgContent)}
+        </div>
+      </div>
+    `;
+    }
+}
+Svg.styles = [css_248z$f];
+__decorate([
+    n({ type: String, reflect: true })
+], Svg.prototype, "src", void 0);
+__decorate([
+    n({ attribute: 'image-title' })
+], Svg.prototype, "imageTitle", void 0);
+__decorate([
+    n({ type: Boolean, reflect: true })
+], Svg.prototype, "preview", void 0);
+__decorate([
+    r()
+], Svg.prototype, "_loaded", void 0);
+__decorate([
+    r()
+], Svg.prototype, "_previewOpen", void 0);
+__decorate([
+    r()
+], Svg.prototype, "_svgContent", void 0);
+
 var css_248z$e = i`* {
   box-sizing: border-box;
 }
@@ -9724,7 +10308,7 @@ class Table extends i$1 {
             <div class="col-content">
               ${column.template
                     ? b `<div class="col-template">
-                    ${o$3(column.template(row, column))}
+                    ${o$4(column.template(row, column))}
                   </div>`
                     : b `<div class="col-text" title=${row?.[column.name] ?? ''}>
                     ${row?.[column.name]}
@@ -12337,13 +12921,25 @@ var css_248z$1 = i`* {
   align-items: center;
   width: 100%;
   flex-shrink: 0;
+  padding-block-end: 2.5rem;
 }
 .rail .header:empty {
   display: none;
 }
+.rail .footer {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-end;
+  width: 100%;
+  flex-shrink: 0;
+  margin-top: auto;
+}
+.rail .footer:empty {
+  display: none;
+}
 .rail wc-divider {
   width: calc(100% - 1rem);
-  margin-block: 0.5rem;
   flex-shrink: 0;
 }
 .rail .items {
@@ -12352,22 +12948,11 @@ var css_248z$1 = i`* {
   align-items: center;
   width: 100%;
   gap: 0.75rem; /* 12dp between items */
-  flex: 1;
+  flex: 1 1 auto;
+  min-height: 0;
 }
 .rail .items ::slotted(wc-navigation-rail-item) {
   width: 100%;
-}
-.rail {
-  /* Alignment variants */
-}
-.rail.align-top .items {
-  justify-content: flex-start;
-}
-.rail.align-center .items {
-  justify-content: center;
-}
-.rail.align-bottom .items {
-  justify-content: flex-end;
 }`;
 
 var css_248z = i`* {
@@ -12440,6 +13025,12 @@ var css_248z = i`* {
   flex-shrink: 0;
   transition: background-color var(--duration-short4, 200ms) var(--easing-standard, ease);
 }
+.item .indicator .ripple {
+  inset: 0;
+  z-index: 0;
+  --ripple-pressed-color: var(--_state-color);
+  border-radius: inherit;
+}
 .item .indicator .icon-container {
   display: flex;
   align-items: center;
@@ -12454,29 +13045,6 @@ var css_248z = i`* {
   color: var(--_inactive-icon-color);
   display: flex;
 }
-.item {
-  /* State layer for hover/press */
-}
-.item .state-layer {
-  position: absolute;
-  top: 0.25rem;
-  left: 50%;
-  transform: translateX(-50%);
-  width: var(--_indicator-width);
-  height: var(--_indicator-height);
-  pointer-events: none;
-  background-color: var(--_state-color);
-  opacity: 0;
-  z-index: 0;
-  border-radius: var(--_indicator-shape);
-  transition: opacity var(--duration-short4, 200ms) var(--easing-standard, ease);
-}
-.item .ripple {
-  z-index: 1;
-  --ripple-pressed-color: var(--_state-color);
-  --ripple-state-opacity: 0;
-  border-radius: var(--shape-corner-small, 4px);
-}
 .item {
   /* Label */
 }
@@ -12538,18 +13106,6 @@ var css_248z = i`* {
 .item.active.has-active-icon .icon-slot {
   display: none;
 }
-.item {
-  /* Hover state */
-}
-.item:hover:not(.disabled) .state-layer {
-  opacity: 0.08;
-}
-.item {
-  /* Pressed state */
-}
-.item.pressed:not(.disabled) .state-layer {
-  opacity: 0.12;
-}
 .item {
   /* Disabled state */
 }
@@ -12571,7 +13127,6 @@ var css_248z = i`* {
 
 @media (prefers-reduced-motion: reduce) {
   .item .indicator,
-  .item .state-layer,
   .item .label {
     transition: none;
   }
@@ -12688,11 +13243,10 @@ class NavigationRailItem extends i$1 {
     __renderItemContent() {
         return b `
       <wc-focus-ring class="focus-ring" for='item'></wc-focus-ring>
-      <div class="state-layer"></div>
-      <wc-ripple class="ripple"></wc-ripple>
 
       <div class="item-content">
         <div class="indicator">
+          <wc-ripple class="ripple"></wc-ripple>
           <div class="icon-container">
             <slot name="active-icon" class="active-icon-slot"></slot>
             <slot name="icon" class="icon-slot"></slot>
@@ -12799,6 +13353,9 @@ __decorate([
  * <p>Navigation rail provides access to primary destinations in an app using icons—with or without labels—on a vertical rail.</p>
  * <p>Use navigation rail on medium-sized screens (tablets) with 3–7 destinations.</p>
  *
+ * @slot header - Content displayed above the rail items.
+ * @slot footer - Content pinned to the bottom of the rail.
+ *
  * @cssprop --nav-rail-width - Width of the rail container. Defaults to 5rem (80dp).
  * @cssprop --nav-rail-container-color - Background color of the rail. Defaults to surface color.
  * @cssprop --nav-rail-indicator-color - Color of the active indicator. Defaults to secondary-container.
@@ -12832,13 +13389,6 @@ __decorate([
 class NavigationRail extends i$1 {
     constructor() {
         super(...arguments);
-        /**
-         * Vertical alignment of items within the rail.
-         * - `"top"`: Items align to the top.
-         * - `"center"`: Items are centered (default).
-         * - `"bottom"`: Items align to the bottom.
-         */
-        this.alignment = 'center';
         /**
          * Display mode of the navigation rail.
          * - `"expanded"`: shows labels.
@@ -12898,7 +13448,6 @@ class NavigationRail extends i$1 {
     render() {
         const cssClasses = {
             rail: true,
-            [`align-${this.alignment}`]: true,
             [`mode-${this.mode}`]: true,
         };
         return b `
@@ -12910,15 +13459,15 @@ class NavigationRail extends i$1 {
         <nav class="items" role="presentation">
           <slot @slotchange=${this._syncItemMode}></slot>
         </nav>
+        <div class="footer">
+          <slot name="footer"></slot>
+        </div>
       </div>
     `;
     }
 }
 NavigationRail.styles = [css_248z$1];
 NavigationRail.Item = NavigationRailItem;
-__decorate([
-    n({ reflect: true })
-], NavigationRail.prototype, "alignment", void 0);
 __decorate([
     n({ reflect: true })
 ], NavigationRail.prototype, "mode", void 0);
@@ -12926,5 +13475,5 @@ __decorate([
     n({ type: Boolean, attribute: 'show-divider' })
 ], NavigationRail.prototype, "showDivider", void 0);
 
-export { Accordion as A, Badge as B, Checkbox as C, DatePicker as D, Elevation as E, Field as F, Switch as G, TabGroup as H, Image as I, TabPanel as J, Table as K, LinearProgress as L, Menu as M, NavigationRail as N, Tabs as O, Pagination as P, Tag as Q, Radio as R, SegmentedButton as S, Tab as T, Textarea as U, TimePicker as V, Tooltip as W, UrlField as X, Avatar as a, Breadcrumb as b, BreadcrumbItem as c, Chip as d, CircularProgress as e, Container as f, Divider as g, EmptyState as h, FocusRing as i, Input as j, Link as k, MenuItem as l, NavigationRailItem as m, NumberField as n, Ripple as o, SegmentedButtonGroup as p, Select as q, SelectOptionElement as r, SidebarMenu as s, SidebarMenuItem as t, SidebarSubMenu as u, Skeleton as v, Slider as w, Snackbar as x, Spinner as y, SubMenu as z };
-//# sourceMappingURL=navigation-rail-DyO0oAZU.js.map
+export { Accordion as A, Badge as B, Checkbox as C, DatePicker as D, Elevation as E, Field as F, Spinner as G, SubMenu as H, Image as I, Svg as J, Switch as K, LinearProgress as L, Menu as M, NavigationRail as N, TabGroup as O, Pagination as P, TabPanel as Q, Radio as R, SegmentedButton as S, Tab as T, Table as U, Tabs as V, Tag as W, Textarea as X, TimePicker as Y, Tooltip as Z, UrlField as _, Avatar as a, Breadcrumb as b, BreadcrumbItem as c, Chip as d, CircularProgress as e, Container as f, Divider as g, EmptyState as h, FocusRing as i, Input as j, Link as k, List as l, ListItem as m, MenuItem as n, NavigationRailItem as o, NumberField as p, Ripple as q, SegmentedButtonGroup as r, Select as s, SelectOptionElement as t, SidebarMenu as u, SidebarMenuItem as v, SidebarSubMenu as w, Skeleton as x, Slider as y, Snackbar as z };
+//# sourceMappingURL=navigation-rail-DTTkqohi.js.map