nve-designsystem 2.0.2 → 2.2.0

package/chunks/chunk.JQBT7BOV.js

@@ -1,43 +1,43 @@
-import { a as E, x, T as _e } from "./lit-element.js";
-import { S as xe } from "./chunk.D5YQDJ7X.js";
-import { S as we } from "./chunk.36O46B5H.js";
-import { s as xt, g as _t } from "./chunk.K7JGTRV7.js";
-import { s as Rt, a as Bt, c as Ht, w as ee } from "./chunk.B4BZKR24.js";
-import { L as X } from "./chunk.6CTB5ZDJ.js";
-import { S as ct } from "./chunk.YHLNUJ7P.js";
-import { w as k } from "./chunk.GMYPQTFK.js";
-import { c as M, d as s, S as A, a as ke } from "./chunk.4TUIT776.js";
-import { e as V, a as Ce, i as ze, t as $e } from "./class-map.js";
-import { l as Pt } from "./live.js";
+import { a as F, x as w, T as xe } from "./lit-element.js";
+import { S as ke } from "./chunk.D5YQDJ7X.js";
+import { S as Ce } from "./chunk.36O46B5H.js";
+import { s as bt, g as mt } from "./chunk.K7JGTRV7.js";
+import { s as Ct, a as zt, c as Nt, w as Ut } from "./chunk.B4BZKR24.js";
+import { L as U } from "./chunk.6CTB5ZDJ.js";
+import { S as dt } from "./chunk.YHLNUJ7P.js";
+import { w as x } from "./chunk.GMYPQTFK.js";
+import { c as M, d as s, S as A, a as ze } from "./chunk.4TUIT776.js";
+import { e as V, a as $e, i as Se, t as Te } from "./class-map.js";
+import { l as Xt } from "./live.js";
 import { n } from "./property.js";
-import { r as F } from "./state.js";
-import { a as Se, e as $ } from "./query.js";
-import { a as U, t as Nt } from "./chunk.ZH2AND3P.js";
-import { S as Ie, o as jt } from "./chunk.TP2GB2HO.js";
-import { d as Ut } from "./chunk.GI7VDIWX.js";
-import { f as Zt } from "./chunk.SI4ACBFK.js";
-import { F as Xt } from "./chunk.3RPBFEDE.js";
-import { H as St } from "./chunk.NYIIDP5N.js";
+import { r as E } from "./state.js";
+import { a as Ie, e as z } from "./query.js";
+import { a as X, t as jt } from "./chunk.ZH2AND3P.js";
+import { S as Ae, o as qt } from "./chunk.TP2GB2HO.js";
+import { d as Yt } from "./chunk.GI7VDIWX.js";
+import { f as re } from "./chunk.SI4ACBFK.js";
+import { F as Gt } from "./chunk.3RPBFEDE.js";
+import { H as $t } from "./chunk.NYIIDP5N.js";
 import { o as R } from "./if-defined.js";
-import { S as Jt } from "./chunk.7E4JTYWU.js";
-import { s as re } from "./chunk.RWUUFNUL.js";
-import { S as Te } from "./chunk.URTPIBTY.js";
-import { S as Ae } from "./chunk.XA43ZQPC.js";
-import { S as De } from "./chunk.UDWRA64J.js";
-import { S as ue } from "./chunk.2PCBEMQZ.js";
-import { S as Fe } from "./chunk.JCXLDPQF.js";
+import { S as Wt, s as ae } from "./chunk.RWUUFNUL.js";
+import { S as De } from "./chunk.URTPIBTY.js";
+import { S as Ee } from "./chunk.XA43ZQPC.js";
+import { S as Fe } from "./chunk.UDWRA64J.js";
+import { S as fe } from "./chunk.2PCBEMQZ.js";
+import { S as Me } from "./chunk.JCXLDPQF.js";
+import { b as Ve } from "./chunk.LD4M4QGE.js";
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function Ee(t) {
-  return (e, r) => Se(e, r, { async get() {
+function Oe(t) {
+  return (e, r) => Ie(e, r, { async get() {
     var a;
     return await this.updateComplete, ((a = this.renderRoot) == null ? void 0 : a.querySelector(t)) ?? null;
   } });
 }
-var Me = E`
+var Le = F`
   :host {
     display: block;
     outline: 0;
@@ -195,12 +195,12 @@ var Me = E`
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function se(t, e, r) {
+function ie(t, e, r) {
   return t ? e(t) : r == null ? void 0 : r(t);
 }
-var N = class qt extends A {
+var N = class te extends A {
   constructor() {
-    super(...arguments), this.localize = new X(this), this.indeterminate = !1, this.isLeaf = !1, this.loading = !1, this.selectable = !1, this.expanded = !1, this.selected = !1, this.disabled = !1, this.lazy = !1;
+    super(...arguments), this.localize = new U(this), this.indeterminate = !1, this.isLeaf = !1, this.loading = !1, this.selectable = !1, this.expanded = !1, this.selected = !1, this.disabled = !1, this.lazy = !1;
   }
   static isTreeItem(e) {
     return e instanceof Element && e.getAttribute("role") === "treeitem";
@@ -212,18 +212,18 @@ var N = class qt extends A {
     this.childrenContainer.hidden = !this.expanded, this.childrenContainer.style.height = this.expanded ? "auto" : "0", this.isLeaf = !this.lazy && this.getChildrenItems().length === 0, this.handleExpandedChange();
   }
   async animateCollapse() {
-    this.emit("sl-collapse"), await Rt(this.childrenContainer);
-    const { keyframes: e, options: r } = _t(this, "tree-item.collapse", { dir: this.localize.dir() });
-    await Bt(
+    this.emit("sl-collapse"), await Ct(this.childrenContainer);
+    const { keyframes: e, options: r } = mt(this, "tree-item.collapse", { dir: this.localize.dir() });
+    await zt(
       this.childrenContainer,
-      Ht(e, this.childrenContainer.scrollHeight),
+      Nt(e, this.childrenContainer.scrollHeight),
       r
     ), this.childrenContainer.hidden = !0, this.emit("sl-after-collapse");
   }
   // Checks whether the item is nested into an item
   isNestedItem() {
     const e = this.parentElement;
-    return !!e && qt.isTreeItem(e);
+    return !!e && te.isTreeItem(e);
   }
   handleChildrenSlotChange() {
     this.loading = !1, this.isLeaf = !this.lazy && this.getChildrenItems().length === 0;
@@ -232,11 +232,11 @@ var N = class qt extends A {
     e.has("selected") && !e.has("indeterminate") && (this.indeterminate = !1);
   }
   async animateExpand() {
-    this.emit("sl-expand"), await Rt(this.childrenContainer), this.childrenContainer.hidden = !1;
-    const { keyframes: e, options: r } = _t(this, "tree-item.expand", { dir: this.localize.dir() });
-    await Bt(
+    this.emit("sl-expand"), await Ct(this.childrenContainer), this.childrenContainer.hidden = !1;
+    const { keyframes: e, options: r } = mt(this, "tree-item.expand", { dir: this.localize.dir() });
+    await zt(
       this.childrenContainer,
-      Ht(e, this.childrenContainer.scrollHeight),
+      Nt(e, this.childrenContainer.scrollHeight),
       r
     ), this.childrenContainer.style.height = "auto", this.emit("sl-after-expand");
   }
@@ -261,12 +261,12 @@ var N = class qt extends A {
   /** Gets all the nested tree items in this node. */
   getChildrenItems({ includeDisabled: e = !0 } = {}) {
     return this.childrenSlot ? [...this.childrenSlot.assignedElements({ flatten: !0 })].filter(
-      (r) => qt.isTreeItem(r) && (e || !r.disabled)
+      (r) => te.isTreeItem(r) && (e || !r.disabled)
     ) : [];
   }
   render() {
     const e = this.localize.dir() === "rtl", r = !this.loading && (!this.isLeaf || this.lazy);
-    return x`
+    return w`
       <div
         part="base"
         class="${V({
@@ -299,9 +299,9 @@ var N = class qt extends A {
     })}
             aria-hidden="true"
           >
-            ${se(
+            ${ie(
       this.loading,
-      () => x` <sl-spinner part="spinner" exportparts="base:spinner__base"></sl-spinner> `
+      () => w` <sl-spinner part="spinner" exportparts="base:spinner__base"></sl-spinner> `
     )}
             <slot class="tree-item__expand-icon-slot" name="expand-icon">
               <sl-icon library="system" name=${e ? "chevron-left" : "chevron-right"}></sl-icon>
@@ -311,9 +311,9 @@ var N = class qt extends A {
             </slot>
           </div>
 
-          ${se(
+          ${ie(
       this.selectable,
-      () => x`
+      () => w`
               <sl-checkbox
                 part="checkbox"
                 exportparts="
@@ -327,7 +327,7 @@ var N = class qt extends A {
                   "
                 class="tree-item__checkbox"
                 ?disabled="${this.disabled}"
-                ?checked="${Pt(this.selected)}"
+                ?checked="${Xt(this.selected)}"
                 ?indeterminate="${this.indeterminate}"
                 tabindex="-1"
               ></sl-checkbox>
@@ -344,23 +344,23 @@ var N = class qt extends A {
     `;
   }
 };
-N.styles = [M, Me];
+N.styles = [M, Le];
 N.dependencies = {
-  "sl-checkbox": xe,
-  "sl-icon": ct,
-  "sl-spinner": we
+  "sl-checkbox": ke,
+  "sl-icon": dt,
+  "sl-spinner": Ce
 };
 s([
-  F()
+  E()
 ], N.prototype, "indeterminate", 2);
 s([
-  F()
+  E()
 ], N.prototype, "isLeaf", 2);
 s([
-  F()
+  E()
 ], N.prototype, "loading", 2);
 s([
-  F()
+  E()
 ], N.prototype, "selectable", 2);
 s([
   n({ type: Boolean, reflect: !0 })
@@ -375,55 +375,55 @@ s([
   n({ type: Boolean, reflect: !0 })
 ], N.prototype, "lazy", 2);
 s([
-  $("slot:not([name])")
+  z("slot:not([name])")
 ], N.prototype, "defaultSlot", 2);
 s([
-  $("slot[name=children]")
+  z("slot[name=children]")
 ], N.prototype, "childrenSlot", 2);
 s([
-  $(".tree-item__item")
+  z(".tree-item__item")
 ], N.prototype, "itemElement", 2);
 s([
-  $(".tree-item__children")
+  z(".tree-item__children")
 ], N.prototype, "childrenContainer", 2);
 s([
-  $(".tree-item__expand-button slot")
+  z(".tree-item__expand-button slot")
 ], N.prototype, "expandButtonSlot", 2);
 s([
-  k("loading", { waitUntilFirstUpdate: !0 })
+  x("loading", { waitUntilFirstUpdate: !0 })
 ], N.prototype, "handleLoadingChange", 1);
 s([
-  k("disabled")
+  x("disabled")
 ], N.prototype, "handleDisabledChange", 1);
 s([
-  k("selected")
+  x("selected")
 ], N.prototype, "handleSelectedChange", 1);
 s([
-  k("expanded", { waitUntilFirstUpdate: !0 })
+  x("expanded", { waitUntilFirstUpdate: !0 })
 ], N.prototype, "handleExpandedChange", 1);
 s([
-  k("expanded", { waitUntilFirstUpdate: !0 })
+  x("expanded", { waitUntilFirstUpdate: !0 })
 ], N.prototype, "handleExpandAnimation", 1);
 s([
-  k("lazy", { waitUntilFirstUpdate: !0 })
+  x("lazy", { waitUntilFirstUpdate: !0 })
 ], N.prototype, "handleLazyChange", 1);
-var zt = N;
-xt("tree-item.expand", {
+var At = N;
+bt("tree-item.expand", {
   keyframes: [
     { height: "0", opacity: "0", overflow: "hidden" },
     { height: "auto", opacity: "1", overflow: "hidden" }
   ],
   options: { duration: 250, easing: "cubic-bezier(0.4, 0.0, 0.2, 1)" }
 });
-xt("tree-item.collapse", {
+bt("tree-item.collapse", {
   keyframes: [
     { height: "auto", opacity: "1", overflow: "hidden" },
     { height: "0", opacity: "0", overflow: "hidden" }
   ],
   options: { duration: 200, easing: "cubic-bezier(0.4, 0.0, 0.2, 1)" }
 });
-zt.define("sl-tree-item");
-var Ve = E`
+At.define("sl-tree-item");
+var Re = F`
   :host {
     /*
      * These are actually used by tree item, but we define them here so they can more easily be set and all tree items
@@ -444,7 +444,7 @@ var Ve = E`
     font-size: 0;
   }
 `;
-function ae(t, e = !1) {
+function oe(t, e = !1) {
   function r(o) {
     const h = o.getChildrenItems({ includeDisabled: !1 });
     if (h.length) {
@@ -454,7 +454,7 @@ function ae(t, e = !1) {
   }
   function a(o) {
     const h = o.parentElement;
-    zt.isTreeItem(h) && (r(h), a(h));
+    At.isTreeItem(h) && (r(h), a(h));
   }
   function i(o) {
     for (const h of o.getChildrenItems())
@@ -463,16 +463,16 @@ function ae(t, e = !1) {
   }
   i(t), a(t);
 }
-var vt = class extends A {
+var xt = class extends A {
   constructor() {
-    super(), this.selection = "single", this.clickTarget = null, this.localize = new X(this), this.initTreeItem = (t) => {
+    super(), this.selection = "single", this.clickTarget = null, this.localize = new U(this), this.initTreeItem = (t) => {
       t.selectable = this.selection === "multiple", ["expand", "collapse"].filter((e) => !!this.querySelector(`[slot="${e}-icon"]`)).forEach((e) => {
         const r = t.querySelector(`[slot="${e}-icon"]`), a = this.getExpandButtonIcon(e);
         a && (r === null ? t.append(a) : r.hasAttribute("data-default") && r.replaceWith(a));
       });
     }, this.handleTreeChanged = (t) => {
       for (const e of t) {
-        const r = [...e.addedNodes].filter(zt.isTreeItem), a = [...e.removedNodes].filter(zt.isTreeItem);
+        const r = [...e.addedNodes].filter(At.isTreeItem), a = [...e.removedNodes].filter(At.isTreeItem);
         r.forEach(this.initTreeItem), this.lastFocusedItem && a.includes(this.lastFocusedItem) && (this.lastFocusedItem = null);
       }
     }, this.handleFocusOut = (t) => {
@@ -480,7 +480,7 @@ var vt = class extends A {
       (!e || !this.contains(e)) && (this.tabIndex = 0);
     }, this.handleFocusIn = (t) => {
       const e = t.target;
-      t.target === this && this.focusItem(this.lastFocusedItem || this.getAllTreeItems()[0]), zt.isTreeItem(e) && !e.disabled && (this.lastFocusedItem && (this.lastFocusedItem.tabIndex = -1), this.lastFocusedItem = e, this.tabIndex = -1, e.tabIndex = 0);
+      t.target === this && this.focusItem(this.lastFocusedItem || this.getAllTreeItems()[0]), At.isTreeItem(e) && !e.disabled && (this.lastFocusedItem && (this.lastFocusedItem.tabIndex = -1), this.lastFocusedItem = e, this.tabIndex = -1, e.tabIndex = 0);
     }, this.addEventListener("focusin", this.handleFocusIn), this.addEventListener("focusout", this.handleFocusOut), this.addEventListener("sl-lazy-change", this.handleSlotChange);
   }
   async connectedCallback() {
@@ -502,7 +502,7 @@ var vt = class extends A {
   selectItem(t) {
     const e = [...this.selectedItems];
     if (this.selection === "multiple")
-      t.selected = !t.selected, t.lazy && (t.expanded = !0), ae(t);
+      t.selected = !t.selected, t.lazy && (t.expanded = !0), oe(t);
     else if (this.selection === "single" || t.isLeaf) {
       const a = this.getAllTreeItems();
       for (const i of a)
@@ -529,7 +529,7 @@ var vt = class extends A {
     if (e.length > 0) {
       t.preventDefault();
       const i = e.findIndex((l) => l.matches(":focus")), o = e[i], h = (l) => {
-        const u = e[U(l, 0, e.length - 1)];
+        const u = e[X(l, 0, e.length - 1)];
         this.focusItem(u);
       }, p = (l) => {
         o.expanded = l;
@@ -556,7 +556,7 @@ var vt = class extends A {
     for (const r of e)
       r.selectable = t;
     t && (await this.updateComplete, [...this.querySelectorAll(":scope > sl-tree-item")].forEach(
-      (r) => ae(r, !0)
+      (r) => oe(r, !0)
     ));
   }
   /** @internal Returns the list of tree items that are selected in the tree. */
@@ -575,7 +575,7 @@ var vt = class extends A {
     });
   }
   render() {
-    return x`
+    return w`
       <div
         part="base"
         class="tree"
@@ -590,24 +590,24 @@ var vt = class extends A {
     `;
   }
 };
-vt.styles = [M, Ve];
+xt.styles = [M, Re];
 s([
-  $("slot:not([name])")
-], vt.prototype, "defaultSlot", 2);
+  z("slot:not([name])")
+], xt.prototype, "defaultSlot", 2);
 s([
-  $("slot[name=expand-icon]")
-], vt.prototype, "expandedIconSlot", 2);
+  z("slot[name=expand-icon]")
+], xt.prototype, "expandedIconSlot", 2);
 s([
-  $("slot[name=collapse-icon]")
-], vt.prototype, "collapsedIconSlot", 2);
+  z("slot[name=collapse-icon]")
+], xt.prototype, "collapsedIconSlot", 2);
 s([
   n()
-], vt.prototype, "selection", 2);
+], xt.prototype, "selection", 2);
 s([
-  k("selection")
-], vt.prototype, "handleSelectionChange", 1);
-vt.define("sl-tree");
-var Oe = E`
+  x("selection")
+], xt.prototype, "handleSelectionChange", 1);
+xt.define("sl-tree");
+var He = F`
   :host(:not(:focus-within)) {
     position: absolute !important;
     width: 1px !important;
@@ -619,14 +619,14 @@ var Oe = E`
     white-space: nowrap !important;
     padding: 0 !important;
   }
-`, te = class extends A {
+`, se = class extends A {
   render() {
-    return x` <slot></slot> `;
+    return w` <slot></slot> `;
   }
 };
-te.styles = [M, Oe];
-te.define("sl-visually-hidden");
-var Le = E`
+se.styles = [M, He];
+se.define("sl-visually-hidden");
+var Be = F`
   :host {
     --padding: 0;
 
@@ -641,9 +641,9 @@ var Le = E`
     display: block;
     padding: var(--padding);
   }
-`, Re = 0, It = class extends A {
+`, Pe = 0, Et = class extends A {
   constructor() {
-    super(...arguments), this.attrId = ++Re, this.componentId = `sl-tab-panel-${this.attrId}`, this.name = "", this.active = !1;
+    super(...arguments), this.attrId = ++Pe, this.componentId = `sl-tab-panel-${this.attrId}`, this.name = "", this.active = !1;
   }
   connectedCallback() {
     super.connectedCallback(), this.id = this.id.length > 0 ? this.id : this.componentId, this.setAttribute("role", "tabpanel");
@@ -652,7 +652,7 @@ var Le = E`
     this.setAttribute("aria-hidden", this.active ? "false" : "true");
   }
   render() {
-    return x`
+    return w`
       <slot
         part="base"
         class=${V({
@@ -663,19 +663,19 @@ var Le = E`
     `;
   }
 };
-It.styles = [M, Le];
+Et.styles = [M, Be];
 s([
   n({ reflect: !0 })
-], It.prototype, "name", 2);
+], Et.prototype, "name", 2);
 s([
   n({ type: Boolean, reflect: !0 })
-], It.prototype, "active", 2);
+], Et.prototype, "active", 2);
 s([
-  k("active")
-], It.prototype, "handleActiveChange", 1);
-It.define("sl-tab-panel");
-Ie.define("sl-tag");
-var Be = E`
+  x("active")
+], Et.prototype, "handleActiveChange", 1);
+Et.define("sl-tab-panel");
+Ae.define("sl-tag");
+var Ne = F`
   :host {
     display: block;
   }
@@ -852,9 +852,9 @@ var Be = E`
   }
 `, D = class extends A {
   constructor() {
-    super(...arguments), this.formControlController = new Xt(this, {
+    super(...arguments), this.formControlController = new Gt(this, {
       assumeInteractionOn: ["sl-blur", "sl-input"]
-    }), this.hasSlotController = new St(this, "help-text", "label"), this.hasFocus = !1, this.title = "", this.name = "", this.value = "", this.size = "medium", this.filled = !1, this.label = "", this.helpText = "", this.placeholder = "", this.rows = 4, this.resize = "vertical", this.disabled = !1, this.readonly = !1, this.form = "", this.required = !1, this.spellcheck = !0, this.defaultValue = "";
+    }), this.hasSlotController = new $t(this, "help-text", "label"), this.hasFocus = !1, this.title = "", this.name = "", this.value = "", this.size = "medium", this.filled = !1, this.label = "", this.helpText = "", this.placeholder = "", this.rows = 4, this.resize = "vertical", this.disabled = !1, this.readonly = !1, this.form = "", this.required = !1, this.spellcheck = !0, this.defaultValue = "";
   }
   /** Gets the validity state object */
   get validity() {
@@ -953,7 +953,7 @@ var Be = E`
   }
   render() {
     const t = this.hasSlotController.test("label"), e = this.hasSlotController.test("help-text"), r = this.label ? !0 : !!t, a = this.helpText ? !0 : !!e;
-    return x`
+    return w`
       <div
         part="form-control"
         class=${V({
@@ -998,7 +998,7 @@ var Be = E`
               class="textarea__control"
               title=${this.title}
               name=${R(this.name)}
-              .value=${Pt(this.value)}
+              .value=${Xt(this.value)}
               ?disabled=${this.disabled}
               ?readonly=${this.readonly}
               ?required=${this.required}
@@ -1036,15 +1036,15 @@ var Be = E`
     `;
   }
 };
-D.styles = [M, Zt, Be];
+D.styles = [M, re, Ne];
 s([
-  $(".textarea__control")
+  z(".textarea__control")
 ], D.prototype, "input", 2);
 s([
-  $(".textarea__size-adjuster")
+  z(".textarea__size-adjuster")
 ], D.prototype, "sizeAdjuster", 2);
 s([
-  F()
+  E()
 ], D.prototype, "hasFocus", 2);
 s([
   n()
@@ -1123,19 +1123,19 @@ s([
   n()
 ], D.prototype, "inputmode", 2);
 s([
-  Ut()
+  Yt()
 ], D.prototype, "defaultValue", 2);
 s([
-  k("disabled", { waitUntilFirstUpdate: !0 })
+  x("disabled", { waitUntilFirstUpdate: !0 })
 ], D.prototype, "handleDisabledChange", 1);
 s([
-  k("rows", { waitUntilFirstUpdate: !0 })
+  x("rows", { waitUntilFirstUpdate: !0 })
 ], D.prototype, "handleRowsChange", 1);
 s([
-  k("value", { waitUntilFirstUpdate: !0 })
+  x("value", { waitUntilFirstUpdate: !0 })
 ], D.prototype, "handleValueChange", 1);
 D.define("sl-textarea");
-var He = E`
+var Ue = F`
   :host {
     display: inline-block;
   }
@@ -1200,9 +1200,9 @@ var He = E`
       outline-offset: -3px;
     }
   }
-`, Pe = 0, at = class extends A {
+`, Xe = 0, it = class extends A {
   constructor() {
-    super(...arguments), this.localize = new X(this), this.attrId = ++Pe, this.componentId = `sl-tab-${this.attrId}`, this.panel = "", this.active = !1, this.closable = !1, this.disabled = !1, this.tabIndex = 0;
+    super(...arguments), this.localize = new U(this), this.attrId = ++Xe, this.componentId = `sl-tab-${this.attrId}`, this.panel = "", this.active = !1, this.closable = !1, this.disabled = !1, this.tabIndex = 0;
   }
   connectedCallback() {
     super.connectedCallback(), this.setAttribute("role", "tab");
@@ -1217,7 +1217,7 @@ var He = E`
     this.setAttribute("aria-disabled", this.disabled ? "true" : "false"), this.disabled && !this.active ? this.tabIndex = -1 : this.tabIndex = 0;
   }
   render() {
-    return this.id = this.id.length > 0 ? this.id : this.componentId, x`
+    return this.id = this.id.length > 0 ? this.id : this.componentId, w`
       <div
         part="base"
         class=${V({
@@ -1228,7 +1228,7 @@ var He = E`
     })}
       >
         <slot></slot>
-        ${this.closable ? x`
+        ${this.closable ? w`
               <sl-icon-button
                 part="close-button"
                 exportparts="base:close-button__base"
@@ -1244,34 +1244,34 @@ var He = E`
     `;
   }
 };
-at.styles = [M, He];
-at.dependencies = { "sl-icon-button": Jt };
+it.styles = [M, Ue];
+it.dependencies = { "sl-icon-button": Wt };
 s([
-  $(".tab")
-], at.prototype, "tab", 2);
+  z(".tab")
+], it.prototype, "tab", 2);
 s([
   n({ reflect: !0 })
-], at.prototype, "panel", 2);
+], it.prototype, "panel", 2);
 s([
   n({ type: Boolean, reflect: !0 })
-], at.prototype, "active", 2);
+], it.prototype, "active", 2);
 s([
   n({ type: Boolean, reflect: !0 })
-], at.prototype, "closable", 2);
+], it.prototype, "closable", 2);
 s([
   n({ type: Boolean, reflect: !0 })
-], at.prototype, "disabled", 2);
+], it.prototype, "disabled", 2);
 s([
   n({ type: Number, reflect: !0 })
-], at.prototype, "tabIndex", 2);
+], it.prototype, "tabIndex", 2);
 s([
-  k("active")
-], at.prototype, "handleActiveChange", 1);
+  x("active")
+], it.prototype, "handleActiveChange", 1);
 s([
-  k("disabled")
-], at.prototype, "handleDisabledChange", 1);
-at.define("sl-tab");
-var Ne = E`
+  x("disabled")
+], it.prototype, "handleDisabledChange", 1);
+it.define("sl-tab");
+var je = F`
   :host {
     --indicator-color: var(--sl-color-primary-600);
     --track-color: var(--sl-color-neutral-200);
@@ -1505,11 +1505,11 @@ var Ne = E`
   .tab-group--end ::slotted(sl-tab-panel) {
     --padding: 0 var(--sl-spacing-medium);
   }
-`, Ue = E`
+`, Ye = F`
   :host {
     display: contents;
   }
-`, Tt = class extends A {
+`, Ft = class extends A {
   constructor() {
     super(...arguments), this.observedElements = [], this.disabled = !1;
   }
@@ -1540,19 +1540,19 @@ var Ne = E`
     this.disabled ? this.stopObserver() : this.startObserver();
   }
   render() {
-    return x` <slot @slotchange=${this.handleSlotChange}></slot> `;
+    return w` <slot @slotchange=${this.handleSlotChange}></slot> `;
   }
 };
-Tt.styles = [M, Ue];
+Ft.styles = [M, Ye];
 s([
   n({ type: Boolean, reflect: !0 })
-], Tt.prototype, "disabled", 2);
+], Ft.prototype, "disabled", 2);
 s([
-  k("disabled", { waitUntilFirstUpdate: !0 })
-], Tt.prototype, "handleDisabledChange", 1);
+  x("disabled", { waitUntilFirstUpdate: !0 })
+], Ft.prototype, "handleDisabledChange", 1);
 var W = class extends A {
   constructor() {
-    super(...arguments), this.tabs = [], this.focusableTabs = [], this.panels = [], this.localize = new X(this), this.hasScrollControls = !1, this.shouldHideScrollStartButton = !1, this.shouldHideScrollEndButton = !1, this.placement = "top", this.activation = "auto", this.noScrollControls = !1, this.fixedScrollControls = !1, this.scrollOffset = 1;
+    super(...arguments), this.tabs = [], this.focusableTabs = [], this.panels = [], this.localize = new U(this), this.hasScrollControls = !1, this.shouldHideScrollStartButton = !1, this.shouldHideScrollEndButton = !1, this.placement = "top", this.activation = "auto", this.noScrollControls = !1, this.fixedScrollControls = !1, this.scrollOffset = 1;
   }
   connectedCallback() {
     const t = Promise.all([
@@ -1628,7 +1628,7 @@ var W = class extends A {
           return;
         h.tabIndex = 0, h.focus({ preventScroll: !0 }), this.activation === "auto" ? this.setActiveTab(h, { scrollBehavior: "smooth" }) : this.tabs.forEach((p) => {
           p.tabIndex = p === h ? 0 : -1;
-        }), ["top", "bottom"].includes(this.placement) && re(h, this.nav, "horizontal"), t.preventDefault();
+        }), ["top", "bottom"].includes(this.placement) && ae(h, this.nav, "horizontal"), t.preventDefault();
       }
     }
   }
@@ -1645,7 +1645,7 @@ var W = class extends A {
     });
   }
   setActiveTab(t, e) {
-    if (e = ke({
+    if (e = ze({
       emitEvents: !0,
       scrollBehavior: "auto"
     }, e), t !== this.activeTab && !t.disabled) {
@@ -1655,7 +1655,7 @@ var W = class extends A {
       }), this.panels.forEach((a) => {
         var i;
         return a.active = a.name === ((i = this.activeTab) == null ? void 0 : i.panel);
-      }), this.syncIndicator(), ["top", "bottom"].includes(this.placement) && re(this.activeTab, this.nav, "horizontal", e.scrollBehavior), e.emitEvents && (r && this.emit("sl-tab-hide", { detail: { name: r.panel } }), this.emit("sl-tab-show", { detail: { name: this.activeTab.panel } }));
+      }), this.syncIndicator(), ["top", "bottom"].includes(this.placement) && ae(this.activeTab, this.nav, "horizontal", e.scrollBehavior), e.emitEvents && (r && this.emit("sl-tab-hide", { detail: { name: r.panel } }), this.emit("sl-tab-show", { detail: { name: this.activeTab.panel } }));
     }
   }
   setAriaLabels() {
@@ -1727,7 +1727,7 @@ var W = class extends A {
   }
   render() {
     const t = this.localize.dir() === "rtl";
-    return x`
+    return w`
       <div
         part="base"
         class=${V({
@@ -1743,7 +1743,7 @@ var W = class extends A {
         @keydown=${this.handleKeyDown}
       >
         <div class="tab-group__nav-container" part="nav">
-          ${this.hasScrollControls ? x`
+          ${this.hasScrollControls ? w`
                 <sl-icon-button
                   part="scroll-button scroll-button--start"
                   exportparts="base:scroll-button__base"
@@ -1770,7 +1770,7 @@ var W = class extends A {
             </div>
           </div>
 
-          ${this.hasScrollControls ? x`
+          ${this.hasScrollControls ? w`
                 <sl-icon-button
                   part="scroll-button scroll-button--end"
                   exportparts="base:scroll-button__base"
@@ -1794,28 +1794,28 @@ var W = class extends A {
     `;
   }
 };
-W.styles = [M, Ne];
-W.dependencies = { "sl-icon-button": Jt, "sl-resize-observer": Tt };
+W.styles = [M, je];
+W.dependencies = { "sl-icon-button": Wt, "sl-resize-observer": Ft };
 s([
-  $(".tab-group")
+  z(".tab-group")
 ], W.prototype, "tabGroup", 2);
 s([
-  $(".tab-group__body")
+  z(".tab-group__body")
 ], W.prototype, "body", 2);
 s([
-  $(".tab-group__nav")
+  z(".tab-group__nav")
 ], W.prototype, "nav", 2);
 s([
-  $(".tab-group__indicator")
+  z(".tab-group__indicator")
 ], W.prototype, "indicator", 2);
 s([
-  F()
+  E()
 ], W.prototype, "hasScrollControls", 2);
 s([
-  F()
+  E()
 ], W.prototype, "shouldHideScrollStartButton", 2);
 s([
-  F()
+  E()
 ], W.prototype, "shouldHideScrollEndButton", 2);
 s([
   n()
@@ -1830,16 +1830,16 @@ s([
   n({ attribute: "fixed-scroll-controls", type: Boolean })
 ], W.prototype, "fixedScrollControls", 2);
 s([
-  Nt({ passive: !0 })
+  jt({ passive: !0 })
 ], W.prototype, "updateScrollButtons", 1);
 s([
-  k("noScrollControls", { waitUntilFirstUpdate: !0 })
+  x("noScrollControls", { waitUntilFirstUpdate: !0 })
 ], W.prototype, "updateScrollControls", 1);
 s([
-  k("placement", { waitUntilFirstUpdate: !0 })
+  x("placement", { waitUntilFirstUpdate: !0 })
 ], W.prototype, "syncIndicator", 1);
 W.define("sl-tab-group");
-var Xe = E`
+var Ge = F`
   :host {
     --divider-width: 4px;
     --divider-hit-area: 12px;
@@ -1915,7 +1915,7 @@ var Xe = E`
     }
   }
 `;
-function $t(t, e) {
+function Dt(t, e) {
   function r(i) {
     const o = t.getBoundingClientRect(), h = t.ownerDocument.defaultView, p = o.left + h.scrollX, l = o.top + h.scrollY, u = i.pageX - p, v = i.pageY - l;
     e != null && e.onMove && e.onMove(u, v);
@@ -1925,9 +1925,9 @@ function $t(t, e) {
   }
   document.addEventListener("pointermove", r, { passive: !0 }), document.addEventListener("pointerup", a), (e == null ? void 0 : e.initialEvent) instanceof PointerEvent && r(e.initialEvent);
 }
-var ie = () => null, tt = class extends A {
+var ne = () => null, tt = class extends A {
   constructor() {
-    super(...arguments), this.isCollapsed = !1, this.localize = new X(this), this.positionBeforeCollapsing = 0, this.position = 50, this.vertical = !1, this.disabled = !1, this.snapValue = "", this.snapFunction = ie, this.snapThreshold = 12;
+    super(...arguments), this.isCollapsed = !1, this.localize = new U(this), this.positionBeforeCollapsing = 0, this.position = 50, this.vertical = !1, this.disabled = !1, this.snapValue = "", this.snapFunction = ne, this.snapThreshold = 12;
   }
   /**
    * Converts a string containing either a series of fixed/repeated snap points (e.g. "repeat(20%)", "100px 200px 800px", or "10% 50% repeat(10px)") into a SnapFunction. `SnapFunction`s take in a `SnapFunctionOpts` and return the position that the split panel should snap to.
@@ -1952,7 +1952,7 @@ var ie = () => null, tt = class extends A {
     };
   }
   set snap(t) {
-    this.snapValue = t ?? "", t ? this.snapFunction = typeof t == "string" ? this.toSnapFunction(t) : t : this.snapFunction = ie;
+    this.snapValue = t ?? "", t ? this.snapFunction = typeof t == "string" ? this.toSnapFunction(t) : t : this.snapFunction = ne;
   }
   get snap() {
     return this.snapValue;
@@ -1976,7 +1976,7 @@ var ie = () => null, tt = class extends A {
   }
   handleDrag(t) {
     const e = this.localize.dir() === "rtl";
-    this.disabled || (t.cancelable && t.preventDefault(), $t(this, {
+    this.disabled || (t.cancelable && t.preventDefault(), Dt(this, {
       onMove: (r, a) => {
         var i;
         let o = this.vertical ? a : r;
@@ -1986,7 +1986,7 @@ var ie = () => null, tt = class extends A {
           snapThreshold: this.snapThreshold,
           isRtl: e,
           vertical: this.vertical
-        })) != null ? i : o, this.position = U(this.pixelsToPercentage(o), 0, 100);
+        })) != null ? i : o, this.position = X(this.pixelsToPercentage(o), 0, 100);
       },
       initialEvent: t
     }));
@@ -2004,7 +2004,7 @@ var ie = () => null, tt = class extends A {
             this.isCollapsed = !0, this.positionBeforeCollapsing = a;
           });
         }
-      this.position = U(e, 0, 100);
+      this.position = X(e, 0, 100);
     }
   }
   handleResize(t) {
@@ -2032,7 +2032,7 @@ var ie = () => null, tt = class extends A {
         calc(100% - var(--divider-width))
       )
     `, i = "auto";
-    return this.primary === "end" ? r && !this.vertical ? this.style[t] = `${a} var(--divider-width) ${i}` : this.style[t] = `${i} var(--divider-width) ${a}` : r && !this.vertical ? this.style[t] = `${i} var(--divider-width) ${a}` : this.style[t] = `${a} var(--divider-width) ${i}`, this.style[e] = "", x`
+    return this.primary === "end" ? r && !this.vertical ? this.style[t] = `${a} var(--divider-width) ${i}` : this.style[t] = `${i} var(--divider-width) ${a}` : r && !this.vertical ? this.style[t] = `${i} var(--divider-width) ${a}` : this.style[t] = `${a} var(--divider-width) ${i}`, this.style[e] = "", w`
       <slot name="start" part="panel start" class="start"></slot>
 
       <div
@@ -2055,9 +2055,9 @@ var ie = () => null, tt = class extends A {
     `;
   }
 };
-tt.styles = [M, Xe];
+tt.styles = [M, Ge];
 s([
-  $(".divider")
+  z(".divider")
 ], tt.prototype, "divider", 2);
 s([
   n({ type: Number, reflect: !0 })
@@ -2081,16 +2081,16 @@ s([
   n({ type: Number, attribute: "snap-threshold" })
 ], tt.prototype, "snapThreshold", 2);
 s([
-  k("position")
+  x("position")
 ], tt.prototype, "handlePositionChange", 1);
 s([
-  k("positionInPixels")
+  x("positionInPixels")
 ], tt.prototype, "handlePositionInPixelsChange", 1);
 s([
-  k("vertical")
+  x("vertical")
 ], tt.prototype, "handleVerticalChange", 1);
 tt.define("sl-split-panel");
-var Ye = E`
+var We = F`
   :host {
     display: inline-block;
   }
@@ -2257,11 +2257,11 @@ var Ye = E`
   }
 `, K = class extends A {
   constructor() {
-    super(...arguments), this.formControlController = new Xt(this, {
+    super(...arguments), this.formControlController = new Gt(this, {
       value: (t) => t.checked ? t.value || "on" : void 0,
       defaultValue: (t) => t.defaultChecked,
       setValue: (t, e) => t.checked = e
-    }), this.hasSlotController = new St(this, "help-text"), this.hasFocus = !1, this.title = "", this.name = "", this.size = "medium", this.disabled = !1, this.checked = !1, this.defaultChecked = !1, this.form = "", this.required = !1, this.helpText = "";
+    }), this.hasSlotController = new $t(this, "help-text"), this.hasFocus = !1, this.title = "", this.name = "", this.size = "medium", this.disabled = !1, this.checked = !1, this.defaultChecked = !1, this.form = "", this.required = !1, this.helpText = "";
   }
   /** Gets the validity state object */
   get validity() {
@@ -2328,7 +2328,7 @@ var Ye = E`
   }
   render() {
     const t = this.hasSlotController.test("help-text"), e = this.helpText ? !0 : !!t;
-    return x`
+    return w`
       <div
         class=${V({
       "form-control": !0,
@@ -2356,7 +2356,7 @@ var Ye = E`
             title=${this.title}
             name=${this.name}
             value=${R(this.value)}
-            .checked=${Pt(this.checked)}
+            .checked=${Xt(this.checked)}
             .disabled=${this.disabled}
             .required=${this.required}
             role="switch"
@@ -2391,12 +2391,12 @@ var Ye = E`
     `;
   }
 };
-K.styles = [M, Zt, Ye];
+K.styles = [M, re, We];
 s([
-  $('input[type="checkbox"]')
+  z('input[type="checkbox"]')
 ], K.prototype, "input", 2);
 s([
-  F()
+  E()
 ], K.prototype, "hasFocus", 2);
 s([
   n()
@@ -2417,7 +2417,7 @@ s([
   n({ type: Boolean, reflect: !0 })
 ], K.prototype, "checked", 2);
 s([
-  Ut("checked")
+  Yt("checked")
 ], K.prototype, "defaultChecked", 2);
 s([
   n({ reflect: !0 })
@@ -2429,14 +2429,14 @@ s([
   n({ attribute: "help-text" })
 ], K.prototype, "helpText", 2);
 s([
-  k("checked", { waitUntilFirstUpdate: !0 })
+  x("checked", { waitUntilFirstUpdate: !0 })
 ], K.prototype, "handleCheckedChange", 1);
 s([
-  k("disabled", { waitUntilFirstUpdate: !0 })
+  x("disabled", { waitUntilFirstUpdate: !0 })
 ], K.prototype, "handleDisabledChange", 1);
 K.define("sl-switch");
-Tt.define("sl-resize-observer");
-var je = E`
+Ft.define("sl-resize-observer");
+var Ke = F`
   :host {
     --thumb-size: 20px;
     --tooltip-offset: 10px;
@@ -2662,9 +2662,9 @@ var je = E`
       display: none;
     }
   }
-`, B = class extends A {
+`, H = class extends A {
   constructor() {
-    super(...arguments), this.formControlController = new Xt(this), this.hasSlotController = new St(this, "help-text", "label"), this.localize = new X(this), this.hasFocus = !1, this.hasTooltip = !1, this.title = "", this.name = "", this.value = 0, this.label = "", this.helpText = "", this.disabled = !1, this.min = 0, this.max = 100, this.step = 1, this.tooltip = "top", this.tooltipFormatter = (t) => t.toString(), this.form = "", this.defaultValue = 0;
+    super(...arguments), this.formControlController = new Gt(this), this.hasSlotController = new $t(this, "help-text", "label"), this.localize = new U(this), this.hasFocus = !1, this.hasTooltip = !1, this.title = "", this.name = "", this.value = 0, this.label = "", this.helpText = "", this.disabled = !1, this.min = 0, this.max = 100, this.step = 1, this.tooltip = "top", this.tooltipFormatter = (t) => t.toString(), this.form = "", this.defaultValue = 0;
   }
   /** Gets the validity state object */
   get validity() {
@@ -2763,7 +2763,7 @@ var je = E`
   }
   render() {
     const t = this.hasSlotController.test("label"), e = this.hasSlotController.test("help-text"), r = this.label ? !0 : !!t, a = this.helpText ? !0 : !!e;
-    return x`
+    return w`
       <div
         part="form-control"
         class=${V({
@@ -2811,7 +2811,7 @@ var je = E`
               min=${R(this.min)}
               max=${R(this.max)}
               step=${R(this.step)}
-              .value=${Pt(this.value.toString())}
+              .value=${Xt(this.value.toString())}
               aria-describedby="help-text"
               @change=${this.handleChange}
               @focus=${this.handleFocus}
@@ -2819,7 +2819,7 @@ var je = E`
               @invalid=${this.handleInvalid}
               @blur=${this.handleBlur}
             />
-            ${this.tooltip !== "none" && !this.disabled ? x`
+            ${this.tooltip !== "none" && !this.disabled ? w`
                   <output part="tooltip" class="range__tooltip">
                     ${typeof this.tooltipFormatter == "function" ? this.tooltipFormatter(this.value) : this.value}
                   </output>
@@ -2839,72 +2839,72 @@ var je = E`
     `;
   }
 };
-B.styles = [M, Zt, je];
+H.styles = [M, re, Ke];
 s([
-  $(".range__control")
-], B.prototype, "input", 2);
+  z(".range__control")
+], H.prototype, "input", 2);
 s([
-  $(".range__tooltip")
-], B.prototype, "output", 2);
+  z(".range__tooltip")
+], H.prototype, "output", 2);
 s([
-  F()
-], B.prototype, "hasFocus", 2);
+  E()
+], H.prototype, "hasFocus", 2);
 s([
-  F()
-], B.prototype, "hasTooltip", 2);
+  E()
+], H.prototype, "hasTooltip", 2);
 s([
   n()
-], B.prototype, "title", 2);
+], H.prototype, "title", 2);
 s([
   n()
-], B.prototype, "name", 2);
+], H.prototype, "name", 2);
 s([
   n({ type: Number })
-], B.prototype, "value", 2);
+], H.prototype, "value", 2);
 s([
   n()
-], B.prototype, "label", 2);
+], H.prototype, "label", 2);
 s([
   n({ attribute: "help-text" })
-], B.prototype, "helpText", 2);
+], H.prototype, "helpText", 2);
 s([
   n({ type: Boolean, reflect: !0 })
-], B.prototype, "disabled", 2);
+], H.prototype, "disabled", 2);
 s([
   n({ type: Number })
-], B.prototype, "min", 2);
+], H.prototype, "min", 2);
 s([
   n({ type: Number })
-], B.prototype, "max", 2);
+], H.prototype, "max", 2);
 s([
   n({ type: Number })
-], B.prototype, "step", 2);
+], H.prototype, "step", 2);
 s([
   n()
-], B.prototype, "tooltip", 2);
+], H.prototype, "tooltip", 2);
 s([
   n({ attribute: !1 })
-], B.prototype, "tooltipFormatter", 2);
+], H.prototype, "tooltipFormatter", 2);
 s([
   n({ reflect: !0 })
-], B.prototype, "form", 2);
+], H.prototype, "form", 2);
 s([
-  Ut()
-], B.prototype, "defaultValue", 2);
+  Yt()
+], H.prototype, "defaultValue", 2);
 s([
-  Nt({ passive: !0 })
-], B.prototype, "handleThumbDragStart", 1);
+  jt({ passive: !0 })
+], H.prototype, "handleThumbDragStart", 1);
 s([
-  k("value", { waitUntilFirstUpdate: !0 })
-], B.prototype, "handleValueChange", 1);
+  x("value", { waitUntilFirstUpdate: !0 })
+], H.prototype, "handleValueChange", 1);
 s([
-  k("disabled", { waitUntilFirstUpdate: !0 })
-], B.prototype, "handleDisabledChange", 1);
+  x("disabled", { waitUntilFirstUpdate: !0 })
+], H.prototype, "handleDisabledChange", 1);
 s([
-  k("hasTooltip", { waitUntilFirstUpdate: !0 })
-], B.prototype, "syncRange", 1);
-B.define("sl-range");
-var Ge = E`
+  x("hasTooltip", { waitUntilFirstUpdate: !0 })
+], H.prototype, "syncRange", 1);
+H.define("sl-range");
+var qe = F`
   :host {
     --symbol-color: var(--sl-color-neutral-300);
     --symbol-color-active: var(--sl-color-amber-500);
@@ -2998,10 +2998,10 @@ var Ge = E`
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const pe = "important", We = " !" + pe, Q = Ce(class extends ze {
+const me = "important", Qe = " !" + me, Q = $e(class extends Se {
   constructor(t) {
     var e;
-    if (super(t), t.type !== $e.ATTRIBUTE || t.name !== "style" || ((e = t.strings) == null ? void 0 : e.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
+    if (super(t), t.type !== Te.ATTRIBUTE || t.name !== "style" || ((e = t.strings) == null ? void 0 : e.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
   }
   render(t) {
     return Object.keys(t).reduce((e, r) => {
@@ -3017,16 +3017,16 @@ const pe = "important", We = " !" + pe, Q = Ce(class extends ze {
       const i = e[a];
       if (i != null) {
         this.ft.add(a);
-        const o = typeof i == "string" && i.endsWith(We);
-        a.includes("-") || o ? r.setProperty(a, o ? i.slice(0, -11) : i, o ? pe : "") : r[a] = i;
+        const o = typeof i == "string" && i.endsWith(Qe);
+        a.includes("-") || o ? r.setProperty(a, o ? i.slice(0, -11) : i, o ? me : "") : r[a] = i;
       }
     }
-    return _e;
+    return xe;
   }
 });
 var q = class extends A {
   constructor() {
-    super(...arguments), this.localize = new X(this), this.hoverValue = 0, this.isHovering = !1, this.label = "", this.value = 0, this.max = 5, this.precision = 1, this.readonly = !1, this.disabled = !1, this.getSymbol = () => '<sl-icon name="star-fill" library="system"></sl-icon>';
+    super(...arguments), this.localize = new U(this), this.hoverValue = 0, this.isHovering = !1, this.label = "", this.value = 0, this.max = 5, this.precision = 1, this.readonly = !1, this.disabled = !1, this.getSymbol = () => '<sl-icon name="star-fill" library="system"></sl-icon>';
   }
   getValueFromMousePosition(t) {
     return this.getValueFromXCoordinate(t.clientX);
@@ -3036,7 +3036,7 @@ var q = class extends A {
   }
   getValueFromXCoordinate(t) {
     const e = this.localize.dir() === "rtl", { left: r, right: a, width: i } = this.rating.getBoundingClientRect(), o = e ? this.roundToPrecision((a - t) / i * this.max, this.precision) : this.roundToPrecision((t - r) / i * this.max, this.precision);
-    return U(o, 0, this.max);
+    return X(o, 0, this.max);
   }
   handleClick(t) {
     this.disabled || (this.setValue(this.getValueFromMousePosition(t)), this.emit("sl-change"));
@@ -3107,7 +3107,7 @@ var q = class extends A {
   render() {
     const t = this.localize.dir() === "rtl", e = Array.from(Array(this.max).keys());
     let r = 0;
-    return this.disabled || this.readonly ? r = this.value : r = this.isHovering ? this.hoverValue : this.value, x`
+    return this.disabled || this.readonly ? r = this.value : r = this.isHovering ? this.hoverValue : this.value, w`
       <div
         part="base"
         class=${V({
@@ -3134,7 +3134,7 @@ var q = class extends A {
         @touchmove=${this.handleTouchMove}
       >
         <span class="rating__symbols">
-          ${e.map((a) => r > a && r < a + 1 ? x`
+          ${e.map((a) => r > a && r < a + 1 ? w`
                 <span
                   class=${V({
       rating__symbol: !0,
@@ -3148,7 +3148,7 @@ var q = class extends A {
       clipPath: t ? `inset(0 ${(r - a) * 100}% 0 0)` : `inset(0 0 0 ${(r - a) * 100}%)`
     })}
                   >
-                    ${jt(this.getSymbol(a + 1))}
+                    ${qt(this.getSymbol(a + 1))}
                   </div>
                   <div
                     class="rating__partial--filled"
@@ -3156,10 +3156,10 @@ var q = class extends A {
       clipPath: t ? `inset(0 0 0 ${100 - (r - a) * 100}%)` : `inset(0 ${100 - (r - a) * 100}% 0 0)`
     })}
                   >
-                    ${jt(this.getSymbol(a + 1))}
+                    ${qt(this.getSymbol(a + 1))}
                   </div>
                 </span>
-              ` : x`
+              ` : w`
               <span
                 class=${V({
       rating__symbol: !0,
@@ -3168,7 +3168,7 @@ var q = class extends A {
     })}
                 role="presentation"
               >
-                ${jt(this.getSymbol(a + 1))}
+                ${qt(this.getSymbol(a + 1))}
               </span>
             `)}
         </span>
@@ -3176,16 +3176,16 @@ var q = class extends A {
     `;
   }
 };
-q.styles = [M, Ge];
-q.dependencies = { "sl-icon": ct };
+q.styles = [M, qe];
+q.dependencies = { "sl-icon": dt };
 s([
-  $(".rating")
+  z(".rating")
 ], q.prototype, "rating", 2);
 s([
-  F()
+  E()
 ], q.prototype, "hoverValue", 2);
 s([
-  F()
+  E()
 ], q.prototype, "isHovering", 2);
 s([
   n()
@@ -3209,16 +3209,16 @@ s([
   n()
 ], q.prototype, "getSymbol", 2);
 s([
-  Nt({ passive: !0 })
+  jt({ passive: !0 })
 ], q.prototype, "handleTouchMove", 1);
 s([
-  k("hoverValue")
+  x("hoverValue")
 ], q.prototype, "handleHoverValueChange", 1);
 s([
-  k("isHovering")
+  x("isHovering")
 ], q.prototype, "handleIsHoveringChange", 1);
 q.define("sl-rating");
-var Ke = [
+var Ze = [
   { max: 276e4, value: 6e4, unit: "minute" },
   // max 46 minutes
   { max: 72e6, value: 36e5, unit: "hour" },
@@ -3230,9 +3230,9 @@ var Ke = [
   { max: 28512e6, value: 2592e6, unit: "month" },
   // max 11 months
   { max: 1 / 0, value: 31536e6, unit: "year" }
-], ft = class extends A {
+], gt = class extends A {
   constructor() {
-    super(...arguments), this.localize = new X(this), this.isoTime = "", this.relativeTime = "", this.date = /* @__PURE__ */ new Date(), this.format = "long", this.numeric = "auto", this.sync = !1;
+    super(...arguments), this.localize = new U(this), this.isoTime = "", this.relativeTime = "", this.date = /* @__PURE__ */ new Date(), this.format = "long", this.numeric = "auto", this.sync = !1;
   }
   disconnectedCallback() {
     super.disconnectedCallback(), clearTimeout(this.updateTimeout);
@@ -3241,42 +3241,42 @@ var Ke = [
     const t = /* @__PURE__ */ new Date(), e = new Date(this.date);
     if (isNaN(e.getMilliseconds()))
       return this.relativeTime = "", this.isoTime = "", "";
-    const r = e.getTime() - t.getTime(), { unit: a, value: i } = Ke.find((o) => Math.abs(r) < o.max);
+    const r = e.getTime() - t.getTime(), { unit: a, value: i } = Ze.find((o) => Math.abs(r) < o.max);
     if (this.isoTime = e.toISOString(), this.relativeTime = this.localize.relativeTime(Math.round(r / i), a, {
       numeric: this.numeric,
       style: this.format
     }), clearTimeout(this.updateTimeout), this.sync) {
       let o;
-      a === "minute" ? o = Mt("second") : a === "hour" ? o = Mt("minute") : a === "day" ? o = Mt("hour") : o = Mt("day"), this.updateTimeout = window.setTimeout(() => this.requestUpdate(), o);
+      a === "minute" ? o = Rt("second") : a === "hour" ? o = Rt("minute") : a === "day" ? o = Rt("hour") : o = Rt("day"), this.updateTimeout = window.setTimeout(() => this.requestUpdate(), o);
     }
-    return x` <time datetime=${this.isoTime}>${this.relativeTime}</time> `;
+    return w` <time datetime=${this.isoTime}>${this.relativeTime}</time> `;
   }
 };
 s([
-  F()
-], ft.prototype, "isoTime", 2);
+  E()
+], gt.prototype, "isoTime", 2);
 s([
-  F()
-], ft.prototype, "relativeTime", 2);
+  E()
+], gt.prototype, "relativeTime", 2);
 s([
   n()
-], ft.prototype, "date", 2);
+], gt.prototype, "date", 2);
 s([
   n()
-], ft.prototype, "format", 2);
+], gt.prototype, "format", 2);
 s([
   n()
-], ft.prototype, "numeric", 2);
+], gt.prototype, "numeric", 2);
 s([
   n({ type: Boolean })
-], ft.prototype, "sync", 2);
-function Mt(t) {
+], gt.prototype, "sync", 2);
+function Rt(t) {
   const r = { second: 1e3, minute: 6e4, hour: 36e5, day: 864e5 }[t];
   return r - Date.now() % r;
 }
-var Wa = ft;
-ft.define("sl-relative-time");
-var qe = E`
+var Ja = gt;
+gt.define("sl-relative-time");
+var Je = F`
   :host {
     --size: 128px;
     --track-width: 4px;
@@ -3341,9 +3341,9 @@ var qe = E`
     user-select: none;
     -webkit-user-select: none;
   }
-`, wt = class extends A {
+`, St = class extends A {
   constructor() {
-    super(...arguments), this.localize = new X(this), this.value = 0, this.label = "";
+    super(...arguments), this.localize = new U(this), this.value = 0, this.label = "";
   }
   updated(t) {
     if (super.updated(t), t.has("value")) {
@@ -3352,7 +3352,7 @@ var qe = E`
     }
   }
   render() {
-    return x`
+    return w`
       <div
         part="base"
         class="progress-ring"
@@ -3374,55 +3374,55 @@ var qe = E`
     `;
   }
 };
-wt.styles = [M, qe];
+St.styles = [M, Je];
 s([
-  $(".progress-ring__indicator")
-], wt.prototype, "indicator", 2);
+  z(".progress-ring__indicator")
+], St.prototype, "indicator", 2);
 s([
-  F()
-], wt.prototype, "indicatorOffset", 2);
+  E()
+], St.prototype, "indicatorOffset", 2);
 s([
   n({ type: Number, reflect: !0 })
-], wt.prototype, "value", 2);
+], St.prototype, "value", 2);
 s([
   n()
-], wt.prototype, "label", 2);
-wt.define("sl-progress-ring");
-var Qe = E`
+], St.prototype, "label", 2);
+St.define("sl-progress-ring");
+var tr = F`
   :host {
     display: inline-block;
   }
 `;
-let fe = null;
-class me {
+let be = null;
+class ge {
 }
-me.render = function(t, e) {
-  fe(t, e);
+ge.render = function(t, e) {
+  be(t, e);
 };
-self.QrCreator = me;
+self.QrCreator = ge;
 (function(t) {
   function e(p, l, u, v) {
     var c = {}, d = t(u, l);
     d.u(p), d.J(), v = v || 0;
     var b = d.h(), f = d.h() + 2 * v;
-    return c.text = p, c.level = l, c.version = u, c.O = f, c.a = function(y, T) {
-      return y -= v, T -= v, 0 > y || y >= b || 0 > T || T >= b ? !1 : d.a(y, T);
+    return c.text = p, c.level = l, c.version = u, c.O = f, c.a = function(y, I) {
+      return y -= v, I -= v, 0 > y || y >= b || 0 > I || I >= b ? !1 : d.a(y, I);
     }, c;
   }
-  function r(p, l, u, v, c, d, b, f, y, T) {
-    function H(_, w, m, g, z, O, L) {
-      _ ? (p.lineTo(w + O, m + L), p.arcTo(w, m, g, z, d)) : p.lineTo(w, m);
+  function r(p, l, u, v, c, d, b, f, y, I) {
+    function B(_, k, m, g, $, O, L) {
+      _ ? (p.lineTo(k + O, m + L), p.arcTo(k, m, g, $, d)) : p.lineTo(k, m);
     }
-    b ? p.moveTo(l + d, u) : p.moveTo(l, u), H(f, v, u, v, c, -d, 0), H(y, v, c, l, c, 0, -d), H(T, l, c, l, u, d, 0), H(b, l, u, v, u, 0, d);
+    b ? p.moveTo(l + d, u) : p.moveTo(l, u), B(f, v, u, v, c, -d, 0), B(y, v, c, l, c, 0, -d), B(I, l, c, l, u, d, 0), B(b, l, u, v, u, 0, d);
   }
-  function a(p, l, u, v, c, d, b, f, y, T) {
-    function H(_, w, m, g) {
-      p.moveTo(_ + m, w), p.lineTo(
+  function a(p, l, u, v, c, d, b, f, y, I) {
+    function B(_, k, m, g) {
+      p.moveTo(_ + m, k), p.lineTo(
         _,
-        w
-      ), p.lineTo(_, w + g), p.arcTo(_, w, _ + m, w, d);
+        k
+      ), p.lineTo(_, k + g), p.arcTo(_, k, _ + m, k, d);
     }
-    b && H(l, u, d, d), f && H(v, u, -d, d), y && H(v, c, -d, -d), T && H(l, c, d, -d);
+    b && B(l, u, d, d), f && B(v, u, -d, d), y && B(v, c, -d, -d), I && B(l, c, d, -d);
   }
   function i(p, l) {
     var u = l.fill;
@@ -3449,18 +3449,18 @@ self.QrCreator = me;
     }
     if (!f) return null;
     for (u = p.getContext("2d"), l.background && (u.fillStyle = l.background, u.fillRect(l.left, l.top, l.size, l.size)), v = f.O, d = l.size / v, u.beginPath(), b = 0; b < v; b += 1) for (c = 0; c < v; c += 1) {
-      var y = u, T = l.left + c * d, H = l.top + b * d, _ = b, w = c, m = f.a, g = T + d, z = H + d, O = _ - 1, L = _ + 1, S = w - 1, C = w + 1, lt = Math.floor(Math.min(0.5, Math.max(0, l.R)) * d), ut = m(_, w), bt = m(O, S), Ft = m(O, w);
+      var y = u, I = l.left + c * d, B = l.top + b * d, _ = b, k = c, m = f.a, g = I + d, $ = B + d, O = _ - 1, L = _ + 1, S = k - 1, C = k + 1, ct = Math.floor(Math.min(0.5, Math.max(0, l.R)) * d), pt = m(_, k), yt = m(O, S), Ot = m(O, k);
       O = m(O, C);
-      var Et = m(_, C);
-      C = m(L, C), w = m(
+      var Lt = m(_, C);
+      C = m(L, C), k = m(
         L,
-        w
-      ), L = m(L, S), _ = m(_, S), T = Math.round(T), H = Math.round(H), g = Math.round(g), z = Math.round(z), ut ? r(y, T, H, g, z, lt, !Ft && !_, !Ft && !Et, !w && !Et, !w && !_) : a(y, T, H, g, z, lt, Ft && _ && bt, Ft && Et && O, w && Et && C, w && _ && L);
+        k
+      ), L = m(L, S), _ = m(_, S), I = Math.round(I), B = Math.round(B), g = Math.round(g), $ = Math.round($), pt ? r(y, I, B, g, $, ct, !Ot && !_, !Ot && !Lt, !k && !Lt, !k && !_) : a(y, I, B, g, $, ct, Ot && _ && yt, Ot && Lt && O, k && Lt && C, k && _ && L);
     }
     return i(u, l), u.fill(), p;
   }
   var h = { minVersion: 1, maxVersion: 40, ecLevel: "L", left: 0, top: 0, size: 200, fill: "#000", background: null, text: "no text", radius: 0.5, quiet: 0 };
-  fe = function(p, l) {
+  be = function(p, l) {
     var u = {};
     Object.assign(u, h, p), u.N = u.minVersion, u.K = u.maxVersion, u.v = u.ecLevel, u.left = u.left, u.top = u.top, u.size = u.size, u.fill = u.fill, u.background = u.background, u.text = u.text, u.R = u.radius, u.P = u.quiet, l instanceof HTMLCanvasElement ? ((l.width !== u.size || l.height !== u.size) && (l.width = u.size, l.height = u.size), l.getContext("2d").clearRect(0, 0, l.width, l.height), o(l, u)) : (p = document.createElement("canvas"), p.width = u.size, p.height = u.size, u = o(p, u), l.appendChild(u));
   };
@@ -3497,68 +3497,68 @@ self.QrCreator = me;
     return v;
   }
   function r(l, u) {
-    function v(_, w) {
-      for (var m = -1; 7 >= m; m += 1) if (!(-1 >= _ + m || f <= _ + m)) for (var g = -1; 7 >= g; g += 1) -1 >= w + g || f <= w + g || (b[_ + m][w + g] = 0 <= m && 6 >= m && (g == 0 || g == 6) || 0 <= g && 6 >= g && (m == 0 || m == 6) || 2 <= m && 4 >= m && 2 <= g && 4 >= g);
+    function v(_, k) {
+      for (var m = -1; 7 >= m; m += 1) if (!(-1 >= _ + m || f <= _ + m)) for (var g = -1; 7 >= g; g += 1) -1 >= k + g || f <= k + g || (b[_ + m][k + g] = 0 <= m && 6 >= m && (g == 0 || g == 6) || 0 <= g && 6 >= g && (m == 0 || m == 6) || 2 <= m && 4 >= m && 2 <= g && 4 >= g);
     }
-    function c(_, w) {
-      for (var m = f = 4 * l + 17, g = Array(m), z = 0; z < m; z += 1) {
-        g[z] = Array(m);
-        for (var O = 0; O < m; O += 1) g[z][O] = null;
+    function c(_, k) {
+      for (var m = f = 4 * l + 17, g = Array(m), $ = 0; $ < m; $ += 1) {
+        g[$] = Array(m);
+        for (var O = 0; O < m; O += 1) g[$][O] = null;
       }
-      for (b = g, v(0, 0), v(f - 7, 0), v(0, f - 7), m = o.G(l), g = 0; g < m.length; g += 1) for (z = 0; z < m.length; z += 1) {
+      for (b = g, v(0, 0), v(f - 7, 0), v(0, f - 7), m = o.G(l), g = 0; g < m.length; g += 1) for ($ = 0; $ < m.length; $ += 1) {
         O = m[g];
-        var L = m[z];
+        var L = m[$];
         if (b[O][L] == null) for (var S = -2; 2 >= S; S += 1) for (var C = -2; 2 >= C; C += 1) b[O + S][L + C] = S == -2 || S == 2 || C == -2 || C == 2 || S == 0 && C == 0;
       }
       for (m = 8; m < f - 8; m += 1) b[m][6] == null && (b[m][6] = m % 2 == 0);
       for (m = 8; m < f - 8; m += 1) b[6][m] == null && (b[6][m] = m % 2 == 0);
-      for (m = o.w(d << 3 | w), g = 0; 15 > g; g += 1) z = !_ && (m >> g & 1) == 1, b[6 > g ? g : 8 > g ? g + 1 : f - 15 + g][8] = z, b[8][8 > g ? f - g - 1 : 9 > g ? 15 - g : 14 - g] = z;
+      for (m = o.w(d << 3 | k), g = 0; 15 > g; g += 1) $ = !_ && (m >> g & 1) == 1, b[6 > g ? g : 8 > g ? g + 1 : f - 15 + g][8] = $, b[8][8 > g ? f - g - 1 : 9 > g ? 15 - g : 14 - g] = $;
       if (b[f - 8][8] = !_, 7 <= l) {
-        for (m = o.A(l), g = 0; 18 > g; g += 1) z = !_ && (m >> g & 1) == 1, b[Math.floor(g / 3)][g % 3 + f - 8 - 3] = z;
-        for (g = 0; 18 > g; g += 1) z = !_ && (m >> g & 1) == 1, b[g % 3 + f - 8 - 3][Math.floor(g / 3)] = z;
+        for (m = o.A(l), g = 0; 18 > g; g += 1) $ = !_ && (m >> g & 1) == 1, b[Math.floor(g / 3)][g % 3 + f - 8 - 3] = $;
+        for (g = 0; 18 > g; g += 1) $ = !_ && (m >> g & 1) == 1, b[g % 3 + f - 8 - 3][Math.floor(g / 3)] = $;
       }
       if (y == null) {
-        for (_ = p.I(l, d), m = e(), g = 0; g < T.length; g += 1) z = T[g], m.put(4, 4), m.put(z.b(), o.f(4, l)), z.write(m);
-        for (g = z = 0; g < _.length; g += 1) z += _[g].j;
-        if (m.f() > 8 * z) throw Error("code length overflow. (" + m.f() + ">" + 8 * z + ")");
-        for (m.f() + 4 <= 8 * z && m.put(0, 4); m.f() % 8 != 0; ) m.m(!1);
-        for (; !(m.f() >= 8 * z) && (m.put(236, 8), !(m.f() >= 8 * z)); )
+        for (_ = p.I(l, d), m = e(), g = 0; g < I.length; g += 1) $ = I[g], m.put(4, 4), m.put($.b(), o.f(4, l)), $.write(m);
+        for (g = $ = 0; g < _.length; g += 1) $ += _[g].j;
+        if (m.f() > 8 * $) throw Error("code length overflow. (" + m.f() + ">" + 8 * $ + ")");
+        for (m.f() + 4 <= 8 * $ && m.put(0, 4); m.f() % 8 != 0; ) m.m(!1);
+        for (; !(m.f() >= 8 * $) && (m.put(236, 8), !(m.f() >= 8 * $)); )
           m.put(17, 8);
-        var lt = 0;
-        for (z = g = 0, O = Array(_.length), L = Array(_.length), S = 0; S < _.length; S += 1) {
-          var ut = _[S].j, bt = _[S].o - ut;
-          for (g = Math.max(g, ut), z = Math.max(z, bt), O[S] = Array(ut), C = 0; C < O[S].length; C += 1) O[S][C] = 255 & m.B()[C + lt];
-          for (lt += ut, C = o.C(bt), ut = a(O[S], C.b() - 1).l(C), L[S] = Array(C.b() - 1), C = 0; C < L[S].length; C += 1) bt = C + ut.b() - L[S].length, L[S][C] = 0 <= bt ? ut.c(bt) : 0;
+        var ct = 0;
+        for ($ = g = 0, O = Array(_.length), L = Array(_.length), S = 0; S < _.length; S += 1) {
+          var pt = _[S].j, yt = _[S].o - pt;
+          for (g = Math.max(g, pt), $ = Math.max($, yt), O[S] = Array(pt), C = 0; C < O[S].length; C += 1) O[S][C] = 255 & m.B()[C + ct];
+          for (ct += pt, C = o.C(yt), pt = a(O[S], C.b() - 1).l(C), L[S] = Array(C.b() - 1), C = 0; C < L[S].length; C += 1) yt = C + pt.b() - L[S].length, L[S][C] = 0 <= yt ? pt.c(yt) : 0;
         }
         for (C = m = 0; C < _.length; C += 1) m += _[C].o;
-        for (m = Array(m), C = lt = 0; C < g; C += 1) for (S = 0; S < _.length; S += 1) C < O[S].length && (m[lt] = O[S][C], lt += 1);
-        for (C = 0; C < z; C += 1) for (S = 0; S < _.length; S += 1) C < L[S].length && (m[lt] = L[S][C], lt += 1);
+        for (m = Array(m), C = ct = 0; C < g; C += 1) for (S = 0; S < _.length; S += 1) C < O[S].length && (m[ct] = O[S][C], ct += 1);
+        for (C = 0; C < $; C += 1) for (S = 0; S < _.length; S += 1) C < L[S].length && (m[ct] = L[S][C], ct += 1);
         y = m;
       }
-      for (_ = y, m = -1, g = f - 1, z = 7, O = 0, w = o.F(w), L = f - 1; 0 < L; L -= 2) for (L == 6 && --L; ; ) {
-        for (S = 0; 2 > S; S += 1) b[g][L - S] == null && (C = !1, O < _.length && (C = (_[O] >>> z & 1) == 1), w(g, L - S) && (C = !C), b[g][L - S] = C, --z, z == -1 && (O += 1, z = 7));
+      for (_ = y, m = -1, g = f - 1, $ = 7, O = 0, k = o.F(k), L = f - 1; 0 < L; L -= 2) for (L == 6 && --L; ; ) {
+        for (S = 0; 2 > S; S += 1) b[g][L - S] == null && (C = !1, O < _.length && (C = (_[O] >>> $ & 1) == 1), k(g, L - S) && (C = !C), b[g][L - S] = C, --$, $ == -1 && (O += 1, $ = 7));
         if (g += m, 0 > g || f <= g) {
           g -= m, m = -m;
           break;
         }
       }
     }
-    var d = i[u], b = null, f = 0, y = null, T = [], H = { u: function(_) {
-      _ = t(_), T.push(_), y = null;
-    }, a: function(_, w) {
-      if (0 > _ || f <= _ || 0 > w || f <= w) throw Error(_ + "," + w);
-      return b[_][w];
+    var d = i[u], b = null, f = 0, y = null, I = [], B = { u: function(_) {
+      _ = t(_), I.push(_), y = null;
+    }, a: function(_, k) {
+      if (0 > _ || f <= _ || 0 > k || f <= k) throw Error(_ + "," + k);
+      return b[_][k];
     }, h: function() {
       return f;
     }, J: function() {
-      for (var _ = 0, w = 0, m = 0; 8 > m; m += 1) {
+      for (var _ = 0, k = 0, m = 0; 8 > m; m += 1) {
         c(!0, m);
-        var g = o.D(H);
-        (m == 0 || _ > g) && (_ = g, w = m);
+        var g = o.D(B);
+        (m == 0 || _ > g) && (_ = g, k = m);
       }
-      c(!1, w);
+      c(!1, k);
     } };
-    return H;
+    return B;
   }
   function a(l, u) {
     if (typeof l.length > "u") throw Error(l.length + "/" + u);
@@ -3687,14 +3687,14 @@ self.QrCreator = me;
       return 10 > d ? 8 : 16;
     }, D: function(c) {
       for (var d = c.h(), b = 0, f = 0; f < d; f += 1) for (var y = 0; y < d; y += 1) {
-        for (var T = 0, H = c.a(f, y), _ = -1; 1 >= _; _ += 1) if (!(0 > f + _ || d <= f + _)) for (var w = -1; 1 >= w; w += 1) 0 > y + w || d <= y + w || (_ != 0 || w != 0) && H == c.a(f + _, y + w) && (T += 1);
-        5 < T && (b += 3 + T - 5);
+        for (var I = 0, B = c.a(f, y), _ = -1; 1 >= _; _ += 1) if (!(0 > f + _ || d <= f + _)) for (var k = -1; 1 >= k; k += 1) 0 > y + k || d <= y + k || (_ != 0 || k != 0) && B == c.a(f + _, y + k) && (I += 1);
+        5 < I && (b += 3 + I - 5);
       }
-      for (f = 0; f < d - 1; f += 1) for (y = 0; y < d - 1; y += 1) T = 0, c.a(f, y) && (T += 1), c.a(f + 1, y) && (T += 1), c.a(f, y + 1) && (T += 1), c.a(f + 1, y + 1) && (T += 1), (T == 0 || T == 4) && (b += 3);
+      for (f = 0; f < d - 1; f += 1) for (y = 0; y < d - 1; y += 1) I = 0, c.a(f, y) && (I += 1), c.a(f + 1, y) && (I += 1), c.a(f, y + 1) && (I += 1), c.a(f + 1, y + 1) && (I += 1), (I == 0 || I == 4) && (b += 3);
       for (f = 0; f < d; f += 1) for (y = 0; y < d - 6; y += 1) c.a(f, y) && !c.a(f, y + 1) && c.a(f, y + 2) && c.a(f, y + 3) && c.a(f, y + 4) && !c.a(f, y + 5) && c.a(f, y + 6) && (b += 40);
       for (y = 0; y < d; y += 1) for (f = 0; f < d - 6; f += 1) c.a(f, y) && !c.a(f + 1, y) && c.a(f + 2, y) && c.a(f + 3, y) && c.a(f + 4, y) && !c.a(f + 5, y) && c.a(f + 6, y) && (b += 40);
-      for (y = T = 0; y < d; y += 1) for (f = 0; f < d; f += 1) c.a(f, y) && (T += 1);
-      return b += Math.abs(100 * T / d / d - 50) / 5 * 10;
+      for (y = I = 0; y < d; y += 1) for (f = 0; f < d; f += 1) c.a(f, y) && (I += 1);
+      return b += Math.abs(100 * I / d / d - 50) / 5 * 10;
     } };
     return v;
   }(), h = function() {
@@ -3908,9 +3908,9 @@ self.QrCreator = me;
       var b = l(c, d);
       if (typeof b > "u") throw Error("bad rs block @ typeNumber:" + c + "/errorCorrectLevel:" + d);
       c = b.length / 3, d = [];
-      for (var f = 0; f < c; f += 1) for (var y = b[3 * f], T = b[3 * f + 1], H = b[3 * f + 2], _ = 0; _ < y; _ += 1) {
-        var w = H, m = {};
-        m.o = T, m.j = w, d.push(m);
+      for (var f = 0; f < c; f += 1) for (var y = b[3 * f], I = b[3 * f + 1], B = b[3 * f + 2], _ = 0; _ < y; _ += 1) {
+        var k = B, m = {};
+        m.o = I, m.j = k, d.push(m);
       }
       return d;
     } };
@@ -3918,8 +3918,8 @@ self.QrCreator = me;
   }();
   return r;
 }());
-const Ze = QrCreator;
-var it = class extends A {
+const er = QrCreator;
+var ot = class extends A {
   constructor() {
     super(...arguments), this.value = "", this.label = "", this.size = 128, this.fill = "black", this.background = "white", this.radius = 0, this.errorCorrection = "H";
   }
@@ -3927,7 +3927,7 @@ var it = class extends A {
     this.generate();
   }
   generate() {
-    this.hasUpdated && Ze.render(
+    this.hasUpdated && er.render(
       {
         text: this.value,
         radius: this.radius,
@@ -3942,7 +3942,7 @@ var it = class extends A {
   }
   render() {
     var t;
-    return x`
+    return w`
       <canvas
         part="base"
         class="qr-code"
@@ -3956,36 +3956,36 @@ var it = class extends A {
     `;
   }
 };
-it.styles = [M, Qe];
+ot.styles = [M, tr];
 s([
-  $("canvas")
-], it.prototype, "canvas", 2);
+  z("canvas")
+], ot.prototype, "canvas", 2);
 s([
   n()
-], it.prototype, "value", 2);
+], ot.prototype, "value", 2);
 s([
   n()
-], it.prototype, "label", 2);
+], ot.prototype, "label", 2);
 s([
   n({ type: Number })
-], it.prototype, "size", 2);
+], ot.prototype, "size", 2);
 s([
   n()
-], it.prototype, "fill", 2);
+], ot.prototype, "fill", 2);
 s([
   n()
-], it.prototype, "background", 2);
+], ot.prototype, "background", 2);
 s([
   n({ type: Number })
-], it.prototype, "radius", 2);
+], ot.prototype, "radius", 2);
 s([
   n({ attribute: "error-correction" })
-], it.prototype, "errorCorrection", 2);
+], ot.prototype, "errorCorrection", 2);
 s([
-  k(["background", "errorCorrection", "fill", "radius", "size", "value"])
-], it.prototype, "generate", 1);
-it.define("sl-qr-code");
-var Je = E`
+  x(["background", "errorCorrection", "fill", "radius", "size", "value"])
+], ot.prototype, "generate", 1);
+ot.define("sl-qr-code");
+var rr = F`
   :host {
     --height: 1rem;
     --track-color: var(--sl-color-neutral-200);
@@ -4067,12 +4067,12 @@ var Je = E`
       width: 50%;
     }
   }
-`, At = class extends A {
+`, Mt = class extends A {
   constructor() {
-    super(...arguments), this.localize = new X(this), this.value = 0, this.indeterminate = !1, this.label = "";
+    super(...arguments), this.localize = new U(this), this.value = 0, this.indeterminate = !1, this.label = "";
   }
   render() {
-    return x`
+    return w`
       <div
         part="base"
         class=${V({
@@ -4088,24 +4088,24 @@ var Je = E`
         aria-valuenow=${this.indeterminate ? 0 : this.value}
       >
         <div part="indicator" class="progress-bar__indicator" style=${Q({ width: `${this.value}%` })}>
-          ${this.indeterminate ? "" : x` <slot part="label" class="progress-bar__label"></slot> `}
+          ${this.indeterminate ? "" : w` <slot part="label" class="progress-bar__label"></slot> `}
         </div>
       </div>
     `;
   }
 };
-At.styles = [M, Je];
+Mt.styles = [M, rr];
 s([
   n({ type: Number, reflect: !0 })
-], At.prototype, "value", 2);
+], Mt.prototype, "value", 2);
 s([
   n({ type: Boolean, reflect: !0 })
-], At.prototype, "indeterminate", 2);
+], Mt.prototype, "indeterminate", 2);
 s([
   n()
-], At.prototype, "label", 2);
-At.define("sl-progress-bar");
-var tr = E`
+], Mt.prototype, "label", 2);
+Mt.define("sl-progress-bar");
+var sr = F`
   :host {
     display: block;
   }
@@ -4122,18 +4122,18 @@ var tr = E`
     user-select: none;
     -webkit-user-select: none;
   }
-`, be = class extends A {
+`, ve = class extends A {
   render() {
-    return x` <slot part="base" class="menu-label"></slot> `;
+    return w` <slot part="base" class="menu-label"></slot> `;
   }
 };
-be.styles = [M, tr];
-be.define("sl-menu-label");
-var er = E`
+ve.styles = [M, sr];
+ve.define("sl-menu-label");
+var ar = F`
   :host {
     display: contents;
   }
-`, dt = class extends A {
+`, ht = class extends A {
   constructor() {
     super(...arguments), this.attrOldValue = !1, this.charData = !1, this.charDataOldValue = !1, this.childList = !1, this.disabled = !1, this.handleMutation = (t) => {
       this.emit("sl-mutation", {
@@ -4172,40 +4172,40 @@ var er = E`
     this.stopObserver(), this.startObserver();
   }
   render() {
-    return x` <slot></slot> `;
+    return w` <slot></slot> `;
   }
 };
-dt.styles = [M, er];
+ht.styles = [M, ar];
 s([
   n({ reflect: !0 })
-], dt.prototype, "attr", 2);
+], ht.prototype, "attr", 2);
 s([
   n({ attribute: "attr-old-value", type: Boolean, reflect: !0 })
-], dt.prototype, "attrOldValue", 2);
+], ht.prototype, "attrOldValue", 2);
 s([
   n({ attribute: "char-data", type: Boolean, reflect: !0 })
-], dt.prototype, "charData", 2);
+], ht.prototype, "charData", 2);
 s([
   n({ attribute: "char-data-old-value", type: Boolean, reflect: !0 })
-], dt.prototype, "charDataOldValue", 2);
+], ht.prototype, "charDataOldValue", 2);
 s([
   n({ attribute: "child-list", type: Boolean, reflect: !0 })
-], dt.prototype, "childList", 2);
+], ht.prototype, "childList", 2);
 s([
   n({ type: Boolean, reflect: !0 })
-], dt.prototype, "disabled", 2);
-s([
-  k("disabled")
-], dt.prototype, "handleDisabledChange", 1);
-s([
-  k("attr", { waitUntilFirstUpdate: !0 }),
-  k("attr-old-value", { waitUntilFirstUpdate: !0 }),
-  k("char-data", { waitUntilFirstUpdate: !0 }),
-  k("char-data-old-value", { waitUntilFirstUpdate: !0 }),
-  k("childList", { waitUntilFirstUpdate: !0 })
-], dt.prototype, "handleChange", 1);
-dt.define("sl-mutation-observer");
-var rr = E`
+], ht.prototype, "disabled", 2);
+s([
+  x("disabled")
+], ht.prototype, "handleDisabledChange", 1);
+s([
+  x("attr", { waitUntilFirstUpdate: !0 }),
+  x("attr-old-value", { waitUntilFirstUpdate: !0 }),
+  x("char-data", { waitUntilFirstUpdate: !0 }),
+  x("char-data-old-value", { waitUntilFirstUpdate: !0 }),
+  x("childList", { waitUntilFirstUpdate: !0 })
+], ht.prototype, "handleChange", 1);
+ht.define("sl-mutation-observer");
+var ir = F`
   :host {
     --divider-width: 2px;
     --handle-size: 2.5rem;
@@ -4276,15 +4276,15 @@ var rr = E`
     outline: var(--sl-focus-ring);
     outline-offset: var(--sl-focus-ring-offset);
   }
-`, yt = class extends A {
+`, kt = class extends A {
   constructor() {
-    super(...arguments), this.localize = new X(this), this.position = 50;
+    super(...arguments), this.localize = new U(this), this.position = 50;
   }
   handleDrag(t) {
     const { width: e } = this.base.getBoundingClientRect(), r = this.localize.dir() === "rtl";
-    t.preventDefault(), $t(this.base, {
+    t.preventDefault(), Dt(this.base, {
       onMove: (a) => {
-        this.position = parseFloat(U(a / e * 100, 0, 100).toFixed(2)), r && (this.position = 100 - this.position);
+        this.position = parseFloat(X(a / e * 100, 0, 100).toFixed(2)), r && (this.position = 100 - this.position);
       },
       initialEvent: t
     });
@@ -4294,7 +4294,7 @@ var rr = E`
     if (["ArrowLeft", "ArrowRight", "Home", "End"].includes(t.key)) {
       const a = t.shiftKey ? 10 : 1;
       let i = this.position;
-      t.preventDefault(), (e && t.key === "ArrowLeft" || r && t.key === "ArrowRight") && (i -= a), (e && t.key === "ArrowRight" || r && t.key === "ArrowLeft") && (i += a), t.key === "Home" && (i = 0), t.key === "End" && (i = 100), i = U(i, 0, 100), this.position = i;
+      t.preventDefault(), (e && t.key === "ArrowLeft" || r && t.key === "ArrowRight") && (i -= a), (e && t.key === "ArrowRight" || r && t.key === "ArrowLeft") && (i += a), t.key === "Home" && (i = 0), t.key === "End" && (i = 100), i = X(i, 0, 100), this.position = i;
     }
   }
   handlePositionChange() {
@@ -4302,7 +4302,7 @@ var rr = E`
   }
   render() {
     const t = this.localize.dir() === "rtl";
-    return x`
+    return w`
       <div
         part="base"
         id="image-comparer"
@@ -4356,28 +4356,28 @@ var rr = E`
     `;
   }
 };
-yt.styles = [M, rr];
-yt.scopedElement = { "sl-icon": ct };
+kt.styles = [M, ir];
+kt.scopedElement = { "sl-icon": dt };
 s([
-  $(".image-comparer")
-], yt.prototype, "base", 2);
+  z(".image-comparer")
+], kt.prototype, "base", 2);
 s([
-  $(".image-comparer__handle")
-], yt.prototype, "handle", 2);
+  z(".image-comparer__handle")
+], kt.prototype, "handle", 2);
 s([
   n({ type: Number, reflect: !0 })
-], yt.prototype, "position", 2);
+], kt.prototype, "position", 2);
 s([
-  k("position", { waitUntilFirstUpdate: !0 })
-], yt.prototype, "handlePositionChange", 1);
-yt.define("sl-image-comparer");
-var sr = E`
+  x("position", { waitUntilFirstUpdate: !0 })
+], kt.prototype, "handlePositionChange", 1);
+kt.define("sl-image-comparer");
+var or = F`
   :host {
     display: block;
   }
-`, Gt = /* @__PURE__ */ new Map();
-function ar(t, e = "cors") {
-  const r = Gt.get(t);
+`, Qt = /* @__PURE__ */ new Map();
+function nr(t, e = "cors") {
+  const r = Qt.get(t);
   if (r !== void 0)
     return Promise.resolve(r);
   const a = fetch(t, { mode: e }).then(async (i) => {
@@ -4386,11 +4386,11 @@ function ar(t, e = "cors") {
       status: i.status,
       html: await i.text()
     };
-    return Gt.set(t, o), o;
+    return Qt.set(t, o), o;
   });
-  return Gt.set(t, a), a;
+  return Qt.set(t, a), a;
 }
-var kt = class extends A {
+var Tt = class extends A {
   constructor() {
     super(...arguments), this.mode = "cors", this.allowScripts = !1;
   }
@@ -4400,7 +4400,7 @@ var kt = class extends A {
   }
   async handleSrcChange() {
     try {
-      const t = this.src, e = await ar(t, this.mode);
+      const t = this.src, e = await nr(t, this.mode);
       if (t !== this.src)
         return;
       if (!e.ok) {
@@ -4413,28 +4413,28 @@ var kt = class extends A {
     }
   }
   render() {
-    return x`<slot></slot>`;
+    return w`<slot></slot>`;
   }
 };
-kt.styles = [M, sr];
+Tt.styles = [M, or];
 s([
   n()
-], kt.prototype, "src", 2);
+], Tt.prototype, "src", 2);
 s([
   n()
-], kt.prototype, "mode", 2);
+], Tt.prototype, "mode", 2);
 s([
   n({ attribute: "allow-scripts", type: Boolean })
-], kt.prototype, "allowScripts", 2);
-s([
-  k("src")
-], kt.prototype, "handleSrcChange", 1);
-kt.define("sl-include");
-ct.define("sl-icon");
-Jt.define("sl-icon-button");
-var Yt = class extends A {
+], Tt.prototype, "allowScripts", 2);
+s([
+  x("src")
+], Tt.prototype, "handleSrcChange", 1);
+Tt.define("sl-include");
+dt.define("sl-icon");
+Wt.define("sl-icon-button");
+var Kt = class extends A {
   constructor() {
-    super(...arguments), this.localize = new X(this), this.value = 0, this.unit = "byte", this.display = "short";
+    super(...arguments), this.localize = new U(this), this.value = 0, this.unit = "byte", this.display = "short";
   }
   render() {
     if (isNaN(this.value))
@@ -4449,22 +4449,22 @@ var Yt = class extends A {
 };
 s([
   n({ type: Number })
-], Yt.prototype, "value", 2);
+], Kt.prototype, "value", 2);
 s([
   n()
-], Yt.prototype, "unit", 2);
+], Kt.prototype, "unit", 2);
 s([
   n()
-], Yt.prototype, "display", 2);
-Yt.define("sl-format-bytes");
+], Kt.prototype, "display", 2);
+Kt.define("sl-format-bytes");
 var et = class extends A {
   constructor() {
-    super(...arguments), this.localize = new X(this), this.date = /* @__PURE__ */ new Date(), this.hourFormat = "auto";
+    super(...arguments), this.localize = new U(this), this.date = /* @__PURE__ */ new Date(), this.hourFormat = "auto";
   }
   render() {
     const t = new Date(this.date), e = this.hourFormat === "auto" ? void 0 : this.hourFormat === "12";
     if (!isNaN(t.getMilliseconds()))
-      return x`
+      return w`
       <time datetime=${t.toISOString()}>
         ${this.localize.date(t, {
         weekday: this.weekday,
@@ -4520,9 +4520,9 @@ s([
   n({ attribute: "hour-format" })
 ], et.prototype, "hourFormat", 2);
 et.define("sl-format-date");
-var ot = class extends A {
+var nt = class extends A {
   constructor() {
-    super(...arguments), this.localize = new X(this), this.value = 0, this.type = "decimal", this.noGrouping = !1, this.currency = "USD", this.currencyDisplay = "symbol";
+    super(...arguments), this.localize = new U(this), this.value = 0, this.type = "decimal", this.noGrouping = !1, this.currency = "USD", this.currencyDisplay = "symbol";
   }
   render() {
     return isNaN(this.value) ? "" : this.localize.number(this.value, {
@@ -4540,36 +4540,36 @@ var ot = class extends A {
 };
 s([
   n({ type: Number })
-], ot.prototype, "value", 2);
+], nt.prototype, "value", 2);
 s([
   n()
-], ot.prototype, "type", 2);
+], nt.prototype, "type", 2);
 s([
   n({ attribute: "no-grouping", type: Boolean })
-], ot.prototype, "noGrouping", 2);
+], nt.prototype, "noGrouping", 2);
 s([
   n()
-], ot.prototype, "currency", 2);
+], nt.prototype, "currency", 2);
 s([
   n({ attribute: "currency-display" })
-], ot.prototype, "currencyDisplay", 2);
+], nt.prototype, "currencyDisplay", 2);
 s([
   n({ attribute: "minimum-integer-digits", type: Number })
-], ot.prototype, "minimumIntegerDigits", 2);
+], nt.prototype, "minimumIntegerDigits", 2);
 s([
   n({ attribute: "minimum-fraction-digits", type: Number })
-], ot.prototype, "minimumFractionDigits", 2);
+], nt.prototype, "minimumFractionDigits", 2);
 s([
   n({ attribute: "maximum-fraction-digits", type: Number })
-], ot.prototype, "maximumFractionDigits", 2);
+], nt.prototype, "maximumFractionDigits", 2);
 s([
   n({ attribute: "minimum-significant-digits", type: Number })
-], ot.prototype, "minimumSignificantDigits", 2);
+], nt.prototype, "minimumSignificantDigits", 2);
 s([
   n({ attribute: "maximum-significant-digits", type: Number })
-], ot.prototype, "maximumSignificantDigits", 2);
-ot.define("sl-format-number");
-var ir = E`
+], nt.prototype, "maximumSignificantDigits", 2);
+nt.define("sl-format-number");
+var lr = F`
   :host {
     --error-color: var(--sl-color-danger-600);
     --success-color: var(--sl-color-success-600);
@@ -4612,9 +4612,9 @@ var ir = E`
   slot {
     display: inline-flex;
   }
-`, Y = class extends A {
+`, j = class extends A {
   constructor() {
-    super(...arguments), this.localize = new X(this), this.isCopying = !1, this.status = "rest", this.value = "", this.from = "", this.disabled = !1, this.copyLabel = "", this.successLabel = "", this.errorLabel = "", this.feedbackDuration = 1e3, this.tooltipPlacement = "top", this.hoist = !1;
+    super(...arguments), this.localize = new U(this), this.isCopying = !1, this.status = "rest", this.value = "", this.from = "", this.disabled = !1, this.copyLabel = "", this.successLabel = "", this.errorLabel = "", this.feedbackDuration = 1e3, this.tooltipPlacement = "top", this.hoist = !1;
   }
   async handleCopy() {
     if (this.disabled || this.isCopying)
@@ -4642,14 +4642,14 @@ var ir = E`
       }
   }
   async showStatus(t) {
-    const e = this.copyLabel || this.localize.term("copy"), r = this.successLabel || this.localize.term("copied"), a = this.errorLabel || this.localize.term("error"), i = t === "success" ? this.successIcon : this.errorIcon, o = _t(this, "copy.in", { dir: "ltr" }), h = _t(this, "copy.out", { dir: "ltr" });
+    const e = this.copyLabel || this.localize.term("copy"), r = this.successLabel || this.localize.term("copied"), a = this.errorLabel || this.localize.term("error"), i = t === "success" ? this.successIcon : this.errorIcon, o = mt(this, "copy.in", { dir: "ltr" }), h = mt(this, "copy.out", { dir: "ltr" });
     this.tooltip.content = t === "success" ? r : a, await this.copyIcon.animate(h.keyframes, h.options).finished, this.copyIcon.hidden = !0, this.status = t, i.hidden = !1, await i.animate(o.keyframes, o.options).finished, setTimeout(async () => {
       await i.animate(h.keyframes, h.options).finished, i.hidden = !0, this.status = "rest", this.copyIcon.hidden = !1, await this.copyIcon.animate(o.keyframes, o.options).finished, this.tooltip.content = e, this.isCopying = !1;
     }, this.feedbackDuration);
   }
   render() {
     const t = this.copyLabel || this.localize.term("copy");
-    return x`
+    return w`
       <sl-tooltip
         class=${V({
       "copy-button": !0,
@@ -4688,72 +4688,72 @@ var ir = E`
     `;
   }
 };
-Y.styles = [M, ir];
-Y.dependencies = {
-  "sl-icon": ct,
-  "sl-tooltip": Te
+j.styles = [M, lr];
+j.dependencies = {
+  "sl-icon": dt,
+  "sl-tooltip": De
 };
 s([
-  $('slot[name="copy-icon"]')
-], Y.prototype, "copyIcon", 2);
+  z('slot[name="copy-icon"]')
+], j.prototype, "copyIcon", 2);
 s([
-  $('slot[name="success-icon"]')
-], Y.prototype, "successIcon", 2);
+  z('slot[name="success-icon"]')
+], j.prototype, "successIcon", 2);
 s([
-  $('slot[name="error-icon"]')
-], Y.prototype, "errorIcon", 2);
+  z('slot[name="error-icon"]')
+], j.prototype, "errorIcon", 2);
 s([
-  $("sl-tooltip")
-], Y.prototype, "tooltip", 2);
+  z("sl-tooltip")
+], j.prototype, "tooltip", 2);
 s([
-  F()
-], Y.prototype, "isCopying", 2);
+  E()
+], j.prototype, "isCopying", 2);
 s([
-  F()
-], Y.prototype, "status", 2);
+  E()
+], j.prototype, "status", 2);
 s([
   n()
-], Y.prototype, "value", 2);
+], j.prototype, "value", 2);
 s([
   n()
-], Y.prototype, "from", 2);
+], j.prototype, "from", 2);
 s([
   n({ type: Boolean, reflect: !0 })
-], Y.prototype, "disabled", 2);
+], j.prototype, "disabled", 2);
 s([
   n({ attribute: "copy-label" })
-], Y.prototype, "copyLabel", 2);
+], j.prototype, "copyLabel", 2);
 s([
   n({ attribute: "success-label" })
-], Y.prototype, "successLabel", 2);
+], j.prototype, "successLabel", 2);
 s([
   n({ attribute: "error-label" })
-], Y.prototype, "errorLabel", 2);
+], j.prototype, "errorLabel", 2);
 s([
   n({ attribute: "feedback-duration", type: Number })
-], Y.prototype, "feedbackDuration", 2);
+], j.prototype, "feedbackDuration", 2);
 s([
   n({ attribute: "tooltip-placement" })
-], Y.prototype, "tooltipPlacement", 2);
+], j.prototype, "tooltipPlacement", 2);
 s([
   n({ type: Boolean })
-], Y.prototype, "hoist", 2);
-xt("copy.in", {
+], j.prototype, "hoist", 2);
+bt("copy.in", {
   keyframes: [
     { scale: ".25", opacity: ".25" },
     { scale: "1", opacity: "1" }
   ],
   options: { duration: 100 }
 });
-xt("copy.out", {
+bt("copy.out", {
   keyframes: [
     { scale: "1", opacity: "1" },
     { scale: ".25", opacity: "0" }
   ],
   options: { duration: 100 }
 });
-Y.define("sl-copy-button");
-var or = E`
+j.define("sl-copy-button");
+var cr = F`
   :host {
     display: block;
   }
@@ -4835,9 +4835,9 @@ var or = E`
     display: block;
     padding: var(--sl-spacing-medium);
   }
-`, st = class extends A {
+`, at = class extends A {
   constructor() {
-    super(...arguments), this.localize = new X(this), this.open = !1, this.disabled = !1;
+    super(...arguments), this.localize = new U(this), this.open = !1, this.disabled = !1;
   }
   firstUpdated() {
     this.body.style.height = this.open ? "auto" : "0", this.open && (this.details.open = !0), this.detailsObserver = new MutationObserver((t) => {
@@ -4861,32 +4861,32 @@ var or = E`
         this.open = !1, this.details.open = !1;
         return;
       }
-      await Rt(this.body);
-      const { keyframes: e, options: r } = _t(this, "details.show", { dir: this.localize.dir() });
-      await Bt(this.body, Ht(e, this.body.scrollHeight), r), this.body.style.height = "auto", this.emit("sl-after-show");
+      await Ct(this.body);
+      const { keyframes: e, options: r } = mt(this, "details.show", { dir: this.localize.dir() });
+      await zt(this.body, Nt(e, this.body.scrollHeight), r), this.body.style.height = "auto", this.emit("sl-after-show");
     } else {
       if (this.emit("sl-hide", { cancelable: !0 }).defaultPrevented) {
         this.details.open = !0, this.open = !0;
         return;
       }
-      await Rt(this.body);
-      const { keyframes: e, options: r } = _t(this, "details.hide", { dir: this.localize.dir() });
-      await Bt(this.body, Ht(e, this.body.scrollHeight), r), this.body.style.height = "auto", this.details.open = !1, this.emit("sl-after-hide");
+      await Ct(this.body);
+      const { keyframes: e, options: r } = mt(this, "details.hide", { dir: this.localize.dir() });
+      await zt(this.body, Nt(e, this.body.scrollHeight), r), this.body.style.height = "auto", this.details.open = !1, this.emit("sl-after-hide");
     }
   }
   /** Shows the details. */
   async show() {
     if (!(this.open || this.disabled))
-      return this.open = !0, ee(this, "sl-after-show");
+      return this.open = !0, Ut(this, "sl-after-show");
   }
   /** Hides the details */
   async hide() {
     if (!(!this.open || this.disabled))
-      return this.open = !1, ee(this, "sl-after-hide");
+      return this.open = !1, Ut(this, "sl-after-hide");
   }
   render() {
     const t = this.localize.dir() === "rtl";
-    return x`
+    return w`
       <details
         part="base"
         class=${V({
@@ -4927,51 +4927,51 @@ var or = E`
     `;
   }
 };
-st.styles = [M, or];
-st.dependencies = {
-  "sl-icon": ct
+at.styles = [M, cr];
+at.dependencies = {
+  "sl-icon": dt
 };
 s([
-  $(".details")
-], st.prototype, "details", 2);
+  z(".details")
+], at.prototype, "details", 2);
 s([
-  $(".details__header")
-], st.prototype, "header", 2);
+  z(".details__header")
+], at.prototype, "header", 2);
 s([
-  $(".details__body")
-], st.prototype, "body", 2);
+  z(".details__body")
+], at.prototype, "body", 2);
 s([
-  $(".details__expand-icon-slot")
-], st.prototype, "expandIconSlot", 2);
+  z(".details__expand-icon-slot")
+], at.prototype, "expandIconSlot", 2);
 s([
   n({ type: Boolean, reflect: !0 })
-], st.prototype, "open", 2);
+], at.prototype, "open", 2);
 s([
   n()
-], st.prototype, "summary", 2);
+], at.prototype, "summary", 2);
 s([
   n({ type: Boolean, reflect: !0 })
-], st.prototype, "disabled", 2);
+], at.prototype, "disabled", 2);
 s([
-  k("open", { waitUntilFirstUpdate: !0 })
-], st.prototype, "handleOpenChange", 1);
-xt("details.show", {
+  x("open", { waitUntilFirstUpdate: !0 })
+], at.prototype, "handleOpenChange", 1);
+bt("details.show", {
   keyframes: [
     { height: "0", opacity: "0" },
     { height: "auto", opacity: "1" }
   ],
   options: { duration: 250, easing: "linear" }
 });
-xt("details.hide", {
+bt("details.hide", {
   keyframes: [
     { height: "auto", opacity: "1" },
     { height: "0", opacity: "0" }
   ],
   options: { duration: 250, easing: "linear" }
 });
-var Ka = st;
-st.define("sl-details");
-var nr = E`
+var ti = at;
+at.define("sl-details");
+var dr = F`
   :host {
     --grid-width: 280px;
     --grid-height: 200px;
@@ -5308,36 +5308,36 @@ var nr = E`
   }
 `;
 function G(t, e) {
-  lr(t) && (t = "100%");
-  const r = cr(t);
+  hr(t) && (t = "100%");
+  const r = ur(t);
   return t = e === 360 ? t : Math.min(e, Math.max(0, parseFloat(t))), r && (t = parseInt(String(t * e), 10) / 100), Math.abs(t - e) < 1e-6 ? 1 : (e === 360 ? t = (t < 0 ? t % e + e : t % e) / parseFloat(String(e)) : t = t % e / parseFloat(String(e)), t);
 }
-function Vt(t) {
+function Ht(t) {
   return Math.min(1, Math.max(0, t));
 }
-function lr(t) {
+function hr(t) {
   return typeof t == "string" && t.indexOf(".") !== -1 && parseFloat(t) === 1;
 }
-function cr(t) {
+function ur(t) {
   return typeof t == "string" && t.indexOf("%") !== -1;
 }
-function ge(t) {
+function ye(t) {
   return t = parseFloat(t), (isNaN(t) || t < 0 || t > 1) && (t = 1), t;
 }
-function Ot(t) {
+function Bt(t) {
   return Number(t) <= 1 ? `${Number(t) * 100}%` : t;
 }
-function gt(t) {
+function wt(t) {
   return t.length === 1 ? "0" + t : String(t);
 }
-function dr(t, e, r) {
+function pr(t, e, r) {
   return {
     r: G(t, 255) * 255,
     g: G(e, 255) * 255,
     b: G(r, 255) * 255
   };
 }
-function oe(t, e, r) {
+function le(t, e, r) {
   t = G(t, 255), e = G(e, 255), r = G(r, 255);
   const a = Math.max(t, e, r), i = Math.min(t, e, r);
   let o = 0, h = 0;
@@ -5361,20 +5361,20 @@ function oe(t, e, r) {
   }
   return { h: o, s: h, l: p };
 }
-function Wt(t, e, r) {
+function Zt(t, e, r) {
   return r < 0 && (r += 1), r > 1 && (r -= 1), r < 1 / 6 ? t + (e - t) * (6 * r) : r < 1 / 2 ? e : r < 2 / 3 ? t + (e - t) * (2 / 3 - r) * 6 : t;
 }
-function hr(t, e, r) {
+function fr(t, e, r) {
   let a, i, o;
   if (t = G(t, 360), e = G(e, 100), r = G(r, 100), e === 0)
     i = r, o = r, a = r;
   else {
     const h = r < 0.5 ? r * (1 + e) : r + e - r * e, p = 2 * r - h;
-    a = Wt(p, h, t + 1 / 3), i = Wt(p, h, t), o = Wt(p, h, t - 1 / 3);
+    a = Zt(p, h, t + 1 / 3), i = Zt(p, h, t), o = Zt(p, h, t - 1 / 3);
   }
   return { r: a * 255, g: i * 255, b: o * 255 };
 }
-function ne(t, e, r) {
+function ce(t, e, r) {
   t = G(t, 255), e = G(e, 255), r = G(r, 255);
   const a = Math.max(t, e, r), i = Math.min(t, e, r);
   let o = 0;
@@ -5397,33 +5397,33 @@ function ne(t, e, r) {
   }
   return { h: o, s: l, v: h };
 }
-function ur(t, e, r) {
+function mr(t, e, r) {
   t = G(t, 360) * 6, e = G(e, 100), r = G(r, 100);
   const a = Math.floor(t), i = t - a, o = r * (1 - e), h = r * (1 - i * e), p = r * (1 - (1 - i) * e), l = a % 6, u = [r, h, o, o, p, r][l], v = [p, r, r, h, o, o][l], c = [o, o, p, r, r, h][l];
   return { r: u * 255, g: v * 255, b: c * 255 };
 }
-function le(t, e, r, a) {
+function de(t, e, r, a) {
   const i = [
-    gt(Math.round(t).toString(16)),
-    gt(Math.round(e).toString(16)),
-    gt(Math.round(r).toString(16))
+    wt(Math.round(t).toString(16)),
+    wt(Math.round(e).toString(16)),
+    wt(Math.round(r).toString(16))
   ];
   return a && i[0].startsWith(i[0].charAt(1)) && i[1].startsWith(i[1].charAt(1)) && i[2].startsWith(i[2].charAt(1)) ? i[0].charAt(0) + i[1].charAt(0) + i[2].charAt(0) : i.join("");
 }
-function pr(t, e, r, a, i) {
+function br(t, e, r, a, i) {
   const o = [
-    gt(Math.round(t).toString(16)),
-    gt(Math.round(e).toString(16)),
-    gt(Math.round(r).toString(16)),
-    gt(mr(a))
+    wt(Math.round(t).toString(16)),
+    wt(Math.round(e).toString(16)),
+    wt(Math.round(r).toString(16)),
+    wt(vr(a))
   ];
   return i && o[0].startsWith(o[0].charAt(1)) && o[1].startsWith(o[1].charAt(1)) && o[2].startsWith(o[2].charAt(1)) && o[3].startsWith(o[3].charAt(1)) ? o[0].charAt(0) + o[1].charAt(0) + o[2].charAt(0) + o[3].charAt(0) : o.join("");
 }
-function fr(t, e, r, a) {
+function gr(t, e, r, a) {
   const i = t / 100, o = e / 100, h = r / 100, p = a / 100, l = 255 * (1 - i) * (1 - p), u = 255 * (1 - o) * (1 - p), v = 255 * (1 - h) * (1 - p);
   return { r: l, g: u, b: v };
 }
-function ce(t, e, r) {
+function he(t, e, r) {
   let a = 1 - t / 255, i = 1 - e / 255, o = 1 - r / 255, h = Math.min(a, i, o);
   return h === 1 ? (a = 0, i = 0, o = 0) : (a = (a - h) / (1 - h) * 100, i = (i - h) / (1 - h) * 100, o = (o - h) / (1 - h) * 100), h *= 100, {
     c: Math.round(a),
@@ -5432,23 +5432,23 @@ function ce(t, e, r) {
     k: Math.round(h)
   };
 }
-function mr(t) {
+function vr(t) {
   return Math.round(parseFloat(t) * 255).toString(16);
 }
-function de(t) {
+function ue(t) {
   return J(t) / 255;
 }
 function J(t) {
   return parseInt(t, 16);
 }
-function br(t) {
+function yr(t) {
   return {
     r: t >> 16,
     g: (t & 65280) >> 8,
     b: t & 255
   };
 }
-const Qt = {
+const ee = {
   aliceblue: "#f0f8ff",
   antiquewhite: "#faebd7",
   aqua: "#00ffff",
@@ -5598,9 +5598,9 @@ const Qt = {
   yellow: "#ffff00",
   yellowgreen: "#9acd32"
 };
-function gr(t) {
+function _r(t) {
   let e = { r: 0, g: 0, b: 0 }, r = 1, a = null, i = null, o = null, h = !1, p = !1;
-  return typeof t == "string" && (t = _r(t)), typeof t == "object" && (Z(t.r) && Z(t.g) && Z(t.b) ? (e = dr(t.r, t.g, t.b), h = !0, p = String(t.r).substr(-1) === "%" ? "prgb" : "rgb") : Z(t.h) && Z(t.s) && Z(t.v) ? (a = Ot(t.s), i = Ot(t.v), e = ur(t.h, a, i), h = !0, p = "hsv") : Z(t.h) && Z(t.s) && Z(t.l) ? (a = Ot(t.s), o = Ot(t.l), e = hr(t.h, a, o), h = !0, p = "hsl") : Z(t.c) && Z(t.m) && Z(t.y) && Z(t.k) && (e = fr(t.c, t.m, t.y, t.k), h = !0, p = "cmyk"), Object.prototype.hasOwnProperty.call(t, "a") && (r = t.a)), r = ge(r), {
+  return typeof t == "string" && (t = kr(t)), typeof t == "object" && (Z(t.r) && Z(t.g) && Z(t.b) ? (e = pr(t.r, t.g, t.b), h = !0, p = String(t.r).substr(-1) === "%" ? "prgb" : "rgb") : Z(t.h) && Z(t.s) && Z(t.v) ? (a = Bt(t.s), i = Bt(t.v), e = mr(t.h, a, i), h = !0, p = "hsv") : Z(t.h) && Z(t.s) && Z(t.l) ? (a = Bt(t.s), o = Bt(t.l), e = fr(t.h, a, o), h = !0, p = "hsl") : Z(t.c) && Z(t.m) && Z(t.y) && Z(t.k) && (e = gr(t.c, t.m, t.y, t.k), h = !0, p = "cmyk"), Object.prototype.hasOwnProperty.call(t, "a") && (r = t.a)), r = ye(r), {
     ok: h,
     format: t.format || p,
     r: Math.min(255, Math.max(e.r, 0)),
@@ -5609,55 +5609,55 @@ function gr(t) {
     a: r
   };
 }
-const vr = "[-\\+]?\\d+%?", yr = "[-\\+]?\\d*\\.\\d+%?", pt = "(?:" + yr + ")|(?:" + vr + ")", Kt = "[\\s|\\(]+(" + pt + ")[,|\\s]+(" + pt + ")[,|\\s]+(" + pt + ")\\s*\\)?", Lt = (
+const wr = "[-\\+]?\\d+%?", xr = "[-\\+]?\\d*\\.\\d+%?", ft = "(?:" + xr + ")|(?:" + wr + ")", Jt = "[\\s|\\(]+(" + ft + ")[,|\\s]+(" + ft + ")[,|\\s]+(" + ft + ")\\s*\\)?", Pt = (
   // eslint-disable-next-line prettier/prettier
-  "[\\s|\\(]+(" + pt + ")[,|\\s]+(" + pt + ")[,|\\s]+(" + pt + ")[,|\\s]+(" + pt + ")\\s*\\)?"
-), rt = {
-  CSS_UNIT: new RegExp(pt),
-  rgb: new RegExp("rgb" + Kt),
-  rgba: new RegExp("rgba" + Lt),
-  hsl: new RegExp("hsl" + Kt),
-  hsla: new RegExp("hsla" + Lt),
-  hsv: new RegExp("hsv" + Kt),
-  hsva: new RegExp("hsva" + Lt),
-  cmyk: new RegExp("cmyk" + Lt),
+  "[\\s|\\(]+(" + ft + ")[,|\\s]+(" + ft + ")[,|\\s]+(" + ft + ")[,|\\s]+(" + ft + ")\\s*\\)?"
+), st = {
+  CSS_UNIT: new RegExp(ft),
+  rgb: new RegExp("rgb" + Jt),
+  rgba: new RegExp("rgba" + Pt),
+  hsl: new RegExp("hsl" + Jt),
+  hsla: new RegExp("hsla" + Pt),
+  hsv: new RegExp("hsv" + Jt),
+  hsva: new RegExp("hsva" + Pt),
+  cmyk: new RegExp("cmyk" + Pt),
   hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
   hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
   hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
   hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
 };
-function _r(t) {
+function kr(t) {
   if (t = t.trim().toLowerCase(), t.length === 0)
     return !1;
   let e = !1;
-  if (Qt[t])
-    t = Qt[t], e = !0;
+  if (ee[t])
+    t = ee[t], e = !0;
   else if (t === "transparent")
     return { r: 0, g: 0, b: 0, a: 0, format: "name" };
-  let r = rt.rgb.exec(t);
-  return r ? { r: r[1], g: r[2], b: r[3] } : (r = rt.rgba.exec(t), r ? { r: r[1], g: r[2], b: r[3], a: r[4] } : (r = rt.hsl.exec(t), r ? { h: r[1], s: r[2], l: r[3] } : (r = rt.hsla.exec(t), r ? { h: r[1], s: r[2], l: r[3], a: r[4] } : (r = rt.hsv.exec(t), r ? { h: r[1], s: r[2], v: r[3] } : (r = rt.hsva.exec(t), r ? { h: r[1], s: r[2], v: r[3], a: r[4] } : (r = rt.cmyk.exec(t), r ? {
+  let r = st.rgb.exec(t);
+  return r ? { r: r[1], g: r[2], b: r[3] } : (r = st.rgba.exec(t), r ? { r: r[1], g: r[2], b: r[3], a: r[4] } : (r = st.hsl.exec(t), r ? { h: r[1], s: r[2], l: r[3] } : (r = st.hsla.exec(t), r ? { h: r[1], s: r[2], l: r[3], a: r[4] } : (r = st.hsv.exec(t), r ? { h: r[1], s: r[2], v: r[3] } : (r = st.hsva.exec(t), r ? { h: r[1], s: r[2], v: r[3], a: r[4] } : (r = st.cmyk.exec(t), r ? {
     c: r[1],
     m: r[2],
     y: r[3],
     k: r[4]
-  } : (r = rt.hex8.exec(t), r ? {
+  } : (r = st.hex8.exec(t), r ? {
     r: J(r[1]),
     g: J(r[2]),
     b: J(r[3]),
-    a: de(r[4]),
+    a: ue(r[4]),
     format: e ? "name" : "hex8"
-  } : (r = rt.hex6.exec(t), r ? {
+  } : (r = st.hex6.exec(t), r ? {
     r: J(r[1]),
     g: J(r[2]),
     b: J(r[3]),
     format: e ? "name" : "hex"
-  } : (r = rt.hex4.exec(t), r ? {
+  } : (r = st.hex4.exec(t), r ? {
     r: J(r[1] + r[1]),
     g: J(r[2] + r[2]),
     b: J(r[3] + r[3]),
-    a: de(r[4] + r[4]),
+    a: ue(r[4] + r[4]),
     format: e ? "name" : "hex8"
-  } : (r = rt.hex3.exec(t), r ? {
+  } : (r = st.hex3.exec(t), r ? {
     r: J(r[1] + r[1]),
     g: J(r[2] + r[2]),
     b: J(r[3] + r[3]),
@@ -5665,14 +5665,14 @@ function _r(t) {
   } : !1))))))))));
 }
 function Z(t) {
-  return typeof t == "number" ? !Number.isNaN(t) : rt.CSS_UNIT.test(t);
+  return typeof t == "number" ? !Number.isNaN(t) : st.CSS_UNIT.test(t);
 }
 class P {
   constructor(e = "", r = {}) {
     if (e instanceof P)
       return e;
-    typeof e == "number" && (e = br(e)), this.originalInput = e;
-    const a = gr(e);
+    typeof e == "number" && (e = yr(e)), this.originalInput = e;
+    const a = _r(e);
     this.originalInput = e, this.r = a.r, this.g = a.g, this.b = a.b, this.a = a.a, this.roundA = Math.round(100 * this.a) / 100, this.format = r.format ?? a.format, this.gradientType = r.gradientType, this.r < 1 && (this.r = Math.round(this.r)), this.g < 1 && (this.g = Math.round(this.g)), this.b < 1 && (this.b = Math.round(this.b)), this.isValid = a.ok;
   }
   isDark() {
@@ -5709,7 +5709,7 @@ class P {
    * @param alpha - The new alpha value. The accepted range is 0-1.
    */
   setAlpha(e) {
-    return this.a = ge(e), this.roundA = Math.round(100 * this.a) / 100, this;
+    return this.a = ye(e), this.roundA = Math.round(100 * this.a) / 100, this;
   }
   /**
    * Returns whether the color is monochrome.
@@ -5722,7 +5722,7 @@ class P {
    * Returns the object as a HSVA object.
    */
   toHsv() {
-    const e = ne(this.r, this.g, this.b);
+    const e = ce(this.r, this.g, this.b);
     return { h: e.h * 360, s: e.s, v: e.v, a: this.a };
   }
   /**
@@ -5730,14 +5730,14 @@ class P {
    * "hsva(xxx, xxx, xxx, xx)".
    */
   toHsvString() {
-    const e = ne(this.r, this.g, this.b), r = Math.round(e.h * 360), a = Math.round(e.s * 100), i = Math.round(e.v * 100);
+    const e = ce(this.r, this.g, this.b), r = Math.round(e.h * 360), a = Math.round(e.s * 100), i = Math.round(e.v * 100);
     return this.a === 1 ? `hsv(${r}, ${a}%, ${i}%)` : `hsva(${r}, ${a}%, ${i}%, ${this.roundA})`;
   }
   /**
    * Returns the object as a HSLA object.
    */
   toHsl() {
-    const e = oe(this.r, this.g, this.b);
+    const e = le(this.r, this.g, this.b);
     return { h: e.h * 360, s: e.s, l: e.l, a: this.a };
   }
   /**
@@ -5745,7 +5745,7 @@ class P {
    * "hsla(xxx, xxx, xxx, xx)".
    */
   toHslString() {
-    const e = oe(this.r, this.g, this.b), r = Math.round(e.h * 360), a = Math.round(e.s * 100), i = Math.round(e.l * 100);
+    const e = le(this.r, this.g, this.b), r = Math.round(e.h * 360), a = Math.round(e.s * 100), i = Math.round(e.l * 100);
     return this.a === 1 ? `hsl(${r}, ${a}%, ${i}%)` : `hsla(${r}, ${a}%, ${i}%, ${this.roundA})`;
   }
   /**
@@ -5753,7 +5753,7 @@ class P {
    * @param allow3Char will shorten hex value to 3 char if possible
    */
   toHex(e = !1) {
-    return le(this.r, this.g, this.b, e);
+    return de(this.r, this.g, this.b, e);
   }
   /**
    * Returns the hex value of the color -with a # prefixed.
@@ -5767,7 +5767,7 @@ class P {
    * @param allow4Char will shorten hex value to 4 char if possible
    */
   toHex8(e = !1) {
-    return pr(this.r, this.g, this.b, this.a, e);
+    return br(this.r, this.g, this.b, this.a, e);
   }
   /**
    * Returns the hex 8 value of the color -with a # prefixed.
@@ -5823,11 +5823,11 @@ class P {
   }
   toCmyk() {
     return {
-      ...ce(this.r, this.g, this.b)
+      ...he(this.r, this.g, this.b)
     };
   }
   toCmykString() {
-    const { c: e, m: r, y: a, k: i } = ce(this.r, this.g, this.b);
+    const { c: e, m: r, y: a, k: i } = he(this.r, this.g, this.b);
     return `cmyk(${e}, ${r}, ${a}, ${i})`;
   }
   /**
@@ -5838,8 +5838,8 @@ class P {
       return "transparent";
     if (this.a < 1)
       return !1;
-    const e = "#" + le(this.r, this.g, this.b, !1);
-    for (const [r, a] of Object.entries(Qt))
+    const e = "#" + de(this.r, this.g, this.b, !1);
+    for (const [r, a] of Object.entries(ee))
       if (e === a)
         return r;
     return !1;
@@ -5863,7 +5863,7 @@ class P {
    */
   lighten(e = 10) {
     const r = this.toHsl();
-    return r.l += e / 100, r.l = Vt(r.l), new P(r);
+    return r.l += e / 100, r.l = Ht(r.l), new P(r);
   }
   /**
    * Brighten the color a given amount, from 0 to 100.
@@ -5880,7 +5880,7 @@ class P {
    */
   darken(e = 10) {
     const r = this.toHsl();
-    return r.l -= e / 100, r.l = Vt(r.l), new P(r);
+    return r.l -= e / 100, r.l = Ht(r.l), new P(r);
   }
   /**
    * Mix the color with pure white, from 0 to 100.
@@ -5905,7 +5905,7 @@ class P {
    */
   desaturate(e = 10) {
     const r = this.toHsl();
-    return r.s -= e / 100, r.s = Vt(r.s), new P(r);
+    return r.s -= e / 100, r.s = Ht(r.s), new P(r);
   }
   /**
    * Saturate the color a given amount, from 0 to 100.
@@ -5913,7 +5913,7 @@ class P {
    */
   saturate(e = 10) {
     const r = this.toHsl();
-    return r.s += e / 100, r.s = Vt(r.s), new P(r);
+    return r.s += e / 100, r.s = Ht(r.s), new P(r);
   }
   /**
    * Completely desaturates a color into greyscale.
@@ -6014,9 +6014,9 @@ class P {
     return this.format === "cmyk" || r.format === "cmyk" ? this.toCmykString() === r.toCmykString() : this.toRgbString() === r.toRgbString();
   }
 }
-var he = "EyeDropper" in window, I = class extends A {
+var pe = "EyeDropper" in window, T = class extends A {
   constructor() {
-    super(), this.formControlController = new Xt(this), this.isSafeValue = !1, this.localize = new X(this), this.hasFocus = !1, this.isDraggingGridHandle = !1, this.isEmpty = !1, this.inputValue = "", this.hue = 0, this.saturation = 100, this.brightness = 100, this.alpha = 100, this.value = "", this.defaultValue = "", this.label = "", this.format = "hex", this.inline = !1, this.size = "medium", this.noFormatToggle = !1, this.name = "", this.disabled = !1, this.hoist = !1, this.opacity = !1, this.uppercase = !1, this.swatches = "", this.form = "", this.required = !1, this.handleFocusIn = () => {
+    super(), this.formControlController = new Gt(this), this.isSafeValue = !1, this.localize = new U(this), this.hasFocus = !1, this.isDraggingGridHandle = !1, this.isEmpty = !1, this.inputValue = "", this.hue = 0, this.saturation = 100, this.brightness = 100, this.alpha = 100, this.value = "", this.defaultValue = "", this.label = "", this.format = "hex", this.inline = !1, this.size = "medium", this.noFormatToggle = !1, this.name = "", this.disabled = !1, this.hoist = !1, this.opacity = !1, this.uppercase = !1, this.swatches = "", this.form = "", this.required = !1, this.handleFocusIn = () => {
       this.hasFocus = !0, this.emit("sl-focus");
     }, this.handleFocusOut = () => {
       this.hasFocus = !1, this.emit("sl-blur");
@@ -6047,9 +6047,9 @@ var he = "EyeDropper" in window, I = class extends A {
   handleAlphaDrag(t) {
     const e = this.shadowRoot.querySelector(".color-picker__slider.color-picker__alpha"), r = e.querySelector(".color-picker__slider-handle"), { width: a } = e.getBoundingClientRect();
     let i = this.value, o = this.value;
-    r.focus(), t.preventDefault(), $t(e, {
+    r.focus(), t.preventDefault(), Dt(e, {
       onMove: (h) => {
-        this.alpha = U(h / a * 100, 0, 100), this.syncValues(), this.value !== o && (o = this.value, this.emit("sl-input"));
+        this.alpha = X(h / a * 100, 0, 100), this.syncValues(), this.value !== o && (o = this.value, this.emit("sl-input"));
       },
       onStop: () => {
         this.value !== i && (i = this.value, this.emit("sl-change"));
@@ -6060,9 +6060,9 @@ var he = "EyeDropper" in window, I = class extends A {
   handleHueDrag(t) {
     const e = this.shadowRoot.querySelector(".color-picker__slider.color-picker__hue"), r = e.querySelector(".color-picker__slider-handle"), { width: a } = e.getBoundingClientRect();
     let i = this.value, o = this.value;
-    r.focus(), t.preventDefault(), $t(e, {
+    r.focus(), t.preventDefault(), Dt(e, {
       onMove: (h) => {
-        this.hue = U(h / a * 360, 0, 360), this.syncValues(), this.value !== o && (o = this.value, this.emit("sl-input"));
+        this.hue = X(h / a * 360, 0, 360), this.syncValues(), this.value !== o && (o = this.value, this.emit("sl-input"));
       },
       onStop: () => {
         this.value !== i && (i = this.value, this.emit("sl-change"));
@@ -6073,9 +6073,9 @@ var he = "EyeDropper" in window, I = class extends A {
   handleGridDrag(t) {
     const e = this.shadowRoot.querySelector(".color-picker__grid"), r = e.querySelector(".color-picker__grid-handle"), { width: a, height: i } = e.getBoundingClientRect();
     let o = this.value, h = this.value;
-    r.focus(), t.preventDefault(), this.isDraggingGridHandle = !0, $t(e, {
+    r.focus(), t.preventDefault(), this.isDraggingGridHandle = !0, Dt(e, {
       onMove: (p, l) => {
-        this.saturation = U(p / a * 100, 0, 100), this.brightness = U(100 - l / i * 100, 0, 100), this.syncValues(), this.value !== h && (h = this.value, this.emit("sl-input"));
+        this.saturation = X(p / a * 100, 0, 100), this.brightness = X(100 - l / i * 100, 0, 100), this.syncValues(), this.value !== h && (h = this.value, this.emit("sl-input"));
       },
       onStop: () => {
         this.isDraggingGridHandle = !1, this.value !== o && (o = this.value, this.emit("sl-change"));
@@ -6085,15 +6085,15 @@ var he = "EyeDropper" in window, I = class extends A {
   }
   handleAlphaKeyDown(t) {
     const e = t.shiftKey ? 10 : 1, r = this.value;
-    t.key === "ArrowLeft" && (t.preventDefault(), this.alpha = U(this.alpha - e, 0, 100), this.syncValues()), t.key === "ArrowRight" && (t.preventDefault(), this.alpha = U(this.alpha + e, 0, 100), this.syncValues()), t.key === "Home" && (t.preventDefault(), this.alpha = 0, this.syncValues()), t.key === "End" && (t.preventDefault(), this.alpha = 100, this.syncValues()), this.value !== r && (this.emit("sl-change"), this.emit("sl-input"));
+    t.key === "ArrowLeft" && (t.preventDefault(), this.alpha = X(this.alpha - e, 0, 100), this.syncValues()), t.key === "ArrowRight" && (t.preventDefault(), this.alpha = X(this.alpha + e, 0, 100), this.syncValues()), t.key === "Home" && (t.preventDefault(), this.alpha = 0, this.syncValues()), t.key === "End" && (t.preventDefault(), this.alpha = 100, this.syncValues()), this.value !== r && (this.emit("sl-change"), this.emit("sl-input"));
   }
   handleHueKeyDown(t) {
     const e = t.shiftKey ? 10 : 1, r = this.value;
-    t.key === "ArrowLeft" && (t.preventDefault(), this.hue = U(this.hue - e, 0, 360), this.syncValues()), t.key === "ArrowRight" && (t.preventDefault(), this.hue = U(this.hue + e, 0, 360), this.syncValues()), t.key === "Home" && (t.preventDefault(), this.hue = 0, this.syncValues()), t.key === "End" && (t.preventDefault(), this.hue = 360, this.syncValues()), this.value !== r && (this.emit("sl-change"), this.emit("sl-input"));
+    t.key === "ArrowLeft" && (t.preventDefault(), this.hue = X(this.hue - e, 0, 360), this.syncValues()), t.key === "ArrowRight" && (t.preventDefault(), this.hue = X(this.hue + e, 0, 360), this.syncValues()), t.key === "Home" && (t.preventDefault(), this.hue = 0, this.syncValues()), t.key === "End" && (t.preventDefault(), this.hue = 360, this.syncValues()), this.value !== r && (this.emit("sl-change"), this.emit("sl-input"));
   }
   handleGridKeyDown(t) {
     const e = t.shiftKey ? 10 : 1, r = this.value;
-    t.key === "ArrowLeft" && (t.preventDefault(), this.saturation = U(this.saturation - e, 0, 100), this.syncValues()), t.key === "ArrowRight" && (t.preventDefault(), this.saturation = U(this.saturation + e, 0, 100), this.syncValues()), t.key === "ArrowUp" && (t.preventDefault(), this.brightness = U(this.brightness + e, 0, 100), this.syncValues()), t.key === "ArrowDown" && (t.preventDefault(), this.brightness = U(this.brightness - e, 0, 100), this.syncValues()), this.value !== r && (this.emit("sl-change"), this.emit("sl-input"));
+    t.key === "ArrowLeft" && (t.preventDefault(), this.saturation = X(this.saturation - e, 0, 100), this.syncValues()), t.key === "ArrowRight" && (t.preventDefault(), this.saturation = X(this.saturation + e, 0, 100), this.syncValues()), t.key === "ArrowUp" && (t.preventDefault(), this.brightness = X(this.brightness + e, 0, 100), this.syncValues()), t.key === "ArrowDown" && (t.preventDefault(), this.brightness = X(this.brightness - e, 0, 100), this.syncValues()), this.value !== r && (this.emit("sl-change"), this.emit("sl-input"));
   }
   handleInputChange(t) {
     const e = t.target, r = this.value;
@@ -6196,7 +6196,7 @@ var he = "EyeDropper" in window, I = class extends A {
     this.previewButton.classList.remove("color-picker__preview-color--copied");
   }
   handleEyeDropper() {
-    if (!he)
+    if (!pe)
       return;
     new EyeDropper().open().then((e) => {
       const r = this.value;
@@ -6284,7 +6284,7 @@ var he = "EyeDropper" in window, I = class extends A {
     this.input.setCustomValidity(t), this.formControlController.updateValidity();
   }
   render() {
-    const t = this.saturation, e = 100 - this.brightness, r = Array.isArray(this.swatches) ? this.swatches : this.swatches.split(";").filter((i) => i.trim() !== ""), a = x`
+    const t = this.saturation, e = 100 - this.brightness, r = Array.isArray(this.swatches) ? this.swatches : this.swatches.split(";").filter((i) => i.trim() !== ""), a = w`
       <div
         part="base"
         class=${V({
@@ -6297,7 +6297,7 @@ var he = "EyeDropper" in window, I = class extends A {
         aria-labelledby="label"
         tabindex=${this.inline ? "0" : "-1"}
       >
-        ${this.inline ? x`
+        ${this.inline ? w`
               <sl-visually-hidden id="label">
                 <slot name="label">${this.label}</slot>
               </sl-visually-hidden>
@@ -6353,7 +6353,7 @@ var he = "EyeDropper" in window, I = class extends A {
               ></span>
             </div>
 
-            ${this.opacity ? x`
+            ${this.opacity ? w`
                   <div
                     part="slider opacity-slider"
                     class="color-picker__alpha color-picker__slider color-picker__transparent-bg"
@@ -6423,7 +6423,7 @@ var he = "EyeDropper" in window, I = class extends A {
           ></sl-input>
 
           <sl-button-group>
-            ${this.noFormatToggle ? "" : x`
+            ${this.noFormatToggle ? "" : w`
                   <sl-button
                     part="format-button"
                     aria-label=${this.localize.term("toggleColorFormat")}
@@ -6441,7 +6441,7 @@ var he = "EyeDropper" in window, I = class extends A {
                     ${this.setLetterCase(this.format)}
                   </sl-button>
                 `}
-            ${he ? x`
+            ${pe ? w`
                   <sl-button
                     part="eye-dropper-button"
                     exportparts="
@@ -6465,11 +6465,11 @@ var he = "EyeDropper" in window, I = class extends A {
           </sl-button-group>
         </div>
 
-        ${r.length > 0 ? x`
+        ${r.length > 0 ? w`
               <div part="swatches" class="color-picker__swatches">
                 ${r.map((i) => {
       const o = this.parseColor(i);
-      return o ? x`
+      return o ? w`
                     <div
                       part="swatch"
                       class="color-picker__swatch color-picker__transparent-bg"
@@ -6490,7 +6490,7 @@ var he = "EyeDropper" in window, I = class extends A {
             ` : ""}
       </div>
     `;
-    return this.inline ? a : x`
+    return this.inline ? a : w`
       <sl-dropdown
         class="color-dropdown"
         aria-disabled=${this.disabled ? "true" : "false"}
@@ -6526,113 +6526,113 @@ var he = "EyeDropper" in window, I = class extends A {
     `;
   }
 };
-I.styles = [M, nr];
-I.dependencies = {
-  "sl-button-group": ue,
-  "sl-button": Fe,
-  "sl-dropdown": De,
-  "sl-icon": ct,
-  "sl-input": Ae,
-  "sl-visually-hidden": te
+T.styles = [M, dr];
+T.dependencies = {
+  "sl-button-group": fe,
+  "sl-button": Me,
+  "sl-dropdown": Fe,
+  "sl-icon": dt,
+  "sl-input": Ee,
+  "sl-visually-hidden": se
 };
 s([
-  $('[part~="base"]')
-], I.prototype, "base", 2);
+  z('[part~="base"]')
+], T.prototype, "base", 2);
 s([
-  $('[part~="input"]')
-], I.prototype, "input", 2);
+  z('[part~="input"]')
+], T.prototype, "input", 2);
 s([
-  $(".color-dropdown")
-], I.prototype, "dropdown", 2);
+  z(".color-dropdown")
+], T.prototype, "dropdown", 2);
 s([
-  $('[part~="preview"]')
-], I.prototype, "previewButton", 2);
+  z('[part~="preview"]')
+], T.prototype, "previewButton", 2);
 s([
-  $('[part~="trigger"]')
-], I.prototype, "trigger", 2);
+  z('[part~="trigger"]')
+], T.prototype, "trigger", 2);
 s([
-  F()
-], I.prototype, "hasFocus", 2);
+  E()
+], T.prototype, "hasFocus", 2);
 s([
-  F()
-], I.prototype, "isDraggingGridHandle", 2);
+  E()
+], T.prototype, "isDraggingGridHandle", 2);
 s([
-  F()
-], I.prototype, "isEmpty", 2);
+  E()
+], T.prototype, "isEmpty", 2);
 s([
-  F()
-], I.prototype, "inputValue", 2);
+  E()
+], T.prototype, "inputValue", 2);
 s([
-  F()
-], I.prototype, "hue", 2);
+  E()
+], T.prototype, "hue", 2);
 s([
-  F()
-], I.prototype, "saturation", 2);
+  E()
+], T.prototype, "saturation", 2);
 s([
-  F()
-], I.prototype, "brightness", 2);
+  E()
+], T.prototype, "brightness", 2);
 s([
-  F()
-], I.prototype, "alpha", 2);
+  E()
+], T.prototype, "alpha", 2);
 s([
   n()
-], I.prototype, "value", 2);
+], T.prototype, "value", 2);
 s([
-  Ut()
-], I.prototype, "defaultValue", 2);
+  Yt()
+], T.prototype, "defaultValue", 2);
 s([
   n()
-], I.prototype, "label", 2);
+], T.prototype, "label", 2);
 s([
   n()
-], I.prototype, "format", 2);
+], T.prototype, "format", 2);
 s([
   n({ type: Boolean, reflect: !0 })
-], I.prototype, "inline", 2);
+], T.prototype, "inline", 2);
 s([
   n({ reflect: !0 })
-], I.prototype, "size", 2);
+], T.prototype, "size", 2);
 s([
   n({ attribute: "no-format-toggle", type: Boolean })
-], I.prototype, "noFormatToggle", 2);
+], T.prototype, "noFormatToggle", 2);
 s([
   n()
-], I.prototype, "name", 2);
+], T.prototype, "name", 2);
 s([
   n({ type: Boolean, reflect: !0 })
-], I.prototype, "disabled", 2);
+], T.prototype, "disabled", 2);
 s([
   n({ type: Boolean })
-], I.prototype, "hoist", 2);
+], T.prototype, "hoist", 2);
 s([
   n({ type: Boolean })
-], I.prototype, "opacity", 2);
+], T.prototype, "opacity", 2);
 s([
   n({ type: Boolean })
-], I.prototype, "uppercase", 2);
+], T.prototype, "uppercase", 2);
 s([
   n()
-], I.prototype, "swatches", 2);
+], T.prototype, "swatches", 2);
 s([
   n({ reflect: !0 })
-], I.prototype, "form", 2);
+], T.prototype, "form", 2);
 s([
   n({ type: Boolean, reflect: !0 })
-], I.prototype, "required", 2);
+], T.prototype, "required", 2);
 s([
-  Nt({ passive: !1 })
-], I.prototype, "handleTouchMove", 1);
+  jt({ passive: !1 })
+], T.prototype, "handleTouchMove", 1);
 s([
-  k("format", { waitUntilFirstUpdate: !0 })
-], I.prototype, "handleFormatChange", 1);
+  x("format", { waitUntilFirstUpdate: !0 })
+], T.prototype, "handleFormatChange", 1);
 s([
-  k("opacity", { waitUntilFirstUpdate: !0 })
-], I.prototype, "handleOpacityChange", 1);
+  x("opacity", { waitUntilFirstUpdate: !0 })
+], T.prototype, "handleOpacityChange", 1);
 s([
-  k("value")
-], I.prototype, "handleValueChange", 1);
-I.define("sl-color-picker");
-var xr = E`
+  x("value")
+], T.prototype, "handleValueChange", 1);
+T.define("sl-color-picker");
+var Cr = F`
   :host {
     --border-color: var(--sl-color-neutral-200);
     --border-radius: var(--sl-border-radius-medium);
@@ -6697,12 +6697,12 @@ var xr = E`
   .card:not(.card--has-footer) .card__footer {
     display: none;
   }
-`, ve = class extends A {
+`, _e = class extends A {
   constructor() {
-    super(...arguments), this.hasSlotController = new St(this, "footer", "header", "image");
+    super(...arguments), this.hasSlotController = new $t(this, "footer", "header", "image");
   }
   render() {
-    return x`
+    return w`
       <div
         part="base"
         class=${V({
@@ -6720,9 +6720,9 @@ var xr = E`
     `;
   }
 };
-ve.styles = [M, xr];
-ve.define("sl-card");
-var wr = E`
+_e.styles = [M, Cr];
+_e.define("sl-card");
+var zr = F`
   :host {
     display: inline-flex;
   }
@@ -6805,9 +6805,9 @@ var wr = E`
     user-select: none;
     -webkit-user-select: none;
   }
-`, mt = class extends A {
+`, vt = class extends A {
   constructor() {
-    super(...arguments), this.hasSlotController = new St(this, "prefix", "suffix"), this.renderType = "button", this.rel = "noreferrer noopener";
+    super(...arguments), this.hasSlotController = new $t(this, "prefix", "suffix"), this.renderType = "button", this.rel = "noreferrer noopener";
   }
   setRenderType() {
     const t = this.defaultSlot.assignedElements({ flatten: !0 }).filter((e) => e.tagName.toLowerCase() === "sl-dropdown").length > 0;
@@ -6828,7 +6828,7 @@ var wr = E`
     this.setRenderType();
   }
   render() {
-    return x`
+    return w`
       <div
         part="base"
         class=${V({
@@ -6841,7 +6841,7 @@ var wr = E`
           <slot name="prefix"></slot>
         </span>
 
-        ${this.renderType === "link" ? x`
+        ${this.renderType === "link" ? w`
               <a
                 part="label"
                 class="breadcrumb-item__label breadcrumb-item__label--link"
@@ -6852,12 +6852,12 @@ var wr = E`
                 <slot @slotchange=${this.handleSlotChange}></slot>
               </a>
             ` : ""}
-        ${this.renderType === "button" ? x`
+        ${this.renderType === "button" ? w`
               <button part="label" type="button" class="breadcrumb-item__label breadcrumb-item__label--button">
                 <slot @slotchange=${this.handleSlotChange}></slot>
               </button>
             ` : ""}
-        ${this.renderType === "dropdown" ? x`
+        ${this.renderType === "dropdown" ? w`
               <div part="label" class="breadcrumb-item__label breadcrumb-item__label--drop-down">
                 <slot @slotchange=${this.handleSlotChange}></slot>
               </div>
@@ -6874,28 +6874,28 @@ var wr = E`
     `;
   }
 };
-mt.styles = [M, wr];
+vt.styles = [M, zr];
 s([
-  $("slot:not([name])")
-], mt.prototype, "defaultSlot", 2);
+  z("slot:not([name])")
+], vt.prototype, "defaultSlot", 2);
 s([
-  F()
-], mt.prototype, "renderType", 2);
+  E()
+], vt.prototype, "renderType", 2);
 s([
   n()
-], mt.prototype, "href", 2);
+], vt.prototype, "href", 2);
 s([
   n()
-], mt.prototype, "target", 2);
+], vt.prototype, "target", 2);
 s([
   n()
-], mt.prototype, "rel", 2);
+], vt.prototype, "rel", 2);
 s([
-  k("href", { waitUntilFirstUpdate: !0 })
-], mt.prototype, "hrefChanged", 1);
-mt.define("sl-breadcrumb-item");
-ue.define("sl-button-group");
-var kr = E`
+  x("href", { waitUntilFirstUpdate: !0 })
+], vt.prototype, "hrefChanged", 1);
+vt.define("sl-breadcrumb-item");
+fe.define("sl-button-group");
+var $r = F`
   :host {
     display: inline-block;
 
@@ -6958,7 +6958,7 @@ var kr = E`
     object-fit: cover;
     overflow: hidden;
   }
-`, ht = class extends A {
+`, ut = class extends A {
   constructor() {
     super(...arguments), this.hasError = !1, this.image = "", this.label = "", this.initials = "", this.loading = "eager", this.shape = "circle";
   }
@@ -6969,7 +6969,7 @@ var kr = E`
     this.hasError = !0, this.emit("sl-error");
   }
   render() {
-    const t = x`
+    const t = w`
       <img
         part="image"
         class="avatar__image"
@@ -6979,14 +6979,14 @@ var kr = E`
         @error="${this.handleImageLoadError}"
       />
     `;
-    let e = x``;
-    return this.initials ? e = x`<div part="initials" class="avatar__initials">${this.initials}</div>` : e = x`
+    let e = w``;
+    return this.initials ? e = w`<div part="initials" class="avatar__initials">${this.initials}</div>` : e = w`
         <div part="icon" class="avatar__icon" aria-hidden="true">
           <slot name="icon">
             <sl-icon name="person-fill" library="system"></sl-icon>
           </slot>
         </div>
-      `, x`
+      `, w`
       <div
         part="base"
         class=${V({
@@ -7003,41 +7003,41 @@ var kr = E`
     `;
   }
 };
-ht.styles = [M, kr];
-ht.dependencies = {
-  "sl-icon": ct
+ut.styles = [M, $r];
+ut.dependencies = {
+  "sl-icon": dt
 };
 s([
-  F()
-], ht.prototype, "hasError", 2);
+  E()
+], ut.prototype, "hasError", 2);
 s([
   n()
-], ht.prototype, "image", 2);
+], ut.prototype, "image", 2);
 s([
   n()
-], ht.prototype, "label", 2);
+], ut.prototype, "label", 2);
 s([
   n()
-], ht.prototype, "initials", 2);
+], ut.prototype, "initials", 2);
 s([
   n()
-], ht.prototype, "loading", 2);
+], ut.prototype, "loading", 2);
 s([
   n({ reflect: !0 })
-], ht.prototype, "shape", 2);
+], ut.prototype, "shape", 2);
 s([
-  k("image")
-], ht.prototype, "handleImageChange", 1);
-ht.define("sl-avatar");
-var Cr = E`
+  x("image")
+], ut.prototype, "handleImageChange", 1);
+ut.define("sl-avatar");
+var Sr = F`
   .breadcrumb {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
   }
-`, Ct = class extends A {
+`, It = class extends A {
   constructor() {
-    super(...arguments), this.localize = new X(this), this.separatorDir = this.localize.dir(), this.label = "";
+    super(...arguments), this.localize = new U(this), this.separatorDir = this.localize.dir(), this.label = "";
   }
   // Generates a clone of the separator element to use for each breadcrumb item
   getSeparator() {
@@ -7054,7 +7054,7 @@ var Cr = E`
     });
   }
   render() {
-    return this.separatorDir !== this.localize.dir() && (this.separatorDir = this.localize.dir(), this.updateComplete.then(() => this.handleSlotChange())), x`
+    return this.separatorDir !== this.localize.dir() && (this.separatorDir = this.localize.dir(), this.updateComplete.then(() => this.handleSlotChange())), w`
       <nav part="base" class="breadcrumb" aria-label=${this.label}>
         <slot @slotchange=${this.handleSlotChange}></slot>
       </nav>
@@ -7067,19 +7067,19 @@ var Cr = E`
     `;
   }
 };
-Ct.styles = [M, Cr];
-Ct.dependencies = { "sl-icon": ct };
+It.styles = [M, Sr];
+It.dependencies = { "sl-icon": dt };
 s([
-  $("slot")
-], Ct.prototype, "defaultSlot", 2);
+  z("slot")
+], It.prototype, "defaultSlot", 2);
 s([
-  $('slot[name="separator"]')
-], Ct.prototype, "separatorSlot", 2);
+  z('slot[name="separator"]')
+], It.prototype, "separatorSlot", 2);
 s([
   n()
-], Ct.prototype, "label", 2);
-Ct.define("sl-breadcrumb");
-var zr = E`
+], It.prototype, "label", 2);
+It.define("sl-breadcrumb");
+var Tr = F`
   :host {
     --control-box-size: 3rem;
     --icon-size: calc(var(--control-box-size) * 0.625);
@@ -7130,7 +7130,7 @@ var zr = E`
   :host(:not([play])) slot[name='pause-icon'] {
     display: none;
   }
-`, nt = class extends A {
+`, lt = class extends A {
   constructor() {
     super(...arguments), this.isLoaded = !1;
   }
@@ -7151,7 +7151,7 @@ var zr = E`
     this.isLoaded = !1;
   }
   render() {
-    return x`
+    return w`
       <div class="animated-image">
         <img
           class="animated-image__animated"
@@ -7164,7 +7164,7 @@ var zr = E`
           @error=${this.handleError}
         />
 
-        ${this.isLoaded ? x`
+        ${this.isLoaded ? w`
               <img
                 class="animated-image__frozen"
                 src=${this.frozenFrame}
@@ -7182,34 +7182,34 @@ var zr = E`
     `;
   }
 };
-nt.styles = [M, zr];
-nt.dependencies = { "sl-icon": ct };
+lt.styles = [M, Tr];
+lt.dependencies = { "sl-icon": dt };
 s([
-  $(".animated-image__animated")
-], nt.prototype, "animatedImage", 2);
+  z(".animated-image__animated")
+], lt.prototype, "animatedImage", 2);
 s([
-  F()
-], nt.prototype, "frozenFrame", 2);
+  E()
+], lt.prototype, "frozenFrame", 2);
 s([
-  F()
-], nt.prototype, "isLoaded", 2);
+  E()
+], lt.prototype, "isLoaded", 2);
 s([
   n()
-], nt.prototype, "src", 2);
+], lt.prototype, "src", 2);
 s([
   n()
-], nt.prototype, "alt", 2);
+], lt.prototype, "alt", 2);
 s([
   n({ type: Boolean, reflect: !0 })
-], nt.prototype, "play", 2);
+], lt.prototype, "play", 2);
 s([
-  k("play", { waitUntilFirstUpdate: !0 })
-], nt.prototype, "handlePlayChange", 1);
+  x("play", { waitUntilFirstUpdate: !0 })
+], lt.prototype, "handlePlayChange", 1);
 s([
-  k("src")
-], nt.prototype, "handleSrcChange", 1);
-nt.define("sl-animated-image");
-var $r = E`
+  x("src")
+], lt.prototype, "handleSrcChange", 1);
+lt.define("sl-animated-image");
+var Ir = F`
   :host {
     display: inline-flex;
   }
@@ -7298,12 +7298,12 @@ var $r = E`
       box-shadow: 0 0 0 0 transparent;
     }
   }
-`, Dt = class extends A {
+`, Vt = class extends A {
   constructor() {
     super(...arguments), this.variant = "primary", this.pill = !1, this.pulse = !1;
   }
   render() {
-    return x`
+    return w`
       <span
         part="base"
         class=${V({
@@ -7323,18 +7323,344 @@ var $r = E`
     `;
   }
 };
-Dt.styles = [M, $r];
+Vt.styles = [M, Ir];
 s([
   n({ reflect: !0 })
-], Dt.prototype, "variant", 2);
+], Vt.prototype, "variant", 2);
 s([
   n({ type: Boolean, reflect: !0 })
-], Dt.prototype, "pill", 2);
+], Vt.prototype, "pill", 2);
 s([
   n({ type: Boolean, reflect: !0 })
-], Dt.prototype, "pulse", 2);
-Dt.define("sl-badge");
-const Sr = [
+], Vt.prototype, "pulse", 2);
+Vt.define("sl-badge");
+var Ar = F`
+  :host {
+    display: contents;
+
+    /* For better DX, we'll reset the margin here so the base part can inherit it */
+    margin: 0;
+  }
+
+  .alert {
+    position: relative;
+    display: flex;
+    align-items: stretch;
+    background-color: var(--sl-panel-background-color);
+    border: solid var(--sl-panel-border-width) var(--sl-panel-border-color);
+    border-top-width: calc(var(--sl-panel-border-width) * 3);
+    border-radius: var(--sl-border-radius-medium);
+    font-family: var(--sl-font-sans);
+    font-size: var(--sl-font-size-small);
+    font-weight: var(--sl-font-weight-normal);
+    line-height: 1.6;
+    color: var(--sl-color-neutral-700);
+    margin: inherit;
+    overflow: hidden;
+  }
+
+  .alert:not(.alert--has-icon) .alert__icon,
+  .alert:not(.alert--closable) .alert__close-button {
+    display: none;
+  }
+
+  .alert__icon {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    font-size: var(--sl-font-size-large);
+    padding-inline-start: var(--sl-spacing-large);
+  }
+
+  .alert--has-countdown {
+    border-bottom: none;
+  }
+
+  .alert--primary {
+    border-top-color: var(--sl-color-primary-600);
+  }
+
+  .alert--primary .alert__icon {
+    color: var(--sl-color-primary-600);
+  }
+
+  .alert--success {
+    border-top-color: var(--sl-color-success-600);
+  }
+
+  .alert--success .alert__icon {
+    color: var(--sl-color-success-600);
+  }
+
+  .alert--neutral {
+    border-top-color: var(--sl-color-neutral-600);
+  }
+
+  .alert--neutral .alert__icon {
+    color: var(--sl-color-neutral-600);
+  }
+
+  .alert--warning {
+    border-top-color: var(--sl-color-warning-600);
+  }
+
+  .alert--warning .alert__icon {
+    color: var(--sl-color-warning-600);
+  }
+
+  .alert--danger {
+    border-top-color: var(--sl-color-danger-600);
+  }
+
+  .alert--danger .alert__icon {
+    color: var(--sl-color-danger-600);
+  }
+
+  .alert__message {
+    flex: 1 1 auto;
+    display: block;
+    padding: var(--sl-spacing-large);
+    overflow: hidden;
+  }
+
+  .alert__close-button {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    font-size: var(--sl-font-size-medium);
+    margin-inline-end: var(--sl-spacing-medium);
+    align-self: center;
+  }
+
+  .alert__countdown {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: calc(var(--sl-panel-border-width) * 3);
+    background-color: var(--sl-panel-border-color);
+    display: flex;
+  }
+
+  .alert__countdown--ltr {
+    justify-content: flex-end;
+  }
+
+  .alert__countdown .alert__countdown-elapsed {
+    height: 100%;
+    width: 0;
+  }
+
+  .alert--primary .alert__countdown-elapsed {
+    background-color: var(--sl-color-primary-600);
+  }
+
+  .alert--success .alert__countdown-elapsed {
+    background-color: var(--sl-color-success-600);
+  }
+
+  .alert--neutral .alert__countdown-elapsed {
+    background-color: var(--sl-color-neutral-600);
+  }
+
+  .alert--warning .alert__countdown-elapsed {
+    background-color: var(--sl-color-warning-600);
+  }
+
+  .alert--danger .alert__countdown-elapsed {
+    background-color: var(--sl-color-danger-600);
+  }
+
+  .alert__timer {
+    display: none;
+  }
+`, rt = class _t extends A {
+  constructor() {
+    super(...arguments), this.hasSlotController = new $t(this, "icon", "suffix"), this.localize = new U(this), this.open = !1, this.closable = !1, this.variant = "primary", this.duration = 1 / 0, this.remainingTime = this.duration;
+  }
+  static get toastStack() {
+    return this.currentToastStack || (this.currentToastStack = Object.assign(document.createElement("div"), {
+      className: "sl-toast-stack"
+    })), this.currentToastStack;
+  }
+  firstUpdated() {
+    this.base.hidden = !this.open;
+  }
+  restartAutoHide() {
+    this.handleCountdownChange(), clearTimeout(this.autoHideTimeout), clearInterval(this.remainingTimeInterval), this.open && this.duration < 1 / 0 && (this.autoHideTimeout = window.setTimeout(() => this.hide(), this.duration), this.remainingTime = this.duration, this.remainingTimeInterval = window.setInterval(() => {
+      this.remainingTime -= 100;
+    }, 100));
+  }
+  pauseAutoHide() {
+    var e;
+    (e = this.countdownAnimation) == null || e.pause(), clearTimeout(this.autoHideTimeout), clearInterval(this.remainingTimeInterval);
+  }
+  resumeAutoHide() {
+    var e;
+    this.duration < 1 / 0 && (this.autoHideTimeout = window.setTimeout(() => this.hide(), this.remainingTime), this.remainingTimeInterval = window.setInterval(() => {
+      this.remainingTime -= 100;
+    }, 100), (e = this.countdownAnimation) == null || e.play());
+  }
+  handleCountdownChange() {
+    if (this.open && this.duration < 1 / 0 && this.countdown) {
+      const { countdownElement: e } = this, r = "100%", a = "0";
+      this.countdownAnimation = e.animate([{ width: r }, { width: a }], {
+        duration: this.duration,
+        easing: "linear"
+      });
+    }
+  }
+  handleCloseClick() {
+    this.hide();
+  }
+  async handleOpenChange() {
+    if (this.open) {
+      this.emit("sl-show"), this.duration < 1 / 0 && this.restartAutoHide(), await Ct(this.base), this.base.hidden = !1;
+      const { keyframes: e, options: r } = mt(this, "alert.show", { dir: this.localize.dir() });
+      await zt(this.base, e, r), this.emit("sl-after-show");
+    } else {
+      Ve(this), this.emit("sl-hide"), clearTimeout(this.autoHideTimeout), clearInterval(this.remainingTimeInterval), await Ct(this.base);
+      const { keyframes: e, options: r } = mt(this, "alert.hide", { dir: this.localize.dir() });
+      await zt(this.base, e, r), this.base.hidden = !0, this.emit("sl-after-hide");
+    }
+  }
+  handleDurationChange() {
+    this.restartAutoHide();
+  }
+  /** Shows the alert. */
+  async show() {
+    if (!this.open)
+      return this.open = !0, Ut(this, "sl-after-show");
+  }
+  /** Hides the alert */
+  async hide() {
+    if (this.open)
+      return this.open = !1, Ut(this, "sl-after-hide");
+  }
+  /**
+   * Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when
+   * dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by
+   * calling this method again. The returned promise will resolve after the alert is hidden.
+   */
+  async toast() {
+    return new Promise((e) => {
+      this.handleCountdownChange(), _t.toastStack.parentElement === null && document.body.append(_t.toastStack), _t.toastStack.appendChild(this), requestAnimationFrame(() => {
+        this.clientWidth, this.show();
+      }), this.addEventListener(
+        "sl-after-hide",
+        () => {
+          _t.toastStack.removeChild(this), e(), _t.toastStack.querySelector("sl-alert") === null && _t.toastStack.remove();
+        },
+        { once: !0 }
+      );
+    });
+  }
+  render() {
+    return w`
+      <div
+        part="base"
+        class=${V({
+      alert: !0,
+      "alert--open": this.open,
+      "alert--closable": this.closable,
+      "alert--has-countdown": !!this.countdown,
+      "alert--has-icon": this.hasSlotController.test("icon"),
+      "alert--primary": this.variant === "primary",
+      "alert--success": this.variant === "success",
+      "alert--neutral": this.variant === "neutral",
+      "alert--warning": this.variant === "warning",
+      "alert--danger": this.variant === "danger"
+    })}
+        role="alert"
+        aria-hidden=${this.open ? "false" : "true"}
+        @mouseenter=${this.pauseAutoHide}
+        @mouseleave=${this.resumeAutoHide}
+      >
+        <div part="icon" class="alert__icon">
+          <slot name="icon"></slot>
+        </div>
+
+        <div part="message" class="alert__message" aria-live="polite">
+          <slot></slot>
+        </div>
+
+        ${this.closable ? w`
+              <sl-icon-button
+                part="close-button"
+                exportparts="base:close-button__base"
+                class="alert__close-button"
+                name="x-lg"
+                library="system"
+                label=${this.localize.term("close")}
+                @click=${this.handleCloseClick}
+              ></sl-icon-button>
+            ` : ""}
+
+        <div role="timer" class="alert__timer">${this.remainingTime}</div>
+
+        ${this.countdown ? w`
+              <div
+                class=${V({
+      alert__countdown: !0,
+      "alert__countdown--ltr": this.countdown === "ltr"
+    })}
+              >
+                <div class="alert__countdown-elapsed"></div>
+              </div>
+            ` : ""}
+      </div>
+    `;
+  }
+};
+rt.styles = [M, Ar];
+rt.dependencies = { "sl-icon-button": Wt };
+s([
+  z('[part~="base"]')
+], rt.prototype, "base", 2);
+s([
+  z(".alert__countdown-elapsed")
+], rt.prototype, "countdownElement", 2);
+s([
+  n({ type: Boolean, reflect: !0 })
+], rt.prototype, "open", 2);
+s([
+  n({ type: Boolean, reflect: !0 })
+], rt.prototype, "closable", 2);
+s([
+  n({ reflect: !0 })
+], rt.prototype, "variant", 2);
+s([
+  n({ type: Number })
+], rt.prototype, "duration", 2);
+s([
+  n({ type: String, reflect: !0 })
+], rt.prototype, "countdown", 2);
+s([
+  E()
+], rt.prototype, "remainingTime", 2);
+s([
+  x("open", { waitUntilFirstUpdate: !0 })
+], rt.prototype, "handleOpenChange", 1);
+s([
+  x("duration")
+], rt.prototype, "handleDurationChange", 1);
+var Dr = rt;
+bt("alert.show", {
+  keyframes: [
+    { opacity: 0, scale: 0.8 },
+    { opacity: 1, scale: 1 }
+  ],
+  options: { duration: 250, easing: "ease" }
+});
+bt("alert.hide", {
+  keyframes: [
+    { opacity: 1, scale: 1 },
+    { opacity: 0, scale: 0.8 }
+  ],
+  options: { duration: 250, easing: "ease" }
+});
+Dr.define("sl-alert");
+const Er = [
   { offset: 0, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)", transform: "translate3d(0, 0, 0)" },
   { offset: 0.2, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)", transform: "translate3d(0, 0, 0)" },
   { offset: 0.4, easing: "cubic-bezier(0.755, 0.05, 0.855, 0.06)", transform: "translate3d(0, -30px, 0) scaleY(1.1)" },
@@ -7348,26 +7674,26 @@ const Sr = [
   },
   { offset: 0.9, transform: "translate3d(0, -4px, 0) scaleY(1.02)" },
   { offset: 1, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)", transform: "translate3d(0, 0, 0)" }
-], Ir = [
+], Fr = [
   { offset: 0, opacity: "1" },
   { offset: 0.25, opacity: "0" },
   { offset: 0.5, opacity: "1" },
   { offset: 0.75, opacity: "0" },
   { offset: 1, opacity: "1" }
-], Tr = [
+], Mr = [
   { offset: 0, transform: "translateX(0)" },
   { offset: 0.065, transform: "translateX(-6px) rotateY(-9deg)" },
   { offset: 0.185, transform: "translateX(5px) rotateY(7deg)" },
   { offset: 0.315, transform: "translateX(-3px) rotateY(-5deg)" },
   { offset: 0.435, transform: "translateX(2px) rotateY(3deg)" },
   { offset: 0.5, transform: "translateX(0)" }
-], Ar = [
+], Vr = [
   { offset: 0, transform: "scale(1)" },
   { offset: 0.14, transform: "scale(1.3)" },
   { offset: 0.28, transform: "scale(1)" },
   { offset: 0.42, transform: "scale(1.3)" },
   { offset: 0.7, transform: "scale(1)" }
-], Dr = [
+], Or = [
   { offset: 0, transform: "translate3d(0, 0, 0)" },
   { offset: 0.111, transform: "translate3d(0, 0, 0)" },
   { offset: 0.222, transform: "skewX(-12.5deg) skewY(-12.5deg)" },
@@ -7378,11 +7704,11 @@ const Sr = [
   { offset: 0.777, transform: "skewX(0.390625deg) skewY(0.390625deg)" },
   { offset: 0.888, transform: "skewX(-0.1953125deg) skewY(-0.1953125deg)" },
   { offset: 1, transform: "translate3d(0, 0, 0)" }
-], Fr = [
+], Lr = [
   { offset: 0, transform: "scale3d(1, 1, 1)" },
   { offset: 0.5, transform: "scale3d(1.05, 1.05, 1.05)" },
   { offset: 1, transform: "scale3d(1, 1, 1)" }
-], Er = [
+], Rr = [
   { offset: 0, transform: "scale3d(1, 1, 1)" },
   { offset: 0.3, transform: "scale3d(1.25, 0.75, 1)" },
   { offset: 0.4, transform: "scale3d(0.75, 1.25, 1)" },
@@ -7390,7 +7716,7 @@ const Sr = [
   { offset: 0.65, transform: "scale3d(0.95, 1.05, 1)" },
   { offset: 0.75, transform: "scale3d(1.05, 0.95, 1)" },
   { offset: 1, transform: "scale3d(1, 1, 1)" }
-], Mr = [
+], Hr = [
   { offset: 0, transform: "translate3d(0, 0, 0)" },
   { offset: 0.1, transform: "translate3d(-10px, 0, 0)" },
   { offset: 0.2, transform: "translate3d(10px, 0, 0)" },
@@ -7402,7 +7728,7 @@ const Sr = [
   { offset: 0.8, transform: "translate3d(10px, 0, 0)" },
   { offset: 0.9, transform: "translate3d(-10px, 0, 0)" },
   { offset: 1, transform: "translate3d(0, 0, 0)" }
-], Vr = [
+], Br = [
   { offset: 0, transform: "translate3d(0, 0, 0)" },
   { offset: 0.1, transform: "translate3d(-10px, 0, 0)" },
   { offset: 0.2, transform: "translate3d(10px, 0, 0)" },
@@ -7414,7 +7740,7 @@ const Sr = [
   { offset: 0.8, transform: "translate3d(10px, 0, 0)" },
   { offset: 0.9, transform: "translate3d(-10px, 0, 0)" },
   { offset: 1, transform: "translate3d(0, 0, 0)" }
-], Or = [
+], Pr = [
   { offset: 0, transform: "translate3d(0, 0, 0)" },
   { offset: 0.1, transform: "translate3d(0, -10px, 0)" },
   { offset: 0.2, transform: "translate3d(0, 10px, 0)" },
@@ -7426,13 +7752,13 @@ const Sr = [
   { offset: 0.8, transform: "translate3d(0, 10px, 0)" },
   { offset: 0.9, transform: "translate3d(0, -10px, 0)" },
   { offset: 1, transform: "translate3d(0, 0, 0)" }
-], Lr = [
+], Nr = [
   { offset: 0.2, transform: "rotate3d(0, 0, 1, 15deg)" },
   { offset: 0.4, transform: "rotate3d(0, 0, 1, -10deg)" },
   { offset: 0.6, transform: "rotate3d(0, 0, 1, 5deg)" },
   { offset: 0.8, transform: "rotate3d(0, 0, 1, -5deg)" },
   { offset: 1, transform: "rotate3d(0, 0, 1, 0deg)" }
-], Rr = [
+], Ur = [
   { offset: 0, transform: "scale3d(1, 1, 1)" },
   { offset: 0.1, transform: "scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)" },
   { offset: 0.2, transform: "scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)" },
@@ -7444,7 +7770,7 @@ const Sr = [
   { offset: 0.8, transform: "scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)" },
   { offset: 0.9, transform: "scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)" },
   { offset: 1, transform: "scale3d(1, 1, 1)" }
-], Br = [
+], Xr = [
   { offset: 0, transform: "translate3d(0, 0, 0)" },
   { offset: 0.15, transform: "translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)" },
   { offset: 0.3, transform: "translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)" },
@@ -7452,39 +7778,39 @@ const Sr = [
   { offset: 0.6, transform: "translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)" },
   { offset: 0.75, transform: "translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)" },
   { offset: 1, transform: "translate3d(0, 0, 0)" }
-], Hr = [
+], jr = [
   { offset: 0, transform: "translateY(-1200px) scale(0.7)", opacity: "0.7" },
   { offset: 0.8, transform: "translateY(0px) scale(0.7)", opacity: "0.7" },
   { offset: 1, transform: "scale(1)", opacity: "1" }
-], Pr = [
+], Yr = [
   { offset: 0, transform: "translateX(-2000px) scale(0.7)", opacity: "0.7" },
   { offset: 0.8, transform: "translateX(0px) scale(0.7)", opacity: "0.7" },
   { offset: 1, transform: "scale(1)", opacity: "1" }
-], Nr = [
+], Gr = [
   { offset: 0, transform: "translateX(2000px) scale(0.7)", opacity: "0.7" },
   { offset: 0.8, transform: "translateX(0px) scale(0.7)", opacity: "0.7" },
   { offset: 1, transform: "scale(1)", opacity: "1" }
-], Ur = [
+], Wr = [
   { offset: 0, transform: "translateY(1200px) scale(0.7)", opacity: "0.7" },
   { offset: 0.8, transform: "translateY(0px) scale(0.7)", opacity: "0.7" },
   { offset: 1, transform: "scale(1)", opacity: "1" }
-], Xr = [
+], Kr = [
   { offset: 0, transform: "scale(1)", opacity: "1" },
   { offset: 0.2, transform: "translateY(0px) scale(0.7)", opacity: "0.7" },
   { offset: 1, transform: "translateY(700px) scale(0.7)", opacity: "0.7" }
-], Yr = [
+], qr = [
   { offset: 0, transform: "scale(1)", opacity: "1" },
   { offset: 0.2, transform: "translateX(0px) scale(0.7)", opacity: "0.7" },
   { offset: 1, transform: "translateX(-2000px) scale(0.7)", opacity: "0.7" }
-], jr = [
+], Qr = [
   { offset: 0, transform: "scale(1)", opacity: "1" },
   { offset: 0.2, transform: "translateX(0px) scale(0.7)", opacity: "0.7" },
   { offset: 1, transform: "translateX(2000px) scale(0.7)", opacity: "0.7" }
-], Gr = [
+], Zr = [
   { offset: 0, transform: "scale(1)", opacity: "1" },
   { offset: 0.2, transform: "translateY(0px) scale(0.7)", opacity: "0.7" },
   { offset: 1, transform: "translateY(-700px) scale(0.7)", opacity: "0.7" }
-], Wr = [
+], Jr = [
   { offset: 0, opacity: "0", transform: "scale3d(0.3, 0.3, 0.3)" },
   { offset: 0, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
   { offset: 0.2, transform: "scale3d(1.1, 1.1, 1.1)" },
@@ -7497,7 +7823,7 @@ const Sr = [
   { offset: 0.8, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
   { offset: 1, opacity: "1", transform: "scale3d(1, 1, 1)" },
   { offset: 1, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" }
-], Kr = [
+], ts = [
   { offset: 0, opacity: "0", transform: "translate3d(0, -3000px, 0) scaleY(3)" },
   { offset: 0, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
   { offset: 0.6, opacity: "1", transform: "translate3d(0, 25px, 0) scaleY(0.9)" },
@@ -7508,7 +7834,7 @@ const Sr = [
   { offset: 0.9, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
   { offset: 1, transform: "translate3d(0, 0, 0)" },
   { offset: 1, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" }
-], qr = [
+], es = [
   { offset: 0, opacity: "0", transform: "translate3d(-3000px, 0, 0) scaleX(3)" },
   { offset: 0, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
   { offset: 0.6, opacity: "1", transform: "translate3d(25px, 0, 0) scaleX(1)" },
@@ -7519,7 +7845,7 @@ const Sr = [
   { offset: 0.9, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
   { offset: 1, transform: "translate3d(0, 0, 0)" },
   { offset: 1, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" }
-], Qr = [
+], rs = [
   { offset: 0, opacity: "0", transform: "translate3d(3000px, 0, 0) scaleX(3)" },
   { offset: 0, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
   { offset: 0.6, opacity: "1", transform: "translate3d(-25px, 0, 0) scaleX(1)" },
@@ -7530,7 +7856,7 @@ const Sr = [
   { offset: 0.9, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
   { offset: 1, transform: "translate3d(0, 0, 0)" },
   { offset: 1, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" }
-], Zr = [
+], ss = [
   { offset: 0, opacity: "0", transform: "translate3d(0, 3000px, 0) scaleY(5)" },
   { offset: 0, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
   { offset: 0.6, opacity: "1", transform: "translate3d(0, -20px, 0) scaleY(0.9)" },
@@ -7541,106 +7867,106 @@ const Sr = [
   { offset: 0.9, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
   { offset: 1, transform: "translate3d(0, 0, 0)" },
   { offset: 1, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" }
-], Jr = [
+], as = [
   { offset: 0.2, transform: "scale3d(0.9, 0.9, 0.9)" },
   { offset: 0.5, opacity: "1", transform: "scale3d(1.1, 1.1, 1.1)" },
   { offset: 0.55, opacity: "1", transform: "scale3d(1.1, 1.1, 1.1)" },
   { offset: 1, opacity: "0", transform: "scale3d(0.3, 0.3, 0.3)" }
-], ts = [
+], is = [
   { offset: 0.2, transform: "translate3d(0, 10px, 0) scaleY(0.985)" },
   { offset: 0.4, opacity: "1", transform: "translate3d(0, -20px, 0) scaleY(0.9)" },
   { offset: 0.45, opacity: "1", transform: "translate3d(0, -20px, 0) scaleY(0.9)" },
   { offset: 1, opacity: "0", transform: "translate3d(0, 2000px, 0) scaleY(3)" }
-], es = [
+], os = [
   { offset: 0.2, opacity: "1", transform: "translate3d(20px, 0, 0) scaleX(0.9)" },
   { offset: 1, opacity: "0", transform: "translate3d(-2000px, 0, 0) scaleX(2)" }
-], rs = [
+], ns = [
   { offset: 0.2, opacity: "1", transform: "translate3d(-20px, 0, 0) scaleX(0.9)" },
   { offset: 1, opacity: "0", transform: "translate3d(2000px, 0, 0) scaleX(2)" }
-], ss = [
+], ls = [
   { offset: 0.2, transform: "translate3d(0, -10px, 0) scaleY(0.985)" },
   { offset: 0.4, opacity: "1", transform: "translate3d(0, 20px, 0) scaleY(0.9)" },
   { offset: 0.45, opacity: "1", transform: "translate3d(0, 20px, 0) scaleY(0.9)" },
   { offset: 1, opacity: "0", transform: "translate3d(0, -2000px, 0) scaleY(3)" }
-], as = [
+], cs = [
   { offset: 0, opacity: "0" },
   { offset: 1, opacity: "1" }
-], is = [
+], ds = [
   { offset: 0, opacity: "0", transform: "translate3d(-100%, 100%, 0)" },
   { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
-], os = [
+], hs = [
   { offset: 0, opacity: "0", transform: "translate3d(100%, 100%, 0)" },
   { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
-], ns = [
+], us = [
   { offset: 0, opacity: "0", transform: "translate3d(0, -100%, 0)" },
   { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
-], ls = [
+], ps = [
   { offset: 0, opacity: "0", transform: "translate3d(0, -2000px, 0)" },
   { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
-], cs = [
+], fs = [
   { offset: 0, opacity: "0", transform: "translate3d(-100%, 0, 0)" },
   { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
-], ds = [
+], ms = [
   { offset: 0, opacity: "0", transform: "translate3d(-2000px, 0, 0)" },
   { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
-], hs = [
+], bs = [
   { offset: 0, opacity: "0", transform: "translate3d(100%, 0, 0)" },
   { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
-], us = [
+], gs = [
   { offset: 0, opacity: "0", transform: "translate3d(2000px, 0, 0)" },
   { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
-], ps = [
+], vs = [
   { offset: 0, opacity: "0", transform: "translate3d(-100%, -100%, 0)" },
   { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
-], fs = [
+], ys = [
   { offset: 0, opacity: "0", transform: "translate3d(100%, -100%, 0)" },
   { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
-], ms = [
+], _s = [
   { offset: 0, opacity: "0", transform: "translate3d(0, 100%, 0)" },
   { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
-], bs = [
+], ws = [
   { offset: 0, opacity: "0", transform: "translate3d(0, 2000px, 0)" },
   { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
-], gs = [
+], xs = [
   { offset: 0, opacity: "1" },
   { offset: 1, opacity: "0" }
-], vs = [
+], ks = [
   { offset: 0, opacity: "1", transform: "translate3d(0, 0, 0)" },
   { offset: 1, opacity: "0", transform: "translate3d(-100%, 100%, 0)" }
-], ys = [
+], Cs = [
   { offset: 0, opacity: "1", transform: "translate3d(0, 0, 0)" },
   { offset: 1, opacity: "0", transform: "translate3d(100%, 100%, 0)" }
-], _s = [
+], zs = [
   { offset: 0, opacity: "1" },
   { offset: 1, opacity: "0", transform: "translate3d(0, 100%, 0)" }
-], xs = [
+], $s = [
   { offset: 0, opacity: "1" },
   { offset: 1, opacity: "0", transform: "translate3d(0, 2000px, 0)" }
-], ws = [
+], Ss = [
   { offset: 0, opacity: "1" },
   { offset: 1, opacity: "0", transform: "translate3d(-100%, 0, 0)" }
-], ks = [
+], Ts = [
   { offset: 0, opacity: "1" },
   { offset: 1, opacity: "0", transform: "translate3d(-2000px, 0, 0)" }
-], Cs = [
+], Is = [
   { offset: 0, opacity: "1" },
   { offset: 1, opacity: "0", transform: "translate3d(100%, 0, 0)" }
-], zs = [
+], As = [
   { offset: 0, opacity: "1" },
   { offset: 1, opacity: "0", transform: "translate3d(2000px, 0, 0)" }
-], $s = [
+], Ds = [
   { offset: 0, opacity: "1", transform: "translate3d(0, 0, 0)" },
   { offset: 1, opacity: "0", transform: "translate3d(-100%, -100%, 0)" }
-], Ss = [
+], Es = [
   { offset: 0, opacity: "1", transform: "translate3d(0, 0, 0)" },
   { offset: 1, opacity: "0", transform: "translate3d(100%, -100%, 0)" }
-], Is = [
+], Fs = [
   { offset: 0, opacity: "1" },
   { offset: 1, opacity: "0", transform: "translate3d(0, -100%, 0)" }
-], Ts = [
+], Ms = [
   { offset: 0, opacity: "1" },
   { offset: 1, opacity: "0", transform: "translate3d(0, -2000px, 0)" }
-], As = [
+], Vs = [
   {
     offset: 0,
     transform: "perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg)",
@@ -7669,118 +7995,118 @@ const Sr = [
     transform: "perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg)",
     easing: "ease-in"
   }
-], Ds = [
+], Os = [
   { offset: 0, transform: "perspective(400px) rotate3d(1, 0, 0, 90deg)", easing: "ease-in", opacity: "0" },
   { offset: 0.4, transform: "perspective(400px) rotate3d(1, 0, 0, -20deg)", easing: "ease-in" },
   { offset: 0.6, transform: "perspective(400px) rotate3d(1, 0, 0, 10deg)", opacity: "1" },
   { offset: 0.8, transform: "perspective(400px) rotate3d(1, 0, 0, -5deg)" },
   { offset: 1, transform: "perspective(400px)" }
-], Fs = [
+], Ls = [
   { offset: 0, transform: "perspective(400px) rotate3d(0, 1, 0, 90deg)", easing: "ease-in", opacity: "0" },
   { offset: 0.4, transform: "perspective(400px) rotate3d(0, 1, 0, -20deg)", easing: "ease-in" },
   { offset: 0.6, transform: "perspective(400px) rotate3d(0, 1, 0, 10deg)", opacity: "1" },
   { offset: 0.8, transform: "perspective(400px) rotate3d(0, 1, 0, -5deg)" },
   { offset: 1, transform: "perspective(400px)" }
-], Es = [
+], Rs = [
   { offset: 0, transform: "perspective(400px)" },
   { offset: 0.3, transform: "perspective(400px) rotate3d(1, 0, 0, -20deg)", opacity: "1" },
   { offset: 1, transform: "perspective(400px) rotate3d(1, 0, 0, 90deg)", opacity: "0" }
-], Ms = [
+], Hs = [
   { offset: 0, transform: "perspective(400px)" },
   { offset: 0.3, transform: "perspective(400px) rotate3d(0, 1, 0, -15deg)", opacity: "1" },
   { offset: 1, transform: "perspective(400px) rotate3d(0, 1, 0, 90deg)", opacity: "0" }
-], Vs = [
+], Bs = [
   { offset: 0, transform: "translate3d(-100%, 0, 0) skewX(30deg)", opacity: "0" },
   { offset: 0.6, transform: "skewX(-20deg)", opacity: "1" },
   { offset: 0.8, transform: "skewX(5deg)" },
   { offset: 1, transform: "translate3d(0, 0, 0)" }
-], Os = [
+], Ps = [
   { offset: 0, transform: "translate3d(100%, 0, 0) skewX(-30deg)", opacity: "0" },
   { offset: 0.6, transform: "skewX(20deg)", opacity: "1" },
   { offset: 0.8, transform: "skewX(-5deg)" },
   { offset: 1, transform: "translate3d(0, 0, 0)" }
-], Ls = [
+], Ns = [
   { offset: 0, opacity: "1" },
   { offset: 1, transform: "translate3d(-100%, 0, 0) skewX(-30deg)", opacity: "0" }
-], Rs = [
+], Us = [
   { offset: 0, opacity: "1" },
   { offset: 1, transform: "translate3d(100%, 0, 0) skewX(30deg)", opacity: "0" }
-], Bs = [
+], Xs = [
   { offset: 0, transform: "rotate3d(0, 0, 1, -200deg)", opacity: "0" },
   { offset: 1, transform: "translate3d(0, 0, 0)", opacity: "1" }
-], Hs = [
+], js = [
   { offset: 0, transform: "rotate3d(0, 0, 1, -45deg)", opacity: "0" },
   { offset: 1, transform: "translate3d(0, 0, 0)", opacity: "1" }
-], Ps = [
+], Ys = [
   { offset: 0, transform: "rotate3d(0, 0, 1, 45deg)", opacity: "0" },
   { offset: 1, transform: "translate3d(0, 0, 0)", opacity: "1" }
-], Ns = [
+], Gs = [
   { offset: 0, transform: "rotate3d(0, 0, 1, 45deg)", opacity: "0" },
   { offset: 1, transform: "translate3d(0, 0, 0)", opacity: "1" }
-], Us = [
+], Ws = [
   { offset: 0, transform: "rotate3d(0, 0, 1, -90deg)", opacity: "0" },
   { offset: 1, transform: "translate3d(0, 0, 0)", opacity: "1" }
-], Xs = [
+], Ks = [
   { offset: 0, opacity: "1" },
   { offset: 1, transform: "rotate3d(0, 0, 1, 200deg)", opacity: "0" }
-], Ys = [
+], qs = [
   { offset: 0, opacity: "1" },
   { offset: 1, transform: "rotate3d(0, 0, 1, 45deg)", opacity: "0" }
-], js = [
+], Qs = [
   { offset: 0, opacity: "1" },
   { offset: 1, transform: "rotate3d(0, 0, 1, -45deg)", opacity: "0" }
-], Gs = [
+], Zs = [
   { offset: 0, opacity: "1" },
   { offset: 1, transform: "rotate3d(0, 0, 1, -45deg)", opacity: "0" }
-], Ws = [
+], Js = [
   { offset: 0, opacity: "1" },
   { offset: 1, transform: "rotate3d(0, 0, 1, 90deg)", opacity: "0" }
-], Ks = [
+], ta = [
   { offset: 0, transform: "translate3d(0, -100%, 0)", visibility: "visible" },
   { offset: 1, transform: "translate3d(0, 0, 0)" }
-], qs = [
+], ea = [
   { offset: 0, transform: "translate3d(-100%, 0, 0)", visibility: "visible" },
   { offset: 1, transform: "translate3d(0, 0, 0)" }
-], Qs = [
+], ra = [
   { offset: 0, transform: "translate3d(100%, 0, 0)", visibility: "visible" },
   { offset: 1, transform: "translate3d(0, 0, 0)" }
-], Zs = [
+], sa = [
   { offset: 0, transform: "translate3d(0, 100%, 0)", visibility: "visible" },
   { offset: 1, transform: "translate3d(0, 0, 0)" }
-], Js = [
+], aa = [
   { offset: 0, transform: "translate3d(0, 0, 0)" },
   { offset: 1, visibility: "hidden", transform: "translate3d(0, 100%, 0)" }
-], ta = [
+], ia = [
   { offset: 0, transform: "translate3d(0, 0, 0)" },
   { offset: 1, visibility: "hidden", transform: "translate3d(-100%, 0, 0)" }
-], ea = [
+], oa = [
   { offset: 0, transform: "translate3d(0, 0, 0)" },
   { offset: 1, visibility: "hidden", transform: "translate3d(100%, 0, 0)" }
-], ra = [
+], na = [
   { offset: 0, transform: "translate3d(0, 0, 0)" },
   { offset: 1, visibility: "hidden", transform: "translate3d(0, -100%, 0)" }
-], sa = [
+], la = [
   { offset: 0, easing: "ease-in-out" },
   { offset: 0.2, transform: "rotate3d(0, 0, 1, 80deg)", easing: "ease-in-out" },
   { offset: 0.4, transform: "rotate3d(0, 0, 1, 60deg)", easing: "ease-in-out", opacity: "1" },
   { offset: 0.6, transform: "rotate3d(0, 0, 1, 80deg)", easing: "ease-in-out" },
   { offset: 0.8, transform: "rotate3d(0, 0, 1, 60deg)", easing: "ease-in-out", opacity: "1" },
   { offset: 1, transform: "translate3d(0, 700px, 0)", opacity: "0" }
-], aa = [
+], ca = [
   { offset: 0, opacity: "0", transform: "scale(0.1) rotate(30deg)", "transform-origin": "center bottom" },
   { offset: 0.5, transform: "rotate(-10deg)" },
   { offset: 0.7, transform: "rotate(3deg)" },
   { offset: 1, opacity: "1", transform: "scale(1)" }
-], ia = [
+], da = [
   { offset: 0, opacity: "0", transform: "translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)" },
   { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
-], oa = [
+], ha = [
   { offset: 0, opacity: "1" },
   { offset: 1, opacity: "0", transform: "translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)" }
-], na = [
+], ua = [
   { offset: 0, opacity: "0", transform: "scale3d(0.3, 0.3, 0.3)" },
   { offset: 0.5, opacity: "1" }
-], la = [
+], pa = [
   {
     offset: 0,
     opacity: "0",
@@ -7793,7 +8119,7 @@ const Sr = [
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",
     easing: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-], ca = [
+], fa = [
   {
     offset: 0,
     opacity: "0",
@@ -7806,7 +8132,7 @@ const Sr = [
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)",
     easing: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-], da = [
+], ma = [
   {
     offset: 0,
     opacity: "0",
@@ -7819,7 +8145,7 @@ const Sr = [
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)",
     easing: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-], ha = [
+], ba = [
   {
     offset: 0,
     opacity: "0",
@@ -7832,11 +8158,11 @@ const Sr = [
     transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",
     easing: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-], ua = [
+], ga = [
   { offset: 0, opacity: "1" },
   { offset: 0.5, opacity: "0", transform: "scale3d(0.3, 0.3, 0.3)" },
   { offset: 1, opacity: "0" }
-], pa = [
+], va = [
   {
     offset: 0.4,
     opacity: "1",
@@ -7849,13 +8175,13 @@ const Sr = [
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0)",
     easing: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-], fa = [
+], ya = [
   { offset: 0.4, opacity: "1", transform: "scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)" },
   { offset: 1, opacity: "0", transform: "scale(0.1) translate3d(-2000px, 0, 0)" }
-], ma = [
+], _a = [
   { offset: 0.4, opacity: "1", transform: "scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)" },
   { offset: 1, opacity: "0", transform: "scale(0.1) translate3d(2000px, 0, 0)" }
-], ba = [
+], wa = [
   {
     offset: 0.4,
     opacity: "1",
@@ -7868,7 +8194,7 @@ const Sr = [
     transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0)",
     easing: "cubic-bezier(0.175, 0.885, 0.32, 1)"
   }
-], ye = {
+], we = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
@@ -7898,113 +8224,113 @@ const Sr = [
   easeInBack: "cubic-bezier(0.6, -0.28, 0.735, 0.045)",
   easeOutBack: "cubic-bezier(0.175, 0.885, 0.32, 1.275)",
   easeInOutBack: "cubic-bezier(0.68, -0.55, 0.265, 1.55)"
-}, ga = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, xa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  backInDown: Hr,
-  backInLeft: Pr,
-  backInRight: Nr,
-  backInUp: Ur,
-  backOutDown: Xr,
-  backOutLeft: Yr,
-  backOutRight: jr,
-  backOutUp: Gr,
-  bounce: Sr,
-  bounceIn: Wr,
-  bounceInDown: Kr,
-  bounceInLeft: qr,
-  bounceInRight: Qr,
-  bounceInUp: Zr,
-  bounceOut: Jr,
-  bounceOutDown: ts,
-  bounceOutLeft: es,
-  bounceOutRight: rs,
-  bounceOutUp: ss,
-  easings: ye,
-  fadeIn: as,
-  fadeInBottomLeft: is,
-  fadeInBottomRight: os,
-  fadeInDown: ns,
-  fadeInDownBig: ls,
-  fadeInLeft: cs,
-  fadeInLeftBig: ds,
-  fadeInRight: hs,
-  fadeInRightBig: us,
-  fadeInTopLeft: ps,
-  fadeInTopRight: fs,
-  fadeInUp: ms,
-  fadeInUpBig: bs,
-  fadeOut: gs,
-  fadeOutBottomLeft: vs,
-  fadeOutBottomRight: ys,
-  fadeOutDown: _s,
-  fadeOutDownBig: xs,
-  fadeOutLeft: ws,
-  fadeOutLeftBig: ks,
-  fadeOutRight: Cs,
-  fadeOutRightBig: zs,
-  fadeOutTopLeft: $s,
-  fadeOutTopRight: Ss,
-  fadeOutUp: Is,
-  fadeOutUpBig: Ts,
-  flash: Ir,
-  flip: As,
-  flipInX: Ds,
-  flipInY: Fs,
-  flipOutX: Es,
-  flipOutY: Ms,
-  headShake: Tr,
-  heartBeat: Ar,
-  hinge: sa,
-  jackInTheBox: aa,
-  jello: Dr,
-  lightSpeedInLeft: Vs,
-  lightSpeedInRight: Os,
-  lightSpeedOutLeft: Ls,
-  lightSpeedOutRight: Rs,
-  pulse: Fr,
-  rollIn: ia,
-  rollOut: oa,
-  rotateIn: Bs,
-  rotateInDownLeft: Hs,
-  rotateInDownRight: Ps,
-  rotateInUpLeft: Ns,
-  rotateInUpRight: Us,
-  rotateOut: Xs,
-  rotateOutDownLeft: Ys,
-  rotateOutDownRight: js,
-  rotateOutUpLeft: Gs,
-  rotateOutUpRight: Ws,
-  rubberBand: Er,
-  shake: Mr,
-  shakeX: Vr,
-  shakeY: Or,
-  slideInDown: Ks,
-  slideInLeft: qs,
-  slideInRight: Qs,
-  slideInUp: Zs,
-  slideOutDown: Js,
-  slideOutLeft: ta,
-  slideOutRight: ea,
-  slideOutUp: ra,
-  swing: Lr,
-  tada: Rr,
-  wobble: Br,
-  zoomIn: na,
-  zoomInDown: la,
-  zoomInLeft: ca,
-  zoomInRight: da,
-  zoomInUp: ha,
-  zoomOut: ua,
-  zoomOutDown: pa,
-  zoomOutLeft: fa,
-  zoomOutRight: ma,
-  zoomOutUp: ba
+  backInDown: jr,
+  backInLeft: Yr,
+  backInRight: Gr,
+  backInUp: Wr,
+  backOutDown: Kr,
+  backOutLeft: qr,
+  backOutRight: Qr,
+  backOutUp: Zr,
+  bounce: Er,
+  bounceIn: Jr,
+  bounceInDown: ts,
+  bounceInLeft: es,
+  bounceInRight: rs,
+  bounceInUp: ss,
+  bounceOut: as,
+  bounceOutDown: is,
+  bounceOutLeft: os,
+  bounceOutRight: ns,
+  bounceOutUp: ls,
+  easings: we,
+  fadeIn: cs,
+  fadeInBottomLeft: ds,
+  fadeInBottomRight: hs,
+  fadeInDown: us,
+  fadeInDownBig: ps,
+  fadeInLeft: fs,
+  fadeInLeftBig: ms,
+  fadeInRight: bs,
+  fadeInRightBig: gs,
+  fadeInTopLeft: vs,
+  fadeInTopRight: ys,
+  fadeInUp: _s,
+  fadeInUpBig: ws,
+  fadeOut: xs,
+  fadeOutBottomLeft: ks,
+  fadeOutBottomRight: Cs,
+  fadeOutDown: zs,
+  fadeOutDownBig: $s,
+  fadeOutLeft: Ss,
+  fadeOutLeftBig: Ts,
+  fadeOutRight: Is,
+  fadeOutRightBig: As,
+  fadeOutTopLeft: Ds,
+  fadeOutTopRight: Es,
+  fadeOutUp: Fs,
+  fadeOutUpBig: Ms,
+  flash: Fr,
+  flip: Vs,
+  flipInX: Os,
+  flipInY: Ls,
+  flipOutX: Rs,
+  flipOutY: Hs,
+  headShake: Mr,
+  heartBeat: Vr,
+  hinge: la,
+  jackInTheBox: ca,
+  jello: Or,
+  lightSpeedInLeft: Bs,
+  lightSpeedInRight: Ps,
+  lightSpeedOutLeft: Ns,
+  lightSpeedOutRight: Us,
+  pulse: Lr,
+  rollIn: da,
+  rollOut: ha,
+  rotateIn: Xs,
+  rotateInDownLeft: js,
+  rotateInDownRight: Ys,
+  rotateInUpLeft: Gs,
+  rotateInUpRight: Ws,
+  rotateOut: Ks,
+  rotateOutDownLeft: qs,
+  rotateOutDownRight: Qs,
+  rotateOutUpLeft: Zs,
+  rotateOutUpRight: Js,
+  rubberBand: Rr,
+  shake: Hr,
+  shakeX: Br,
+  shakeY: Pr,
+  slideInDown: ta,
+  slideInLeft: ea,
+  slideInRight: ra,
+  slideInUp: sa,
+  slideOutDown: aa,
+  slideOutLeft: ia,
+  slideOutRight: oa,
+  slideOutUp: na,
+  swing: Nr,
+  tada: Ur,
+  wobble: Xr,
+  zoomIn: ua,
+  zoomInDown: pa,
+  zoomInLeft: fa,
+  zoomInRight: ma,
+  zoomInUp: ba,
+  zoomOut: ga,
+  zoomOutDown: va,
+  zoomOutLeft: ya,
+  zoomOutRight: _a,
+  zoomOutUp: wa
 }, Symbol.toStringTag, { value: "Module" }));
-var va = E`
+var ka = F`
   :host {
     display: contents;
   }
-`, j = class extends A {
+`, Y = class extends A {
   constructor() {
     super(...arguments), this.hasStarted = !1, this.name = "none", this.play = !1, this.delay = 0, this.direction = "normal", this.duration = 1e3, this.easing = "linear", this.endDelay = 0, this.fill = "auto", this.iterations = 1 / 0, this.iterationStart = 0, this.playbackRate = 1, this.handleAnimationFinish = () => {
       this.play = !1, this.hasStarted = !1, this.emit("sl-finish");
@@ -8031,7 +8357,7 @@ var va = E`
   }
   async createAnimation() {
     var t, e;
-    const r = (t = ye[this.easing]) != null ? t : this.easing, a = (e = this.keyframes) != null ? e : ga[this.name], o = (await this.defaultSlot).assignedElements()[0];
+    const r = (t = we[this.easing]) != null ? t : this.easing, a = (e = this.keyframes) != null ? e : xa[this.name], o = (await this.defaultSlot).assignedElements()[0];
     return !o || !a ? !1 : (this.destroyAnimation(), this.animation = o.animate(a, {
       delay: this.delay,
       direction: this.direction,
@@ -8066,51 +8392,51 @@ var va = E`
     (t = this.animation) == null || t.finish();
   }
   render() {
-    return x` <slot @slotchange=${this.handleSlotChange}></slot> `;
+    return w` <slot @slotchange=${this.handleSlotChange}></slot> `;
   }
 };
-j.styles = [M, va];
+Y.styles = [M, ka];
 s([
-  Ee("slot")
-], j.prototype, "defaultSlot", 2);
+  Oe("slot")
+], Y.prototype, "defaultSlot", 2);
 s([
   n()
-], j.prototype, "name", 2);
+], Y.prototype, "name", 2);
 s([
   n({ type: Boolean, reflect: !0 })
-], j.prototype, "play", 2);
+], Y.prototype, "play", 2);
 s([
   n({ type: Number })
-], j.prototype, "delay", 2);
+], Y.prototype, "delay", 2);
 s([
   n()
-], j.prototype, "direction", 2);
+], Y.prototype, "direction", 2);
 s([
   n({ type: Number })
-], j.prototype, "duration", 2);
+], Y.prototype, "duration", 2);
 s([
   n()
-], j.prototype, "easing", 2);
+], Y.prototype, "easing", 2);
 s([
   n({ attribute: "end-delay", type: Number })
-], j.prototype, "endDelay", 2);
+], Y.prototype, "endDelay", 2);
 s([
   n()
-], j.prototype, "fill", 2);
+], Y.prototype, "fill", 2);
 s([
   n({ type: Number })
-], j.prototype, "iterations", 2);
+], Y.prototype, "iterations", 2);
 s([
   n({ attribute: "iteration-start", type: Number })
-], j.prototype, "iterationStart", 2);
+], Y.prototype, "iterationStart", 2);
 s([
   n({ attribute: !1 })
-], j.prototype, "keyframes", 2);
+], Y.prototype, "keyframes", 2);
 s([
   n({ attribute: "playback-rate", type: Number })
-], j.prototype, "playbackRate", 2);
+], Y.prototype, "playbackRate", 2);
 s([
-  k([
+  x([
     "name",
     "delay",
     "direction",
@@ -8122,15 +8448,15 @@ s([
     "iterationsStart",
     "keyframes"
   ])
-], j.prototype, "handleAnimationChange", 1);
+], Y.prototype, "handleAnimationChange", 1);
 s([
-  k("play")
-], j.prototype, "handlePlayChange", 1);
+  x("play")
+], Y.prototype, "handlePlayChange", 1);
 s([
-  k("playbackRate")
-], j.prototype, "handlePlaybackRateChange", 1);
-j.define("sl-animation");
+  x("playbackRate")
+], Y.prototype, "handlePlaybackRateChange", 1);
+Y.define("sl-animation");
 export {
-  Ka as d,
-  Wa as r
+  ti as d,
+  Ja as r
 };