@emuanalytics/flow-rdf-ui 0.0.5 → 0.0.7

package/dist/flow-rdf-ui.umd.cjs

@@ -775,15 +775,15 @@
       el.addEventListener(eventName, done);
     });
   }
-  var __defProp$Q = Object.defineProperty;
-  var __getOwnPropDesc$Q = Object.getOwnPropertyDescriptor;
-  var __decorateClass$Q = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$Q(target, key) : target;
+  var __defProp$S = Object.defineProperty;
+  var __getOwnPropDesc$S = Object.getOwnPropertyDescriptor;
+  var __decorateClass$S = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$S(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$Q(target, key, result);
+      __defProp$S(target, key, result);
     return result;
   };
   class FlowRdfElement extends s$3 {
@@ -807,10 +807,10 @@
       }
     }
   }
-  __decorateClass$Q([
+  __decorateClass$S([
     n$5()
   ], FlowRdfElement.prototype, "dir", 2);
-  __decorateClass$Q([
+  __decorateClass$S([
     n$5()
   ], FlowRdfElement.prototype, "lang", 2);
   class HasSlotController {
@@ -1076,7 +1076,7 @@
     display: none !important;
   }
 `;
-  const styles$N = i$7`
+  const styles$P = i$7`
   ${componentStyles}
 
   :host {
@@ -1267,15 +1267,15 @@
   function unregisterIconLibrary(name) {
     registry = registry.filter((lib) => lib.name !== name);
   }
-  var __defProp$P = Object.defineProperty;
-  var __getOwnPropDesc$P = Object.getOwnPropertyDescriptor;
-  var __decorateClass$P = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$P(target, key) : target;
+  var __defProp$R = Object.defineProperty;
+  var __getOwnPropDesc$R = Object.getOwnPropertyDescriptor;
+  var __decorateClass$R = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$R(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$P(target, key, result);
+      __defProp$R(target, key, result);
     return result;
   };
   const CACHEABLE_ERROR = Symbol();
@@ -1384,29 +1384,29 @@
       return this.svg;
     }
   };
-  exports2.FlowIcon.styles = styles$N;
-  __decorateClass$P([
+  exports2.FlowIcon.styles = styles$P;
+  __decorateClass$R([
     t$2()
   ], exports2.FlowIcon.prototype, "svg", 2);
-  __decorateClass$P([
+  __decorateClass$R([
     n$5({ reflect: true })
   ], exports2.FlowIcon.prototype, "name", 2);
-  __decorateClass$P([
+  __decorateClass$R([
     n$5()
   ], exports2.FlowIcon.prototype, "src", 2);
-  __decorateClass$P([
+  __decorateClass$R([
     n$5()
   ], exports2.FlowIcon.prototype, "label", 2);
-  __decorateClass$P([
+  __decorateClass$R([
     n$5({ reflect: true })
   ], exports2.FlowIcon.prototype, "library", 2);
-  __decorateClass$P([
+  __decorateClass$R([
     watch("label")
   ], exports2.FlowIcon.prototype, "handleLabelChange", 1);
-  __decorateClass$P([
+  __decorateClass$R([
     watch(["name", "src", "library"])
   ], exports2.FlowIcon.prototype, "setIcon", 1);
-  exports2.FlowIcon = __decorateClass$P([
+  exports2.FlowIcon = __decorateClass$R([
     e$6("flow-ui-icon")
   ], exports2.FlowIcon);
   const min = Math.min;
@@ -2332,7 +2332,7 @@
     }
     return null;
   }
-  const styles$M = i$7`
+  const styles$O = i$7`
   ${componentStyles}
 
   :host {
@@ -2373,15 +2373,15 @@
     z-index: -1;
   }
 `;
-  var __defProp$O = Object.defineProperty;
-  var __getOwnPropDesc$O = Object.getOwnPropertyDescriptor;
-  var __decorateClass$O = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$O(target, key) : target;
+  var __defProp$Q = Object.defineProperty;
+  var __getOwnPropDesc$Q = Object.getOwnPropertyDescriptor;
+  var __decorateClass$Q = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$Q(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$O(target, key, result);
+      __defProp$Q(target, key, result);
     return result;
   };
   exports2.FlowPopup = class FlowPopup extends FlowRdfElement {
@@ -2615,44 +2615,44 @@
     `;
     }
   };
-  exports2.FlowPopup.styles = styles$M;
-  __decorateClass$O([
+  exports2.FlowPopup.styles = styles$O;
+  __decorateClass$Q([
     i$4(".popup")
   ], exports2.FlowPopup.prototype, "popup", 2);
-  __decorateClass$O([
+  __decorateClass$Q([
     i$4(".popup__arrow")
   ], exports2.FlowPopup.prototype, "arrowEl", 2);
-  __decorateClass$O([
+  __decorateClass$Q([
     n$5()
   ], exports2.FlowPopup.prototype, "anchor", 2);
-  __decorateClass$O([
+  __decorateClass$Q([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowPopup.prototype, "active", 2);
-  __decorateClass$O([
+  __decorateClass$Q([
     n$5({ reflect: true })
   ], exports2.FlowPopup.prototype, "placement", 2);
-  __decorateClass$O([
+  __decorateClass$Q([
     n$5({ reflect: true })
   ], exports2.FlowPopup.prototype, "strategy", 2);
-  __decorateClass$O([
+  __decorateClass$Q([
     n$5({ type: Number })
   ], exports2.FlowPopup.prototype, "distance", 2);
-  __decorateClass$O([
+  __decorateClass$Q([
     n$5({ type: Number })
   ], exports2.FlowPopup.prototype, "skidding", 2);
-  __decorateClass$O([
+  __decorateClass$Q([
     n$5({ type: Boolean })
   ], exports2.FlowPopup.prototype, "arrow", 2);
-  __decorateClass$O([
+  __decorateClass$Q([
     n$5({ attribute: "arrow-placement" })
   ], exports2.FlowPopup.prototype, "arrowPlacement", 2);
-  __decorateClass$O([
+  __decorateClass$Q([
     n$5({ attribute: "arrow-padding", type: Number })
   ], exports2.FlowPopup.prototype, "arrowPadding", 2);
-  __decorateClass$O([
+  __decorateClass$Q([
     n$5({ type: Boolean })
   ], exports2.FlowPopup.prototype, "flip", 2);
-  __decorateClass$O([
+  __decorateClass$Q([
     n$5({
       attribute: "flip-fallback-placements",
       converter: {
@@ -2665,40 +2665,40 @@
       }
     })
   ], exports2.FlowPopup.prototype, "flipFallbackPlacements", 2);
-  __decorateClass$O([
+  __decorateClass$Q([
     n$5({ attribute: "flip-fallback-strategy" })
   ], exports2.FlowPopup.prototype, "flipFallbackStrategy", 2);
-  __decorateClass$O([
+  __decorateClass$Q([
     n$5({ type: Object })
   ], exports2.FlowPopup.prototype, "flipBoundary", 2);
-  __decorateClass$O([
+  __decorateClass$Q([
     n$5({ attribute: "flip-padding", type: Number })
   ], exports2.FlowPopup.prototype, "flipPadding", 2);
-  __decorateClass$O([
+  __decorateClass$Q([
     n$5({ type: Boolean })
   ], exports2.FlowPopup.prototype, "shift", 2);
-  __decorateClass$O([
+  __decorateClass$Q([
     n$5({ type: Object })
   ], exports2.FlowPopup.prototype, "shiftBoundary", 2);
-  __decorateClass$O([
+  __decorateClass$Q([
     n$5({ attribute: "shift-padding", type: Number })
   ], exports2.FlowPopup.prototype, "shiftPadding", 2);
-  __decorateClass$O([
+  __decorateClass$Q([
     n$5({ attribute: "auto-size" })
   ], exports2.FlowPopup.prototype, "autoSize", 2);
-  __decorateClass$O([
+  __decorateClass$Q([
     n$5()
   ], exports2.FlowPopup.prototype, "sync", 2);
-  __decorateClass$O([
+  __decorateClass$Q([
     n$5({ type: Object })
   ], exports2.FlowPopup.prototype, "autoSizeBoundary", 2);
-  __decorateClass$O([
+  __decorateClass$Q([
     n$5({ attribute: "auto-size-padding", type: Number })
   ], exports2.FlowPopup.prototype, "autoSizePadding", 2);
-  exports2.FlowPopup = __decorateClass$O([
+  exports2.FlowPopup = __decorateClass$Q([
     e$6("flow-ui-popup")
   ], exports2.FlowPopup);
-  const styles$L = i$7`
+  const styles$N = i$7`
   ${componentStyles}
 
   :host {
@@ -2750,15 +2750,15 @@
     pointer-events: none;
   }
 `;
-  var __defProp$N = Object.defineProperty;
-  var __getOwnPropDesc$N = Object.getOwnPropertyDescriptor;
-  var __decorateClass$N = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$N(target, key) : target;
+  var __defProp$P = Object.defineProperty;
+  var __getOwnPropDesc$P = Object.getOwnPropertyDescriptor;
+  var __decorateClass$P = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$P(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$N(target, key, result);
+      __defProp$P(target, key, result);
     return result;
   };
   exports2.FlowTooltip = class FlowTooltip extends FlowRdfElement {
@@ -2935,50 +2935,50 @@
     `;
     }
   };
-  exports2.FlowTooltip.styles = styles$L;
-  __decorateClass$N([
+  exports2.FlowTooltip.styles = styles$N;
+  __decorateClass$P([
     i$4("slot:not([name])")
   ], exports2.FlowTooltip.prototype, "defaultSlot", 2);
-  __decorateClass$N([
+  __decorateClass$P([
     i$4(".tooltip__body")
   ], exports2.FlowTooltip.prototype, "body", 2);
-  __decorateClass$N([
+  __decorateClass$P([
     i$4("flow-ui-popup")
   ], exports2.FlowTooltip.prototype, "popup", 2);
-  __decorateClass$N([
+  __decorateClass$P([
     n$5()
   ], exports2.FlowTooltip.prototype, "content", 2);
-  __decorateClass$N([
+  __decorateClass$P([
     n$5()
   ], exports2.FlowTooltip.prototype, "placement", 2);
-  __decorateClass$N([
+  __decorateClass$P([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowTooltip.prototype, "disabled", 2);
-  __decorateClass$N([
+  __decorateClass$P([
     n$5({ type: Number })
   ], exports2.FlowTooltip.prototype, "distance", 2);
-  __decorateClass$N([
+  __decorateClass$P([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowTooltip.prototype, "open", 2);
-  __decorateClass$N([
+  __decorateClass$P([
     n$5({ type: Number })
   ], exports2.FlowTooltip.prototype, "skidding", 2);
-  __decorateClass$N([
+  __decorateClass$P([
     n$5()
   ], exports2.FlowTooltip.prototype, "trigger", 2);
-  __decorateClass$N([
+  __decorateClass$P([
     n$5({ type: Boolean })
   ], exports2.FlowTooltip.prototype, "hoist", 2);
-  __decorateClass$N([
+  __decorateClass$P([
     watch("open", { waitUntilFirstUpdate: true })
   ], exports2.FlowTooltip.prototype, "handleOpenChange", 1);
-  __decorateClass$N([
+  __decorateClass$P([
     watch(["content", "distance", "hoist", "placement", "skidding"])
   ], exports2.FlowTooltip.prototype, "handleOptionsChange", 1);
-  __decorateClass$N([
+  __decorateClass$P([
     watch("disabled")
   ], exports2.FlowTooltip.prototype, "handleDisabledChange", 1);
-  exports2.FlowTooltip = __decorateClass$N([
+  exports2.FlowTooltip = __decorateClass$P([
     e$6("flow-ui-tooltip")
   ], exports2.FlowTooltip);
   setDefaultAnimation("tooltip.show", {
@@ -2995,7 +2995,7 @@
     ],
     options: { duration: 150, easing: "ease" }
   });
-  const styles$K = i$7`
+  const styles$M = i$7`
   ${componentStyles}
 
   :host {
@@ -3054,6 +3054,11 @@
     font-size: var(--icon-size);
   }
 
+  /* Tooltip */
+  .icon-button__tooltip {
+    --show-delay: var(--flow-ui-button-tooltip-delay);
+  }
+
   /* Icon button with confirmation */
   .icon-button__tooltip--confirm::part(body) {
     padding: var(--flow-ui-spacing-2x-small);
@@ -3063,16 +3068,17 @@
   .icon-button__tooltip--confirm .confirm__label {
     margin-inline: var(--flow-ui-spacing-x-small);
   }
+
 `;
-  var __defProp$M = Object.defineProperty;
-  var __getOwnPropDesc$M = Object.getOwnPropertyDescriptor;
-  var __decorateClass$M = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$M(target, key) : target;
+  var __defProp$O = Object.defineProperty;
+  var __getOwnPropDesc$O = Object.getOwnPropertyDescriptor;
+  var __decorateClass$O = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$O(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$M(target, key, result);
+      __defProp$O(target, key, result);
     return result;
   };
   class FlowIconButton extends FlowRdfElement {
@@ -3235,59 +3241,59 @@
       }
     }
   }
-  FlowIconButton.styles = styles$K;
-  __decorateClass$M([
+  FlowIconButton.styles = styles$M;
+  __decorateClass$O([
     i$4(".icon-button")
   ], FlowIconButton.prototype, "button", 2);
-  __decorateClass$M([
+  __decorateClass$O([
     i$4(".icon-button__tooltip")
   ], FlowIconButton.prototype, "tooltipElem", 2);
-  __decorateClass$M([
+  __decorateClass$O([
     i$4(".icon-button__confirm_button")
   ], FlowIconButton.prototype, "confirmButton", 2);
-  __decorateClass$M([
+  __decorateClass$O([
     t$2()
   ], FlowIconButton.prototype, "hasFocus", 2);
-  __decorateClass$M([
+  __decorateClass$O([
     n$5()
   ], FlowIconButton.prototype, "name", 2);
-  __decorateClass$M([
+  __decorateClass$O([
     n$5()
   ], FlowIconButton.prototype, "library", 2);
-  __decorateClass$M([
+  __decorateClass$O([
     n$5()
   ], FlowIconButton.prototype, "src", 2);
-  __decorateClass$M([
+  __decorateClass$O([
     n$5()
   ], FlowIconButton.prototype, "href", 2);
-  __decorateClass$M([
+  __decorateClass$O([
     n$5()
   ], FlowIconButton.prototype, "target", 2);
-  __decorateClass$M([
+  __decorateClass$O([
     n$5()
   ], FlowIconButton.prototype, "download", 2);
-  __decorateClass$M([
+  __decorateClass$O([
     n$5()
   ], FlowIconButton.prototype, "label", 2);
-  __decorateClass$M([
+  __decorateClass$O([
     n$5()
   ], FlowIconButton.prototype, "tooltip", 2);
-  __decorateClass$M([
+  __decorateClass$O([
     n$5({ attribute: "tooltip-placement" })
   ], FlowIconButton.prototype, "tooltipPlacement", 2);
-  __decorateClass$M([
+  __decorateClass$O([
     n$5({ attribute: "tooltip-distance", type: Number })
   ], FlowIconButton.prototype, "tooltipDistance", 2);
-  __decorateClass$M([
+  __decorateClass$O([
     n$5({ attribute: "tooltip-skidding", type: Number })
   ], FlowIconButton.prototype, "tooltipSkidding", 2);
-  __decorateClass$M([
+  __decorateClass$O([
     n$5({ type: Boolean, reflect: true })
   ], FlowIconButton.prototype, "disabled", 2);
-  __decorateClass$M([
+  __decorateClass$O([
     n$5()
   ], FlowIconButton.prototype, "confirm", 2);
-  const styles$J = i$7`
+  const styles$L = i$7`
   ${componentStyles}
 
   :host {
@@ -3381,15 +3387,15 @@
     padding-inline-end: var(--flow-ui-spacing-medium);
   }
 `;
-  var __defProp$L = Object.defineProperty;
-  var __getOwnPropDesc$L = Object.getOwnPropertyDescriptor;
-  var __decorateClass$L = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$L(target, key) : target;
+  var __defProp$N = Object.defineProperty;
+  var __getOwnPropDesc$N = Object.getOwnPropertyDescriptor;
+  var __decorateClass$N = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$N(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$L(target, key, result);
+      __defProp$N(target, key, result);
     return result;
   };
   const toastStack = Object.assign(document.createElement("div"), { className: "flow-ui-toast-stack" });
@@ -3524,29 +3530,29 @@
     `;
     }
   };
-  exports2.FlowAlert.styles = styles$J;
-  __decorateClass$L([
+  exports2.FlowAlert.styles = styles$L;
+  __decorateClass$N([
     i$4('[part~="base"]')
   ], exports2.FlowAlert.prototype, "base", 2);
-  __decorateClass$L([
+  __decorateClass$N([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowAlert.prototype, "open", 2);
-  __decorateClass$L([
+  __decorateClass$N([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowAlert.prototype, "closable", 2);
-  __decorateClass$L([
+  __decorateClass$N([
     n$5({ reflect: true })
   ], exports2.FlowAlert.prototype, "variant", 2);
-  __decorateClass$L([
+  __decorateClass$N([
     n$5({ type: Number })
   ], exports2.FlowAlert.prototype, "duration", 2);
-  __decorateClass$L([
+  __decorateClass$N([
     watch("open", { waitUntilFirstUpdate: true })
   ], exports2.FlowAlert.prototype, "handleOpenChange", 1);
-  __decorateClass$L([
+  __decorateClass$N([
     watch("duration")
   ], exports2.FlowAlert.prototype, "handleDurationChange", 1);
-  exports2.FlowAlert = __decorateClass$L([
+  exports2.FlowAlert = __decorateClass$N([
     e$6("flow-ui-alert")
   ], exports2.FlowAlert);
   setDefaultAnimation("alert.show", {
@@ -3563,7 +3569,7 @@
     ],
     options: { duration: 250, easing: "ease" }
   });
-  const styles$I = i$7`
+  const styles$K = i$7`
   ${componentStyles}
 
   :host {
@@ -4338,15 +4344,15 @@
   function getEasingNames() {
     return Object.entries(easings).map(([name]) => name);
   }
-  var __defProp$K = Object.defineProperty;
-  var __getOwnPropDesc$K = Object.getOwnPropertyDescriptor;
-  var __decorateClass$K = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$K(target, key) : target;
+  var __defProp$M = Object.defineProperty;
+  var __getOwnPropDesc$M = Object.getOwnPropertyDescriptor;
+  var __decorateClass$M = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$M(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$K(target, key, result);
+      __defProp$M(target, key, result);
     return result;
   };
   exports2.FlowAnimation = class FlowAnimation extends FlowRdfElement {
@@ -4477,47 +4483,47 @@
       return x$1` <slot @slotchange=${this.handleSlotChange}></slot> `;
     }
   };
-  exports2.FlowAnimation.styles = styles$I;
-  __decorateClass$K([
+  exports2.FlowAnimation.styles = styles$K;
+  __decorateClass$M([
     e$3("slot")
   ], exports2.FlowAnimation.prototype, "defaultSlot", 2);
-  __decorateClass$K([
+  __decorateClass$M([
     n$5()
   ], exports2.FlowAnimation.prototype, "name", 2);
-  __decorateClass$K([
+  __decorateClass$M([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowAnimation.prototype, "play", 2);
-  __decorateClass$K([
+  __decorateClass$M([
     n$5({ type: Number })
   ], exports2.FlowAnimation.prototype, "delay", 2);
-  __decorateClass$K([
+  __decorateClass$M([
     n$5()
   ], exports2.FlowAnimation.prototype, "direction", 2);
-  __decorateClass$K([
+  __decorateClass$M([
     n$5({ type: Number })
   ], exports2.FlowAnimation.prototype, "duration", 2);
-  __decorateClass$K([
+  __decorateClass$M([
     n$5()
   ], exports2.FlowAnimation.prototype, "easing", 2);
-  __decorateClass$K([
+  __decorateClass$M([
     n$5({ attribute: "end-delay", type: Number })
   ], exports2.FlowAnimation.prototype, "endDelay", 2);
-  __decorateClass$K([
+  __decorateClass$M([
     n$5()
   ], exports2.FlowAnimation.prototype, "fill", 2);
-  __decorateClass$K([
+  __decorateClass$M([
     n$5({ type: Number })
   ], exports2.FlowAnimation.prototype, "iterations", 2);
-  __decorateClass$K([
+  __decorateClass$M([
     n$5({ attribute: "iteration-start", type: Number })
   ], exports2.FlowAnimation.prototype, "iterationStart", 2);
-  __decorateClass$K([
+  __decorateClass$M([
     n$5({ attribute: false })
   ], exports2.FlowAnimation.prototype, "keyframes", 2);
-  __decorateClass$K([
+  __decorateClass$M([
     n$5({ attribute: "playback-rate", type: Number })
   ], exports2.FlowAnimation.prototype, "playbackRate", 2);
-  __decorateClass$K([
+  __decorateClass$M([
     watch([
       "name",
       "delay",
@@ -4531,16 +4537,16 @@
       "keyframes"
     ])
   ], exports2.FlowAnimation.prototype, "handleAnimationChange", 1);
-  __decorateClass$K([
+  __decorateClass$M([
     watch("play")
   ], exports2.FlowAnimation.prototype, "handlePlayChange", 1);
-  __decorateClass$K([
+  __decorateClass$M([
     watch("playbackRate")
   ], exports2.FlowAnimation.prototype, "handlePlaybackRateChange", 1);
-  exports2.FlowAnimation = __decorateClass$K([
+  exports2.FlowAnimation = __decorateClass$M([
     e$6("flow-ui-animation")
   ], exports2.FlowAnimation);
-  const styles$H = i$7`
+  const styles$J = i$7`
   ${componentStyles}
 
   :host {
@@ -4605,15 +4611,15 @@
     overflow: hidden;
   }
 `;
-  var __defProp$J = Object.defineProperty;
-  var __getOwnPropDesc$J = Object.getOwnPropertyDescriptor;
-  var __decorateClass$J = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$J(target, key) : target;
+  var __defProp$L = Object.defineProperty;
+  var __getOwnPropDesc$L = Object.getOwnPropertyDescriptor;
+  var __decorateClass$L = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$L(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$J(target, key, result);
+      __defProp$L(target, key, result);
     return result;
   };
   exports2.FlowAvatar = class FlowAvatar extends FlowRdfElement {
@@ -4667,32 +4673,32 @@
     `;
     }
   };
-  exports2.FlowAvatar.styles = styles$H;
-  __decorateClass$J([
+  exports2.FlowAvatar.styles = styles$J;
+  __decorateClass$L([
     t$2()
   ], exports2.FlowAvatar.prototype, "hasError", 2);
-  __decorateClass$J([
+  __decorateClass$L([
     n$5()
   ], exports2.FlowAvatar.prototype, "image", 2);
-  __decorateClass$J([
+  __decorateClass$L([
     n$5()
   ], exports2.FlowAvatar.prototype, "label", 2);
-  __decorateClass$J([
+  __decorateClass$L([
     n$5()
   ], exports2.FlowAvatar.prototype, "initials", 2);
-  __decorateClass$J([
+  __decorateClass$L([
     n$5()
   ], exports2.FlowAvatar.prototype, "loading", 2);
-  __decorateClass$J([
+  __decorateClass$L([
     n$5({ reflect: true })
   ], exports2.FlowAvatar.prototype, "shape", 2);
-  __decorateClass$J([
+  __decorateClass$L([
     watch("image")
   ], exports2.FlowAvatar.prototype, "handleImageChange", 1);
-  exports2.FlowAvatar = __decorateClass$J([
+  exports2.FlowAvatar = __decorateClass$L([
     e$6("flow-ui-avatar")
   ], exports2.FlowAvatar);
-  const styles$G = i$7`
+  const styles$I = i$7`
   ${componentStyles}
 
   :host {
@@ -4783,15 +4789,15 @@
     }
   }
 `;
-  var __defProp$I = Object.defineProperty;
-  var __getOwnPropDesc$I = Object.getOwnPropertyDescriptor;
-  var __decorateClass$I = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$I(target, key) : target;
+  var __defProp$K = Object.defineProperty;
+  var __getOwnPropDesc$K = Object.getOwnPropertyDescriptor;
+  var __decorateClass$K = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$K(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$I(target, key, result);
+      __defProp$K(target, key, result);
     return result;
   };
   exports2.FlowBadge = class FlowBadge extends FlowRdfElement {
@@ -4820,20 +4826,20 @@
     `;
     }
   };
-  exports2.FlowBadge.styles = styles$G;
-  __decorateClass$I([
+  exports2.FlowBadge.styles = styles$I;
+  __decorateClass$K([
     n$5({ reflect: true })
   ], exports2.FlowBadge.prototype, "variant", 2);
-  __decorateClass$I([
+  __decorateClass$K([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowBadge.prototype, "pill", 2);
-  __decorateClass$I([
+  __decorateClass$K([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowBadge.prototype, "pulse", 2);
-  exports2.FlowBadge = __decorateClass$I([
+  exports2.FlowBadge = __decorateClass$K([
     e$6("flow-ui-badge")
   ], exports2.FlowBadge);
-  const styles$F = i$7`
+  const styles$H = i$7`
   ${componentStyles}
 
   :host {
@@ -4918,15 +4924,15 @@
     user-select: none;
   }
 `;
-  var __defProp$H = Object.defineProperty;
-  var __getOwnPropDesc$H = Object.getOwnPropertyDescriptor;
-  var __decorateClass$H = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$H(target, key) : target;
+  var __defProp$J = Object.defineProperty;
+  var __getOwnPropDesc$J = Object.getOwnPropertyDescriptor;
+  var __decorateClass$J = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$J(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$H(target, key, result);
+      __defProp$J(target, key, result);
     return result;
   };
   exports2.FlowBreadcrumbItem = class FlowBreadcrumbItem extends FlowRdfElement {
@@ -4971,20 +4977,20 @@
     `;
     }
   };
-  exports2.FlowBreadcrumbItem.styles = styles$F;
-  __decorateClass$H([
+  exports2.FlowBreadcrumbItem.styles = styles$H;
+  __decorateClass$J([
     n$5()
   ], exports2.FlowBreadcrumbItem.prototype, "href", 2);
-  __decorateClass$H([
+  __decorateClass$J([
     n$5()
   ], exports2.FlowBreadcrumbItem.prototype, "target", 2);
-  __decorateClass$H([
+  __decorateClass$J([
     n$5()
   ], exports2.FlowBreadcrumbItem.prototype, "rel", 2);
-  exports2.FlowBreadcrumbItem = __decorateClass$H([
+  exports2.FlowBreadcrumbItem = __decorateClass$J([
     e$6("flow-ui-breadcrumb-item")
   ], exports2.FlowBreadcrumbItem);
-  const styles$E = i$7`
+  const styles$G = i$7`
   ${componentStyles}
 
   .breadcrumb {
@@ -4993,15 +4999,15 @@
     flex-wrap: wrap;
   }
 `;
-  var __defProp$G = Object.defineProperty;
-  var __getOwnPropDesc$G = Object.getOwnPropertyDescriptor;
-  var __decorateClass$G = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$G(target, key) : target;
+  var __defProp$I = Object.defineProperty;
+  var __getOwnPropDesc$I = Object.getOwnPropertyDescriptor;
+  var __decorateClass$I = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$I(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$G(target, key, result);
+      __defProp$I(target, key, result);
     return result;
   };
   exports2.FlowBreadcrumb = class FlowBreadcrumb extends FlowRdfElement {
@@ -5055,20 +5061,20 @@
     `;
     }
   };
-  exports2.FlowBreadcrumb.styles = styles$E;
-  __decorateClass$G([
+  exports2.FlowBreadcrumb.styles = styles$G;
+  __decorateClass$I([
     i$4("slot")
   ], exports2.FlowBreadcrumb.prototype, "defaultSlot", 2);
-  __decorateClass$G([
+  __decorateClass$I([
     i$4('slot[name="separator"]')
   ], exports2.FlowBreadcrumb.prototype, "separatorSlot", 2);
-  __decorateClass$G([
+  __decorateClass$I([
     n$5()
   ], exports2.FlowBreadcrumb.prototype, "label", 2);
-  exports2.FlowBreadcrumb = __decorateClass$G([
+  exports2.FlowBreadcrumb = __decorateClass$I([
     e$6("flow-ui-breadcrumb")
   ], exports2.FlowBreadcrumb);
-  const styles$D = i$7`
+  const styles$F = i$7`
   ${componentStyles}
 
   :host {
@@ -5084,15 +5090,15 @@
     flex-direction: column;
   }
 `;
-  var __defProp$F = Object.defineProperty;
-  var __getOwnPropDesc$F = Object.getOwnPropertyDescriptor;
-  var __decorateClass$F = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$F(target, key) : target;
+  var __defProp$H = Object.defineProperty;
+  var __getOwnPropDesc$H = Object.getOwnPropertyDescriptor;
+  var __decorateClass$H = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$H(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$F(target, key, result);
+      __defProp$H(target, key, result);
     return result;
   };
   exports2.FlowButtonGroup = class FlowButtonGroup extends FlowRdfElement {
@@ -5155,23 +5161,23 @@
     `;
     }
   };
-  exports2.FlowButtonGroup.styles = styles$D;
-  __decorateClass$F([
+  exports2.FlowButtonGroup.styles = styles$F;
+  __decorateClass$H([
     i$4("slot")
   ], exports2.FlowButtonGroup.prototype, "defaultSlot", 2);
-  __decorateClass$F([
+  __decorateClass$H([
     t$2()
   ], exports2.FlowButtonGroup.prototype, "disableRole", 2);
-  __decorateClass$F([
+  __decorateClass$H([
     n$5()
   ], exports2.FlowButtonGroup.prototype, "label", 2);
-  __decorateClass$F([
+  __decorateClass$H([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowButtonGroup.prototype, "vertical", 2);
-  __decorateClass$F([
+  __decorateClass$H([
     watch("vertical", { waitUntilFirstUpdate: true })
   ], exports2.FlowButtonGroup.prototype, "handleVerticalChange", 1);
-  exports2.FlowButtonGroup = __decorateClass$F([
+  exports2.FlowButtonGroup = __decorateClass$H([
     e$6("flow-ui-button-group")
   ], exports2.FlowButtonGroup);
   function findButton(el) {
@@ -5442,7 +5448,7 @@
     valid: false,
     customError: true
   });
-  const styles$C = i$7`
+  const styles$E = i$7`
   ${componentStyles}
 
   :host {
@@ -5501,15 +5507,15 @@
     }
   }
 `;
-  var __defProp$E = Object.defineProperty;
-  var __getOwnPropDesc$E = Object.getOwnPropertyDescriptor;
-  var __decorateClass$E = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$E(target, key) : target;
+  var __defProp$G = Object.defineProperty;
+  var __getOwnPropDesc$G = Object.getOwnPropertyDescriptor;
+  var __decorateClass$G = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$G(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$E(target, key, result);
+      __defProp$G(target, key, result);
     return result;
   };
   exports2.FlowSpinner = class FlowSpinner extends FlowRdfElement {
@@ -5526,8 +5532,8 @@
     `;
     }
   };
-  exports2.FlowSpinner.styles = styles$C;
-  exports2.FlowSpinner = __decorateClass$E([
+  exports2.FlowSpinner.styles = styles$E;
+  exports2.FlowSpinner = __decorateClass$G([
     e$6("flow-ui-spinner")
   ], exports2.FlowSpinner);
   const buttonStyles = i$7`
@@ -6170,15 +6176,15 @@
     z-index: 3;
   }
 `;
-  var __defProp$D = Object.defineProperty;
-  var __getOwnPropDesc$D = Object.getOwnPropertyDescriptor;
-  var __decorateClass$D = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$D(target, key) : target;
+  var __defProp$F = Object.defineProperty;
+  var __getOwnPropDesc$F = Object.getOwnPropertyDescriptor;
+  var __decorateClass$F = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$F(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$D(target, key, result);
+      __defProp$F(target, key, result);
     return result;
   };
   exports2.FlowButton = class FlowButton extends FlowRdfElement {
@@ -6375,88 +6381,88 @@
     }
   };
   exports2.FlowButton.styles = buttonStyles;
-  __decorateClass$D([
+  __decorateClass$F([
     i$4(".button")
   ], exports2.FlowButton.prototype, "button", 2);
-  __decorateClass$D([
+  __decorateClass$F([
     t$2()
   ], exports2.FlowButton.prototype, "hasFocus", 2);
-  __decorateClass$D([
+  __decorateClass$F([
     t$2()
   ], exports2.FlowButton.prototype, "invalid", 2);
-  __decorateClass$D([
+  __decorateClass$F([
     n$5()
   ], exports2.FlowButton.prototype, "title", 2);
-  __decorateClass$D([
+  __decorateClass$F([
     n$5({ reflect: true })
   ], exports2.FlowButton.prototype, "variant", 2);
-  __decorateClass$D([
+  __decorateClass$F([
     n$5({ reflect: true })
   ], exports2.FlowButton.prototype, "size", 2);
-  __decorateClass$D([
+  __decorateClass$F([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowButton.prototype, "caret", 2);
-  __decorateClass$D([
+  __decorateClass$F([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowButton.prototype, "disabled", 2);
-  __decorateClass$D([
+  __decorateClass$F([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowButton.prototype, "loading", 2);
-  __decorateClass$D([
+  __decorateClass$F([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowButton.prototype, "outline", 2);
-  __decorateClass$D([
+  __decorateClass$F([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowButton.prototype, "pill", 2);
-  __decorateClass$D([
+  __decorateClass$F([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowButton.prototype, "circle", 2);
-  __decorateClass$D([
+  __decorateClass$F([
     n$5()
   ], exports2.FlowButton.prototype, "type", 2);
-  __decorateClass$D([
+  __decorateClass$F([
     n$5()
   ], exports2.FlowButton.prototype, "name", 2);
-  __decorateClass$D([
+  __decorateClass$F([
     n$5()
   ], exports2.FlowButton.prototype, "value", 2);
-  __decorateClass$D([
+  __decorateClass$F([
     n$5()
   ], exports2.FlowButton.prototype, "href", 2);
-  __decorateClass$D([
+  __decorateClass$F([
     n$5()
   ], exports2.FlowButton.prototype, "target", 2);
-  __decorateClass$D([
+  __decorateClass$F([
     n$5()
   ], exports2.FlowButton.prototype, "rel", 2);
-  __decorateClass$D([
+  __decorateClass$F([
     n$5()
   ], exports2.FlowButton.prototype, "download", 2);
-  __decorateClass$D([
+  __decorateClass$F([
     n$5()
   ], exports2.FlowButton.prototype, "form", 2);
-  __decorateClass$D([
+  __decorateClass$F([
     n$5({ attribute: "formaction" })
   ], exports2.FlowButton.prototype, "formAction", 2);
-  __decorateClass$D([
+  __decorateClass$F([
     n$5({ attribute: "formenctype" })
   ], exports2.FlowButton.prototype, "formEnctype", 2);
-  __decorateClass$D([
+  __decorateClass$F([
     n$5({ attribute: "formmethod" })
   ], exports2.FlowButton.prototype, "formMethod", 2);
-  __decorateClass$D([
+  __decorateClass$F([
     n$5({ attribute: "formnovalidate", type: Boolean })
   ], exports2.FlowButton.prototype, "formNoValidate", 2);
-  __decorateClass$D([
+  __decorateClass$F([
     n$5({ attribute: "formtarget" })
   ], exports2.FlowButton.prototype, "formTarget", 2);
-  __decorateClass$D([
+  __decorateClass$F([
     watch("disabled", { waitUntilFirstUpdate: true })
   ], exports2.FlowButton.prototype, "handleDisabledChange", 1);
-  exports2.FlowButton = __decorateClass$D([
+  exports2.FlowButton = __decorateClass$F([
     e$6("flow-ui-button")
   ], exports2.FlowButton);
-  const styles$B = i$7`
+  const styles$D = i$7`
   ${componentStyles}
 
   :host {
@@ -6524,15 +6530,15 @@
     display: none;
   }
 `;
-  var __defProp$C = Object.defineProperty;
-  var __getOwnPropDesc$C = Object.getOwnPropertyDescriptor;
-  var __decorateClass$C = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$C(target, key) : target;
+  var __defProp$E = Object.defineProperty;
+  var __getOwnPropDesc$E = Object.getOwnPropertyDescriptor;
+  var __decorateClass$E = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$E(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$C(target, key, result);
+      __defProp$E(target, key, result);
     return result;
   };
   exports2.FlowCard = class FlowCard extends FlowRdfElement {
@@ -6559,11 +6565,11 @@
     `;
     }
   };
-  exports2.FlowCard.styles = styles$B;
-  exports2.FlowCard = __decorateClass$C([
+  exports2.FlowCard.styles = styles$D;
+  exports2.FlowCard = __decorateClass$E([
     e$6("flow-ui-card")
   ], exports2.FlowCard);
-  const styles$A = i$7`
+  const styles$C = i$7`
   ${componentStyles}
 
   :host {
@@ -6586,15 +6592,15 @@
     object-fit: cover;
   }
 `;
-  var __defProp$B = Object.defineProperty;
-  var __getOwnPropDesc$B = Object.getOwnPropertyDescriptor;
-  var __decorateClass$B = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$B(target, key) : target;
+  var __defProp$D = Object.defineProperty;
+  var __getOwnPropDesc$D = Object.getOwnPropertyDescriptor;
+  var __decorateClass$D = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$D(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$B(target, key, result);
+      __defProp$D(target, key, result);
     return result;
   };
   exports2.FlowCarouselItem = class FlowCarouselItem extends FlowRdfElement {
@@ -6609,8 +6615,8 @@
       return x$1` <slot></slot> `;
     }
   };
-  exports2.FlowCarouselItem.styles = styles$A;
-  exports2.FlowCarouselItem = __decorateClass$B([
+  exports2.FlowCarouselItem.styles = styles$C;
+  exports2.FlowCarouselItem = __decorateClass$D([
     e$6("flow-ui-carousel-item")
   ], exports2.FlowCarouselItem);
   /**
@@ -6700,7 +6706,7 @@
       this.host.requestUpdate();
     }
   }
-  const styles$z = i$7`
+  const styles$B = i$7`
   ${componentStyles}
 
   :host {
@@ -6869,15 +6875,15 @@
       };
     };
   };
-  var __defProp$A = Object.defineProperty;
-  var __getOwnPropDesc$A = Object.getOwnPropertyDescriptor;
-  var __decorateClass$A = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$A(target, key) : target;
+  var __defProp$C = Object.defineProperty;
+  var __getOwnPropDesc$C = Object.getOwnPropertyDescriptor;
+  var __decorateClass$C = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$C(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$A(target, key, result);
+      __defProp$C(target, key, result);
     return result;
   };
   class ScrollController {
@@ -7008,18 +7014,18 @@
       host.requestUpdate();
     }
   }
-  __decorateClass$A([
+  __decorateClass$C([
     debounce(100)
   ], ScrollController.prototype, "handleScrollEnd", 1);
-  var __defProp$z = Object.defineProperty;
-  var __getOwnPropDesc$z = Object.getOwnPropertyDescriptor;
-  var __decorateClass$z = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$z(target, key) : target;
+  var __defProp$B = Object.defineProperty;
+  var __getOwnPropDesc$B = Object.getOwnPropertyDescriptor;
+  var __decorateClass$B = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$B(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$z(target, key, result);
+      __defProp$B(target, key, result);
     return result;
   };
   exports2.FlowCarousel = class FlowCarousel extends FlowRdfElement {
@@ -7337,63 +7343,63 @@
     `;
     }
   };
-  exports2.FlowCarousel.styles = styles$z;
-  __decorateClass$z([
+  exports2.FlowCarousel.styles = styles$B;
+  __decorateClass$B([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowCarousel.prototype, "loop", 2);
-  __decorateClass$z([
+  __decorateClass$B([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowCarousel.prototype, "navigation", 2);
-  __decorateClass$z([
+  __decorateClass$B([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowCarousel.prototype, "pagination", 2);
-  __decorateClass$z([
+  __decorateClass$B([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowCarousel.prototype, "autoplay", 2);
-  __decorateClass$z([
+  __decorateClass$B([
     n$5({ type: Number, attribute: "autoplay-interval" })
   ], exports2.FlowCarousel.prototype, "autoplayInterval", 2);
-  __decorateClass$z([
+  __decorateClass$B([
     n$5({ type: Number, attribute: "slides-per-page" })
   ], exports2.FlowCarousel.prototype, "slidesPerPage", 2);
-  __decorateClass$z([
+  __decorateClass$B([
     n$5({ type: Number, attribute: "slides-per-move" })
   ], exports2.FlowCarousel.prototype, "slidesPerMove", 2);
-  __decorateClass$z([
+  __decorateClass$B([
     n$5()
   ], exports2.FlowCarousel.prototype, "orientation", 2);
-  __decorateClass$z([
+  __decorateClass$B([
     n$5({ type: Boolean, reflect: true, attribute: "mouse-dragging" })
   ], exports2.FlowCarousel.prototype, "mouseDragging", 2);
-  __decorateClass$z([
+  __decorateClass$B([
     i$4("slot:not([name])")
   ], exports2.FlowCarousel.prototype, "defaultSlot", 2);
-  __decorateClass$z([
+  __decorateClass$B([
     i$4(".carousel__slides")
   ], exports2.FlowCarousel.prototype, "scrollContainer", 2);
-  __decorateClass$z([
+  __decorateClass$B([
     i$4(".carousel__pagination")
   ], exports2.FlowCarousel.prototype, "paginationContainer", 2);
-  __decorateClass$z([
+  __decorateClass$B([
     t$2()
   ], exports2.FlowCarousel.prototype, "activeSlide", 2);
-  __decorateClass$z([
+  __decorateClass$B([
     watch("loop", { waitUntilFirstUpdate: true }),
     watch("slidesPerPage", { waitUntilFirstUpdate: true })
   ], exports2.FlowCarousel.prototype, "initializeSlides", 1);
-  __decorateClass$z([
+  __decorateClass$B([
     watch("activeSlide")
   ], exports2.FlowCarousel.prototype, "handelSlideChange", 1);
-  __decorateClass$z([
+  __decorateClass$B([
     watch("slidesPerMove")
   ], exports2.FlowCarousel.prototype, "handleSlidesPerMoveChange", 1);
-  __decorateClass$z([
+  __decorateClass$B([
     watch("autoplay")
   ], exports2.FlowCarousel.prototype, "handleAutoplayChange", 1);
-  __decorateClass$z([
+  __decorateClass$B([
     watch("mouseDragging")
   ], exports2.FlowCarousel.prototype, "handleMouseDraggingChange", 1);
-  exports2.FlowCarousel = __decorateClass$z([
+  exports2.FlowCarousel = __decorateClass$B([
     e$6("flow-ui-carousel")
   ], exports2.FlowCarousel);
   /**
@@ -7449,7 +7455,7 @@
       attributeChangedCallback.call(this, name, old, value);
     };
   };
-  const styles$y = i$7`
+  const styles$A = i$7`
   ${componentStyles}
 
   :host {
@@ -7565,15 +7571,15 @@
     margin-inline-start: var(--flow-ui-input-required-content-offset);
   }
 `;
-  var __defProp$y = Object.defineProperty;
-  var __getOwnPropDesc$y = Object.getOwnPropertyDescriptor;
-  var __decorateClass$y = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$y(target, key) : target;
+  var __defProp$A = Object.defineProperty;
+  var __getOwnPropDesc$A = Object.getOwnPropertyDescriptor;
+  var __decorateClass$A = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$A(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$y(target, key, result);
+      __defProp$A(target, key, result);
     return result;
   };
   exports2.FlowCheckbox = class FlowCheckbox extends FlowRdfElement {
@@ -7723,50 +7729,50 @@
     `;
     }
   };
-  exports2.FlowCheckbox.styles = styles$y;
-  __decorateClass$y([
+  exports2.FlowCheckbox.styles = styles$A;
+  __decorateClass$A([
     i$4('input[type="checkbox"]')
   ], exports2.FlowCheckbox.prototype, "input", 2);
-  __decorateClass$y([
+  __decorateClass$A([
     t$2()
   ], exports2.FlowCheckbox.prototype, "hasFocus", 2);
-  __decorateClass$y([
+  __decorateClass$A([
     n$5()
   ], exports2.FlowCheckbox.prototype, "title", 2);
-  __decorateClass$y([
+  __decorateClass$A([
     n$5()
   ], exports2.FlowCheckbox.prototype, "name", 2);
-  __decorateClass$y([
+  __decorateClass$A([
     n$5()
   ], exports2.FlowCheckbox.prototype, "value", 2);
-  __decorateClass$y([
+  __decorateClass$A([
     n$5({ reflect: true })
   ], exports2.FlowCheckbox.prototype, "size", 2);
-  __decorateClass$y([
+  __decorateClass$A([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowCheckbox.prototype, "disabled", 2);
-  __decorateClass$y([
+  __decorateClass$A([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowCheckbox.prototype, "checked", 2);
-  __decorateClass$y([
+  __decorateClass$A([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowCheckbox.prototype, "indeterminate", 2);
-  __decorateClass$y([
+  __decorateClass$A([
     defaultValue("checked")
   ], exports2.FlowCheckbox.prototype, "defaultChecked", 2);
-  __decorateClass$y([
+  __decorateClass$A([
     n$5({ reflect: true })
   ], exports2.FlowCheckbox.prototype, "form", 2);
-  __decorateClass$y([
+  __decorateClass$A([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowCheckbox.prototype, "required", 2);
-  __decorateClass$y([
+  __decorateClass$A([
     watch("disabled", { waitUntilFirstUpdate: true })
   ], exports2.FlowCheckbox.prototype, "handleDisabledChange", 1);
-  __decorateClass$y([
+  __decorateClass$A([
     watch(["checked", "indeterminate"], { waitUntilFirstUpdate: true })
   ], exports2.FlowCheckbox.prototype, "handleStateChange", 1);
-  exports2.FlowCheckbox = __decorateClass$y([
+  exports2.FlowCheckbox = __decorateClass$A([
     e$6("flow-ui-checkbox")
   ], exports2.FlowCheckbox);
   function bound01(n2, max2) {
@@ -8715,6 +8721,9 @@
     if ((options == null ? void 0 : options.initialEvent) instanceof PointerEvent) {
       move(options.initialEvent);
     }
+    return () => {
+      stop();
+    };
   }
   function isTabbable(el) {
     const tag = el.tagName.toLowerCase();
@@ -8763,7 +8772,7 @@
     const end = allElements.reverse().find((el) => isTabbable(el)) ?? null;
     return { start, end };
   }
-  const styles$x = i$7`
+  const styles$z = i$7`
   ${componentStyles}
 
   :host {
@@ -8814,15 +8823,15 @@
     max-height: var(--auto-size-available-height) !important;
   }
 `;
-  var __defProp$x = Object.defineProperty;
-  var __getOwnPropDesc$x = Object.getOwnPropertyDescriptor;
-  var __decorateClass$x = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$x(target, key) : target;
+  var __defProp$z = Object.defineProperty;
+  var __getOwnPropDesc$z = Object.getOwnPropertyDescriptor;
+  var __decorateClass$z = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$z(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$x(target, key, result);
+      __defProp$z(target, key, result);
     return result;
   };
   exports2.FlowDropdown = class FlowDropdown extends FlowRdfElement {
@@ -9088,44 +9097,44 @@
     `;
     }
   };
-  exports2.FlowDropdown.styles = styles$x;
-  __decorateClass$x([
+  exports2.FlowDropdown.styles = styles$z;
+  __decorateClass$z([
     i$4(".dropdown")
   ], exports2.FlowDropdown.prototype, "popup", 2);
-  __decorateClass$x([
+  __decorateClass$z([
     i$4(".dropdown__trigger")
   ], exports2.FlowDropdown.prototype, "trigger", 2);
-  __decorateClass$x([
+  __decorateClass$z([
     i$4(".dropdown__panel")
   ], exports2.FlowDropdown.prototype, "panel", 2);
-  __decorateClass$x([
+  __decorateClass$z([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowDropdown.prototype, "open", 2);
-  __decorateClass$x([
+  __decorateClass$z([
     n$5({ reflect: true })
   ], exports2.FlowDropdown.prototype, "placement", 2);
-  __decorateClass$x([
+  __decorateClass$z([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowDropdown.prototype, "disabled", 2);
-  __decorateClass$x([
+  __decorateClass$z([
     n$5({ attribute: "stay-open-on-select", type: Boolean, reflect: true })
   ], exports2.FlowDropdown.prototype, "stayOpenOnSelect", 2);
-  __decorateClass$x([
+  __decorateClass$z([
     n$5({ attribute: false })
   ], exports2.FlowDropdown.prototype, "containingElement", 2);
-  __decorateClass$x([
+  __decorateClass$z([
     n$5({ type: Number })
   ], exports2.FlowDropdown.prototype, "distance", 2);
-  __decorateClass$x([
+  __decorateClass$z([
     n$5({ type: Number })
   ], exports2.FlowDropdown.prototype, "skidding", 2);
-  __decorateClass$x([
+  __decorateClass$z([
     n$5({ type: Boolean })
   ], exports2.FlowDropdown.prototype, "hoist", 2);
-  __decorateClass$x([
+  __decorateClass$z([
     watch("open", { waitUntilFirstUpdate: true })
   ], exports2.FlowDropdown.prototype, "handleOpenChange", 1);
-  exports2.FlowDropdown = __decorateClass$x([
+  exports2.FlowDropdown = __decorateClass$z([
     e$6("flow-ui-dropdown")
   ], exports2.FlowDropdown);
   setDefaultAnimation("dropdown.show", {
@@ -9199,7 +9208,7 @@
     margin-top: var(--flow-ui-spacing-2x-small);
   }
 `;
-  const styles$w = i$7`
+  const styles$y = i$7`
   ${componentStyles}
   ${formControlStyles}
 
@@ -9489,15 +9498,15 @@
     -moz-appearance: textfield;
   }
 `;
-  var __defProp$w = Object.defineProperty;
-  var __getOwnPropDesc$w = Object.getOwnPropertyDescriptor;
-  var __decorateClass$w = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$w(target, key) : target;
+  var __defProp$y = Object.defineProperty;
+  var __getOwnPropDesc$y = Object.getOwnPropertyDescriptor;
+  var __decorateClass$y = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$y(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$w(target, key, result);
+      __defProp$y(target, key, result);
     return result;
   };
   exports2.FlowInput = class FlowInput extends FlowRdfElement {
@@ -9819,104 +9828,104 @@
     `;
     }
   };
-  exports2.FlowInput.styles = styles$w;
-  __decorateClass$w([
+  exports2.FlowInput.styles = styles$y;
+  __decorateClass$y([
     i$4(".input__control")
   ], exports2.FlowInput.prototype, "input", 2);
-  __decorateClass$w([
+  __decorateClass$y([
     t$2()
   ], exports2.FlowInput.prototype, "hasFocus", 2);
-  __decorateClass$w([
+  __decorateClass$y([
     n$5()
   ], exports2.FlowInput.prototype, "title", 2);
-  __decorateClass$w([
+  __decorateClass$y([
     n$5({ reflect: true })
   ], exports2.FlowInput.prototype, "type", 2);
-  __decorateClass$w([
+  __decorateClass$y([
     n$5()
   ], exports2.FlowInput.prototype, "name", 2);
-  __decorateClass$w([
+  __decorateClass$y([
     n$5()
   ], exports2.FlowInput.prototype, "value", 2);
-  __decorateClass$w([
+  __decorateClass$y([
     defaultValue()
   ], exports2.FlowInput.prototype, "defaultValue", 2);
-  __decorateClass$w([
+  __decorateClass$y([
     n$5({ reflect: true })
   ], exports2.FlowInput.prototype, "size", 2);
-  __decorateClass$w([
+  __decorateClass$y([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowInput.prototype, "filled", 2);
-  __decorateClass$w([
+  __decorateClass$y([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowInput.prototype, "pill", 2);
-  __decorateClass$w([
+  __decorateClass$y([
     n$5()
   ], exports2.FlowInput.prototype, "label", 2);
-  __decorateClass$w([
+  __decorateClass$y([
     n$5({ attribute: "help-text" })
   ], exports2.FlowInput.prototype, "helpText", 2);
-  __decorateClass$w([
+  __decorateClass$y([
     n$5({ type: Boolean })
   ], exports2.FlowInput.prototype, "clearable", 2);
-  __decorateClass$w([
+  __decorateClass$y([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowInput.prototype, "disabled", 2);
-  __decorateClass$w([
+  __decorateClass$y([
     n$5()
   ], exports2.FlowInput.prototype, "placeholder", 2);
-  __decorateClass$w([
+  __decorateClass$y([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowInput.prototype, "readonly", 2);
-  __decorateClass$w([
+  __decorateClass$y([
     n$5({ attribute: "password-toggle", type: Boolean })
   ], exports2.FlowInput.prototype, "passwordToggle", 2);
-  __decorateClass$w([
+  __decorateClass$y([
     n$5({ attribute: "password-visible", type: Boolean })
   ], exports2.FlowInput.prototype, "passwordVisible", 2);
-  __decorateClass$w([
+  __decorateClass$y([
     n$5({ attribute: "no-spin-buttons", type: Boolean })
   ], exports2.FlowInput.prototype, "noSpinButtons", 2);
-  __decorateClass$w([
+  __decorateClass$y([
     n$5({ reflect: true })
   ], exports2.FlowInput.prototype, "form", 2);
-  __decorateClass$w([
+  __decorateClass$y([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowInput.prototype, "required", 2);
-  __decorateClass$w([
+  __decorateClass$y([
     n$5()
   ], exports2.FlowInput.prototype, "pattern", 2);
-  __decorateClass$w([
+  __decorateClass$y([
     n$5({ type: Number })
   ], exports2.FlowInput.prototype, "minlength", 2);
-  __decorateClass$w([
+  __decorateClass$y([
     n$5({ type: Number })
   ], exports2.FlowInput.prototype, "maxlength", 2);
-  __decorateClass$w([
+  __decorateClass$y([
     n$5()
   ], exports2.FlowInput.prototype, "min", 2);
-  __decorateClass$w([
+  __decorateClass$y([
     n$5()
   ], exports2.FlowInput.prototype, "max", 2);
-  __decorateClass$w([
+  __decorateClass$y([
     n$5()
   ], exports2.FlowInput.prototype, "step", 2);
-  __decorateClass$w([
+  __decorateClass$y([
     n$5()
   ], exports2.FlowInput.prototype, "autocapitalize", 2);
-  __decorateClass$w([
+  __decorateClass$y([
     n$5()
   ], exports2.FlowInput.prototype, "autocorrect", 2);
-  __decorateClass$w([
+  __decorateClass$y([
     n$5()
   ], exports2.FlowInput.prototype, "autocomplete", 2);
-  __decorateClass$w([
+  __decorateClass$y([
     n$5({ type: Boolean })
   ], exports2.FlowInput.prototype, "autofocus", 2);
-  __decorateClass$w([
+  __decorateClass$y([
     n$5()
   ], exports2.FlowInput.prototype, "enterkeyhint", 2);
-  __decorateClass$w([
+  __decorateClass$y([
     n$5({
       type: Boolean,
       converter: {
@@ -9926,22 +9935,22 @@
       }
     })
   ], exports2.FlowInput.prototype, "spellcheck", 2);
-  __decorateClass$w([
+  __decorateClass$y([
     n$5()
   ], exports2.FlowInput.prototype, "inputmode", 2);
-  __decorateClass$w([
+  __decorateClass$y([
     watch("disabled", { waitUntilFirstUpdate: true })
   ], exports2.FlowInput.prototype, "handleDisabledChange", 1);
-  __decorateClass$w([
+  __decorateClass$y([
     watch("step", { waitUntilFirstUpdate: true })
   ], exports2.FlowInput.prototype, "handleStepChange", 1);
-  __decorateClass$w([
+  __decorateClass$y([
     watch("value", { waitUntilFirstUpdate: true })
   ], exports2.FlowInput.prototype, "handleValueChange", 1);
-  exports2.FlowInput = __decorateClass$w([
+  exports2.FlowInput = __decorateClass$y([
     e$6("flow-ui-input")
   ], exports2.FlowInput);
-  const styles$v = i$7`
+  const styles$x = i$7`
   ${componentStyles}
 
   :host(:not(:focus-within)) {
@@ -9956,15 +9965,15 @@
     padding: 0 !important;
   }
 `;
-  var __defProp$v = Object.defineProperty;
-  var __getOwnPropDesc$v = Object.getOwnPropertyDescriptor;
-  var __decorateClass$v = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$v(target, key) : target;
+  var __defProp$x = Object.defineProperty;
+  var __getOwnPropDesc$x = Object.getOwnPropertyDescriptor;
+  var __decorateClass$x = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$x(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$v(target, key, result);
+      __defProp$x(target, key, result);
     return result;
   };
   exports2.FlowVisuallyHidden = class FlowVisuallyHidden extends FlowRdfElement {
@@ -9972,11 +9981,11 @@
       return x$1` <slot></slot> `;
     }
   };
-  exports2.FlowVisuallyHidden.styles = styles$v;
-  exports2.FlowVisuallyHidden = __decorateClass$v([
+  exports2.FlowVisuallyHidden.styles = styles$x;
+  exports2.FlowVisuallyHidden = __decorateClass$x([
     e$6("flow-ui-visually-hidden")
   ], exports2.FlowVisuallyHidden);
-  const styles$u = i$7`
+  const styles$w = i$7`
   ${componentStyles}
 
   :host {
@@ -10308,15 +10317,15 @@
     cursor: not-allowed;
   }
 `;
-  var __defProp$u = Object.defineProperty;
-  var __getOwnPropDesc$u = Object.getOwnPropertyDescriptor;
-  var __decorateClass$u = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$u(target, key) : target;
+  var __defProp$w = Object.defineProperty;
+  var __getOwnPropDesc$w = Object.getOwnPropertyDescriptor;
+  var __decorateClass$w = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$w(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$u(target, key, result);
+      __defProp$w(target, key, result);
     return result;
   };
   const hasEyeDropper = "EyeDropper" in window;
@@ -11101,113 +11110,113 @@
     `;
     }
   };
-  exports2.FlowColorPicker.styles = styles$u;
-  __decorateClass$u([
+  exports2.FlowColorPicker.styles = styles$w;
+  __decorateClass$w([
     i$4('[part~="base"]')
   ], exports2.FlowColorPicker.prototype, "base", 2);
-  __decorateClass$u([
+  __decorateClass$w([
     i$4('[part~="input"]')
   ], exports2.FlowColorPicker.prototype, "input", 2);
-  __decorateClass$u([
+  __decorateClass$w([
     i$4(".color-dropdown")
   ], exports2.FlowColorPicker.prototype, "dropdown", 2);
-  __decorateClass$u([
+  __decorateClass$w([
     i$4('[part~="preview"]')
   ], exports2.FlowColorPicker.prototype, "previewButton", 2);
-  __decorateClass$u([
+  __decorateClass$w([
     i$4('[part~="trigger"]')
   ], exports2.FlowColorPicker.prototype, "trigger", 2);
-  __decorateClass$u([
+  __decorateClass$w([
     t$2()
   ], exports2.FlowColorPicker.prototype, "hasFocus", 2);
-  __decorateClass$u([
+  __decorateClass$w([
     t$2()
   ], exports2.FlowColorPicker.prototype, "isDraggingGridHandle", 2);
-  __decorateClass$u([
+  __decorateClass$w([
     t$2()
   ], exports2.FlowColorPicker.prototype, "isEmpty", 2);
-  __decorateClass$u([
+  __decorateClass$w([
     t$2()
   ], exports2.FlowColorPicker.prototype, "inputValue", 2);
-  __decorateClass$u([
+  __decorateClass$w([
     t$2()
   ], exports2.FlowColorPicker.prototype, "hue", 2);
-  __decorateClass$u([
+  __decorateClass$w([
     t$2()
   ], exports2.FlowColorPicker.prototype, "saturation", 2);
-  __decorateClass$u([
+  __decorateClass$w([
     t$2()
   ], exports2.FlowColorPicker.prototype, "brightness", 2);
-  __decorateClass$u([
+  __decorateClass$w([
     t$2()
   ], exports2.FlowColorPicker.prototype, "alpha", 2);
-  __decorateClass$u([
+  __decorateClass$w([
     n$5()
   ], exports2.FlowColorPicker.prototype, "value", 2);
-  __decorateClass$u([
+  __decorateClass$w([
     defaultValue()
   ], exports2.FlowColorPicker.prototype, "defaultValue", 2);
-  __decorateClass$u([
+  __decorateClass$w([
     n$5()
   ], exports2.FlowColorPicker.prototype, "label", 2);
-  __decorateClass$u([
+  __decorateClass$w([
     n$5()
   ], exports2.FlowColorPicker.prototype, "format", 2);
-  __decorateClass$u([
+  __decorateClass$w([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowColorPicker.prototype, "inline", 2);
-  __decorateClass$u([
+  __decorateClass$w([
     n$5({ reflect: true })
   ], exports2.FlowColorPicker.prototype, "size", 2);
-  __decorateClass$u([
+  __decorateClass$w([
     n$5({ attribute: "no-format-toggle", type: Boolean })
   ], exports2.FlowColorPicker.prototype, "noFormatToggle", 2);
-  __decorateClass$u([
+  __decorateClass$w([
     n$5()
   ], exports2.FlowColorPicker.prototype, "name", 2);
-  __decorateClass$u([
+  __decorateClass$w([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowColorPicker.prototype, "disabled", 2);
-  __decorateClass$u([
+  __decorateClass$w([
     n$5({ reflect: true })
   ], exports2.FlowColorPicker.prototype, "placement", 2);
-  __decorateClass$u([
+  __decorateClass$w([
     n$5({ type: Number })
   ], exports2.FlowColorPicker.prototype, "distance", 2);
-  __decorateClass$u([
+  __decorateClass$w([
     n$5({ type: Number })
   ], exports2.FlowColorPicker.prototype, "skidding", 2);
-  __decorateClass$u([
+  __decorateClass$w([
     n$5({ type: Boolean })
   ], exports2.FlowColorPicker.prototype, "hoist", 2);
-  __decorateClass$u([
+  __decorateClass$w([
     n$5({ type: Boolean })
   ], exports2.FlowColorPicker.prototype, "opacity", 2);
-  __decorateClass$u([
+  __decorateClass$w([
     n$5({ type: Boolean })
   ], exports2.FlowColorPicker.prototype, "uppercase", 2);
-  __decorateClass$u([
+  __decorateClass$w([
     n$5()
   ], exports2.FlowColorPicker.prototype, "swatches", 2);
-  __decorateClass$u([
+  __decorateClass$w([
     n$5({ reflect: true })
   ], exports2.FlowColorPicker.prototype, "form", 2);
-  __decorateClass$u([
+  __decorateClass$w([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowColorPicker.prototype, "required", 2);
-  __decorateClass$u([
+  __decorateClass$w([
     watch("format", { waitUntilFirstUpdate: true })
   ], exports2.FlowColorPicker.prototype, "handleFormatChange", 1);
-  __decorateClass$u([
+  __decorateClass$w([
     watch("opacity", { waitUntilFirstUpdate: true })
   ], exports2.FlowColorPicker.prototype, "handleOpacityChange", 1);
-  __decorateClass$u([
+  __decorateClass$w([
     watch("value")
   ], exports2.FlowColorPicker.prototype, "handleValueChange", 1);
-  exports2.FlowColorPicker = __decorateClass$u([
+  exports2.FlowColorPicker = __decorateClass$w([
     e$6("flow-ui-color-picker")
   ], exports2.FlowColorPicker);
-  const styles$t = i$7`
+  const styles$v = i$7`
   ${componentStyles}
 
   :host {
@@ -11287,15 +11296,15 @@
     padding: var(--flow-ui-spacing-medium);
   }
 `;
-  var __defProp$t = Object.defineProperty;
-  var __getOwnPropDesc$t = Object.getOwnPropertyDescriptor;
-  var __decorateClass$t = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$t(target, key) : target;
+  var __defProp$v = Object.defineProperty;
+  var __getOwnPropDesc$v = Object.getOwnPropertyDescriptor;
+  var __decorateClass$v = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$v(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$t(target, key, result);
+      __defProp$v(target, key, result);
     return result;
   };
   exports2.FlowDetails = class FlowDetails extends FlowRdfElement {
@@ -11423,32 +11432,32 @@
     `;
     }
   };
-  exports2.FlowDetails.styles = styles$t;
-  __decorateClass$t([
+  exports2.FlowDetails.styles = styles$v;
+  __decorateClass$v([
     i$4(".details")
   ], exports2.FlowDetails.prototype, "details", 2);
-  __decorateClass$t([
+  __decorateClass$v([
     i$4(".details__header")
   ], exports2.FlowDetails.prototype, "header", 2);
-  __decorateClass$t([
+  __decorateClass$v([
     i$4(".details__body")
   ], exports2.FlowDetails.prototype, "body", 2);
-  __decorateClass$t([
+  __decorateClass$v([
     i$4(".details__expand-icon-slot")
   ], exports2.FlowDetails.prototype, "expandIconSlot", 2);
-  __decorateClass$t([
+  __decorateClass$v([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowDetails.prototype, "open", 2);
-  __decorateClass$t([
+  __decorateClass$v([
     n$5()
   ], exports2.FlowDetails.prototype, "summary", 2);
-  __decorateClass$t([
+  __decorateClass$v([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowDetails.prototype, "disabled", 2);
-  __decorateClass$t([
+  __decorateClass$v([
     watch("open", { waitUntilFirstUpdate: true })
   ], exports2.FlowDetails.prototype, "handleOpenChange", 1);
-  exports2.FlowDetails = __decorateClass$t([
+  exports2.FlowDetails = __decorateClass$v([
     e$6("flow-ui-details")
   ], exports2.FlowDetails);
   setDefaultAnimation("details.show", {
@@ -11562,7 +11571,7 @@
       }
     }
   }
-  const styles$s = i$7`
+  const styles$u = i$7`
   ${componentStyles}
 
   :host {
@@ -11682,15 +11691,15 @@
     }
   }
 `;
-  var __defProp$s = Object.defineProperty;
-  var __getOwnPropDesc$s = Object.getOwnPropertyDescriptor;
-  var __decorateClass$s = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$s(target, key) : target;
+  var __defProp$u = Object.defineProperty;
+  var __getOwnPropDesc$u = Object.getOwnPropertyDescriptor;
+  var __decorateClass$u = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$u(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$s(target, key, result);
+      __defProp$u(target, key, result);
     return result;
   };
   exports2.FlowDialog = class FlowDialog extends FlowRdfElement {
@@ -11870,29 +11879,29 @@
     `;
     }
   };
-  exports2.FlowDialog.styles = styles$s;
-  __decorateClass$s([
+  exports2.FlowDialog.styles = styles$u;
+  __decorateClass$u([
     i$4(".dialog")
   ], exports2.FlowDialog.prototype, "dialog", 2);
-  __decorateClass$s([
+  __decorateClass$u([
     i$4(".dialog__panel")
   ], exports2.FlowDialog.prototype, "panel", 2);
-  __decorateClass$s([
+  __decorateClass$u([
     i$4(".dialog__overlay")
   ], exports2.FlowDialog.prototype, "overlay", 2);
-  __decorateClass$s([
+  __decorateClass$u([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowDialog.prototype, "open", 2);
-  __decorateClass$s([
+  __decorateClass$u([
     n$5({ reflect: true })
   ], exports2.FlowDialog.prototype, "label", 2);
-  __decorateClass$s([
+  __decorateClass$u([
     n$5({ attribute: "no-header", type: Boolean, reflect: true })
   ], exports2.FlowDialog.prototype, "noHeader", 2);
-  __decorateClass$s([
+  __decorateClass$u([
     watch("open", { waitUntilFirstUpdate: true })
   ], exports2.FlowDialog.prototype, "handleOpenChange", 1);
-  exports2.FlowDialog = __decorateClass$s([
+  exports2.FlowDialog = __decorateClass$u([
     e$6("flow-ui-dialog")
   ], exports2.FlowDialog);
   setDefaultAnimation("dialog.show", {
@@ -11921,7 +11930,7 @@
     keyframes: [{ opacity: 1 }, { opacity: 0 }],
     options: { duration: 250 }
   });
-  const styles$r = i$7`
+  const styles$t = i$7`
   ${componentStyles}
 
   :host {
@@ -11950,15 +11959,15 @@
     padding: var(--inset) 0;
   }
 `;
-  var __defProp$r = Object.defineProperty;
-  var __getOwnPropDesc$r = Object.getOwnPropertyDescriptor;
-  var __decorateClass$r = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$r(target, key) : target;
+  var __defProp$t = Object.defineProperty;
+  var __getOwnPropDesc$t = Object.getOwnPropertyDescriptor;
+  var __decorateClass$t = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$t(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$r(target, key, result);
+      __defProp$t(target, key, result);
     return result;
   };
   exports2.FlowDivider = class FlowDivider extends FlowRdfElement {
@@ -11979,20 +11988,20 @@
       }
     */
   };
-  exports2.FlowDivider.styles = styles$r;
-  __decorateClass$r([
+  exports2.FlowDivider.styles = styles$t;
+  __decorateClass$t([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowDivider.prototype, "vertical", 2);
-  __decorateClass$r([
+  __decorateClass$t([
     watch("vertical")
   ], exports2.FlowDivider.prototype, "handleVerticalChange", 1);
-  exports2.FlowDivider = __decorateClass$r([
+  exports2.FlowDivider = __decorateClass$t([
     e$6("flow-ui-divider")
   ], exports2.FlowDivider);
   function uppercaseFirstLetter(string) {
     return string.charAt(0).toUpperCase() + string.slice(1);
   }
-  const styles$q = i$7`
+  const styles$s = i$7`
   ${componentStyles}
 
   :host {
@@ -12148,15 +12157,15 @@
     }
   }
 `;
-  var __defProp$q = Object.defineProperty;
-  var __getOwnPropDesc$q = Object.getOwnPropertyDescriptor;
-  var __decorateClass$q = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$q(target, key) : target;
+  var __defProp$s = Object.defineProperty;
+  var __getOwnPropDesc$s = Object.getOwnPropertyDescriptor;
+  var __decorateClass$s = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$s(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$q(target, key, result);
+      __defProp$s(target, key, result);
     return result;
   };
   exports2.FlowDrawer = class FlowDrawer extends FlowRdfElement {
@@ -12366,38 +12375,38 @@
     `;
     }
   };
-  exports2.FlowDrawer.styles = styles$q;
-  __decorateClass$q([
+  exports2.FlowDrawer.styles = styles$s;
+  __decorateClass$s([
     i$4(".drawer")
   ], exports2.FlowDrawer.prototype, "drawer", 2);
-  __decorateClass$q([
+  __decorateClass$s([
     i$4(".drawer__panel")
   ], exports2.FlowDrawer.prototype, "panel", 2);
-  __decorateClass$q([
+  __decorateClass$s([
     i$4(".drawer__overlay")
   ], exports2.FlowDrawer.prototype, "overlay", 2);
-  __decorateClass$q([
+  __decorateClass$s([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowDrawer.prototype, "open", 2);
-  __decorateClass$q([
+  __decorateClass$s([
     n$5({ reflect: true })
   ], exports2.FlowDrawer.prototype, "label", 2);
-  __decorateClass$q([
+  __decorateClass$s([
     n$5({ reflect: true })
   ], exports2.FlowDrawer.prototype, "placement", 2);
-  __decorateClass$q([
+  __decorateClass$s([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowDrawer.prototype, "contained", 2);
-  __decorateClass$q([
+  __decorateClass$s([
     n$5({ attribute: "no-header", type: Boolean, reflect: true })
   ], exports2.FlowDrawer.prototype, "noHeader", 2);
-  __decorateClass$q([
+  __decorateClass$s([
     watch("open", { waitUntilFirstUpdate: true })
   ], exports2.FlowDrawer.prototype, "handleOpenChange", 1);
-  __decorateClass$q([
+  __decorateClass$s([
     watch("contained", { waitUntilFirstUpdate: true })
   ], exports2.FlowDrawer.prototype, "handleNoModalChange", 1);
-  exports2.FlowDrawer = __decorateClass$q([
+  exports2.FlowDrawer = __decorateClass$s([
     e$6("flow-ui-drawer")
   ], exports2.FlowDrawer);
   setDefaultAnimation("drawer.showTop", {
@@ -12485,7 +12494,7 @@
     options: { duration: 250 }
   });
   FlowIconButton.define("flow-ui-icon-button");
-  const styles$p = i$7`
+  const styles$r = i$7`
   ${componentStyles}
 
   :host {
@@ -12583,15 +12592,15 @@
     }
   }
 `;
-  var __defProp$p = Object.defineProperty;
-  var __getOwnPropDesc$p = Object.getOwnPropertyDescriptor;
-  var __decorateClass$p = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$p(target, key) : target;
+  var __defProp$r = Object.defineProperty;
+  var __getOwnPropDesc$r = Object.getOwnPropertyDescriptor;
+  var __decorateClass$r = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$r(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$p(target, key, result);
+      __defProp$r(target, key, result);
     return result;
   };
   exports2.FlowMenuItem = class FlowMenuItem extends FlowRdfElement {
@@ -12685,38 +12694,38 @@
     `;
     }
   };
-  exports2.FlowMenuItem.styles = styles$p;
-  __decorateClass$p([
+  exports2.FlowMenuItem.styles = styles$r;
+  __decorateClass$r([
     i$4("slot:not([name])")
   ], exports2.FlowMenuItem.prototype, "defaultSlot", 2);
-  __decorateClass$p([
+  __decorateClass$r([
     i$4(".menu-item")
   ], exports2.FlowMenuItem.prototype, "menuItem", 2);
-  __decorateClass$p([
+  __decorateClass$r([
     n$5()
   ], exports2.FlowMenuItem.prototype, "type", 2);
-  __decorateClass$p([
+  __decorateClass$r([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowMenuItem.prototype, "checked", 2);
-  __decorateClass$p([
+  __decorateClass$r([
     n$5()
   ], exports2.FlowMenuItem.prototype, "value", 2);
-  __decorateClass$p([
+  __decorateClass$r([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowMenuItem.prototype, "disabled", 2);
-  __decorateClass$p([
+  __decorateClass$r([
     watch("checked")
   ], exports2.FlowMenuItem.prototype, "handleCheckedChange", 1);
-  __decorateClass$p([
+  __decorateClass$r([
     watch("disabled")
   ], exports2.FlowMenuItem.prototype, "handleDisabledChange", 1);
-  __decorateClass$p([
+  __decorateClass$r([
     watch("type")
   ], exports2.FlowMenuItem.prototype, "handleTypeChange", 1);
-  exports2.FlowMenuItem = __decorateClass$p([
+  exports2.FlowMenuItem = __decorateClass$r([
     e$6("flow-ui-menu-item")
   ], exports2.FlowMenuItem);
-  const styles$o = i$7`
+  const styles$q = i$7`
   ${componentStyles}
 
   :host {
@@ -12735,15 +12744,15 @@
     user-select: none;
   }
 `;
-  var __defProp$o = Object.defineProperty;
-  var __getOwnPropDesc$o = Object.getOwnPropertyDescriptor;
-  var __decorateClass$o = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$o(target, key) : target;
+  var __defProp$q = Object.defineProperty;
+  var __getOwnPropDesc$q = Object.getOwnPropertyDescriptor;
+  var __decorateClass$q = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$q(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$o(target, key, result);
+      __defProp$q(target, key, result);
     return result;
   };
   exports2.FlowMenuLabel = class FlowMenuLabel extends FlowRdfElement {
@@ -12751,11 +12760,11 @@
       return x$1` <slot part="base" class="menu-label"></slot> `;
     }
   };
-  exports2.FlowMenuLabel.styles = styles$o;
-  exports2.FlowMenuLabel = __decorateClass$o([
+  exports2.FlowMenuLabel.styles = styles$q;
+  exports2.FlowMenuLabel = __decorateClass$q([
     e$6("flow-ui-menu-label")
   ], exports2.FlowMenuLabel);
-  const styles$n = i$7`
+  const styles$p = i$7`
   ${componentStyles}
 
   :host {
@@ -12773,15 +12782,15 @@
     --spacing: var(--flow-ui-spacing-x-small);
   }
 `;
-  var __defProp$n = Object.defineProperty;
-  var __getOwnPropDesc$n = Object.getOwnPropertyDescriptor;
-  var __decorateClass$n = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$n(target, key) : target;
+  var __defProp$p = Object.defineProperty;
+  var __getOwnPropDesc$p = Object.getOwnPropertyDescriptor;
+  var __decorateClass$p = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$p(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$n(target, key, result);
+      __defProp$p(target, key, result);
     return result;
   };
   exports2.FlowMenu = class FlowMenu extends FlowRdfElement {
@@ -12887,29 +12896,29 @@
     `;
     }
   };
-  exports2.FlowMenu.styles = styles$n;
-  __decorateClass$n([
+  exports2.FlowMenu.styles = styles$p;
+  __decorateClass$p([
     i$4("slot")
   ], exports2.FlowMenu.prototype, "defaultSlot", 2);
-  exports2.FlowMenu = __decorateClass$n([
+  exports2.FlowMenu = __decorateClass$p([
     e$6("flow-ui-menu")
   ], exports2.FlowMenu);
-  const styles$m = i$7`
+  const styles$o = i$7`
   ${componentStyles}
 
   :host {
     display: contents;
   }
 `;
-  var __defProp$m = Object.defineProperty;
-  var __getOwnPropDesc$m = Object.getOwnPropertyDescriptor;
-  var __decorateClass$m = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$m(target, key) : target;
+  var __defProp$o = Object.defineProperty;
+  var __getOwnPropDesc$o = Object.getOwnPropertyDescriptor;
+  var __decorateClass$o = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$o(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$m(target, key, result);
+      __defProp$o(target, key, result);
     return result;
   };
   exports2.FlowMutationObserver = class FlowMutationObserver extends FlowRdfElement {
@@ -12971,39 +12980,39 @@
       return x$1` <slot></slot> `;
     }
   };
-  exports2.FlowMutationObserver.styles = styles$m;
-  __decorateClass$m([
+  exports2.FlowMutationObserver.styles = styles$o;
+  __decorateClass$o([
     n$5({ reflect: true })
   ], exports2.FlowMutationObserver.prototype, "attr", 2);
-  __decorateClass$m([
+  __decorateClass$o([
     n$5({ attribute: "attr-old-value", type: Boolean, reflect: true })
   ], exports2.FlowMutationObserver.prototype, "attrOldValue", 2);
-  __decorateClass$m([
+  __decorateClass$o([
     n$5({ attribute: "char-data", type: Boolean, reflect: true })
   ], exports2.FlowMutationObserver.prototype, "charData", 2);
-  __decorateClass$m([
+  __decorateClass$o([
     n$5({ attribute: "char-data-old-value", type: Boolean, reflect: true })
   ], exports2.FlowMutationObserver.prototype, "charDataOldValue", 2);
-  __decorateClass$m([
+  __decorateClass$o([
     n$5({ attribute: "child-list", type: Boolean, reflect: true })
   ], exports2.FlowMutationObserver.prototype, "childList", 2);
-  __decorateClass$m([
+  __decorateClass$o([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowMutationObserver.prototype, "disabled", 2);
-  __decorateClass$m([
+  __decorateClass$o([
     watch("disabled")
   ], exports2.FlowMutationObserver.prototype, "handleDisabledChange", 1);
-  __decorateClass$m([
+  __decorateClass$o([
     watch("attr", { waitUntilFirstUpdate: true }),
     watch("attr-old-value", { waitUntilFirstUpdate: true }),
     watch("char-data", { waitUntilFirstUpdate: true }),
     watch("char-data-old-value", { waitUntilFirstUpdate: true }),
     watch("childList", { waitUntilFirstUpdate: true })
   ], exports2.FlowMutationObserver.prototype, "handleChange", 1);
-  exports2.FlowMutationObserver = __decorateClass$m([
+  exports2.FlowMutationObserver = __decorateClass$o([
     e$6("flow-ui-mutation-observer")
   ], exports2.FlowMutationObserver);
-  const styles$l = i$7`
+  const styles$n = i$7`
   ${componentStyles}
 
   :host {
@@ -13089,15 +13098,15 @@
     }
   }
 `;
-  var __defProp$l = Object.defineProperty;
-  var __getOwnPropDesc$l = Object.getOwnPropertyDescriptor;
-  var __decorateClass$l = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$l(target, key) : target;
+  var __defProp$n = Object.defineProperty;
+  var __getOwnPropDesc$n = Object.getOwnPropertyDescriptor;
+  var __decorateClass$n = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$n(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$l(target, key, result);
+      __defProp$n(target, key, result);
     return result;
   };
   exports2.FlowOption = class FlowOption extends FlowRdfElement {
@@ -13173,38 +13182,38 @@
     `;
     }
   };
-  exports2.FlowOption.styles = styles$l;
-  __decorateClass$l([
+  exports2.FlowOption.styles = styles$n;
+  __decorateClass$n([
     i$4(".option__label")
   ], exports2.FlowOption.prototype, "defaultSlot", 2);
-  __decorateClass$l([
+  __decorateClass$n([
     t$2()
   ], exports2.FlowOption.prototype, "current", 2);
-  __decorateClass$l([
+  __decorateClass$n([
     t$2()
   ], exports2.FlowOption.prototype, "selected", 2);
-  __decorateClass$l([
+  __decorateClass$n([
     t$2()
   ], exports2.FlowOption.prototype, "hasHover", 2);
-  __decorateClass$l([
+  __decorateClass$n([
     n$5({ reflect: true })
   ], exports2.FlowOption.prototype, "value", 2);
-  __decorateClass$l([
+  __decorateClass$n([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowOption.prototype, "disabled", 2);
-  __decorateClass$l([
+  __decorateClass$n([
     watch("disabled")
   ], exports2.FlowOption.prototype, "handleDisabledChange", 1);
-  __decorateClass$l([
+  __decorateClass$n([
     watch("selected")
   ], exports2.FlowOption.prototype, "handleSelectedChange", 1);
-  __decorateClass$l([
+  __decorateClass$n([
     watch("value")
   ], exports2.FlowOption.prototype, "handleValueChange", 1);
-  exports2.FlowOption = __decorateClass$l([
+  exports2.FlowOption = __decorateClass$n([
     e$6("flow-ui-option")
   ], exports2.FlowOption);
-  const styles$k = i$7`
+  const styles$m = i$7`
   ${componentStyles}
 
   :host {
@@ -13286,15 +13295,15 @@
     }
   }
 `;
-  var __defProp$k = Object.defineProperty;
-  var __getOwnPropDesc$k = Object.getOwnPropertyDescriptor;
-  var __decorateClass$k = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$k(target, key) : target;
+  var __defProp$m = Object.defineProperty;
+  var __getOwnPropDesc$m = Object.getOwnPropertyDescriptor;
+  var __decorateClass$m = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$m(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$k(target, key, result);
+      __defProp$m(target, key, result);
     return result;
   };
   exports2.FlowProgressBar = class FlowProgressBar extends FlowRdfElement {
@@ -13328,20 +13337,20 @@
     `;
     }
   };
-  exports2.FlowProgressBar.styles = styles$k;
-  __decorateClass$k([
+  exports2.FlowProgressBar.styles = styles$m;
+  __decorateClass$m([
     n$5({ type: Number, reflect: true })
   ], exports2.FlowProgressBar.prototype, "value", 2);
-  __decorateClass$k([
+  __decorateClass$m([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowProgressBar.prototype, "indeterminate", 2);
-  __decorateClass$k([
+  __decorateClass$m([
     n$5()
   ], exports2.FlowProgressBar.prototype, "label", 2);
-  exports2.FlowProgressBar = __decorateClass$k([
+  exports2.FlowProgressBar = __decorateClass$m([
     e$6("flow-ui-progress-bar")
   ], exports2.FlowProgressBar);
-  const styles$j = i$7`
+  const styles$l = i$7`
   ${componentStyles}
 
   :host {
@@ -13408,15 +13417,15 @@
     user-select: none;
   }
 `;
-  var __defProp$j = Object.defineProperty;
-  var __getOwnPropDesc$j = Object.getOwnPropertyDescriptor;
-  var __decorateClass$j = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$j(target, key) : target;
+  var __defProp$l = Object.defineProperty;
+  var __getOwnPropDesc$l = Object.getOwnPropertyDescriptor;
+  var __decorateClass$l = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$l(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$j(target, key, result);
+      __defProp$l(target, key, result);
     return result;
   };
   exports2.FlowProgressRing = class FlowProgressRing extends FlowRdfElement {
@@ -13458,23 +13467,23 @@
     `;
     }
   };
-  exports2.FlowProgressRing.styles = styles$j;
-  __decorateClass$j([
+  exports2.FlowProgressRing.styles = styles$l;
+  __decorateClass$l([
     i$4(".progress-ring__indicator")
   ], exports2.FlowProgressRing.prototype, "indicator", 2);
-  __decorateClass$j([
+  __decorateClass$l([
     t$2()
   ], exports2.FlowProgressRing.prototype, "indicatorOffset", 2);
-  __decorateClass$j([
+  __decorateClass$l([
     n$5({ type: Number, reflect: true })
   ], exports2.FlowProgressRing.prototype, "value", 2);
-  __decorateClass$j([
+  __decorateClass$l([
     n$5()
   ], exports2.FlowProgressRing.prototype, "label", 2);
-  exports2.FlowProgressRing = __decorateClass$j([
+  exports2.FlowProgressRing = __decorateClass$l([
     e$6("flow-ui-progress-ring")
   ], exports2.FlowProgressRing);
-  const styles$i = i$7`
+  const styles$k = i$7`
   ${componentStyles}
   ${formControlStyles}
 
@@ -13509,15 +13518,15 @@
     border: 0;
   }
 `;
-  var __defProp$i = Object.defineProperty;
-  var __getOwnPropDesc$i = Object.getOwnPropertyDescriptor;
-  var __decorateClass$i = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$i(target, key) : target;
+  var __defProp$k = Object.defineProperty;
+  var __getOwnPropDesc$k = Object.getOwnPropertyDescriptor;
+  var __decorateClass$k = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$k(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$i(target, key, result);
+      __defProp$k(target, key, result);
     return result;
   };
   exports2.FlowRadioGroup = class FlowRadioGroup extends FlowRdfElement {
@@ -13756,53 +13765,53 @@
     `;
     }
   };
-  exports2.FlowRadioGroup.styles = styles$i;
-  __decorateClass$i([
+  exports2.FlowRadioGroup.styles = styles$k;
+  __decorateClass$k([
     i$4("slot:not([name])")
   ], exports2.FlowRadioGroup.prototype, "defaultSlot", 2);
-  __decorateClass$i([
+  __decorateClass$k([
     i$4(".radio-group__validation-input")
   ], exports2.FlowRadioGroup.prototype, "validationInput", 2);
-  __decorateClass$i([
+  __decorateClass$k([
     t$2()
   ], exports2.FlowRadioGroup.prototype, "errorMessage", 2);
-  __decorateClass$i([
+  __decorateClass$k([
     t$2()
   ], exports2.FlowRadioGroup.prototype, "defaultValue", 2);
-  __decorateClass$i([
+  __decorateClass$k([
     n$5()
   ], exports2.FlowRadioGroup.prototype, "label", 2);
-  __decorateClass$i([
+  __decorateClass$k([
     n$5({ attribute: "help-text" })
   ], exports2.FlowRadioGroup.prototype, "helpText", 2);
-  __decorateClass$i([
+  __decorateClass$k([
     n$5()
   ], exports2.FlowRadioGroup.prototype, "name", 2);
-  __decorateClass$i([
+  __decorateClass$k([
     n$5({ reflect: true })
   ], exports2.FlowRadioGroup.prototype, "value", 2);
-  __decorateClass$i([
+  __decorateClass$k([
     n$5({ reflect: true })
   ], exports2.FlowRadioGroup.prototype, "size", 2);
-  __decorateClass$i([
+  __decorateClass$k([
     n$5({ reflect: true })
   ], exports2.FlowRadioGroup.prototype, "form", 2);
-  __decorateClass$i([
+  __decorateClass$k([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowRadioGroup.prototype, "required", 2);
-  __decorateClass$i([
+  __decorateClass$k([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowRadioGroup.prototype, "vertical", 2);
-  __decorateClass$i([
+  __decorateClass$k([
     watch("size", { waitUntilFirstUpdate: true })
   ], exports2.FlowRadioGroup.prototype, "handleSizeChange", 1);
-  __decorateClass$i([
+  __decorateClass$k([
     watch("value")
   ], exports2.FlowRadioGroup.prototype, "handleValueChange", 1);
-  exports2.FlowRadioGroup = __decorateClass$i([
+  exports2.FlowRadioGroup = __decorateClass$k([
     e$6("flow-ui-radio-group")
   ], exports2.FlowRadioGroup);
-  const styles$h = i$7`
+  const styles$j = i$7`
   ${componentStyles}
 
   :host {
@@ -13913,15 +13922,15 @@
     user-select: none;
   }
 `;
-  var __defProp$h = Object.defineProperty;
-  var __getOwnPropDesc$h = Object.getOwnPropertyDescriptor;
-  var __decorateClass$h = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$h(target, key) : target;
+  var __defProp$j = Object.defineProperty;
+  var __getOwnPropDesc$j = Object.getOwnPropertyDescriptor;
+  var __decorateClass$j = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$j(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$h(target, key, result);
+      __defProp$j(target, key, result);
     return result;
   };
   exports2.FlowRadio = class FlowRadio extends FlowRdfElement {
@@ -14001,32 +14010,32 @@
     `;
     }
   };
-  exports2.FlowRadio.styles = styles$h;
-  __decorateClass$h([
+  exports2.FlowRadio.styles = styles$j;
+  __decorateClass$j([
     t$2()
   ], exports2.FlowRadio.prototype, "checked", 2);
-  __decorateClass$h([
+  __decorateClass$j([
     t$2()
   ], exports2.FlowRadio.prototype, "hasFocus", 2);
-  __decorateClass$h([
+  __decorateClass$j([
     n$5()
   ], exports2.FlowRadio.prototype, "value", 2);
-  __decorateClass$h([
+  __decorateClass$j([
     n$5({ reflect: true })
   ], exports2.FlowRadio.prototype, "size", 2);
-  __decorateClass$h([
+  __decorateClass$j([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowRadio.prototype, "disabled", 2);
-  __decorateClass$h([
+  __decorateClass$j([
     watch("checked")
   ], exports2.FlowRadio.prototype, "handleCheckedChange", 1);
-  __decorateClass$h([
+  __decorateClass$j([
     watch("disabled", { waitUntilFirstUpdate: true })
   ], exports2.FlowRadio.prototype, "handleDisabledChange", 1);
-  exports2.FlowRadio = __decorateClass$h([
+  exports2.FlowRadio = __decorateClass$j([
     e$6("flow-ui-radio")
   ], exports2.FlowRadio);
-  const styles$g = i$7`
+  const styles$i = i$7`
   ${componentStyles}
   ${formControlStyles}
 
@@ -14253,15 +14262,15 @@
     }
   }
 `;
-  var __defProp$g = Object.defineProperty;
-  var __getOwnPropDesc$g = Object.getOwnPropertyDescriptor;
-  var __decorateClass$g = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$g(target, key) : target;
+  var __defProp$i = Object.defineProperty;
+  var __getOwnPropDesc$i = Object.getOwnPropertyDescriptor;
+  var __decorateClass$i = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$i(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$g(target, key, result);
+      __defProp$i(target, key, result);
     return result;
   };
   exports2.FlowRange = class FlowRange extends FlowRdfElement {
@@ -14496,89 +14505,89 @@
     `;
     }
   };
-  exports2.FlowRange.styles = styles$g;
-  __decorateClass$g([
+  exports2.FlowRange.styles = styles$i;
+  __decorateClass$i([
     i$4(".range__control")
   ], exports2.FlowRange.prototype, "input", 2);
-  __decorateClass$g([
+  __decorateClass$i([
     i$4(".range__tooltip")
   ], exports2.FlowRange.prototype, "output", 2);
-  __decorateClass$g([
+  __decorateClass$i([
     t$2()
   ], exports2.FlowRange.prototype, "hasFocus", 2);
-  __decorateClass$g([
+  __decorateClass$i([
     t$2()
   ], exports2.FlowRange.prototype, "hasTooltip", 2);
-  __decorateClass$g([
+  __decorateClass$i([
     n$5()
   ], exports2.FlowRange.prototype, "title", 2);
-  __decorateClass$g([
+  __decorateClass$i([
     n$5()
   ], exports2.FlowRange.prototype, "name", 2);
-  __decorateClass$g([
+  __decorateClass$i([
     n$5({ type: Number })
   ], exports2.FlowRange.prototype, "value", 2);
-  __decorateClass$g([
+  __decorateClass$i([
     n$5()
   ], exports2.FlowRange.prototype, "label", 2);
-  __decorateClass$g([
+  __decorateClass$i([
     n$5({ attribute: "help-text" })
   ], exports2.FlowRange.prototype, "helpText", 2);
-  __decorateClass$g([
+  __decorateClass$i([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowRange.prototype, "disabled", 2);
-  __decorateClass$g([
+  __decorateClass$i([
     n$5({ type: Number })
   ], exports2.FlowRange.prototype, "min", 2);
-  __decorateClass$g([
+  __decorateClass$i([
     n$5({ type: Number })
   ], exports2.FlowRange.prototype, "max", 2);
-  __decorateClass$g([
+  __decorateClass$i([
     n$5({ type: Number })
   ], exports2.FlowRange.prototype, "step", 2);
-  __decorateClass$g([
+  __decorateClass$i([
     n$5()
   ], exports2.FlowRange.prototype, "tooltip", 2);
-  __decorateClass$g([
+  __decorateClass$i([
     n$5({ attribute: false })
   ], exports2.FlowRange.prototype, "tooltipFormatter", 2);
-  __decorateClass$g([
+  __decorateClass$i([
     n$5({ reflect: true })
   ], exports2.FlowRange.prototype, "form", 2);
-  __decorateClass$g([
+  __decorateClass$i([
     defaultValue()
   ], exports2.FlowRange.prototype, "defaultValue", 2);
-  __decorateClass$g([
+  __decorateClass$i([
     e$4({ passive: true })
   ], exports2.FlowRange.prototype, "handleThumbDragStart", 1);
-  __decorateClass$g([
+  __decorateClass$i([
     watch("value", { waitUntilFirstUpdate: true })
   ], exports2.FlowRange.prototype, "handleValueChange", 1);
-  __decorateClass$g([
+  __decorateClass$i([
     watch("disabled", { waitUntilFirstUpdate: true })
   ], exports2.FlowRange.prototype, "handleDisabledChange", 1);
-  __decorateClass$g([
+  __decorateClass$i([
     watch("hasTooltip", { waitUntilFirstUpdate: true })
   ], exports2.FlowRange.prototype, "syncRange", 1);
-  exports2.FlowRange = __decorateClass$g([
+  exports2.FlowRange = __decorateClass$i([
     e$6("flow-ui-range")
   ], exports2.FlowRange);
-  const styles$f = i$7`
+  const styles$h = i$7`
   ${componentStyles}
 
   :host {
     display: contents;
   }
 `;
-  var __defProp$f = Object.defineProperty;
-  var __getOwnPropDesc$f = Object.getOwnPropertyDescriptor;
-  var __decorateClass$f = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$f(target, key) : target;
+  var __defProp$h = Object.defineProperty;
+  var __getOwnPropDesc$h = Object.getOwnPropertyDescriptor;
+  var __decorateClass$h = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$h(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$f(target, key, result);
+      __defProp$h(target, key, result);
     return result;
   };
   exports2.FlowResizeObserver = class FlowResizeObserver extends FlowRdfElement {
@@ -14631,17 +14640,17 @@
       return x$1` <slot @slotchange=${this.handleSlotChange}></slot> `;
     }
   };
-  exports2.FlowResizeObserver.styles = styles$f;
-  __decorateClass$f([
+  exports2.FlowResizeObserver.styles = styles$h;
+  __decorateClass$h([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowResizeObserver.prototype, "disabled", 2);
-  __decorateClass$f([
+  __decorateClass$h([
     watch("disabled", { waitUntilFirstUpdate: true })
   ], exports2.FlowResizeObserver.prototype, "handleDisabledChange", 1);
-  exports2.FlowResizeObserver = __decorateClass$f([
+  exports2.FlowResizeObserver = __decorateClass$h([
     e$6("flow-ui-resize-observer")
   ], exports2.FlowResizeObserver);
-  const styles$e = i$7`
+  const styles$g = i$7`
   ${componentStyles}
 
   :host {
@@ -14756,15 +14765,15 @@
     border-radius: var(--flow-ui-border-radius-pill);
   }
 `;
-  var __defProp$e = Object.defineProperty;
-  var __getOwnPropDesc$e = Object.getOwnPropertyDescriptor;
-  var __decorateClass$e = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$e(target, key) : target;
+  var __defProp$g = Object.defineProperty;
+  var __getOwnPropDesc$g = Object.getOwnPropertyDescriptor;
+  var __decorateClass$g = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$g(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$e(target, key, result);
+      __defProp$g(target, key, result);
     return result;
   };
   exports2.FlowTag = class FlowTag extends FlowRdfElement {
@@ -14819,23 +14828,23 @@
     `;
     }
   };
-  exports2.FlowTag.styles = styles$e;
-  __decorateClass$e([
+  exports2.FlowTag.styles = styles$g;
+  __decorateClass$g([
     n$5({ reflect: true })
   ], exports2.FlowTag.prototype, "variant", 2);
-  __decorateClass$e([
+  __decorateClass$g([
     n$5({ reflect: true })
   ], exports2.FlowTag.prototype, "size", 2);
-  __decorateClass$e([
+  __decorateClass$g([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowTag.prototype, "pill", 2);
-  __decorateClass$e([
+  __decorateClass$g([
     n$5({ type: Boolean })
   ], exports2.FlowTag.prototype, "removable", 2);
-  exports2.FlowTag = __decorateClass$e([
+  exports2.FlowTag = __decorateClass$g([
     e$6("flow-ui-tag")
   ], exports2.FlowTag);
-  const styles$d = i$7`
+  const styles$f = i$7`
   ${componentStyles}
   ${formControlStyles}
 
@@ -15156,15 +15165,15 @@
     padding-inline: var(--flow-ui-spacing-x-large);
   }
 `;
-  var __defProp$d = Object.defineProperty;
-  var __getOwnPropDesc$d = Object.getOwnPropertyDescriptor;
-  var __decorateClass$d = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$d(target, key) : target;
+  var __defProp$f = Object.defineProperty;
+  var __getOwnPropDesc$f = Object.getOwnPropertyDescriptor;
+  var __decorateClass$f = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$f(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$d(target, key, result);
+      __defProp$f(target, key, result);
     return result;
   };
   exports2.FlowSelect = class FlowSelect extends FlowRdfElement {
@@ -15741,38 +15750,38 @@
     `;
     }
   };
-  exports2.FlowSelect.styles = styles$d;
-  __decorateClass$d([
+  exports2.FlowSelect.styles = styles$f;
+  __decorateClass$f([
     i$4(".select")
   ], exports2.FlowSelect.prototype, "popup", 2);
-  __decorateClass$d([
+  __decorateClass$f([
     i$4(".select__combobox")
   ], exports2.FlowSelect.prototype, "combobox", 2);
-  __decorateClass$d([
+  __decorateClass$f([
     i$4(".select__display-input")
   ], exports2.FlowSelect.prototype, "displayInput", 2);
-  __decorateClass$d([
+  __decorateClass$f([
     i$4(".select__value-input")
   ], exports2.FlowSelect.prototype, "valueInput", 2);
-  __decorateClass$d([
+  __decorateClass$f([
     i$4(".select__listbox")
   ], exports2.FlowSelect.prototype, "listbox", 2);
-  __decorateClass$d([
+  __decorateClass$f([
     t$2()
   ], exports2.FlowSelect.prototype, "hasFocus", 2);
-  __decorateClass$d([
+  __decorateClass$f([
     t$2()
   ], exports2.FlowSelect.prototype, "displayLabel", 2);
-  __decorateClass$d([
+  __decorateClass$f([
     t$2()
   ], exports2.FlowSelect.prototype, "currentOption", 2);
-  __decorateClass$d([
+  __decorateClass$f([
     t$2()
   ], exports2.FlowSelect.prototype, "selectedOptions", 2);
-  __decorateClass$d([
+  __decorateClass$f([
     n$5()
   ], exports2.FlowSelect.prototype, "name", 2);
-  __decorateClass$d([
+  __decorateClass$f([
     n$5({
       converter: {
         fromAttribute: (value) => value.split(" "),
@@ -15780,64 +15789,64 @@
       }
     })
   ], exports2.FlowSelect.prototype, "value", 2);
-  __decorateClass$d([
+  __decorateClass$f([
     defaultValue()
   ], exports2.FlowSelect.prototype, "defaultValue", 2);
-  __decorateClass$d([
+  __decorateClass$f([
     n$5({ reflect: true })
   ], exports2.FlowSelect.prototype, "size", 2);
-  __decorateClass$d([
+  __decorateClass$f([
     n$5()
   ], exports2.FlowSelect.prototype, "placeholder", 2);
-  __decorateClass$d([
+  __decorateClass$f([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowSelect.prototype, "multiple", 2);
-  __decorateClass$d([
+  __decorateClass$f([
     n$5({ attribute: "max-options-visible", type: Number })
   ], exports2.FlowSelect.prototype, "maxOptionsVisible", 2);
-  __decorateClass$d([
+  __decorateClass$f([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowSelect.prototype, "disabled", 2);
-  __decorateClass$d([
+  __decorateClass$f([
     n$5({ type: Boolean })
   ], exports2.FlowSelect.prototype, "clearable", 2);
-  __decorateClass$d([
+  __decorateClass$f([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowSelect.prototype, "open", 2);
-  __decorateClass$d([
+  __decorateClass$f([
     n$5({ type: Boolean })
   ], exports2.FlowSelect.prototype, "hoist", 2);
-  __decorateClass$d([
+  __decorateClass$f([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowSelect.prototype, "filled", 2);
-  __decorateClass$d([
+  __decorateClass$f([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowSelect.prototype, "pill", 2);
-  __decorateClass$d([
+  __decorateClass$f([
     n$5()
   ], exports2.FlowSelect.prototype, "label", 2);
-  __decorateClass$d([
+  __decorateClass$f([
     n$5({ reflect: true })
   ], exports2.FlowSelect.prototype, "placement", 2);
-  __decorateClass$d([
+  __decorateClass$f([
     n$5({ attribute: "help-text" })
   ], exports2.FlowSelect.prototype, "helpText", 2);
-  __decorateClass$d([
+  __decorateClass$f([
     n$5({ reflect: true })
   ], exports2.FlowSelect.prototype, "form", 2);
-  __decorateClass$d([
+  __decorateClass$f([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowSelect.prototype, "required", 2);
-  __decorateClass$d([
+  __decorateClass$f([
     watch("disabled", { waitUntilFirstUpdate: true })
   ], exports2.FlowSelect.prototype, "handleDisabledChange", 1);
-  __decorateClass$d([
+  __decorateClass$f([
     watch("value", { waitUntilFirstUpdate: true })
   ], exports2.FlowSelect.prototype, "handleValueChange", 1);
-  __decorateClass$d([
+  __decorateClass$f([
     watch("open", { waitUntilFirstUpdate: true })
   ], exports2.FlowSelect.prototype, "handleOpenChange", 1);
-  exports2.FlowSelect = __decorateClass$d([
+  exports2.FlowSelect = __decorateClass$f([
     e$6("flow-ui-select")
   ], exports2.FlowSelect);
   setDefaultAnimation("select.show", {
@@ -15854,15 +15863,19 @@
     ],
     options: { duration: 100, easing: "ease" }
   });
+  const isUndefined = (val) => typeof val === "undefined";
+  const isNull = (val) => val === null;
+  const isNil = (val) => isUndefined(val) || isNull(val);
+  const isDefined = (val) => !isNil(val);
   const isString = (val) => typeof val === "string";
-  const hasLength = (val) => val.length > 0;
+  const hasLength = (val) => isDefined(val) && val.length > 0;
   const isStringFull = (val) => isString(val) && hasLength(val);
   const isArrayFull = (val) => Array.isArray(val) && hasLength(val);
   const isNumber = (val) => typeof val === "number" && !Number.isNaN(val) && Number.isFinite(val);
   const isBoolean = (val) => typeof val === "boolean";
   const isDate = (val) => val instanceof Date;
   const isValue = (val) => isStringFull(val) || isNumber(val) || isBoolean(val) || isDate(val);
-  const styles$c = i$7`
+  const styles$e = i$7`
   ${componentStyles}
 
   :host {
@@ -15981,15 +15994,15 @@
     --divider-width: 0px !important;
   }
 `;
-  var __defProp$c = Object.defineProperty;
-  var __getOwnPropDesc$c = Object.getOwnPropertyDescriptor;
-  var __decorateClass$c = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$c(target, key) : target;
+  var __defProp$e = Object.defineProperty;
+  var __getOwnPropDesc$e = Object.getOwnPropertyDescriptor;
+  var __decorateClass$e = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$e(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$c(target, key, result);
+      __defProp$e(target, key, result);
     return result;
   };
   class FlowSplitPanel extends FlowRdfElement {
@@ -16185,60 +16198,60 @@
     `;
     }
   }
-  FlowSplitPanel.styles = styles$c;
-  __decorateClass$c([
+  FlowSplitPanel.styles = styles$e;
+  __decorateClass$e([
     i$4(".divider")
   ], FlowSplitPanel.prototype, "divider", 2);
-  __decorateClass$c([
+  __decorateClass$e([
     n$5({ type: Number, reflect: true })
   ], FlowSplitPanel.prototype, "position", 2);
-  __decorateClass$c([
+  __decorateClass$e([
     n$5({ attribute: "position-units" })
   ], FlowSplitPanel.prototype, "positionUnits", 2);
-  __decorateClass$c([
+  __decorateClass$e([
     n$5({ type: Number, attribute: "min-position" })
   ], FlowSplitPanel.prototype, "minPosition", 2);
-  __decorateClass$c([
+  __decorateClass$e([
     n$5({ type: Number, attribute: "max-position" })
   ], FlowSplitPanel.prototype, "maxPosition", 2);
-  __decorateClass$c([
+  __decorateClass$e([
     n$5({ type: Number, attribute: "closed-position" })
   ], FlowSplitPanel.prototype, "closedPosition", 2);
-  __decorateClass$c([
+  __decorateClass$e([
     n$5({ type: Boolean, reflect: true })
   ], FlowSplitPanel.prototype, "closed", 2);
-  __decorateClass$c([
+  __decorateClass$e([
     n$5({ type: Boolean, reflect: true })
   ], FlowSplitPanel.prototype, "hidden", 2);
-  __decorateClass$c([
+  __decorateClass$e([
     n$5({ type: Boolean, reflect: true })
   ], FlowSplitPanel.prototype, "vertical", 2);
-  __decorateClass$c([
+  __decorateClass$e([
     n$5({ type: Boolean, reflect: true })
   ], FlowSplitPanel.prototype, "disabled", 2);
-  __decorateClass$c([
+  __decorateClass$e([
     n$5()
   ], FlowSplitPanel.prototype, "primary", 2);
-  __decorateClass$c([
+  __decorateClass$e([
     n$5()
   ], FlowSplitPanel.prototype, "snap", 2);
-  __decorateClass$c([
+  __decorateClass$e([
     n$5({ type: Number, attribute: "snap-threshold" })
   ], FlowSplitPanel.prototype, "snapThreshold", 2);
-  __decorateClass$c([
+  __decorateClass$e([
     t$2()
   ], FlowSplitPanel.prototype, "dragging", 2);
-  __decorateClass$c([
+  __decorateClass$e([
     watch("closed", { waitUntilFirstUpdate: true })
   ], FlowSplitPanel.prototype, "handleCloseChange", 1);
-  __decorateClass$c([
+  __decorateClass$e([
     watch("position", { waitUntilFirstUpdate: true })
   ], FlowSplitPanel.prototype, "handlePositionChange", 1);
-  __decorateClass$c([
+  __decorateClass$e([
     watch("vertical")
   ], FlowSplitPanel.prototype, "handleVerticalChange", 1);
   FlowSplitPanel.define("flow-ui-split-panel");
-  const styles$b = i$7`
+  const styles$d = i$7`
   ${componentStyles}
 
   :host([closed]) .icon-button {
@@ -16249,15 +16262,15 @@
     transition: transform var(--flow-ui-transition-medium) ease-in-out;
   }
 `;
-  var __defProp$b = Object.defineProperty;
-  var __getOwnPropDesc$b = Object.getOwnPropertyDescriptor;
-  var __decorateClass$b = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$b(target, key) : target;
+  var __defProp$d = Object.defineProperty;
+  var __getOwnPropDesc$d = Object.getOwnPropertyDescriptor;
+  var __decorateClass$d = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$d(target, key) : target;
     for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
       if (decorator = decorators[i2])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
     if (kind && result)
-      __defProp$b(target, key, result);
+      __defProp$d(target, key, result);
     return result;
   };
   class FlowSplitPanelToggleButton extends FlowIconButton {
@@ -16301,14 +16314,319 @@
       }
     }
   }
-  FlowSplitPanelToggleButton.styles = [FlowIconButton.styles, styles$b];
-  __decorateClass$b([
+  FlowSplitPanelToggleButton.styles = [FlowIconButton.styles, styles$d];
+  __decorateClass$d([
     n$5()
   ], FlowSplitPanelToggleButton.prototype, "name", 2);
-  __decorateClass$b([
+  __decorateClass$d([
     n$5({ type: Boolean, reflect: true })
   ], FlowSplitPanelToggleButton.prototype, "closed", 2);
   FlowSplitPanelToggleButton.define("flow-ui-split-panel-toggle-button");
+  const styles$c = i$7`
+  ${componentStyles}
+
+  :host {
+    --padding: 0;
+    display: none;
+  }
+
+  :host([active]) {
+    display: block;
+  }
+
+  .stepper-panel {
+    display: block;
+    padding: var(--padding);
+  }
+`;
+  var __defProp$c = Object.defineProperty;
+  var __getOwnPropDesc$c = Object.getOwnPropertyDescriptor;
+  var __decorateClass$c = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$c(target, key) : target;
+    for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
+      if (decorator = decorators[i2])
+        result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+    if (kind && result)
+      __defProp$c(target, key, result);
+    return result;
+  };
+  let id$3 = 0;
+  class FlowStepperPanel extends FlowRdfElement {
+    constructor() {
+      super(...arguments);
+      this.attrId = ++id$3;
+      this.componentId = `flow-ui-stepper-panel-${this.attrId}`;
+      this.name = "";
+      this.title = "";
+      this.subTitle = "";
+      this.active = false;
+      this.complete = false;
+    }
+    connectedCallback() {
+      super.connectedCallback();
+      this.id = isStringFull(this.id) ? this.id : this.componentId;
+      this.setAttribute("role", "tabpanel");
+    }
+    handleStateChange() {
+      this.setAttribute("aria-hidden", this.active ? "false" : "true");
+    }
+    render() {
+      return x$1`
+      <slot
+        part="base"
+        class=${o$6({
+        "stepper-panel": true,
+        "stepper-panel--active": this.active,
+        "stepper-panel--complete": this.complete
+      })}
+      ></slot>
+    `;
+    }
+  }
+  FlowStepperPanel.styles = styles$c;
+  __decorateClass$c([
+    n$5({ reflect: true })
+  ], FlowStepperPanel.prototype, "name", 2);
+  __decorateClass$c([
+    n$5({ reflect: true })
+  ], FlowStepperPanel.prototype, "title", 2);
+  __decorateClass$c([
+    n$5({ attribute: "sub-title", reflect: true })
+  ], FlowStepperPanel.prototype, "subTitle", 2);
+  __decorateClass$c([
+    n$5({ reflect: true, type: Boolean })
+  ], FlowStepperPanel.prototype, "active", 2);
+  __decorateClass$c([
+    n$5({ reflect: true, type: Boolean })
+  ], FlowStepperPanel.prototype, "complete", 2);
+  __decorateClass$c([
+    watch("state")
+  ], FlowStepperPanel.prototype, "handleStateChange", 1);
+  FlowStepperPanel.define("flow-ui-stepper-panel");
+  const styles$b = i$7`
+  ${componentStyles}
+
+  :host {
+    display: block;
+    --header-height: 56px;
+    --header-icon-size: 24px;
+  }
+
+  .stepper_header-scroll-container {
+    overflow-x: auto;
+
+    /* Hide scrollbar in Firefox */
+    scrollbar-width: none;
+  }
+
+  /* Hide scrollbar in webkit */
+  .stepper_header-scroll-container::-webkit-scrollbar {
+    width: 0;
+    height: 0;
+  }
+
+  .stepper__header {
+    display: flex;
+    align-items: center;
+    white-space: nowrap;
+  }
+
+  .stepper__header-item {
+    display: flex;
+    align-items: center;
+    padding-inline: var(--flow-ui-spacing-large);
+    height: var(--header-height);
+    box-sizing: content-box;
+  }
+
+  .stepper__header-item--active {
+    background-color: var(--flow-ui-color-neutral-200);
+  }
+
+  .stepper__header-item-icon {
+    position: relative;
+    width: var(--header-icon-size);
+    height: var(--header-icon-size);
+    margin-right: var(--flow-ui-spacing-x-small);
+    flex: none;
+    border-radius: var(--flow-ui-border-radius-circle);
+    color: var(--flow-ui-color-neutral-800);
+    background-color: var(--flow-ui-color-neutral-400);
+  }
+
+  .stepper__header-item--active .stepper__header-item-icon, .stepper__header-item--complete .stepper__header-item-icon {
+    color: var(--flow-ui-color-primary-contrast);
+    background-color: var(--flow-ui-color-primary-500);
+  }
+
+  .stepper__header-item-icon-content {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+
+  .stepper__header-item-label {
+    display: inline-block;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    min-width: 50px;
+    vertical-align: middle;
+    line-height: var(--flow-ui-line-height-dense);
+    color: var(--flow-ui-color-neutral-700);
+  }
+
+  .stepper__header-item--active .stepper__header-item-label {
+    font-weight: var(--flow-ui-font-weight-semibold);
+    color: var(--flow-ui-color-neutral-1000);
+  }
+
+  .stepper__header-item-title {
+    font-size: var(--flow-ui-font-size-medium);
+  }
+
+  .stepper__header-item-subtitle {
+    font-size: var(--flow-ui-font-size-small);
+    color: var(--flow-ui-color-neutral-700);
+  }
+
+  .stepper__header-line {
+    border-top-width: 1px;
+    border-top-style: solid;
+    flex: auto;
+    height: 0;
+    margin: 0 calc(var(--flow-ui-spacing-large) / -2);
+    min-width: 32px;
+    border-top-color: var(--flow-ui-color-neutral-300);
+  }
+`;
+  var __defProp$b = Object.defineProperty;
+  var __getOwnPropDesc$b = Object.getOwnPropertyDescriptor;
+  var __decorateClass$b = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$b(target, key) : target;
+    for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
+      if (decorator = decorators[i2])
+        result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+    if (kind && result)
+      __defProp$b(target, key, result);
+    return result;
+  };
+  let id$2 = 0;
+  class FlowStepper extends FlowRdfElement {
+    constructor() {
+      super(...arguments);
+      this.attrId = ++id$2;
+      this.componentId = `flow-ui-stepper-${this.attrId}`;
+      this.panels = [];
+    }
+    connectedCallback() {
+      super.connectedCallback();
+      this.id = this.id.length > 0 ? this.id : this.componentId;
+      Promise.allSettled([
+        customElements.whenDefined("flow-ui-stepper-panel")
+      ]);
+      this.mutationObserver = new MutationObserver((mutations) => {
+        console.log("mutations", mutations);
+        this.syncPanels();
+      });
+      this.updateComplete.then(() => {
+        console.log("panels", this.getAllPanels());
+        this.mutationObserver.observe(this, { attributes: true, childList: true, subtree: true });
+      });
+    }
+    setComplete(panelName, complete = true) {
+      const panel = this.panels.find((el) => el.name === panelName);
+      if (panel && panel.complete !== complete) {
+        panel.complete = complete;
+      }
+    }
+    show(panelName) {
+      const panel = this.panels.find((el) => el.name === panelName);
+      if (panel) {
+        this.setActivePanel(panel);
+      }
+    }
+    syncPanels() {
+      this.panels = this.getAllPanels();
+      this.activePanel = this.panels.find((el) => el.active);
+      if (!this.activePanel) {
+        this.activePanel = this.panels[0];
+      }
+    }
+    getAllPanels() {
+      return [...this.bodySlot.assignedElements()].filter((el) => el.tagName.toLowerCase() === "flow-ui-stepper-panel");
+    }
+    setActivePanel(panel, options) {
+      options = {
+        emitEvents: true,
+        scrollBehavior: "auto",
+        ...options
+      };
+      if (panel !== this.activePanel) {
+        const previousPanel = this.activePanel;
+        this.activePanel = panel;
+        this.panels.forEach((el) => el.active = el === this.activePanel);
+        const panelIndex = this.panels.indexOf(this.activePanel);
+        const panelHeaderItem = this.headerScrollContainer.getElementsByClassName("stepper__header-item").item(panelIndex);
+        scrollIntoView(panelHeaderItem, this.headerScrollContainer, "horizontal", options.scrollBehavior);
+        if (options.emitEvents) {
+          if (previousPanel) {
+            this.emit("flow-ui-tab-hide", { detail: { name: previousPanel.name } });
+          }
+          this.emit("flow-ui-tab-show", { detail: { name: this.activePanel.name } });
+        }
+      }
+    }
+    renderHeaderItem(panel, index) {
+      return x$1`
+      <div class=${o$6({
+        "stepper__header-item": true,
+        "stepper__header-item--active": panel.active,
+        "stepper__header-item--complete": panel.complete
+      })}>
+        <div class="stepper__header-item-icon">
+          <div class="stepper__header-item-icon-content">
+            ${index + 1}
+          </div>
+        </div>
+        <div class="stepper__header-item-label">
+          <div class="stepper__header-item-title">${panel.title}</div>
+          ${panel.subTitle ? x$1`<div class="stepper__header-item-subtitle">${panel.subTitle}</div>` : A}
+        </div>
+      </div>`;
+    }
+    renderHeader() {
+      return this.panels.map((panel, index) => {
+        const template = [this.renderHeaderItem(panel, index)];
+        if (index > 0) {
+          template.unshift(x$1`<div class="stepper__header-line"></div>`);
+        }
+        return template;
+      });
+    }
+    render() {
+      return x$1`
+      <div part="base" class="stepper">
+      <div class="stepper_header-scroll-container"><div part="header" class="stepper__header">${this.renderHeader()}</div></div>
+        <div part="body" class="stepper__body">
+          <slot class="stepper__body-slot" @slotchange=${this.syncPanels}></slot>
+        </div>
+      </div>
+    `;
+    }
+  }
+  FlowStepper.styles = styles$b;
+  __decorateClass$b([
+    i$4(".stepper__body-slot")
+  ], FlowStepper.prototype, "bodySlot", 2);
+  __decorateClass$b([
+    i$4(".stepper_header-scroll-container")
+  ], FlowStepper.prototype, "headerScrollContainer", 2);
+  __decorateClass$b([
+    t$2()
+  ], FlowStepper.prototype, "panels", 2);
+  FlowStepper.define("flow-ui-stepper");
   const styles$a = i$7`
   ${componentStyles}
 
@@ -20590,7 +20908,7 @@
     toggleColorFormat: "Toggle color format"
   };
   registerTranslation(translation);
-  const version = "0.0.5";
+  const version = "0.0.7";
   const CONSOLE_HIGHLIGHT_STYLE = `
   padding: 2px 4px;
   border-radius: 2px;
@@ -20603,6 +20921,8 @@
   exports2.FlowIconButton = FlowIconButton;
   exports2.FlowSplitPanel = FlowSplitPanel;
   exports2.FlowSplitPanelToggleButton = FlowSplitPanelToggleButton;
+  exports2.FlowStepper = FlowStepper;
+  exports2.FlowStepperPanel = FlowStepperPanel;
   exports2.FlowToolButton = FlowToolButton;
   exports2.FlowToolButtonGroup = FlowToolButtonGroup;
   exports2.colorMapperValueToMaplibreExpression = colorMapperValueToMaplibreExpression;