@emuanalytics/flow-rdf-ui 0.0.3 → 0.0.4

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

@@ -775,15 +775,15 @@
       el.addEventListener(eventName, done);
     });
   }
-  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$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$P(target, key, result);
+      __defProp$Q(target, key, result);
     return result;
   };
   class FlowRdfElement extends s$3 {
@@ -807,10 +807,10 @@
       }
     }
   }
-  __decorateClass$P([
+  __decorateClass$Q([
     n$5()
   ], FlowRdfElement.prototype, "dir", 2);
-  __decorateClass$P([
+  __decorateClass$Q([
     n$5()
   ], FlowRdfElement.prototype, "lang", 2);
   class HasSlotController {
@@ -1076,7 +1076,7 @@
     display: none !important;
   }
 `;
-  const styles$M = i$7`
+  const styles$N = i$7`
   ${componentStyles}
 
   :host {
@@ -1267,15 +1267,15 @@
   function unregisterIconLibrary(name) {
     registry = registry.filter((lib) => lib.name !== name);
   }
-  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$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$O(target, key, result);
+      __defProp$P(target, key, result);
     return result;
   };
   const CACHEABLE_ERROR = Symbol();
@@ -1384,29 +1384,29 @@
       return this.svg;
     }
   };
-  exports2.FlowIcon.styles = styles$M;
-  __decorateClass$O([
+  exports2.FlowIcon.styles = styles$N;
+  __decorateClass$P([
     t$2()
   ], exports2.FlowIcon.prototype, "svg", 2);
-  __decorateClass$O([
+  __decorateClass$P([
     n$5({ reflect: true })
   ], exports2.FlowIcon.prototype, "name", 2);
-  __decorateClass$O([
+  __decorateClass$P([
     n$5()
   ], exports2.FlowIcon.prototype, "src", 2);
-  __decorateClass$O([
+  __decorateClass$P([
     n$5()
   ], exports2.FlowIcon.prototype, "label", 2);
-  __decorateClass$O([
+  __decorateClass$P([
     n$5({ reflect: true })
   ], exports2.FlowIcon.prototype, "library", 2);
-  __decorateClass$O([
+  __decorateClass$P([
     watch("label")
   ], exports2.FlowIcon.prototype, "handleLabelChange", 1);
-  __decorateClass$O([
+  __decorateClass$P([
     watch(["name", "src", "library"])
   ], exports2.FlowIcon.prototype, "setIcon", 1);
-  exports2.FlowIcon = __decorateClass$O([
+  exports2.FlowIcon = __decorateClass$P([
     e$6("flow-ui-icon")
   ], exports2.FlowIcon);
   const min = Math.min;
@@ -2332,7 +2332,7 @@
     }
     return null;
   }
-  const styles$L = i$7`
+  const styles$M = i$7`
   ${componentStyles}
 
   :host {
@@ -2373,15 +2373,15 @@
     z-index: -1;
   }
 `;
-  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$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$N(target, key, result);
+      __defProp$O(target, key, result);
     return result;
   };
   exports2.FlowPopup = class FlowPopup extends FlowRdfElement {
@@ -2615,44 +2615,44 @@
     `;
     }
   };
-  exports2.FlowPopup.styles = styles$L;
-  __decorateClass$N([
+  exports2.FlowPopup.styles = styles$M;
+  __decorateClass$O([
     i$4(".popup")
   ], exports2.FlowPopup.prototype, "popup", 2);
-  __decorateClass$N([
+  __decorateClass$O([
     i$4(".popup__arrow")
   ], exports2.FlowPopup.prototype, "arrowEl", 2);
-  __decorateClass$N([
+  __decorateClass$O([
     n$5()
   ], exports2.FlowPopup.prototype, "anchor", 2);
-  __decorateClass$N([
+  __decorateClass$O([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowPopup.prototype, "active", 2);
-  __decorateClass$N([
+  __decorateClass$O([
     n$5({ reflect: true })
   ], exports2.FlowPopup.prototype, "placement", 2);
-  __decorateClass$N([
+  __decorateClass$O([
     n$5({ reflect: true })
   ], exports2.FlowPopup.prototype, "strategy", 2);
-  __decorateClass$N([
+  __decorateClass$O([
     n$5({ type: Number })
   ], exports2.FlowPopup.prototype, "distance", 2);
-  __decorateClass$N([
+  __decorateClass$O([
     n$5({ type: Number })
   ], exports2.FlowPopup.prototype, "skidding", 2);
-  __decorateClass$N([
+  __decorateClass$O([
     n$5({ type: Boolean })
   ], exports2.FlowPopup.prototype, "arrow", 2);
-  __decorateClass$N([
+  __decorateClass$O([
     n$5({ attribute: "arrow-placement" })
   ], exports2.FlowPopup.prototype, "arrowPlacement", 2);
-  __decorateClass$N([
+  __decorateClass$O([
     n$5({ attribute: "arrow-padding", type: Number })
   ], exports2.FlowPopup.prototype, "arrowPadding", 2);
-  __decorateClass$N([
+  __decorateClass$O([
     n$5({ type: Boolean })
   ], exports2.FlowPopup.prototype, "flip", 2);
-  __decorateClass$N([
+  __decorateClass$O([
     n$5({
       attribute: "flip-fallback-placements",
       converter: {
@@ -2665,40 +2665,40 @@
       }
     })
   ], exports2.FlowPopup.prototype, "flipFallbackPlacements", 2);
-  __decorateClass$N([
+  __decorateClass$O([
     n$5({ attribute: "flip-fallback-strategy" })
   ], exports2.FlowPopup.prototype, "flipFallbackStrategy", 2);
-  __decorateClass$N([
+  __decorateClass$O([
     n$5({ type: Object })
   ], exports2.FlowPopup.prototype, "flipBoundary", 2);
-  __decorateClass$N([
+  __decorateClass$O([
     n$5({ attribute: "flip-padding", type: Number })
   ], exports2.FlowPopup.prototype, "flipPadding", 2);
-  __decorateClass$N([
+  __decorateClass$O([
     n$5({ type: Boolean })
   ], exports2.FlowPopup.prototype, "shift", 2);
-  __decorateClass$N([
+  __decorateClass$O([
     n$5({ type: Object })
   ], exports2.FlowPopup.prototype, "shiftBoundary", 2);
-  __decorateClass$N([
+  __decorateClass$O([
     n$5({ attribute: "shift-padding", type: Number })
   ], exports2.FlowPopup.prototype, "shiftPadding", 2);
-  __decorateClass$N([
+  __decorateClass$O([
     n$5({ attribute: "auto-size" })
   ], exports2.FlowPopup.prototype, "autoSize", 2);
-  __decorateClass$N([
+  __decorateClass$O([
     n$5()
   ], exports2.FlowPopup.prototype, "sync", 2);
-  __decorateClass$N([
+  __decorateClass$O([
     n$5({ type: Object })
   ], exports2.FlowPopup.prototype, "autoSizeBoundary", 2);
-  __decorateClass$N([
+  __decorateClass$O([
     n$5({ attribute: "auto-size-padding", type: Number })
   ], exports2.FlowPopup.prototype, "autoSizePadding", 2);
-  exports2.FlowPopup = __decorateClass$N([
+  exports2.FlowPopup = __decorateClass$O([
     e$6("flow-ui-popup")
   ], exports2.FlowPopup);
-  const styles$K = i$7`
+  const styles$L = i$7`
   ${componentStyles}
 
   :host {
@@ -2750,15 +2750,15 @@
     pointer-events: none;
   }
 `;
-  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$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$M(target, key, result);
+      __defProp$N(target, key, result);
     return result;
   };
   exports2.FlowTooltip = class FlowTooltip extends FlowRdfElement {
@@ -2935,50 +2935,50 @@
     `;
     }
   };
-  exports2.FlowTooltip.styles = styles$K;
-  __decorateClass$M([
+  exports2.FlowTooltip.styles = styles$L;
+  __decorateClass$N([
     i$4("slot:not([name])")
   ], exports2.FlowTooltip.prototype, "defaultSlot", 2);
-  __decorateClass$M([
+  __decorateClass$N([
     i$4(".tooltip__body")
   ], exports2.FlowTooltip.prototype, "body", 2);
-  __decorateClass$M([
+  __decorateClass$N([
     i$4("flow-ui-popup")
   ], exports2.FlowTooltip.prototype, "popup", 2);
-  __decorateClass$M([
+  __decorateClass$N([
     n$5()
   ], exports2.FlowTooltip.prototype, "content", 2);
-  __decorateClass$M([
+  __decorateClass$N([
     n$5()
   ], exports2.FlowTooltip.prototype, "placement", 2);
-  __decorateClass$M([
+  __decorateClass$N([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowTooltip.prototype, "disabled", 2);
-  __decorateClass$M([
+  __decorateClass$N([
     n$5({ type: Number })
   ], exports2.FlowTooltip.prototype, "distance", 2);
-  __decorateClass$M([
+  __decorateClass$N([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowTooltip.prototype, "open", 2);
-  __decorateClass$M([
+  __decorateClass$N([
     n$5({ type: Number })
   ], exports2.FlowTooltip.prototype, "skidding", 2);
-  __decorateClass$M([
+  __decorateClass$N([
     n$5()
   ], exports2.FlowTooltip.prototype, "trigger", 2);
-  __decorateClass$M([
+  __decorateClass$N([
     n$5({ type: Boolean })
   ], exports2.FlowTooltip.prototype, "hoist", 2);
-  __decorateClass$M([
+  __decorateClass$N([
     watch("open", { waitUntilFirstUpdate: true })
   ], exports2.FlowTooltip.prototype, "handleOpenChange", 1);
-  __decorateClass$M([
+  __decorateClass$N([
     watch(["content", "distance", "hoist", "placement", "skidding"])
   ], exports2.FlowTooltip.prototype, "handleOptionsChange", 1);
-  __decorateClass$M([
+  __decorateClass$N([
     watch("disabled")
   ], exports2.FlowTooltip.prototype, "handleDisabledChange", 1);
-  exports2.FlowTooltip = __decorateClass$M([
+  exports2.FlowTooltip = __decorateClass$N([
     e$6("flow-ui-tooltip")
   ], exports2.FlowTooltip);
   setDefaultAnimation("tooltip.show", {
@@ -2995,7 +2995,7 @@
     ],
     options: { duration: 150, easing: "ease" }
   });
-  const styles$J = i$7`
+  const styles$K = i$7`
   ${componentStyles}
 
   :host {
@@ -3064,18 +3064,18 @@
     margin-inline: var(--flow-ui-spacing-x-small);
   }
 `;
-  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$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$L(target, key, result);
+      __defProp$M(target, key, result);
     return result;
   };
-  exports2.FlowIconButton = class FlowIconButton extends FlowRdfElement {
+  class FlowIconButton extends FlowRdfElement {
     constructor() {
       super(...arguments);
       this.hasSlotController = new HasSlotController(this, "tooltip");
@@ -3234,63 +3234,60 @@
         return iconButton;
       }
     }
-  };
-  exports2.FlowIconButton.styles = styles$J;
-  __decorateClass$L([
+  }
+  FlowIconButton.styles = styles$K;
+  __decorateClass$M([
     i$4(".icon-button")
-  ], exports2.FlowIconButton.prototype, "button", 2);
-  __decorateClass$L([
+  ], FlowIconButton.prototype, "button", 2);
+  __decorateClass$M([
     i$4(".icon-button__tooltip")
-  ], exports2.FlowIconButton.prototype, "tooltipElem", 2);
-  __decorateClass$L([
+  ], FlowIconButton.prototype, "tooltipElem", 2);
+  __decorateClass$M([
     i$4(".icon-button__confirm_button")
-  ], exports2.FlowIconButton.prototype, "confirmButton", 2);
-  __decorateClass$L([
+  ], FlowIconButton.prototype, "confirmButton", 2);
+  __decorateClass$M([
     t$2()
-  ], exports2.FlowIconButton.prototype, "hasFocus", 2);
-  __decorateClass$L([
+  ], FlowIconButton.prototype, "hasFocus", 2);
+  __decorateClass$M([
     n$5()
-  ], exports2.FlowIconButton.prototype, "name", 2);
-  __decorateClass$L([
+  ], FlowIconButton.prototype, "name", 2);
+  __decorateClass$M([
     n$5()
-  ], exports2.FlowIconButton.prototype, "library", 2);
-  __decorateClass$L([
+  ], FlowIconButton.prototype, "library", 2);
+  __decorateClass$M([
     n$5()
-  ], exports2.FlowIconButton.prototype, "src", 2);
-  __decorateClass$L([
+  ], FlowIconButton.prototype, "src", 2);
+  __decorateClass$M([
     n$5()
-  ], exports2.FlowIconButton.prototype, "href", 2);
-  __decorateClass$L([
+  ], FlowIconButton.prototype, "href", 2);
+  __decorateClass$M([
     n$5()
-  ], exports2.FlowIconButton.prototype, "target", 2);
-  __decorateClass$L([
+  ], FlowIconButton.prototype, "target", 2);
+  __decorateClass$M([
     n$5()
-  ], exports2.FlowIconButton.prototype, "download", 2);
-  __decorateClass$L([
+  ], FlowIconButton.prototype, "download", 2);
+  __decorateClass$M([
     n$5()
-  ], exports2.FlowIconButton.prototype, "label", 2);
-  __decorateClass$L([
+  ], FlowIconButton.prototype, "label", 2);
+  __decorateClass$M([
     n$5()
-  ], exports2.FlowIconButton.prototype, "tooltip", 2);
-  __decorateClass$L([
+  ], FlowIconButton.prototype, "tooltip", 2);
+  __decorateClass$M([
     n$5({ attribute: "tooltip-placement" })
-  ], exports2.FlowIconButton.prototype, "tooltipPlacement", 2);
-  __decorateClass$L([
+  ], FlowIconButton.prototype, "tooltipPlacement", 2);
+  __decorateClass$M([
     n$5({ attribute: "tooltip-distance", type: Number })
-  ], exports2.FlowIconButton.prototype, "tooltipDistance", 2);
-  __decorateClass$L([
+  ], FlowIconButton.prototype, "tooltipDistance", 2);
+  __decorateClass$M([
     n$5({ attribute: "tooltip-skidding", type: Number })
-  ], exports2.FlowIconButton.prototype, "tooltipSkidding", 2);
-  __decorateClass$L([
+  ], FlowIconButton.prototype, "tooltipSkidding", 2);
+  __decorateClass$M([
     n$5({ type: Boolean, reflect: true })
-  ], exports2.FlowIconButton.prototype, "disabled", 2);
-  __decorateClass$L([
+  ], FlowIconButton.prototype, "disabled", 2);
+  __decorateClass$M([
     n$5()
-  ], exports2.FlowIconButton.prototype, "confirm", 2);
-  exports2.FlowIconButton = __decorateClass$L([
-    e$6("flow-ui-icon-button")
-  ], exports2.FlowIconButton);
-  const styles$I = i$7`
+  ], FlowIconButton.prototype, "confirm", 2);
+  const styles$J = i$7`
   ${componentStyles}
 
   :host {
@@ -3384,15 +3381,15 @@
     padding-inline-end: var(--flow-ui-spacing-medium);
   }
 `;
-  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$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$K(target, key, result);
+      __defProp$L(target, key, result);
     return result;
   };
   const toastStack = Object.assign(document.createElement("div"), { className: "flow-ui-toast-stack" });
@@ -3527,29 +3524,29 @@
     `;
     }
   };
-  exports2.FlowAlert.styles = styles$I;
-  __decorateClass$K([
+  exports2.FlowAlert.styles = styles$J;
+  __decorateClass$L([
     i$4('[part~="base"]')
   ], exports2.FlowAlert.prototype, "base", 2);
-  __decorateClass$K([
+  __decorateClass$L([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowAlert.prototype, "open", 2);
-  __decorateClass$K([
+  __decorateClass$L([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowAlert.prototype, "closable", 2);
-  __decorateClass$K([
+  __decorateClass$L([
     n$5({ reflect: true })
   ], exports2.FlowAlert.prototype, "variant", 2);
-  __decorateClass$K([
+  __decorateClass$L([
     n$5({ type: Number })
   ], exports2.FlowAlert.prototype, "duration", 2);
-  __decorateClass$K([
+  __decorateClass$L([
     watch("open", { waitUntilFirstUpdate: true })
   ], exports2.FlowAlert.prototype, "handleOpenChange", 1);
-  __decorateClass$K([
+  __decorateClass$L([
     watch("duration")
   ], exports2.FlowAlert.prototype, "handleDurationChange", 1);
-  exports2.FlowAlert = __decorateClass$K([
+  exports2.FlowAlert = __decorateClass$L([
     e$6("flow-ui-alert")
   ], exports2.FlowAlert);
   setDefaultAnimation("alert.show", {
@@ -3566,7 +3563,7 @@
     ],
     options: { duration: 250, easing: "ease" }
   });
-  const styles$H = i$7`
+  const styles$I = i$7`
   ${componentStyles}
 
   :host {
@@ -4341,15 +4338,15 @@
   function getEasingNames() {
     return Object.entries(easings).map(([name]) => name);
   }
-  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$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$J(target, key, result);
+      __defProp$K(target, key, result);
     return result;
   };
   exports2.FlowAnimation = class FlowAnimation extends FlowRdfElement {
@@ -4480,47 +4477,47 @@
       return x$1` <slot @slotchange=${this.handleSlotChange}></slot> `;
     }
   };
-  exports2.FlowAnimation.styles = styles$H;
-  __decorateClass$J([
+  exports2.FlowAnimation.styles = styles$I;
+  __decorateClass$K([
     e$3("slot")
   ], exports2.FlowAnimation.prototype, "defaultSlot", 2);
-  __decorateClass$J([
+  __decorateClass$K([
     n$5()
   ], exports2.FlowAnimation.prototype, "name", 2);
-  __decorateClass$J([
+  __decorateClass$K([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowAnimation.prototype, "play", 2);
-  __decorateClass$J([
+  __decorateClass$K([
     n$5({ type: Number })
   ], exports2.FlowAnimation.prototype, "delay", 2);
-  __decorateClass$J([
+  __decorateClass$K([
     n$5()
   ], exports2.FlowAnimation.prototype, "direction", 2);
-  __decorateClass$J([
+  __decorateClass$K([
     n$5({ type: Number })
   ], exports2.FlowAnimation.prototype, "duration", 2);
-  __decorateClass$J([
+  __decorateClass$K([
     n$5()
   ], exports2.FlowAnimation.prototype, "easing", 2);
-  __decorateClass$J([
+  __decorateClass$K([
     n$5({ attribute: "end-delay", type: Number })
   ], exports2.FlowAnimation.prototype, "endDelay", 2);
-  __decorateClass$J([
+  __decorateClass$K([
     n$5()
   ], exports2.FlowAnimation.prototype, "fill", 2);
-  __decorateClass$J([
+  __decorateClass$K([
     n$5({ type: Number })
   ], exports2.FlowAnimation.prototype, "iterations", 2);
-  __decorateClass$J([
+  __decorateClass$K([
     n$5({ attribute: "iteration-start", type: Number })
   ], exports2.FlowAnimation.prototype, "iterationStart", 2);
-  __decorateClass$J([
+  __decorateClass$K([
     n$5({ attribute: false })
   ], exports2.FlowAnimation.prototype, "keyframes", 2);
-  __decorateClass$J([
+  __decorateClass$K([
     n$5({ attribute: "playback-rate", type: Number })
   ], exports2.FlowAnimation.prototype, "playbackRate", 2);
-  __decorateClass$J([
+  __decorateClass$K([
     watch([
       "name",
       "delay",
@@ -4534,16 +4531,16 @@
       "keyframes"
     ])
   ], exports2.FlowAnimation.prototype, "handleAnimationChange", 1);
-  __decorateClass$J([
+  __decorateClass$K([
     watch("play")
   ], exports2.FlowAnimation.prototype, "handlePlayChange", 1);
-  __decorateClass$J([
+  __decorateClass$K([
     watch("playbackRate")
   ], exports2.FlowAnimation.prototype, "handlePlaybackRateChange", 1);
-  exports2.FlowAnimation = __decorateClass$J([
+  exports2.FlowAnimation = __decorateClass$K([
     e$6("flow-ui-animation")
   ], exports2.FlowAnimation);
-  const styles$G = i$7`
+  const styles$H = i$7`
   ${componentStyles}
 
   :host {
@@ -4608,15 +4605,15 @@
     overflow: hidden;
   }
 `;
-  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])
+  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$I(target, key, result);
+      __defProp$J(target, key, result);
     return result;
   };
   exports2.FlowAvatar = class FlowAvatar extends FlowRdfElement {
@@ -4670,32 +4667,32 @@
     `;
     }
   };
-  exports2.FlowAvatar.styles = styles$G;
-  __decorateClass$I([
+  exports2.FlowAvatar.styles = styles$H;
+  __decorateClass$J([
     t$2()
   ], exports2.FlowAvatar.prototype, "hasError", 2);
-  __decorateClass$I([
+  __decorateClass$J([
     n$5()
   ], exports2.FlowAvatar.prototype, "image", 2);
-  __decorateClass$I([
+  __decorateClass$J([
     n$5()
   ], exports2.FlowAvatar.prototype, "label", 2);
-  __decorateClass$I([
+  __decorateClass$J([
     n$5()
   ], exports2.FlowAvatar.prototype, "initials", 2);
-  __decorateClass$I([
+  __decorateClass$J([
     n$5()
   ], exports2.FlowAvatar.prototype, "loading", 2);
-  __decorateClass$I([
+  __decorateClass$J([
     n$5({ reflect: true })
   ], exports2.FlowAvatar.prototype, "shape", 2);
-  __decorateClass$I([
+  __decorateClass$J([
     watch("image")
   ], exports2.FlowAvatar.prototype, "handleImageChange", 1);
-  exports2.FlowAvatar = __decorateClass$I([
+  exports2.FlowAvatar = __decorateClass$J([
     e$6("flow-ui-avatar")
   ], exports2.FlowAvatar);
-  const styles$F = i$7`
+  const styles$G = i$7`
   ${componentStyles}
 
   :host {
@@ -4786,15 +4783,15 @@
     }
   }
 `;
-  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$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$H(target, key, result);
+      __defProp$I(target, key, result);
     return result;
   };
   exports2.FlowBadge = class FlowBadge extends FlowRdfElement {
@@ -4823,20 +4820,20 @@
     `;
     }
   };
-  exports2.FlowBadge.styles = styles$F;
-  __decorateClass$H([
+  exports2.FlowBadge.styles = styles$G;
+  __decorateClass$I([
     n$5({ reflect: true })
   ], exports2.FlowBadge.prototype, "variant", 2);
-  __decorateClass$H([
+  __decorateClass$I([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowBadge.prototype, "pill", 2);
-  __decorateClass$H([
+  __decorateClass$I([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowBadge.prototype, "pulse", 2);
-  exports2.FlowBadge = __decorateClass$H([
+  exports2.FlowBadge = __decorateClass$I([
     e$6("flow-ui-badge")
   ], exports2.FlowBadge);
-  const styles$E = i$7`
+  const styles$F = i$7`
   ${componentStyles}
 
   :host {
@@ -4921,15 +4918,15 @@
     user-select: none;
   }
 `;
-  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$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$G(target, key, result);
+      __defProp$H(target, key, result);
     return result;
   };
   exports2.FlowBreadcrumbItem = class FlowBreadcrumbItem extends FlowRdfElement {
@@ -4974,20 +4971,20 @@
     `;
     }
   };
-  exports2.FlowBreadcrumbItem.styles = styles$E;
-  __decorateClass$G([
+  exports2.FlowBreadcrumbItem.styles = styles$F;
+  __decorateClass$H([
     n$5()
   ], exports2.FlowBreadcrumbItem.prototype, "href", 2);
-  __decorateClass$G([
+  __decorateClass$H([
     n$5()
   ], exports2.FlowBreadcrumbItem.prototype, "target", 2);
-  __decorateClass$G([
+  __decorateClass$H([
     n$5()
   ], exports2.FlowBreadcrumbItem.prototype, "rel", 2);
-  exports2.FlowBreadcrumbItem = __decorateClass$G([
+  exports2.FlowBreadcrumbItem = __decorateClass$H([
     e$6("flow-ui-breadcrumb-item")
   ], exports2.FlowBreadcrumbItem);
-  const styles$D = i$7`
+  const styles$E = i$7`
   ${componentStyles}
 
   .breadcrumb {
@@ -4996,15 +4993,15 @@
     flex-wrap: wrap;
   }
 `;
-  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$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$F(target, key, result);
+      __defProp$G(target, key, result);
     return result;
   };
   exports2.FlowBreadcrumb = class FlowBreadcrumb extends FlowRdfElement {
@@ -5058,20 +5055,20 @@
     `;
     }
   };
-  exports2.FlowBreadcrumb.styles = styles$D;
-  __decorateClass$F([
+  exports2.FlowBreadcrumb.styles = styles$E;
+  __decorateClass$G([
     i$4("slot")
   ], exports2.FlowBreadcrumb.prototype, "defaultSlot", 2);
-  __decorateClass$F([
+  __decorateClass$G([
     i$4('slot[name="separator"]')
   ], exports2.FlowBreadcrumb.prototype, "separatorSlot", 2);
-  __decorateClass$F([
+  __decorateClass$G([
     n$5()
   ], exports2.FlowBreadcrumb.prototype, "label", 2);
-  exports2.FlowBreadcrumb = __decorateClass$F([
+  exports2.FlowBreadcrumb = __decorateClass$G([
     e$6("flow-ui-breadcrumb")
   ], exports2.FlowBreadcrumb);
-  const styles$C = i$7`
+  const styles$D = i$7`
   ${componentStyles}
 
   :host {
@@ -5087,15 +5084,15 @@
     flex-direction: column;
   }
 `;
-  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$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$E(target, key, result);
+      __defProp$F(target, key, result);
     return result;
   };
   exports2.FlowButtonGroup = class FlowButtonGroup extends FlowRdfElement {
@@ -5158,23 +5155,23 @@
     `;
     }
   };
-  exports2.FlowButtonGroup.styles = styles$C;
-  __decorateClass$E([
+  exports2.FlowButtonGroup.styles = styles$D;
+  __decorateClass$F([
     i$4("slot")
   ], exports2.FlowButtonGroup.prototype, "defaultSlot", 2);
-  __decorateClass$E([
+  __decorateClass$F([
     t$2()
   ], exports2.FlowButtonGroup.prototype, "disableRole", 2);
-  __decorateClass$E([
+  __decorateClass$F([
     n$5()
   ], exports2.FlowButtonGroup.prototype, "label", 2);
-  __decorateClass$E([
+  __decorateClass$F([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowButtonGroup.prototype, "vertical", 2);
-  __decorateClass$E([
+  __decorateClass$F([
     watch("vertical", { waitUntilFirstUpdate: true })
   ], exports2.FlowButtonGroup.prototype, "handleVerticalChange", 1);
-  exports2.FlowButtonGroup = __decorateClass$E([
+  exports2.FlowButtonGroup = __decorateClass$F([
     e$6("flow-ui-button-group")
   ], exports2.FlowButtonGroup);
   function findButton(el) {
@@ -5445,7 +5442,7 @@
     valid: false,
     customError: true
   });
-  const styles$B = i$7`
+  const styles$C = i$7`
   ${componentStyles}
 
   :host {
@@ -5504,15 +5501,15 @@
     }
   }
 `;
-  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$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$D(target, key, result);
+      __defProp$E(target, key, result);
     return result;
   };
   exports2.FlowSpinner = class FlowSpinner extends FlowRdfElement {
@@ -5529,8 +5526,8 @@
     `;
     }
   };
-  exports2.FlowSpinner.styles = styles$B;
-  exports2.FlowSpinner = __decorateClass$D([
+  exports2.FlowSpinner.styles = styles$C;
+  exports2.FlowSpinner = __decorateClass$E([
     e$6("flow-ui-spinner")
   ], exports2.FlowSpinner);
   const buttonStyles = i$7`
@@ -6173,15 +6170,15 @@
     z-index: 3;
   }
 `;
-  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$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$C(target, key, result);
+      __defProp$D(target, key, result);
     return result;
   };
   exports2.FlowButton = class FlowButton extends FlowRdfElement {
@@ -6378,88 +6375,88 @@
     }
   };
   exports2.FlowButton.styles = buttonStyles;
-  __decorateClass$C([
+  __decorateClass$D([
     i$4(".button")
   ], exports2.FlowButton.prototype, "button", 2);
-  __decorateClass$C([
+  __decorateClass$D([
     t$2()
   ], exports2.FlowButton.prototype, "hasFocus", 2);
-  __decorateClass$C([
+  __decorateClass$D([
     t$2()
   ], exports2.FlowButton.prototype, "invalid", 2);
-  __decorateClass$C([
+  __decorateClass$D([
     n$5()
   ], exports2.FlowButton.prototype, "title", 2);
-  __decorateClass$C([
+  __decorateClass$D([
     n$5({ reflect: true })
   ], exports2.FlowButton.prototype, "variant", 2);
-  __decorateClass$C([
+  __decorateClass$D([
     n$5({ reflect: true })
   ], exports2.FlowButton.prototype, "size", 2);
-  __decorateClass$C([
+  __decorateClass$D([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowButton.prototype, "caret", 2);
-  __decorateClass$C([
+  __decorateClass$D([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowButton.prototype, "disabled", 2);
-  __decorateClass$C([
+  __decorateClass$D([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowButton.prototype, "loading", 2);
-  __decorateClass$C([
+  __decorateClass$D([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowButton.prototype, "outline", 2);
-  __decorateClass$C([
+  __decorateClass$D([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowButton.prototype, "pill", 2);
-  __decorateClass$C([
+  __decorateClass$D([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowButton.prototype, "circle", 2);
-  __decorateClass$C([
+  __decorateClass$D([
     n$5()
   ], exports2.FlowButton.prototype, "type", 2);
-  __decorateClass$C([
+  __decorateClass$D([
     n$5()
   ], exports2.FlowButton.prototype, "name", 2);
-  __decorateClass$C([
+  __decorateClass$D([
     n$5()
   ], exports2.FlowButton.prototype, "value", 2);
-  __decorateClass$C([
+  __decorateClass$D([
     n$5()
   ], exports2.FlowButton.prototype, "href", 2);
-  __decorateClass$C([
+  __decorateClass$D([
     n$5()
   ], exports2.FlowButton.prototype, "target", 2);
-  __decorateClass$C([
+  __decorateClass$D([
     n$5()
   ], exports2.FlowButton.prototype, "rel", 2);
-  __decorateClass$C([
+  __decorateClass$D([
     n$5()
   ], exports2.FlowButton.prototype, "download", 2);
-  __decorateClass$C([
+  __decorateClass$D([
     n$5()
   ], exports2.FlowButton.prototype, "form", 2);
-  __decorateClass$C([
+  __decorateClass$D([
     n$5({ attribute: "formaction" })
   ], exports2.FlowButton.prototype, "formAction", 2);
-  __decorateClass$C([
+  __decorateClass$D([
     n$5({ attribute: "formenctype" })
   ], exports2.FlowButton.prototype, "formEnctype", 2);
-  __decorateClass$C([
+  __decorateClass$D([
     n$5({ attribute: "formmethod" })
   ], exports2.FlowButton.prototype, "formMethod", 2);
-  __decorateClass$C([
+  __decorateClass$D([
     n$5({ attribute: "formnovalidate", type: Boolean })
   ], exports2.FlowButton.prototype, "formNoValidate", 2);
-  __decorateClass$C([
+  __decorateClass$D([
     n$5({ attribute: "formtarget" })
   ], exports2.FlowButton.prototype, "formTarget", 2);
-  __decorateClass$C([
+  __decorateClass$D([
     watch("disabled", { waitUntilFirstUpdate: true })
   ], exports2.FlowButton.prototype, "handleDisabledChange", 1);
-  exports2.FlowButton = __decorateClass$C([
+  exports2.FlowButton = __decorateClass$D([
     e$6("flow-ui-button")
   ], exports2.FlowButton);
-  const styles$A = i$7`
+  const styles$B = i$7`
   ${componentStyles}
 
   :host {
@@ -6527,15 +6524,15 @@
     display: none;
   }
 `;
-  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$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$B(target, key, result);
+      __defProp$C(target, key, result);
     return result;
   };
   exports2.FlowCard = class FlowCard extends FlowRdfElement {
@@ -6562,11 +6559,11 @@
     `;
     }
   };
-  exports2.FlowCard.styles = styles$A;
-  exports2.FlowCard = __decorateClass$B([
+  exports2.FlowCard.styles = styles$B;
+  exports2.FlowCard = __decorateClass$C([
     e$6("flow-ui-card")
   ], exports2.FlowCard);
-  const styles$z = i$7`
+  const styles$A = i$7`
   ${componentStyles}
 
   :host {
@@ -6589,15 +6586,15 @@
     object-fit: cover;
   }
 `;
-  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$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$A(target, key, result);
+      __defProp$B(target, key, result);
     return result;
   };
   exports2.FlowCarouselItem = class FlowCarouselItem extends FlowRdfElement {
@@ -6612,8 +6609,8 @@
       return x$1` <slot></slot> `;
     }
   };
-  exports2.FlowCarouselItem.styles = styles$z;
-  exports2.FlowCarouselItem = __decorateClass$A([
+  exports2.FlowCarouselItem.styles = styles$A;
+  exports2.FlowCarouselItem = __decorateClass$B([
     e$6("flow-ui-carousel-item")
   ], exports2.FlowCarouselItem);
   /**
@@ -6703,7 +6700,7 @@
       this.host.requestUpdate();
     }
   }
-  const styles$y = i$7`
+  const styles$z = i$7`
   ${componentStyles}
 
   :host {
@@ -6872,15 +6869,15 @@
       };
     };
   };
-  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$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$z(target, key, result);
+      __defProp$A(target, key, result);
     return result;
   };
   class ScrollController {
@@ -7011,18 +7008,18 @@
       host.requestUpdate();
     }
   }
-  __decorateClass$z([
+  __decorateClass$A([
     debounce(100)
   ], ScrollController.prototype, "handleScrollEnd", 1);
-  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$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$y(target, key, result);
+      __defProp$z(target, key, result);
     return result;
   };
   exports2.FlowCarousel = class FlowCarousel extends FlowRdfElement {
@@ -7340,63 +7337,63 @@
     `;
     }
   };
-  exports2.FlowCarousel.styles = styles$y;
-  __decorateClass$y([
+  exports2.FlowCarousel.styles = styles$z;
+  __decorateClass$z([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowCarousel.prototype, "loop", 2);
-  __decorateClass$y([
+  __decorateClass$z([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowCarousel.prototype, "navigation", 2);
-  __decorateClass$y([
+  __decorateClass$z([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowCarousel.prototype, "pagination", 2);
-  __decorateClass$y([
+  __decorateClass$z([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowCarousel.prototype, "autoplay", 2);
-  __decorateClass$y([
+  __decorateClass$z([
     n$5({ type: Number, attribute: "autoplay-interval" })
   ], exports2.FlowCarousel.prototype, "autoplayInterval", 2);
-  __decorateClass$y([
+  __decorateClass$z([
     n$5({ type: Number, attribute: "slides-per-page" })
   ], exports2.FlowCarousel.prototype, "slidesPerPage", 2);
-  __decorateClass$y([
+  __decorateClass$z([
     n$5({ type: Number, attribute: "slides-per-move" })
   ], exports2.FlowCarousel.prototype, "slidesPerMove", 2);
-  __decorateClass$y([
+  __decorateClass$z([
     n$5()
   ], exports2.FlowCarousel.prototype, "orientation", 2);
-  __decorateClass$y([
+  __decorateClass$z([
     n$5({ type: Boolean, reflect: true, attribute: "mouse-dragging" })
   ], exports2.FlowCarousel.prototype, "mouseDragging", 2);
-  __decorateClass$y([
+  __decorateClass$z([
     i$4("slot:not([name])")
   ], exports2.FlowCarousel.prototype, "defaultSlot", 2);
-  __decorateClass$y([
+  __decorateClass$z([
     i$4(".carousel__slides")
   ], exports2.FlowCarousel.prototype, "scrollContainer", 2);
-  __decorateClass$y([
+  __decorateClass$z([
     i$4(".carousel__pagination")
   ], exports2.FlowCarousel.prototype, "paginationContainer", 2);
-  __decorateClass$y([
+  __decorateClass$z([
     t$2()
   ], exports2.FlowCarousel.prototype, "activeSlide", 2);
-  __decorateClass$y([
+  __decorateClass$z([
     watch("loop", { waitUntilFirstUpdate: true }),
     watch("slidesPerPage", { waitUntilFirstUpdate: true })
   ], exports2.FlowCarousel.prototype, "initializeSlides", 1);
-  __decorateClass$y([
+  __decorateClass$z([
     watch("activeSlide")
   ], exports2.FlowCarousel.prototype, "handelSlideChange", 1);
-  __decorateClass$y([
+  __decorateClass$z([
     watch("slidesPerMove")
   ], exports2.FlowCarousel.prototype, "handleSlidesPerMoveChange", 1);
-  __decorateClass$y([
+  __decorateClass$z([
     watch("autoplay")
   ], exports2.FlowCarousel.prototype, "handleAutoplayChange", 1);
-  __decorateClass$y([
+  __decorateClass$z([
     watch("mouseDragging")
   ], exports2.FlowCarousel.prototype, "handleMouseDraggingChange", 1);
-  exports2.FlowCarousel = __decorateClass$y([
+  exports2.FlowCarousel = __decorateClass$z([
     e$6("flow-ui-carousel")
   ], exports2.FlowCarousel);
   /**
@@ -7452,7 +7449,7 @@
       attributeChangedCallback.call(this, name, old, value);
     };
   };
-  const styles$x = i$7`
+  const styles$y = i$7`
   ${componentStyles}
 
   :host {
@@ -7568,15 +7565,15 @@
     margin-inline-start: var(--flow-ui-input-required-content-offset);
   }
 `;
-  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$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$x(target, key, result);
+      __defProp$y(target, key, result);
     return result;
   };
   exports2.FlowCheckbox = class FlowCheckbox extends FlowRdfElement {
@@ -7726,50 +7723,50 @@
     `;
     }
   };
-  exports2.FlowCheckbox.styles = styles$x;
-  __decorateClass$x([
+  exports2.FlowCheckbox.styles = styles$y;
+  __decorateClass$y([
     i$4('input[type="checkbox"]')
   ], exports2.FlowCheckbox.prototype, "input", 2);
-  __decorateClass$x([
+  __decorateClass$y([
     t$2()
   ], exports2.FlowCheckbox.prototype, "hasFocus", 2);
-  __decorateClass$x([
+  __decorateClass$y([
     n$5()
   ], exports2.FlowCheckbox.prototype, "title", 2);
-  __decorateClass$x([
+  __decorateClass$y([
     n$5()
   ], exports2.FlowCheckbox.prototype, "name", 2);
-  __decorateClass$x([
+  __decorateClass$y([
     n$5()
   ], exports2.FlowCheckbox.prototype, "value", 2);
-  __decorateClass$x([
+  __decorateClass$y([
     n$5({ reflect: true })
   ], exports2.FlowCheckbox.prototype, "size", 2);
-  __decorateClass$x([
+  __decorateClass$y([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowCheckbox.prototype, "disabled", 2);
-  __decorateClass$x([
+  __decorateClass$y([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowCheckbox.prototype, "checked", 2);
-  __decorateClass$x([
+  __decorateClass$y([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowCheckbox.prototype, "indeterminate", 2);
-  __decorateClass$x([
+  __decorateClass$y([
     defaultValue("checked")
   ], exports2.FlowCheckbox.prototype, "defaultChecked", 2);
-  __decorateClass$x([
+  __decorateClass$y([
     n$5({ reflect: true })
   ], exports2.FlowCheckbox.prototype, "form", 2);
-  __decorateClass$x([
+  __decorateClass$y([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowCheckbox.prototype, "required", 2);
-  __decorateClass$x([
+  __decorateClass$y([
     watch("disabled", { waitUntilFirstUpdate: true })
   ], exports2.FlowCheckbox.prototype, "handleDisabledChange", 1);
-  __decorateClass$x([
+  __decorateClass$y([
     watch(["checked", "indeterminate"], { waitUntilFirstUpdate: true })
   ], exports2.FlowCheckbox.prototype, "handleStateChange", 1);
-  exports2.FlowCheckbox = __decorateClass$x([
+  exports2.FlowCheckbox = __decorateClass$y([
     e$6("flow-ui-checkbox")
   ], exports2.FlowCheckbox);
   function bound01(n2, max2) {
@@ -8766,7 +8763,7 @@
     const end = allElements.reverse().find((el) => isTabbable(el)) ?? null;
     return { start, end };
   }
-  const styles$w = i$7`
+  const styles$x = i$7`
   ${componentStyles}
 
   :host {
@@ -8817,15 +8814,15 @@
     max-height: var(--auto-size-available-height) !important;
   }
 `;
-  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$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$w(target, key, result);
+      __defProp$x(target, key, result);
     return result;
   };
   exports2.FlowDropdown = class FlowDropdown extends FlowRdfElement {
@@ -9091,44 +9088,44 @@
     `;
     }
   };
-  exports2.FlowDropdown.styles = styles$w;
-  __decorateClass$w([
+  exports2.FlowDropdown.styles = styles$x;
+  __decorateClass$x([
     i$4(".dropdown")
   ], exports2.FlowDropdown.prototype, "popup", 2);
-  __decorateClass$w([
+  __decorateClass$x([
     i$4(".dropdown__trigger")
   ], exports2.FlowDropdown.prototype, "trigger", 2);
-  __decorateClass$w([
+  __decorateClass$x([
     i$4(".dropdown__panel")
   ], exports2.FlowDropdown.prototype, "panel", 2);
-  __decorateClass$w([
+  __decorateClass$x([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowDropdown.prototype, "open", 2);
-  __decorateClass$w([
+  __decorateClass$x([
     n$5({ reflect: true })
   ], exports2.FlowDropdown.prototype, "placement", 2);
-  __decorateClass$w([
+  __decorateClass$x([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowDropdown.prototype, "disabled", 2);
-  __decorateClass$w([
+  __decorateClass$x([
     n$5({ attribute: "stay-open-on-select", type: Boolean, reflect: true })
   ], exports2.FlowDropdown.prototype, "stayOpenOnSelect", 2);
-  __decorateClass$w([
+  __decorateClass$x([
     n$5({ attribute: false })
   ], exports2.FlowDropdown.prototype, "containingElement", 2);
-  __decorateClass$w([
+  __decorateClass$x([
     n$5({ type: Number })
   ], exports2.FlowDropdown.prototype, "distance", 2);
-  __decorateClass$w([
+  __decorateClass$x([
     n$5({ type: Number })
   ], exports2.FlowDropdown.prototype, "skidding", 2);
-  __decorateClass$w([
+  __decorateClass$x([
     n$5({ type: Boolean })
   ], exports2.FlowDropdown.prototype, "hoist", 2);
-  __decorateClass$w([
+  __decorateClass$x([
     watch("open", { waitUntilFirstUpdate: true })
   ], exports2.FlowDropdown.prototype, "handleOpenChange", 1);
-  exports2.FlowDropdown = __decorateClass$w([
+  exports2.FlowDropdown = __decorateClass$x([
     e$6("flow-ui-dropdown")
   ], exports2.FlowDropdown);
   setDefaultAnimation("dropdown.show", {
@@ -9202,7 +9199,7 @@
     margin-top: var(--flow-ui-spacing-2x-small);
   }
 `;
-  const styles$v = i$7`
+  const styles$w = i$7`
   ${componentStyles}
   ${formControlStyles}
 
@@ -9492,15 +9489,15 @@
     -moz-appearance: textfield;
   }
 `;
-  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$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$v(target, key, result);
+      __defProp$w(target, key, result);
     return result;
   };
   exports2.FlowInput = class FlowInput extends FlowRdfElement {
@@ -9822,104 +9819,104 @@
     `;
     }
   };
-  exports2.FlowInput.styles = styles$v;
-  __decorateClass$v([
+  exports2.FlowInput.styles = styles$w;
+  __decorateClass$w([
     i$4(".input__control")
   ], exports2.FlowInput.prototype, "input", 2);
-  __decorateClass$v([
+  __decorateClass$w([
     t$2()
   ], exports2.FlowInput.prototype, "hasFocus", 2);
-  __decorateClass$v([
+  __decorateClass$w([
     n$5()
   ], exports2.FlowInput.prototype, "title", 2);
-  __decorateClass$v([
+  __decorateClass$w([
     n$5({ reflect: true })
   ], exports2.FlowInput.prototype, "type", 2);
-  __decorateClass$v([
+  __decorateClass$w([
     n$5()
   ], exports2.FlowInput.prototype, "name", 2);
-  __decorateClass$v([
+  __decorateClass$w([
     n$5()
   ], exports2.FlowInput.prototype, "value", 2);
-  __decorateClass$v([
+  __decorateClass$w([
     defaultValue()
   ], exports2.FlowInput.prototype, "defaultValue", 2);
-  __decorateClass$v([
+  __decorateClass$w([
     n$5({ reflect: true })
   ], exports2.FlowInput.prototype, "size", 2);
-  __decorateClass$v([
+  __decorateClass$w([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowInput.prototype, "filled", 2);
-  __decorateClass$v([
+  __decorateClass$w([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowInput.prototype, "pill", 2);
-  __decorateClass$v([
+  __decorateClass$w([
     n$5()
   ], exports2.FlowInput.prototype, "label", 2);
-  __decorateClass$v([
+  __decorateClass$w([
     n$5({ attribute: "help-text" })
   ], exports2.FlowInput.prototype, "helpText", 2);
-  __decorateClass$v([
+  __decorateClass$w([
     n$5({ type: Boolean })
   ], exports2.FlowInput.prototype, "clearable", 2);
-  __decorateClass$v([
+  __decorateClass$w([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowInput.prototype, "disabled", 2);
-  __decorateClass$v([
+  __decorateClass$w([
     n$5()
   ], exports2.FlowInput.prototype, "placeholder", 2);
-  __decorateClass$v([
+  __decorateClass$w([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowInput.prototype, "readonly", 2);
-  __decorateClass$v([
+  __decorateClass$w([
     n$5({ attribute: "password-toggle", type: Boolean })
   ], exports2.FlowInput.prototype, "passwordToggle", 2);
-  __decorateClass$v([
+  __decorateClass$w([
     n$5({ attribute: "password-visible", type: Boolean })
   ], exports2.FlowInput.prototype, "passwordVisible", 2);
-  __decorateClass$v([
+  __decorateClass$w([
     n$5({ attribute: "no-spin-buttons", type: Boolean })
   ], exports2.FlowInput.prototype, "noSpinButtons", 2);
-  __decorateClass$v([
+  __decorateClass$w([
     n$5({ reflect: true })
   ], exports2.FlowInput.prototype, "form", 2);
-  __decorateClass$v([
+  __decorateClass$w([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowInput.prototype, "required", 2);
-  __decorateClass$v([
+  __decorateClass$w([
     n$5()
   ], exports2.FlowInput.prototype, "pattern", 2);
-  __decorateClass$v([
+  __decorateClass$w([
     n$5({ type: Number })
   ], exports2.FlowInput.prototype, "minlength", 2);
-  __decorateClass$v([
+  __decorateClass$w([
     n$5({ type: Number })
   ], exports2.FlowInput.prototype, "maxlength", 2);
-  __decorateClass$v([
+  __decorateClass$w([
     n$5()
   ], exports2.FlowInput.prototype, "min", 2);
-  __decorateClass$v([
+  __decorateClass$w([
     n$5()
   ], exports2.FlowInput.prototype, "max", 2);
-  __decorateClass$v([
+  __decorateClass$w([
     n$5()
   ], exports2.FlowInput.prototype, "step", 2);
-  __decorateClass$v([
+  __decorateClass$w([
     n$5()
   ], exports2.FlowInput.prototype, "autocapitalize", 2);
-  __decorateClass$v([
+  __decorateClass$w([
     n$5()
   ], exports2.FlowInput.prototype, "autocorrect", 2);
-  __decorateClass$v([
+  __decorateClass$w([
     n$5()
   ], exports2.FlowInput.prototype, "autocomplete", 2);
-  __decorateClass$v([
+  __decorateClass$w([
     n$5({ type: Boolean })
   ], exports2.FlowInput.prototype, "autofocus", 2);
-  __decorateClass$v([
+  __decorateClass$w([
     n$5()
   ], exports2.FlowInput.prototype, "enterkeyhint", 2);
-  __decorateClass$v([
+  __decorateClass$w([
     n$5({
       type: Boolean,
       converter: {
@@ -9929,22 +9926,22 @@
       }
     })
   ], exports2.FlowInput.prototype, "spellcheck", 2);
-  __decorateClass$v([
+  __decorateClass$w([
     n$5()
   ], exports2.FlowInput.prototype, "inputmode", 2);
-  __decorateClass$v([
+  __decorateClass$w([
     watch("disabled", { waitUntilFirstUpdate: true })
   ], exports2.FlowInput.prototype, "handleDisabledChange", 1);
-  __decorateClass$v([
+  __decorateClass$w([
     watch("step", { waitUntilFirstUpdate: true })
   ], exports2.FlowInput.prototype, "handleStepChange", 1);
-  __decorateClass$v([
+  __decorateClass$w([
     watch("value", { waitUntilFirstUpdate: true })
   ], exports2.FlowInput.prototype, "handleValueChange", 1);
-  exports2.FlowInput = __decorateClass$v([
+  exports2.FlowInput = __decorateClass$w([
     e$6("flow-ui-input")
   ], exports2.FlowInput);
-  const styles$u = i$7`
+  const styles$v = i$7`
   ${componentStyles}
 
   :host(:not(:focus-within)) {
@@ -9959,15 +9956,15 @@
     padding: 0 !important;
   }
 `;
-  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$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$u(target, key, result);
+      __defProp$v(target, key, result);
     return result;
   };
   exports2.FlowVisuallyHidden = class FlowVisuallyHidden extends FlowRdfElement {
@@ -9975,11 +9972,11 @@
       return x$1` <slot></slot> `;
     }
   };
-  exports2.FlowVisuallyHidden.styles = styles$u;
-  exports2.FlowVisuallyHidden = __decorateClass$u([
+  exports2.FlowVisuallyHidden.styles = styles$v;
+  exports2.FlowVisuallyHidden = __decorateClass$v([
     e$6("flow-ui-visually-hidden")
   ], exports2.FlowVisuallyHidden);
-  const styles$t = i$7`
+  const styles$u = i$7`
   ${componentStyles}
 
   :host {
@@ -10311,15 +10308,15 @@
     cursor: not-allowed;
   }
 `;
-  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$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$t(target, key, result);
+      __defProp$u(target, key, result);
     return result;
   };
   const hasEyeDropper = "EyeDropper" in window;
@@ -11104,113 +11101,113 @@
     `;
     }
   };
-  exports2.FlowColorPicker.styles = styles$t;
-  __decorateClass$t([
+  exports2.FlowColorPicker.styles = styles$u;
+  __decorateClass$u([
     i$4('[part~="base"]')
   ], exports2.FlowColorPicker.prototype, "base", 2);
-  __decorateClass$t([
+  __decorateClass$u([
     i$4('[part~="input"]')
   ], exports2.FlowColorPicker.prototype, "input", 2);
-  __decorateClass$t([
+  __decorateClass$u([
     i$4(".color-dropdown")
   ], exports2.FlowColorPicker.prototype, "dropdown", 2);
-  __decorateClass$t([
+  __decorateClass$u([
     i$4('[part~="preview"]')
   ], exports2.FlowColorPicker.prototype, "previewButton", 2);
-  __decorateClass$t([
+  __decorateClass$u([
     i$4('[part~="trigger"]')
   ], exports2.FlowColorPicker.prototype, "trigger", 2);
-  __decorateClass$t([
+  __decorateClass$u([
     t$2()
   ], exports2.FlowColorPicker.prototype, "hasFocus", 2);
-  __decorateClass$t([
+  __decorateClass$u([
     t$2()
   ], exports2.FlowColorPicker.prototype, "isDraggingGridHandle", 2);
-  __decorateClass$t([
+  __decorateClass$u([
     t$2()
   ], exports2.FlowColorPicker.prototype, "isEmpty", 2);
-  __decorateClass$t([
+  __decorateClass$u([
     t$2()
   ], exports2.FlowColorPicker.prototype, "inputValue", 2);
-  __decorateClass$t([
+  __decorateClass$u([
     t$2()
   ], exports2.FlowColorPicker.prototype, "hue", 2);
-  __decorateClass$t([
+  __decorateClass$u([
     t$2()
   ], exports2.FlowColorPicker.prototype, "saturation", 2);
-  __decorateClass$t([
+  __decorateClass$u([
     t$2()
   ], exports2.FlowColorPicker.prototype, "brightness", 2);
-  __decorateClass$t([
+  __decorateClass$u([
     t$2()
   ], exports2.FlowColorPicker.prototype, "alpha", 2);
-  __decorateClass$t([
+  __decorateClass$u([
     n$5()
   ], exports2.FlowColorPicker.prototype, "value", 2);
-  __decorateClass$t([
+  __decorateClass$u([
     defaultValue()
   ], exports2.FlowColorPicker.prototype, "defaultValue", 2);
-  __decorateClass$t([
+  __decorateClass$u([
     n$5()
   ], exports2.FlowColorPicker.prototype, "label", 2);
-  __decorateClass$t([
+  __decorateClass$u([
     n$5()
   ], exports2.FlowColorPicker.prototype, "format", 2);
-  __decorateClass$t([
+  __decorateClass$u([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowColorPicker.prototype, "inline", 2);
-  __decorateClass$t([
+  __decorateClass$u([
     n$5({ reflect: true })
   ], exports2.FlowColorPicker.prototype, "size", 2);
-  __decorateClass$t([
+  __decorateClass$u([
     n$5({ attribute: "no-format-toggle", type: Boolean })
   ], exports2.FlowColorPicker.prototype, "noFormatToggle", 2);
-  __decorateClass$t([
+  __decorateClass$u([
     n$5()
   ], exports2.FlowColorPicker.prototype, "name", 2);
-  __decorateClass$t([
+  __decorateClass$u([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowColorPicker.prototype, "disabled", 2);
-  __decorateClass$t([
+  __decorateClass$u([
     n$5({ reflect: true })
   ], exports2.FlowColorPicker.prototype, "placement", 2);
-  __decorateClass$t([
+  __decorateClass$u([
     n$5({ type: Number })
   ], exports2.FlowColorPicker.prototype, "distance", 2);
-  __decorateClass$t([
+  __decorateClass$u([
     n$5({ type: Number })
   ], exports2.FlowColorPicker.prototype, "skidding", 2);
-  __decorateClass$t([
+  __decorateClass$u([
     n$5({ type: Boolean })
   ], exports2.FlowColorPicker.prototype, "hoist", 2);
-  __decorateClass$t([
+  __decorateClass$u([
     n$5({ type: Boolean })
   ], exports2.FlowColorPicker.prototype, "opacity", 2);
-  __decorateClass$t([
+  __decorateClass$u([
     n$5({ type: Boolean })
   ], exports2.FlowColorPicker.prototype, "uppercase", 2);
-  __decorateClass$t([
+  __decorateClass$u([
     n$5()
   ], exports2.FlowColorPicker.prototype, "swatches", 2);
-  __decorateClass$t([
+  __decorateClass$u([
     n$5({ reflect: true })
   ], exports2.FlowColorPicker.prototype, "form", 2);
-  __decorateClass$t([
+  __decorateClass$u([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowColorPicker.prototype, "required", 2);
-  __decorateClass$t([
+  __decorateClass$u([
     watch("format", { waitUntilFirstUpdate: true })
   ], exports2.FlowColorPicker.prototype, "handleFormatChange", 1);
-  __decorateClass$t([
+  __decorateClass$u([
     watch("opacity", { waitUntilFirstUpdate: true })
   ], exports2.FlowColorPicker.prototype, "handleOpacityChange", 1);
-  __decorateClass$t([
+  __decorateClass$u([
     watch("value")
   ], exports2.FlowColorPicker.prototype, "handleValueChange", 1);
-  exports2.FlowColorPicker = __decorateClass$t([
+  exports2.FlowColorPicker = __decorateClass$u([
     e$6("flow-ui-color-picker")
   ], exports2.FlowColorPicker);
-  const styles$s = i$7`
+  const styles$t = i$7`
   ${componentStyles}
 
   :host {
@@ -11290,15 +11287,15 @@
     padding: var(--flow-ui-spacing-medium);
   }
 `;
-  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$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$s(target, key, result);
+      __defProp$t(target, key, result);
     return result;
   };
   exports2.FlowDetails = class FlowDetails extends FlowRdfElement {
@@ -11426,32 +11423,32 @@
     `;
     }
   };
-  exports2.FlowDetails.styles = styles$s;
-  __decorateClass$s([
+  exports2.FlowDetails.styles = styles$t;
+  __decorateClass$t([
     i$4(".details")
   ], exports2.FlowDetails.prototype, "details", 2);
-  __decorateClass$s([
+  __decorateClass$t([
     i$4(".details__header")
   ], exports2.FlowDetails.prototype, "header", 2);
-  __decorateClass$s([
+  __decorateClass$t([
     i$4(".details__body")
   ], exports2.FlowDetails.prototype, "body", 2);
-  __decorateClass$s([
+  __decorateClass$t([
     i$4(".details__expand-icon-slot")
   ], exports2.FlowDetails.prototype, "expandIconSlot", 2);
-  __decorateClass$s([
+  __decorateClass$t([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowDetails.prototype, "open", 2);
-  __decorateClass$s([
+  __decorateClass$t([
     n$5()
   ], exports2.FlowDetails.prototype, "summary", 2);
-  __decorateClass$s([
+  __decorateClass$t([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowDetails.prototype, "disabled", 2);
-  __decorateClass$s([
+  __decorateClass$t([
     watch("open", { waitUntilFirstUpdate: true })
   ], exports2.FlowDetails.prototype, "handleOpenChange", 1);
-  exports2.FlowDetails = __decorateClass$s([
+  exports2.FlowDetails = __decorateClass$t([
     e$6("flow-ui-details")
   ], exports2.FlowDetails);
   setDefaultAnimation("details.show", {
@@ -11565,7 +11562,7 @@
       }
     }
   }
-  const styles$r = i$7`
+  const styles$s = i$7`
   ${componentStyles}
 
   :host {
@@ -11685,15 +11682,15 @@
     }
   }
 `;
-  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$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$r(target, key, result);
+      __defProp$s(target, key, result);
     return result;
   };
   exports2.FlowDialog = class FlowDialog extends FlowRdfElement {
@@ -11873,29 +11870,29 @@
     `;
     }
   };
-  exports2.FlowDialog.styles = styles$r;
-  __decorateClass$r([
+  exports2.FlowDialog.styles = styles$s;
+  __decorateClass$s([
     i$4(".dialog")
   ], exports2.FlowDialog.prototype, "dialog", 2);
-  __decorateClass$r([
+  __decorateClass$s([
     i$4(".dialog__panel")
   ], exports2.FlowDialog.prototype, "panel", 2);
-  __decorateClass$r([
+  __decorateClass$s([
     i$4(".dialog__overlay")
   ], exports2.FlowDialog.prototype, "overlay", 2);
-  __decorateClass$r([
+  __decorateClass$s([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowDialog.prototype, "open", 2);
-  __decorateClass$r([
+  __decorateClass$s([
     n$5({ reflect: true })
   ], exports2.FlowDialog.prototype, "label", 2);
-  __decorateClass$r([
+  __decorateClass$s([
     n$5({ attribute: "no-header", type: Boolean, reflect: true })
   ], exports2.FlowDialog.prototype, "noHeader", 2);
-  __decorateClass$r([
+  __decorateClass$s([
     watch("open", { waitUntilFirstUpdate: true })
   ], exports2.FlowDialog.prototype, "handleOpenChange", 1);
-  exports2.FlowDialog = __decorateClass$r([
+  exports2.FlowDialog = __decorateClass$s([
     e$6("flow-ui-dialog")
   ], exports2.FlowDialog);
   setDefaultAnimation("dialog.show", {
@@ -11924,7 +11921,7 @@
     keyframes: [{ opacity: 1 }, { opacity: 0 }],
     options: { duration: 250 }
   });
-  const styles$q = i$7`
+  const styles$r = i$7`
   ${componentStyles}
 
   :host {
@@ -11953,15 +11950,15 @@
     padding: var(--inset) 0;
   }
 `;
-  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$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$q(target, key, result);
+      __defProp$r(target, key, result);
     return result;
   };
   exports2.FlowDivider = class FlowDivider extends FlowRdfElement {
@@ -11982,20 +11979,20 @@
       }
     */
   };
-  exports2.FlowDivider.styles = styles$q;
-  __decorateClass$q([
+  exports2.FlowDivider.styles = styles$r;
+  __decorateClass$r([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowDivider.prototype, "vertical", 2);
-  __decorateClass$q([
+  __decorateClass$r([
     watch("vertical")
   ], exports2.FlowDivider.prototype, "handleVerticalChange", 1);
-  exports2.FlowDivider = __decorateClass$q([
+  exports2.FlowDivider = __decorateClass$r([
     e$6("flow-ui-divider")
   ], exports2.FlowDivider);
   function uppercaseFirstLetter(string) {
     return string.charAt(0).toUpperCase() + string.slice(1);
   }
-  const styles$p = i$7`
+  const styles$q = i$7`
   ${componentStyles}
 
   :host {
@@ -12151,15 +12148,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$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$p(target, key, result);
+      __defProp$q(target, key, result);
     return result;
   };
   exports2.FlowDrawer = class FlowDrawer extends FlowRdfElement {
@@ -12369,38 +12366,38 @@
     `;
     }
   };
-  exports2.FlowDrawer.styles = styles$p;
-  __decorateClass$p([
+  exports2.FlowDrawer.styles = styles$q;
+  __decorateClass$q([
     i$4(".drawer")
   ], exports2.FlowDrawer.prototype, "drawer", 2);
-  __decorateClass$p([
+  __decorateClass$q([
     i$4(".drawer__panel")
   ], exports2.FlowDrawer.prototype, "panel", 2);
-  __decorateClass$p([
+  __decorateClass$q([
     i$4(".drawer__overlay")
   ], exports2.FlowDrawer.prototype, "overlay", 2);
-  __decorateClass$p([
+  __decorateClass$q([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowDrawer.prototype, "open", 2);
-  __decorateClass$p([
+  __decorateClass$q([
     n$5({ reflect: true })
   ], exports2.FlowDrawer.prototype, "label", 2);
-  __decorateClass$p([
+  __decorateClass$q([
     n$5({ reflect: true })
   ], exports2.FlowDrawer.prototype, "placement", 2);
-  __decorateClass$p([
+  __decorateClass$q([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowDrawer.prototype, "contained", 2);
-  __decorateClass$p([
+  __decorateClass$q([
     n$5({ attribute: "no-header", type: Boolean, reflect: true })
   ], exports2.FlowDrawer.prototype, "noHeader", 2);
-  __decorateClass$p([
+  __decorateClass$q([
     watch("open", { waitUntilFirstUpdate: true })
   ], exports2.FlowDrawer.prototype, "handleOpenChange", 1);
-  __decorateClass$p([
+  __decorateClass$q([
     watch("contained", { waitUntilFirstUpdate: true })
   ], exports2.FlowDrawer.prototype, "handleNoModalChange", 1);
-  exports2.FlowDrawer = __decorateClass$p([
+  exports2.FlowDrawer = __decorateClass$q([
     e$6("flow-ui-drawer")
   ], exports2.FlowDrawer);
   setDefaultAnimation("drawer.showTop", {
@@ -12487,7 +12484,8 @@
     keyframes: [{ opacity: 1 }, { opacity: 0 }],
     options: { duration: 250 }
   });
-  const styles$o = i$7`
+  FlowIconButton.define("flow-ui-icon-button");
+  const styles$p = i$7`
   ${componentStyles}
 
   :host {
@@ -12585,15 +12583,15 @@
     }
   }
 `;
-  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$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$o(target, key, result);
+      __defProp$p(target, key, result);
     return result;
   };
   exports2.FlowMenuItem = class FlowMenuItem extends FlowRdfElement {
@@ -12687,38 +12685,38 @@
     `;
     }
   };
-  exports2.FlowMenuItem.styles = styles$o;
-  __decorateClass$o([
+  exports2.FlowMenuItem.styles = styles$p;
+  __decorateClass$p([
     i$4("slot:not([name])")
   ], exports2.FlowMenuItem.prototype, "defaultSlot", 2);
-  __decorateClass$o([
+  __decorateClass$p([
     i$4(".menu-item")
   ], exports2.FlowMenuItem.prototype, "menuItem", 2);
-  __decorateClass$o([
+  __decorateClass$p([
     n$5()
   ], exports2.FlowMenuItem.prototype, "type", 2);
-  __decorateClass$o([
+  __decorateClass$p([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowMenuItem.prototype, "checked", 2);
-  __decorateClass$o([
+  __decorateClass$p([
     n$5()
   ], exports2.FlowMenuItem.prototype, "value", 2);
-  __decorateClass$o([
+  __decorateClass$p([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowMenuItem.prototype, "disabled", 2);
-  __decorateClass$o([
+  __decorateClass$p([
     watch("checked")
   ], exports2.FlowMenuItem.prototype, "handleCheckedChange", 1);
-  __decorateClass$o([
+  __decorateClass$p([
     watch("disabled")
   ], exports2.FlowMenuItem.prototype, "handleDisabledChange", 1);
-  __decorateClass$o([
+  __decorateClass$p([
     watch("type")
   ], exports2.FlowMenuItem.prototype, "handleTypeChange", 1);
-  exports2.FlowMenuItem = __decorateClass$o([
+  exports2.FlowMenuItem = __decorateClass$p([
     e$6("flow-ui-menu-item")
   ], exports2.FlowMenuItem);
-  const styles$n = i$7`
+  const styles$o = i$7`
   ${componentStyles}
 
   :host {
@@ -12737,15 +12735,15 @@
     user-select: 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;
-    for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-      if (decorator = decorators[i2])
+  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$n(target, key, result);
+      __defProp$o(target, key, result);
     return result;
   };
   exports2.FlowMenuLabel = class FlowMenuLabel extends FlowRdfElement {
@@ -12753,11 +12751,11 @@
       return x$1` <slot part="base" class="menu-label"></slot> `;
     }
   };
-  exports2.FlowMenuLabel.styles = styles$n;
-  exports2.FlowMenuLabel = __decorateClass$n([
+  exports2.FlowMenuLabel.styles = styles$o;
+  exports2.FlowMenuLabel = __decorateClass$o([
     e$6("flow-ui-menu-label")
   ], exports2.FlowMenuLabel);
-  const styles$m = i$7`
+  const styles$n = i$7`
   ${componentStyles}
 
   :host {
@@ -12775,15 +12773,15 @@
     --spacing: 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$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$m(target, key, result);
+      __defProp$n(target, key, result);
     return result;
   };
   exports2.FlowMenu = class FlowMenu extends FlowRdfElement {
@@ -12889,29 +12887,29 @@
     `;
     }
   };
-  exports2.FlowMenu.styles = styles$m;
-  __decorateClass$m([
+  exports2.FlowMenu.styles = styles$n;
+  __decorateClass$n([
     i$4("slot")
   ], exports2.FlowMenu.prototype, "defaultSlot", 2);
-  exports2.FlowMenu = __decorateClass$m([
+  exports2.FlowMenu = __decorateClass$n([
     e$6("flow-ui-menu")
   ], exports2.FlowMenu);
-  const styles$l = i$7`
+  const styles$m = i$7`
   ${componentStyles}
 
   :host {
     display: contents;
   }
 `;
-  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$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$l(target, key, result);
+      __defProp$m(target, key, result);
     return result;
   };
   exports2.FlowMutationObserver = class FlowMutationObserver extends FlowRdfElement {
@@ -12973,39 +12971,39 @@
       return x$1` <slot></slot> `;
     }
   };
-  exports2.FlowMutationObserver.styles = styles$l;
-  __decorateClass$l([
+  exports2.FlowMutationObserver.styles = styles$m;
+  __decorateClass$m([
     n$5({ reflect: true })
   ], exports2.FlowMutationObserver.prototype, "attr", 2);
-  __decorateClass$l([
+  __decorateClass$m([
     n$5({ attribute: "attr-old-value", type: Boolean, reflect: true })
   ], exports2.FlowMutationObserver.prototype, "attrOldValue", 2);
-  __decorateClass$l([
+  __decorateClass$m([
     n$5({ attribute: "char-data", type: Boolean, reflect: true })
   ], exports2.FlowMutationObserver.prototype, "charData", 2);
-  __decorateClass$l([
+  __decorateClass$m([
     n$5({ attribute: "char-data-old-value", type: Boolean, reflect: true })
   ], exports2.FlowMutationObserver.prototype, "charDataOldValue", 2);
-  __decorateClass$l([
+  __decorateClass$m([
     n$5({ attribute: "child-list", type: Boolean, reflect: true })
   ], exports2.FlowMutationObserver.prototype, "childList", 2);
-  __decorateClass$l([
+  __decorateClass$m([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowMutationObserver.prototype, "disabled", 2);
-  __decorateClass$l([
+  __decorateClass$m([
     watch("disabled")
   ], exports2.FlowMutationObserver.prototype, "handleDisabledChange", 1);
-  __decorateClass$l([
+  __decorateClass$m([
     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$l([
+  exports2.FlowMutationObserver = __decorateClass$m([
     e$6("flow-ui-mutation-observer")
   ], exports2.FlowMutationObserver);
-  const styles$k = i$7`
+  const styles$l = i$7`
   ${componentStyles}
 
   :host {
@@ -13091,15 +13089,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$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$k(target, key, result);
+      __defProp$l(target, key, result);
     return result;
   };
   exports2.FlowOption = class FlowOption extends FlowRdfElement {
@@ -13175,38 +13173,38 @@
     `;
     }
   };
-  exports2.FlowOption.styles = styles$k;
-  __decorateClass$k([
+  exports2.FlowOption.styles = styles$l;
+  __decorateClass$l([
     i$4(".option__label")
   ], exports2.FlowOption.prototype, "defaultSlot", 2);
-  __decorateClass$k([
+  __decorateClass$l([
     t$2()
   ], exports2.FlowOption.prototype, "current", 2);
-  __decorateClass$k([
+  __decorateClass$l([
     t$2()
   ], exports2.FlowOption.prototype, "selected", 2);
-  __decorateClass$k([
+  __decorateClass$l([
     t$2()
   ], exports2.FlowOption.prototype, "hasHover", 2);
-  __decorateClass$k([
+  __decorateClass$l([
     n$5({ reflect: true })
   ], exports2.FlowOption.prototype, "value", 2);
-  __decorateClass$k([
+  __decorateClass$l([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowOption.prototype, "disabled", 2);
-  __decorateClass$k([
+  __decorateClass$l([
     watch("disabled")
   ], exports2.FlowOption.prototype, "handleDisabledChange", 1);
-  __decorateClass$k([
+  __decorateClass$l([
     watch("selected")
   ], exports2.FlowOption.prototype, "handleSelectedChange", 1);
-  __decorateClass$k([
+  __decorateClass$l([
     watch("value")
   ], exports2.FlowOption.prototype, "handleValueChange", 1);
-  exports2.FlowOption = __decorateClass$k([
+  exports2.FlowOption = __decorateClass$l([
     e$6("flow-ui-option")
   ], exports2.FlowOption);
-  const styles$j = i$7`
+  const styles$k = i$7`
   ${componentStyles}
 
   :host {
@@ -13288,15 +13286,15 @@
     }
   }
 `;
-  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$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$j(target, key, result);
+      __defProp$k(target, key, result);
     return result;
   };
   exports2.FlowProgressBar = class FlowProgressBar extends FlowRdfElement {
@@ -13330,20 +13328,20 @@
     `;
     }
   };
-  exports2.FlowProgressBar.styles = styles$j;
-  __decorateClass$j([
+  exports2.FlowProgressBar.styles = styles$k;
+  __decorateClass$k([
     n$5({ type: Number, reflect: true })
   ], exports2.FlowProgressBar.prototype, "value", 2);
-  __decorateClass$j([
+  __decorateClass$k([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowProgressBar.prototype, "indeterminate", 2);
-  __decorateClass$j([
+  __decorateClass$k([
     n$5()
   ], exports2.FlowProgressBar.prototype, "label", 2);
-  exports2.FlowProgressBar = __decorateClass$j([
+  exports2.FlowProgressBar = __decorateClass$k([
     e$6("flow-ui-progress-bar")
   ], exports2.FlowProgressBar);
-  const styles$i = i$7`
+  const styles$j = i$7`
   ${componentStyles}
 
   :host {
@@ -13410,15 +13408,15 @@
     user-select: none;
   }
 `;
-  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$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$i(target, key, result);
+      __defProp$j(target, key, result);
     return result;
   };
   exports2.FlowProgressRing = class FlowProgressRing extends FlowRdfElement {
@@ -13460,23 +13458,23 @@
     `;
     }
   };
-  exports2.FlowProgressRing.styles = styles$i;
-  __decorateClass$i([
+  exports2.FlowProgressRing.styles = styles$j;
+  __decorateClass$j([
     i$4(".progress-ring__indicator")
   ], exports2.FlowProgressRing.prototype, "indicator", 2);
-  __decorateClass$i([
+  __decorateClass$j([
     t$2()
   ], exports2.FlowProgressRing.prototype, "indicatorOffset", 2);
-  __decorateClass$i([
+  __decorateClass$j([
     n$5({ type: Number, reflect: true })
   ], exports2.FlowProgressRing.prototype, "value", 2);
-  __decorateClass$i([
+  __decorateClass$j([
     n$5()
   ], exports2.FlowProgressRing.prototype, "label", 2);
-  exports2.FlowProgressRing = __decorateClass$i([
+  exports2.FlowProgressRing = __decorateClass$j([
     e$6("flow-ui-progress-ring")
   ], exports2.FlowProgressRing);
-  const styles$h = i$7`
+  const styles$i = i$7`
   ${componentStyles}
   ${formControlStyles}
 
@@ -13511,15 +13509,15 @@
     border: 0;
   }
 `;
-  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$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$h(target, key, result);
+      __defProp$i(target, key, result);
     return result;
   };
   exports2.FlowRadioGroup = class FlowRadioGroup extends FlowRdfElement {
@@ -13758,53 +13756,53 @@
     `;
     }
   };
-  exports2.FlowRadioGroup.styles = styles$h;
-  __decorateClass$h([
+  exports2.FlowRadioGroup.styles = styles$i;
+  __decorateClass$i([
     i$4("slot:not([name])")
   ], exports2.FlowRadioGroup.prototype, "defaultSlot", 2);
-  __decorateClass$h([
+  __decorateClass$i([
     i$4(".radio-group__validation-input")
   ], exports2.FlowRadioGroup.prototype, "validationInput", 2);
-  __decorateClass$h([
+  __decorateClass$i([
     t$2()
   ], exports2.FlowRadioGroup.prototype, "errorMessage", 2);
-  __decorateClass$h([
+  __decorateClass$i([
     t$2()
   ], exports2.FlowRadioGroup.prototype, "defaultValue", 2);
-  __decorateClass$h([
+  __decorateClass$i([
     n$5()
   ], exports2.FlowRadioGroup.prototype, "label", 2);
-  __decorateClass$h([
+  __decorateClass$i([
     n$5({ attribute: "help-text" })
   ], exports2.FlowRadioGroup.prototype, "helpText", 2);
-  __decorateClass$h([
+  __decorateClass$i([
     n$5()
   ], exports2.FlowRadioGroup.prototype, "name", 2);
-  __decorateClass$h([
+  __decorateClass$i([
     n$5({ reflect: true })
   ], exports2.FlowRadioGroup.prototype, "value", 2);
-  __decorateClass$h([
+  __decorateClass$i([
     n$5({ reflect: true })
   ], exports2.FlowRadioGroup.prototype, "size", 2);
-  __decorateClass$h([
+  __decorateClass$i([
     n$5({ reflect: true })
   ], exports2.FlowRadioGroup.prototype, "form", 2);
-  __decorateClass$h([
+  __decorateClass$i([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowRadioGroup.prototype, "required", 2);
-  __decorateClass$h([
+  __decorateClass$i([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowRadioGroup.prototype, "vertical", 2);
-  __decorateClass$h([
+  __decorateClass$i([
     watch("size", { waitUntilFirstUpdate: true })
   ], exports2.FlowRadioGroup.prototype, "handleSizeChange", 1);
-  __decorateClass$h([
+  __decorateClass$i([
     watch("value")
   ], exports2.FlowRadioGroup.prototype, "handleValueChange", 1);
-  exports2.FlowRadioGroup = __decorateClass$h([
+  exports2.FlowRadioGroup = __decorateClass$i([
     e$6("flow-ui-radio-group")
   ], exports2.FlowRadioGroup);
-  const styles$g = i$7`
+  const styles$h = i$7`
   ${componentStyles}
 
   :host {
@@ -13915,15 +13913,15 @@
     user-select: none;
   }
 `;
-  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$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$g(target, key, result);
+      __defProp$h(target, key, result);
     return result;
   };
   exports2.FlowRadio = class FlowRadio extends FlowRdfElement {
@@ -14003,32 +14001,32 @@
     `;
     }
   };
-  exports2.FlowRadio.styles = styles$g;
-  __decorateClass$g([
+  exports2.FlowRadio.styles = styles$h;
+  __decorateClass$h([
     t$2()
   ], exports2.FlowRadio.prototype, "checked", 2);
-  __decorateClass$g([
+  __decorateClass$h([
     t$2()
   ], exports2.FlowRadio.prototype, "hasFocus", 2);
-  __decorateClass$g([
+  __decorateClass$h([
     n$5()
   ], exports2.FlowRadio.prototype, "value", 2);
-  __decorateClass$g([
+  __decorateClass$h([
     n$5({ reflect: true })
   ], exports2.FlowRadio.prototype, "size", 2);
-  __decorateClass$g([
+  __decorateClass$h([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowRadio.prototype, "disabled", 2);
-  __decorateClass$g([
+  __decorateClass$h([
     watch("checked")
   ], exports2.FlowRadio.prototype, "handleCheckedChange", 1);
-  __decorateClass$g([
+  __decorateClass$h([
     watch("disabled", { waitUntilFirstUpdate: true })
   ], exports2.FlowRadio.prototype, "handleDisabledChange", 1);
-  exports2.FlowRadio = __decorateClass$g([
+  exports2.FlowRadio = __decorateClass$h([
     e$6("flow-ui-radio")
   ], exports2.FlowRadio);
-  const styles$f = i$7`
+  const styles$g = i$7`
   ${componentStyles}
   ${formControlStyles}
 
@@ -14255,15 +14253,15 @@
     }
   }
 `;
-  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$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$f(target, key, result);
+      __defProp$g(target, key, result);
     return result;
   };
   exports2.FlowRange = class FlowRange extends FlowRdfElement {
@@ -14498,89 +14496,89 @@
     `;
     }
   };
-  exports2.FlowRange.styles = styles$f;
-  __decorateClass$f([
+  exports2.FlowRange.styles = styles$g;
+  __decorateClass$g([
     i$4(".range__control")
   ], exports2.FlowRange.prototype, "input", 2);
-  __decorateClass$f([
+  __decorateClass$g([
     i$4(".range__tooltip")
   ], exports2.FlowRange.prototype, "output", 2);
-  __decorateClass$f([
+  __decorateClass$g([
     t$2()
   ], exports2.FlowRange.prototype, "hasFocus", 2);
-  __decorateClass$f([
+  __decorateClass$g([
     t$2()
   ], exports2.FlowRange.prototype, "hasTooltip", 2);
-  __decorateClass$f([
+  __decorateClass$g([
     n$5()
   ], exports2.FlowRange.prototype, "title", 2);
-  __decorateClass$f([
+  __decorateClass$g([
     n$5()
   ], exports2.FlowRange.prototype, "name", 2);
-  __decorateClass$f([
+  __decorateClass$g([
     n$5({ type: Number })
   ], exports2.FlowRange.prototype, "value", 2);
-  __decorateClass$f([
+  __decorateClass$g([
     n$5()
   ], exports2.FlowRange.prototype, "label", 2);
-  __decorateClass$f([
+  __decorateClass$g([
     n$5({ attribute: "help-text" })
   ], exports2.FlowRange.prototype, "helpText", 2);
-  __decorateClass$f([
+  __decorateClass$g([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowRange.prototype, "disabled", 2);
-  __decorateClass$f([
+  __decorateClass$g([
     n$5({ type: Number })
   ], exports2.FlowRange.prototype, "min", 2);
-  __decorateClass$f([
+  __decorateClass$g([
     n$5({ type: Number })
   ], exports2.FlowRange.prototype, "max", 2);
-  __decorateClass$f([
+  __decorateClass$g([
     n$5({ type: Number })
   ], exports2.FlowRange.prototype, "step", 2);
-  __decorateClass$f([
+  __decorateClass$g([
     n$5()
   ], exports2.FlowRange.prototype, "tooltip", 2);
-  __decorateClass$f([
+  __decorateClass$g([
     n$5({ attribute: false })
   ], exports2.FlowRange.prototype, "tooltipFormatter", 2);
-  __decorateClass$f([
+  __decorateClass$g([
     n$5({ reflect: true })
   ], exports2.FlowRange.prototype, "form", 2);
-  __decorateClass$f([
+  __decorateClass$g([
     defaultValue()
   ], exports2.FlowRange.prototype, "defaultValue", 2);
-  __decorateClass$f([
+  __decorateClass$g([
     e$4({ passive: true })
   ], exports2.FlowRange.prototype, "handleThumbDragStart", 1);
-  __decorateClass$f([
+  __decorateClass$g([
     watch("value", { waitUntilFirstUpdate: true })
   ], exports2.FlowRange.prototype, "handleValueChange", 1);
-  __decorateClass$f([
+  __decorateClass$g([
     watch("disabled", { waitUntilFirstUpdate: true })
   ], exports2.FlowRange.prototype, "handleDisabledChange", 1);
-  __decorateClass$f([
+  __decorateClass$g([
     watch("hasTooltip", { waitUntilFirstUpdate: true })
   ], exports2.FlowRange.prototype, "syncRange", 1);
-  exports2.FlowRange = __decorateClass$f([
+  exports2.FlowRange = __decorateClass$g([
     e$6("flow-ui-range")
   ], exports2.FlowRange);
-  const styles$e = i$7`
+  const styles$f = i$7`
   ${componentStyles}
 
   :host {
     display: contents;
   }
 `;
-  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$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$e(target, key, result);
+      __defProp$f(target, key, result);
     return result;
   };
   exports2.FlowResizeObserver = class FlowResizeObserver extends FlowRdfElement {
@@ -14633,17 +14631,17 @@
       return x$1` <slot @slotchange=${this.handleSlotChange}></slot> `;
     }
   };
-  exports2.FlowResizeObserver.styles = styles$e;
-  __decorateClass$e([
+  exports2.FlowResizeObserver.styles = styles$f;
+  __decorateClass$f([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowResizeObserver.prototype, "disabled", 2);
-  __decorateClass$e([
+  __decorateClass$f([
     watch("disabled", { waitUntilFirstUpdate: true })
   ], exports2.FlowResizeObserver.prototype, "handleDisabledChange", 1);
-  exports2.FlowResizeObserver = __decorateClass$e([
+  exports2.FlowResizeObserver = __decorateClass$f([
     e$6("flow-ui-resize-observer")
   ], exports2.FlowResizeObserver);
-  const styles$d = i$7`
+  const styles$e = i$7`
   ${componentStyles}
 
   :host {
@@ -14758,15 +14756,15 @@
     border-radius: var(--flow-ui-border-radius-pill);
   }
 `;
-  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$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$d(target, key, result);
+      __defProp$e(target, key, result);
     return result;
   };
   exports2.FlowTag = class FlowTag extends FlowRdfElement {
@@ -14821,23 +14819,23 @@
     `;
     }
   };
-  exports2.FlowTag.styles = styles$d;
-  __decorateClass$d([
+  exports2.FlowTag.styles = styles$e;
+  __decorateClass$e([
     n$5({ reflect: true })
   ], exports2.FlowTag.prototype, "variant", 2);
-  __decorateClass$d([
+  __decorateClass$e([
     n$5({ reflect: true })
   ], exports2.FlowTag.prototype, "size", 2);
-  __decorateClass$d([
+  __decorateClass$e([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowTag.prototype, "pill", 2);
-  __decorateClass$d([
+  __decorateClass$e([
     n$5({ type: Boolean })
   ], exports2.FlowTag.prototype, "removable", 2);
-  exports2.FlowTag = __decorateClass$d([
+  exports2.FlowTag = __decorateClass$e([
     e$6("flow-ui-tag")
   ], exports2.FlowTag);
-  const styles$c = i$7`
+  const styles$d = i$7`
   ${componentStyles}
   ${formControlStyles}
 
@@ -15158,15 +15156,15 @@
     padding-inline: var(--flow-ui-spacing-x-large);
   }
 `;
-  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$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$c(target, key, result);
+      __defProp$d(target, key, result);
     return result;
   };
   exports2.FlowSelect = class FlowSelect extends FlowRdfElement {
@@ -15743,38 +15741,38 @@
     `;
     }
   };
-  exports2.FlowSelect.styles = styles$c;
-  __decorateClass$c([
+  exports2.FlowSelect.styles = styles$d;
+  __decorateClass$d([
     i$4(".select")
   ], exports2.FlowSelect.prototype, "popup", 2);
-  __decorateClass$c([
+  __decorateClass$d([
     i$4(".select__combobox")
   ], exports2.FlowSelect.prototype, "combobox", 2);
-  __decorateClass$c([
+  __decorateClass$d([
     i$4(".select__display-input")
   ], exports2.FlowSelect.prototype, "displayInput", 2);
-  __decorateClass$c([
+  __decorateClass$d([
     i$4(".select__value-input")
   ], exports2.FlowSelect.prototype, "valueInput", 2);
-  __decorateClass$c([
+  __decorateClass$d([
     i$4(".select__listbox")
   ], exports2.FlowSelect.prototype, "listbox", 2);
-  __decorateClass$c([
+  __decorateClass$d([
     t$2()
   ], exports2.FlowSelect.prototype, "hasFocus", 2);
-  __decorateClass$c([
+  __decorateClass$d([
     t$2()
   ], exports2.FlowSelect.prototype, "displayLabel", 2);
-  __decorateClass$c([
+  __decorateClass$d([
     t$2()
   ], exports2.FlowSelect.prototype, "currentOption", 2);
-  __decorateClass$c([
+  __decorateClass$d([
     t$2()
   ], exports2.FlowSelect.prototype, "selectedOptions", 2);
-  __decorateClass$c([
+  __decorateClass$d([
     n$5()
   ], exports2.FlowSelect.prototype, "name", 2);
-  __decorateClass$c([
+  __decorateClass$d([
     n$5({
       converter: {
         fromAttribute: (value) => value.split(" "),
@@ -15782,64 +15780,64 @@
       }
     })
   ], exports2.FlowSelect.prototype, "value", 2);
-  __decorateClass$c([
+  __decorateClass$d([
     defaultValue()
   ], exports2.FlowSelect.prototype, "defaultValue", 2);
-  __decorateClass$c([
+  __decorateClass$d([
     n$5({ reflect: true })
   ], exports2.FlowSelect.prototype, "size", 2);
-  __decorateClass$c([
+  __decorateClass$d([
     n$5()
   ], exports2.FlowSelect.prototype, "placeholder", 2);
-  __decorateClass$c([
+  __decorateClass$d([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowSelect.prototype, "multiple", 2);
-  __decorateClass$c([
+  __decorateClass$d([
     n$5({ attribute: "max-options-visible", type: Number })
   ], exports2.FlowSelect.prototype, "maxOptionsVisible", 2);
-  __decorateClass$c([
+  __decorateClass$d([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowSelect.prototype, "disabled", 2);
-  __decorateClass$c([
+  __decorateClass$d([
     n$5({ type: Boolean })
   ], exports2.FlowSelect.prototype, "clearable", 2);
-  __decorateClass$c([
+  __decorateClass$d([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowSelect.prototype, "open", 2);
-  __decorateClass$c([
+  __decorateClass$d([
     n$5({ type: Boolean })
   ], exports2.FlowSelect.prototype, "hoist", 2);
-  __decorateClass$c([
+  __decorateClass$d([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowSelect.prototype, "filled", 2);
-  __decorateClass$c([
+  __decorateClass$d([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowSelect.prototype, "pill", 2);
-  __decorateClass$c([
+  __decorateClass$d([
     n$5()
   ], exports2.FlowSelect.prototype, "label", 2);
-  __decorateClass$c([
+  __decorateClass$d([
     n$5({ reflect: true })
   ], exports2.FlowSelect.prototype, "placement", 2);
-  __decorateClass$c([
+  __decorateClass$d([
     n$5({ attribute: "help-text" })
   ], exports2.FlowSelect.prototype, "helpText", 2);
-  __decorateClass$c([
+  __decorateClass$d([
     n$5({ reflect: true })
   ], exports2.FlowSelect.prototype, "form", 2);
-  __decorateClass$c([
+  __decorateClass$d([
     n$5({ type: Boolean, reflect: true })
   ], exports2.FlowSelect.prototype, "required", 2);
-  __decorateClass$c([
+  __decorateClass$d([
     watch("disabled", { waitUntilFirstUpdate: true })
   ], exports2.FlowSelect.prototype, "handleDisabledChange", 1);
-  __decorateClass$c([
+  __decorateClass$d([
     watch("value", { waitUntilFirstUpdate: true })
   ], exports2.FlowSelect.prototype, "handleValueChange", 1);
-  __decorateClass$c([
+  __decorateClass$d([
     watch("open", { waitUntilFirstUpdate: true })
   ], exports2.FlowSelect.prototype, "handleOpenChange", 1);
-  exports2.FlowSelect = __decorateClass$c([
+  exports2.FlowSelect = __decorateClass$d([
     e$6("flow-ui-select")
   ], exports2.FlowSelect);
   setDefaultAnimation("select.show", {
@@ -15864,7 +15862,7 @@
   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$b = i$7`
+  const styles$c = i$7`
   ${componentStyles}
 
   :host {
@@ -15899,6 +15897,19 @@
     z-index: 1;
   }
 
+  .divider-highlight {
+    width: 100%;
+    height: 100%;
+    background-color: var(--flow-ui-color-primary-500);
+    transition: transform var(--flow-ui-transition-fast) ease-in-out;
+    transition-delay: var(--flow-ui-transition-x-fast);
+    transform: scaleY(0);
+  }
+
+  :host([dragging]) .divider-highlight, .divider:hover .divider-highlight {
+    transform: scaleY(1);
+  }
+
   .divider:focus {
     outline: none;
   }
@@ -15970,15 +15981,15 @@
     --divider-width: 0px !important;
   }
 `;
-  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$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$b(target, key, result);
+      __defProp$c(target, key, result);
     return result;
   };
   class FlowSplitPanel extends FlowRdfElement {
@@ -16037,7 +16048,7 @@
         onMove: (x2, y2) => {
           let newPositionInPixels = this.vertical ? y2 : x2;
           if (this.primary === "end") {
-            newPositionInPixels = this.size - newPositionInPixels;
+            newPositionInPixels = this.size - newPositionInPixels - 1;
           }
           if (isValue(this.closedPosition)) {
             let snapPoint;
@@ -16101,6 +16112,9 @@
       const { width, height } = entries[0].contentRect;
       this.size = this.vertical ? height : width;
     }
+    handleCloseChange() {
+      this.emit(this.closed ? "flow-ui-collapse" : "flow-ui-expand");
+    }
     handlePositionChange() {
       this.emit("flow-ui-reposition");
     }
@@ -16164,63 +16178,137 @@
         @mousedown=${this.handleDrag}
         @touchstart=${this.handleDrag}
       >
-        <slot name="divider"></slot>
+        <slot name="divider"><div class="divider-highlight"></div></slot>
       </div>
 
       <slot name="end" part="panel end" class="end"></slot>
     `;
     }
   }
-  FlowSplitPanel.styles = styles$b;
-  __decorateClass$b([
+  FlowSplitPanel.styles = styles$c;
+  __decorateClass$c([
     i$4(".divider")
   ], FlowSplitPanel.prototype, "divider", 2);
-  __decorateClass$b([
+  __decorateClass$c([
     n$5({ type: Number, reflect: true })
   ], FlowSplitPanel.prototype, "position", 2);
-  __decorateClass$b([
+  __decorateClass$c([
     n$5({ attribute: "position-units" })
   ], FlowSplitPanel.prototype, "positionUnits", 2);
-  __decorateClass$b([
+  __decorateClass$c([
     n$5({ type: Number, attribute: "min-position" })
   ], FlowSplitPanel.prototype, "minPosition", 2);
-  __decorateClass$b([
+  __decorateClass$c([
     n$5({ type: Number, attribute: "max-position" })
   ], FlowSplitPanel.prototype, "maxPosition", 2);
-  __decorateClass$b([
+  __decorateClass$c([
     n$5({ type: Number, attribute: "closed-position" })
   ], FlowSplitPanel.prototype, "closedPosition", 2);
-  __decorateClass$b([
+  __decorateClass$c([
     n$5({ type: Boolean, reflect: true })
   ], FlowSplitPanel.prototype, "closed", 2);
-  __decorateClass$b([
+  __decorateClass$c([
     n$5({ type: Boolean, reflect: true })
   ], FlowSplitPanel.prototype, "hidden", 2);
-  __decorateClass$b([
+  __decorateClass$c([
     n$5({ type: Boolean, reflect: true })
   ], FlowSplitPanel.prototype, "vertical", 2);
-  __decorateClass$b([
+  __decorateClass$c([
     n$5({ type: Boolean, reflect: true })
   ], FlowSplitPanel.prototype, "disabled", 2);
-  __decorateClass$b([
+  __decorateClass$c([
     n$5()
   ], FlowSplitPanel.prototype, "primary", 2);
-  __decorateClass$b([
+  __decorateClass$c([
     n$5()
   ], FlowSplitPanel.prototype, "snap", 2);
-  __decorateClass$b([
+  __decorateClass$c([
     n$5({ type: Number, attribute: "snap-threshold" })
   ], FlowSplitPanel.prototype, "snapThreshold", 2);
-  __decorateClass$b([
+  __decorateClass$c([
     t$2()
   ], FlowSplitPanel.prototype, "dragging", 2);
-  __decorateClass$b([
+  __decorateClass$c([
+    watch("closed", { waitUntilFirstUpdate: true })
+  ], FlowSplitPanel.prototype, "handleCloseChange", 1);
+  __decorateClass$c([
     watch("position", { waitUntilFirstUpdate: true })
   ], FlowSplitPanel.prototype, "handlePositionChange", 1);
-  __decorateClass$b([
+  __decorateClass$c([
     watch("vertical")
   ], FlowSplitPanel.prototype, "handleVerticalChange", 1);
   FlowSplitPanel.define("flow-ui-split-panel");
+  const styles$b = i$7`
+  ${componentStyles}
+
+  :host([closed]) .icon-button {
+    transform: rotate(180deg);
+  }
+
+  .icon-button {
+    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;
+    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;
+  };
+  class FlowSplitPanelToggleButton extends FlowIconButton {
+    constructor() {
+      super();
+      this.parentSplitPanel = null;
+      this.name = "chevron-left";
+      this.closed = false;
+      this.handleSplitPanelOpenClose = this.handleSplitPanelOpenClose.bind(this);
+    }
+    connectedCallback() {
+      super.connectedCallback();
+      this.parentSplitPanel = this.closest("flow-ui-split-panel");
+      if (this.parentSplitPanel) {
+        this.parentSplitPanel.addEventListener("flow-ui-expand", this.handleSplitPanelOpenClose);
+        this.parentSplitPanel.addEventListener("flow-ui-collapse", this.handleSplitPanelOpenClose);
+        if (this.parentSplitPanel.vertical) {
+          this.name = this.parentSplitPanel.primary === "start" ? "chevron-up" : "chevron-down";
+        } else {
+          this.name = this.parentSplitPanel.primary === "start" ? "chevron-left" : "chevron-right";
+        }
+      }
+    }
+    disconnectedCallback() {
+      if (this.parentSplitPanel) {
+        this.parentSplitPanel.removeEventListener("flow-ui-expand", this.handleSplitPanelOpenClose);
+        this.parentSplitPanel.removeEventListener("flow-ui-collapse", this.handleSplitPanelOpenClose);
+      }
+      super.disconnectedCallback();
+    }
+    handleClick(event) {
+      this.closed = !this.closed;
+      super.handleClick(event);
+      if (this.parentSplitPanel) {
+        this.parentSplitPanel.closed = this.closed;
+      }
+    }
+    handleSplitPanelOpenClose() {
+      if (this.parentSplitPanel) {
+        this.closed = this.parentSplitPanel.closed;
+      }
+    }
+  }
+  FlowSplitPanelToggleButton.styles = [FlowIconButton.styles, styles$b];
+  __decorateClass$b([
+    n$5()
+  ], FlowSplitPanelToggleButton.prototype, "name", 2);
+  __decorateClass$b([
+    n$5({ type: Boolean, reflect: true })
+  ], FlowSplitPanelToggleButton.prototype, "closed", 2);
+  FlowSplitPanelToggleButton.define("flow-ui-split-panel-toggle-button");
   const styles$a = i$7`
   ${componentStyles}
 
@@ -16590,11 +16678,16 @@
   .tab-group {
     height: 100%;
     display: flex;
-    justify-content: stretch;
+    justify-content: start;
     border-radius: 0;
     overflow: hidden;
   }
 
+  /* Ensure nav is positioned when tab-group is placed in a split panel and the panel is closed */
+  .tab-group--end, .tab-group--bottom {
+    justify-content: end;
+  }
+
   .tab-group__nav-container {
     display: flex;
     flex: 0 0 auto;
@@ -20496,7 +20589,7 @@
     toggleColorFormat: "Toggle color format"
   };
   registerTranslation(translation);
-  const version = "0.0.3";
+  const version = "0.0.4";
   const CONSOLE_HIGHLIGHT_STYLE = `
   padding: 2px 4px;
   border-radius: 2px;
@@ -20506,7 +20599,9 @@
     console.log("%cFlo.w RDF UI v%s", CONSOLE_HIGHLIGHT_STYLE, version);
   }
   announce();
+  exports2.FlowIconButton = FlowIconButton;
   exports2.FlowSplitPanel = FlowSplitPanel;
+  exports2.FlowSplitPanelToggleButton = FlowSplitPanelToggleButton;
   exports2.FlowToolButton = FlowToolButton;
   exports2.FlowToolButtonGroup = FlowToolButtonGroup;
   exports2.colorMapperValueToMaplibreExpression = colorMapperValueToMaplibreExpression;