solid-ui 3.1.3-9 → 5.0.0-0

package/dist/chunks/{menu-DNcuV-1J.js → menu-hMtmUkel.js}

@@ -1,7 +1,6 @@
-import { a as e, i as t } from "./components-C1LEhsaK.js";
-import { a as n, c as r, i } from "./lit-C4H1jI4q.js";
-import { i as a, n as o, r as s, t as c } from "./decorators-BiCkPd_3.js";
-import { a as l, c as u, i as d, n as f, o as p, r as m, s as h, t as g } from "./chunk.K442ELDU-TtQSV9g1.js";
+import { d as e, g as t, i as n, o as r, p as i, r as a, u as o } from "./components-BHoVP7zE.js";
+import { a as s, c, i as l, l as u, n as d, o as f, r as p, s as m, t as h } from "./chunk.64OG2H45-BFgXEuP7.js";
+import { t as g } from "./query-BYu9q8lA.js";
 //#region node_modules/@awesome.me/webawesome/dist/chunks/chunk.2LXKNNNE.js
 var _ = class extends Event {
 	constructor(e) {
@@ -13,13 +12,13 @@ var _ = class extends Event {
 	}
 };
 //#endregion
-//#region node_modules/@awesome.me/webawesome/dist/chunks/chunk.TTJR7FH2.js
+//#region node_modules/@awesome.me/webawesome/dist/chunks/chunk.4LIBWWJL.js
 function* v(e = document.activeElement) {
 	e != null && (yield e, "shadowRoot" in e && e.shadowRoot && e.shadowRoot.mode !== "closed" && (yield* v(e.shadowRoot.activeElement)));
 }
 //#endregion
 //#region node_modules/@awesome.me/webawesome/dist/chunks/chunk.Z6IK7DP4.js
-var y = r`
+var y = i`
   :host {
     --show-duration: var(--wa-transition-fast);
     --hide-duration: var(--wa-transition-fast);
@@ -131,7 +130,7 @@ var y = r`
 	}
 }, S = class extends Event {
 	constructor() {
-		super("wa-after-hide", {
+		super("wa-after-show", {
 			bubbles: !0,
 			cancelable: !1,
 			composed: !0
@@ -139,7 +138,7 @@ var y = r`
 	}
 }, C = class extends Event {
 	constructor() {
-		super("wa-after-show", {
+		super("wa-after-hide", {
 			bubbles: !0,
 			cancelable: !1,
 			composed: !0
@@ -182,7 +181,7 @@ function te(e, t) {
 }
 //#endregion
 //#region node_modules/@awesome.me/webawesome/dist/chunks/chunk.G5ZZIGWB.js
-var ne = r`
+var ne = i`
   :host([size='xs']) {
     font-size: var(--wa-font-size-xs);
   }
@@ -248,10 +247,10 @@ function N(e, t) {
 	};
 }
 //#endregion
-//#region node_modules/@awesome.me/webawesome/dist/chunks/chunk.5SFAASOS.js
-var P = /* @__PURE__ */ new Set(), F = class extends h {
+//#region node_modules/@awesome.me/webawesome/dist/chunks/chunk.OLYEKNQ3.js
+var P = /* @__PURE__ */ new Set(), F = class extends m {
 	constructor() {
-		super(...arguments), this.submenuCleanups = /* @__PURE__ */ new Map(), this.localize = new p(this), this.userTypedQuery = "", this.openSubmenuStack = [], this.open = !1, this.size = "m", this.placement = "bottom-start", this.distance = 0, this.skidding = 0, this.handleDocumentKeyDown = async (e) => {
+		super(...arguments), this.submenuCleanups = /* @__PURE__ */ new Map(), this.localize = new f(this), this.userTypedQuery = "", this.openSubmenuStack = [], this.open = !1, this.size = "m", this.placement = "bottom-start", this.distance = 0, this.skidding = 0, this.handleDocumentKeyDown = async (e) => {
 			let t = this.localize.dir() === "rtl";
 			if (e.key === "Escape" && this.open && D(this)) {
 				let t = this.getTrigger();
@@ -278,7 +277,7 @@ var P = /* @__PURE__ */ new Set(), F = class extends h {
 				}, 0));
 				return;
 			}
-			if ((e.key === "Home" || e.key === "End") && (e.preventDefault(), e.stopPropagation(), l = e.key === "Home" ? o[0] : o[o.length - 1]), e.key === "Tab" && await this.hideMenu(), e.key.length === 1 && !(e.metaKey || e.ctrlKey || e.altKey) && !(e.key === " " && this.userTypedQuery === "") && (clearTimeout(this.userTypedTimeout), this.userTypedTimeout = setTimeout(() => {
+			if ((e.key === "Home" || e.key === "End") && (e.preventDefault(), e.stopPropagation(), l = e.key === "Home" ? o[0] : o[o.length - 1]), e.key === "Tab" && await this.hideMenu(), e.key.length === 1 && !(e.metaKey || e.ctrlKey || e.altKey) && (e.key !== " " || this.userTypedQuery !== "") && (clearTimeout(this.userTypedTimeout), this.userTypedTimeout = setTimeout(() => {
 				this.userTypedQuery = "";
 			}, 1e3), this.userTypedQuery += e.key, o.some((e) => {
 				let t = (e.textContent || "").trim().toLowerCase(), n = this.userTypedQuery.trim().toLowerCase();
@@ -368,7 +367,7 @@ var P = /* @__PURE__ */ new Set(), F = class extends h {
 		if (this.popup.active) return;
 		P.forEach((e) => e.open = !1), this.popup.active = !0, this.open = !0, P.add(this), T(this), this.syncAriaAttributes(), document.addEventListener("keydown", this.handleDocumentKeyDown), document.addEventListener("pointerdown", this.handleDocumentPointerDown), document.addEventListener("mousemove", this.handleGlobalMouseMove), this.menu.classList.remove("hide"), await M(this.menu, "show");
 		let t = this.getItems();
-		t.length > 0 && (t.forEach((e, t) => e.active = t === 0), t[0].focus({ preventScroll: !0 })), this.dispatchEvent(new C());
+		t.length > 0 && (t.forEach((e, t) => e.active = t === 0), t[0].focus({ preventScroll: !0 })), this.dispatchEvent(new S());
 	}
 	async hideMenu() {
 		if (!this.popup || !this.menu) return;
@@ -377,7 +376,7 @@ var P = /* @__PURE__ */ new Set(), F = class extends h {
 			this.open = !0;
 			return;
 		}
-		this.open = !1, P.delete(this), E(this), this.syncAriaAttributes(), document.removeEventListener("keydown", this.handleDocumentKeyDown), document.removeEventListener("pointerdown", this.handleDocumentPointerDown), document.removeEventListener("mousemove", this.handleGlobalMouseMove), this.menu.classList.remove("show"), await M(this.menu, "hide"), this.popup.active = this.open, this.dispatchEvent(new S());
+		this.open = !1, P.delete(this), E(this), this.syncAriaAttributes(), document.removeEventListener("keydown", this.handleDocumentKeyDown), document.removeEventListener("pointerdown", this.handleDocumentPointerDown), document.removeEventListener("mousemove", this.handleGlobalMouseMove), this.menu.classList.remove("show"), await M(this.menu, "hide"), this.popup.active = this.open, this.dispatchEvent(new C());
 	}
 	handleMenuClick(e) {
 		let t = e.target.closest("wa-dropdown-item");
@@ -407,7 +406,7 @@ var P = /* @__PURE__ */ new Set(), F = class extends h {
 	setupSubmenuPosition(e) {
 		if (!e.submenuElement) return;
 		this.cleanupSubmenuPosition(e);
-		let t = g(e, e.submenuElement, () => {
+		let t = h(e, e.submenuElement, () => {
 			this.positionSubmenu(e), this.updateSafeTriangleCoordinates(e);
 		});
 		this.submenuCleanups.set(e, t);
@@ -438,15 +437,15 @@ var P = /* @__PURE__ */ new Set(), F = class extends h {
 	positionSubmenu(e) {
 		if (!e.submenuElement) return;
 		let t = this.localize.dir() === "rtl" ? "left-start" : "right-start";
-		f(e, e.submenuElement, {
+		d(e, e.submenuElement, {
 			placement: t,
 			middleware: [
-				d({
+				l({
 					mainAxis: 0,
 					crossAxis: -5
 				}),
-				m({ fallbackStrategy: "bestFit" }),
-				l({ padding: 8 })
+				p({ fallbackStrategy: "bestFit" }),
+				s({ padding: 8 })
 			]
 		}).then(({ x: t, y: n, placement: r }) => {
 			e.submenuElement.setAttribute("data-placement", r), Object.assign(e.submenuElement.style, {
@@ -474,11 +473,11 @@ var P = /* @__PURE__ */ new Set(), F = class extends h {
 	}
 	async syncAriaAttributes() {
 		let e = this.getTrigger(), t;
-		e && (e.localName === "wa-button" ? (await customElements.whenDefined("wa-button"), await e.updateComplete, t = e.shadowRoot.querySelector("[part=\"base\"]")) : t = e, t.hasAttribute("id") || t.setAttribute("id", A("wa-dropdown-trigger-")), t.setAttribute("aria-haspopup", "menu"), t.setAttribute("aria-expanded", this.open ? "true" : "false"), this.menu?.setAttribute("aria-expanded", "false"));
+		e && (e.localName === "wa-button" ? (await customElements.whenDefined("wa-button"), await e.updateComplete, t = e.shadowRoot.querySelector("[part~=\"base\"]")) : t = e, t.hasAttribute("id") || t.setAttribute("id", A("wa-dropdown-trigger-")), t.setAttribute("aria-haspopup", "menu"), t.setAttribute("aria-expanded", this.open ? "true" : "false"), this.menu?.setAttribute("aria-expanded", "false"));
 	}
 	render() {
 		let e = this.didSSR && !this.hasUpdated ? this.open : this.popup?.active;
-		return i`
+		return o`
       <wa-popup
         placement=${this.placement}
         distance=${this.distance}
@@ -512,13 +511,13 @@ var P = /* @__PURE__ */ new Set(), F = class extends h {
     `;
 	}
 };
-F.css = [ne, y], u([c("slot:not([name])")], F.prototype, "defaultSlot", 2), u([c("#menu")], F.prototype, "menu", 2), u([c("wa-popup")], F.prototype, "popup", 2), u([s({
+F.css = [ne, y], c([g("slot:not([name])")], F.prototype, "defaultSlot", 2), c([g("#menu")], F.prototype, "menu", 2), c([g("wa-popup")], F.prototype, "popup", 2), c([n({
 	type: Boolean,
 	reflect: !0
-})], F.prototype, "open", 2), u([s({ reflect: !0 })], F.prototype, "size", 2), u([N("size")], F.prototype, "handleSizeChange", 1), u([s({ reflect: !0 })], F.prototype, "placement", 2), u([s({ type: Number })], F.prototype, "distance", 2), u([s({ type: Number })], F.prototype, "skidding", 2), F = u([a("wa-dropdown")], F);
+})], F.prototype, "open", 2), c([n({ reflect: !0 })], F.prototype, "size", 2), c([N("size")], F.prototype, "handleSizeChange", 1), c([n({ reflect: !0 })], F.prototype, "placement", 2), c([n({ type: Number })], F.prototype, "distance", 2), c([n({ type: Number })], F.prototype, "skidding", 2), F = c([u("wa-dropdown")], F);
 //#endregion
 //#region node_modules/@awesome.me/webawesome/dist/chunks/chunk.VCKA3KNZ.js
-var re = r`
+var re = i`
   :host {
     display: flex;
     position: relative;
@@ -781,7 +780,7 @@ var re = r`
 		let e = this.host.shadowRoot;
 		e && "removeEventListener" in e && e.removeEventListener("slotchange", this.handleSlotChange);
 	}
-}, I = class extends h {
+}, I = class extends m {
 	constructor() {
 		super(...arguments), this.hasSlotController = new ie(this, "[default]", "start", "end"), this.active = !1, this.variant = "default", this.size = "m", this.checkboxAdjacent = !1, this.submenuAdjacent = !1, this.type = "normal", this.checked = !1, this.disabled = !1, this.submenuOpen = !1, this.hasSubmenu = !1, this.handleSlotChange = () => {
 			this.hasSubmenu = this.hasSlotController.test("submenu"), this.updateHasSubmenuState(), this.hasSubmenu ? (this.setAttribute("aria-haspopup", "menu"), this.setAttribute("aria-expanded", this.submenuOpen ? "true" : "false")) : (this.removeAttribute("aria-haspopup"), this.removeAttribute("aria-expanded"));
@@ -839,8 +838,8 @@ var re = r`
 		this.hasSubmenu && !this.disabled && (this.notifyParentOfOpening(), this.submenuOpen = !0);
 	}
 	render() {
-		return i`
-      ${this.type === "checkbox" ? i`
+		return o`
+      ${this.type === "checkbox" ? o`
             <wa-icon
               id="check"
               part="checkmark"
@@ -862,7 +861,7 @@ var re = r`
         <slot name="details"></slot>
       </span>
 
-      ${this.hasSubmenu ? i`
+      ${this.hasSubmenu ? o`
             <wa-icon
               id="submenu-indicator"
               part="submenu-icon"
@@ -871,7 +870,7 @@ var re = r`
               name="chevron-right"
             ></wa-icon>
           ` : ""}
-      ${this.hasSubmenu ? i`
+      ${this.hasSubmenu ? o`
             <div
               id="submenu"
               part="submenu"
@@ -887,21 +886,21 @@ var re = r`
     `;
 	}
 };
-I.css = re, u([c("#submenu")], I.prototype, "submenuElement", 2), u([s({ type: Boolean })], I.prototype, "active", 2), u([s({ reflect: !0 })], I.prototype, "variant", 2), u([s({ reflect: !0 })], I.prototype, "size", 2), u([N("size")], I.prototype, "handleSizeChange", 1), u([s({
+I.css = re, c([g("#submenu")], I.prototype, "submenuElement", 2), c([n({ type: Boolean })], I.prototype, "active", 2), c([n({ reflect: !0 })], I.prototype, "variant", 2), c([n({ reflect: !0 })], I.prototype, "size", 2), c([N("size")], I.prototype, "handleSizeChange", 1), c([n({
 	attribute: "checkbox-adjacent",
 	type: Boolean,
 	reflect: !0
-})], I.prototype, "checkboxAdjacent", 2), u([s({
+})], I.prototype, "checkboxAdjacent", 2), c([n({
 	attribute: "submenu-adjacent",
 	type: Boolean,
 	reflect: !0
-})], I.prototype, "submenuAdjacent", 2), u([s()], I.prototype, "value", 2), u([s({ reflect: !0 })], I.prototype, "type", 2), u([s({ type: Boolean })], I.prototype, "checked", 2), u([s({
+})], I.prototype, "submenuAdjacent", 2), c([n()], I.prototype, "value", 2), c([n({ reflect: !0 })], I.prototype, "type", 2), c([n({ type: Boolean })], I.prototype, "checked", 2), c([n({
 	type: Boolean,
 	reflect: !0
-})], I.prototype, "disabled", 2), u([s({
+})], I.prototype, "disabled", 2), c([n({
 	type: Boolean,
 	reflect: !0
-})], I.prototype, "submenuOpen", 2), u([o()], I.prototype, "hasSubmenu", 2), I = u([a("wa-dropdown-item")], I);
+})], I.prototype, "submenuOpen", 2), c([a()], I.prototype, "hasSubmenu", 2), I = c([u("wa-dropdown-item")], I);
 //#endregion
 //#region node_modules/@awesome.me/webawesome/dist/chunks/chunk.YDQCS2HK.js
 var ae = class extends Event {
@@ -920,7 +919,7 @@ var ae = class extends Event {
 			composed: !0
 		});
 	}
-}, se = r`
+}, se = i`
   :host {
     --primary-color: currentColor;
     --primary-opacity: 1;
@@ -935,22 +934,46 @@ var ae = class extends Event {
     vertical-align: -0.125em;
   }
 
-  /* Standard */
-  :host(:not([auto-width])) {
+  /* #region Canvas — the box the icon is centered within (mirrors Font Awesome's icon canvas). Orthogonal to font-size. */
+
+  /* Fixed width (default): 1.25em × 1em (20 × 16px) */
+  :host(:not([canvas])),
+  :host([canvas='fixed']) {
     width: 1.25em;
     height: 1em;
     min-width: 1.25em; /* <-- this is what Safari respects for intrinsic */
     min-height: 1em;
   }
 
-  /* Auto-width */
-  :host([auto-width]) {
+  /* Auto: hug the icon's width. \`auto-width\` is the deprecated alias for canvas="auto". */
+  :host([canvas='auto']),
+  :host([auto-width]:not([canvas])) {
     width: auto;
     height: 1em;
   }
 
+  /* Square: 1.25em × 1.25em (20 × 20px) */
+  :host([canvas='square']) {
+    width: 1.25em;
+    height: 1.25em;
+    min-width: 1.25em;
+    min-height: 1.25em;
+  }
+
+  /* Roomy: 1.5em × 1.5em (24 × 24px) */
+  :host([canvas='roomy']) {
+    width: 1.5em;
+    height: 1.5em;
+    min-width: 1.5em;
+    min-height: 1.5em;
+  }
+
+  /* #endregion */
+
   svg {
-    fill: currentColor;
+    /* NOTE: Avoid setting fill here. A stylesheet rule beats SVG presentation attributes, breaking stroke-based
+       libraries like Lucide (fill="none" stroke="currentColor") and attribute-based mutators (issue #1733). The default
+       library applies fill="currentColor" in its mutator instead. */
     height: 1em;
     overflow: visible;
     width: auto;
@@ -994,7 +1017,8 @@ var ae = class extends Event {
     transform: rotate(var(--rotate-angle, 0deg)) scale(-1, -1);
   }
 
-  /* Animations */
+  /* #region Animations — ported from Font Awesome 7.3 (--fa-* props mapped to wa-icon's --* names) */
+
   :host([animation='beat']) {
     animation-name: beat;
     animation-delay: var(--animation-delay, 0s);
@@ -1004,13 +1028,22 @@ var ae = class extends Event {
     animation-timing-function: var(--animation-timing, ease-in-out);
   }
 
+  :host([animation='bounce']) {
+    animation-name: bounce;
+    animation-delay: var(--animation-delay, 0s);
+    animation-direction: var(--animation-direction, normal);
+    animation-duration: var(--animation-duration, 1s);
+    animation-iteration-count: var(--animation-iteration-count, infinite);
+    animation-timing-function: var(--animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
+  }
+
   :host([animation='fade']) {
     animation-name: fade;
     animation-delay: var(--animation-delay, 0s);
     animation-direction: var(--animation-direction, normal);
     animation-duration: var(--animation-duration, 1s);
     animation-iteration-count: var(--animation-iteration-count, infinite);
-    animation-timing-function: var(--animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
+    animation-timing-function: var(--animation-timing, ease-in-out);
   }
 
   :host([animation='beat-fade']) {
@@ -1019,20 +1052,20 @@ var ae = class extends Event {
     animation-direction: var(--animation-direction, normal);
     animation-duration: var(--animation-duration, 1s);
     animation-iteration-count: var(--animation-iteration-count, infinite);
-    animation-timing-function: var(--animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
+    animation-timing-function: var(--animation-timing, ease-in-out);
   }
 
-  :host([animation='bounce']) {
-    animation-name: bounce;
+  :host([animation='flip']) {
+    animation-name: flip;
     animation-delay: var(--animation-delay, 0s);
     animation-direction: var(--animation-direction, normal);
-    animation-duration: var(--animation-duration, 1s);
+    animation-duration: var(--animation-duration, 1.5s);
     animation-iteration-count: var(--animation-iteration-count, infinite);
-    animation-timing-function: var(--animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
+    animation-timing-function: var(--animation-timing, ease-in-out);
   }
 
-  :host([animation='flip']) {
-    animation-name: flip;
+  :host([animation='flip-360']) {
+    animation-name: flip-360;
     animation-delay: var(--animation-delay, 0s);
     animation-direction: var(--animation-direction, normal);
     animation-duration: var(--animation-duration, 1s);
@@ -1044,9 +1077,9 @@ var ae = class extends Event {
     animation-name: shake;
     animation-delay: var(--animation-delay, 0s);
     animation-direction: var(--animation-direction, normal);
-    animation-duration: var(--animation-duration, 1s);
+    animation-duration: var(--animation-duration, 0.75s);
     animation-iteration-count: var(--animation-iteration-count, infinite);
-    animation-timing-function: var(--animation-timing, linear);
+    animation-timing-function: var(--animation-timing, ease-in-out);
   }
 
   :host([animation='spin']) {
@@ -1059,13 +1092,15 @@ var ae = class extends Event {
   }
 
   :host([animation='spin-pulse']) {
-    animation-name: spin-pulse;
+    animation-name: spin;
+    animation-delay: var(--animation-delay, 0s);
     animation-direction: var(--animation-direction, normal);
     animation-duration: var(--animation-duration, 1s);
     animation-iteration-count: var(--animation-iteration-count, infinite);
     animation-timing-function: var(--animation-timing, steps(8));
   }
 
+  /* spin-reverse is FA's reverse modifier expressed as a standalone value; reverse any spin via --animation-direction: reverse */
   :host([animation='spin-reverse']) {
     animation-name: spin;
     animation-delay: var(--animation-delay, 0s);
@@ -1075,108 +1110,305 @@ var ae = class extends Event {
     animation-timing-function: var(--animation-timing, linear);
   }
 
-  /* Keyframes */
+  :host([animation='spin-snap']) {
+    animation-name: spin-snap;
+    animation-delay: var(--animation-delay, 0s);
+    animation-direction: var(--animation-direction, normal);
+    animation-duration: var(--animation-duration, 3s);
+    animation-iteration-count: var(--animation-iteration-count, infinite);
+    animation-timing-function: var(--animation-timing, linear);
+  }
+
+  :host([animation='spin-snap-4']) {
+    animation-name: spin-snap-4;
+    animation-delay: var(--animation-delay, 0s);
+    animation-direction: var(--animation-direction, normal);
+    animation-duration: var(--animation-duration, 2.4s);
+    animation-iteration-count: var(--animation-iteration-count, infinite);
+    animation-timing-function: var(--animation-timing, linear);
+  }
+
+  :host([animation='spin-snap-8']) {
+    animation-name: spin-snap-8;
+    animation-delay: var(--animation-delay, 0s);
+    animation-direction: var(--animation-direction, normal);
+    animation-duration: var(--animation-duration, 4s);
+    animation-iteration-count: var(--animation-iteration-count, infinite);
+    animation-timing-function: var(--animation-timing, linear);
+  }
+
+  :host([animation='buzz']) {
+    animation-name: buzz;
+    animation-delay: var(--animation-delay, 0s);
+    animation-direction: var(--animation-direction, normal);
+    animation-duration: var(--animation-duration, 0.6s);
+    animation-iteration-count: var(--animation-iteration-count, infinite);
+    animation-timing-function: var(--animation-timing, linear);
+  }
+
+  :host([animation='wag']) {
+    animation-name: wag;
+    animation-delay: var(--animation-delay, 0s);
+    animation-direction: var(--animation-direction, normal);
+    animation-duration: var(--animation-duration, 0.9s);
+    animation-iteration-count: var(--animation-iteration-count, infinite);
+    animation-timing-function: var(--animation-timing, ease-out);
+    transform-origin: bottom center;
+  }
+
+  :host([animation='float']) {
+    animation-name: float;
+    animation-delay: var(--animation-delay, 0s);
+    animation-direction: var(--animation-direction, normal);
+    animation-duration: var(--animation-duration, 3s);
+    animation-iteration-count: var(--animation-iteration-count, infinite);
+    animation-timing-function: var(--animation-timing, ease-in-out);
+    will-change: transform;
+  }
+
+  :host([animation='swing']) {
+    animation-name: swing;
+    animation-delay: var(--animation-delay, 0s);
+    animation-direction: var(--animation-direction, normal);
+    animation-duration: var(--animation-duration, 1.2s);
+    animation-iteration-count: var(--animation-iteration-count, infinite);
+    animation-timing-function: var(--animation-timing, ease-out);
+    transform-origin: top center;
+  }
+
+  :host([animation='jello']) {
+    animation-name: jello;
+    animation-delay: var(--animation-delay, 0s);
+    animation-direction: var(--animation-direction, normal);
+    animation-duration: var(--animation-duration, 0.9s);
+    animation-iteration-count: var(--animation-iteration-count, infinite);
+    animation-timing-function: var(--animation-timing, ease-out);
+  }
+
   @media (prefers-reduced-motion: reduce) {
     :host([animation='beat']),
     :host([animation='bounce']),
     :host([animation='fade']),
     :host([animation='beat-fade']),
     :host([animation='flip']),
+    :host([animation='flip-360']),
     :host([animation='shake']),
     :host([animation='spin']),
     :host([animation='spin-pulse']),
-    :host([animation='spin-reverse']) {
+    :host([animation='spin-reverse']),
+    :host([animation='spin-snap']),
+    :host([animation='spin-snap-4']),
+    :host([animation='spin-snap-8']),
+    :host([animation='buzz']),
+    :host([animation='wag']),
+    :host([animation='float']),
+    :host([animation='swing']),
+    :host([animation='jello']) {
       animation: none !important;
       transition: none !important;
     }
   }
+
+  /* #endregion */
+
+  /* #region Keyframes — ported verbatim from Font Awesome 7.3 */
+
   @keyframes beat {
-    0%,
-    90% {
+    0% {
       transform: scale(1);
     }
+    25% {
+      transform: scale(calc(1.25 * var(--beat-scale, 1.25)));
+    }
     45% {
-      transform: scale(var(--beat-scale, 1.25));
+      transform: scale(calc(1.22 * var(--beat-scale, 1.22)));
+    }
+    65% {
+      transform: scale(calc(1.25 * var(--beat-scale, 1.25)));
+    }
+    90% {
+      transform: scale(1);
+    }
+  }
+
+  @keyframes bounce {
+    0% {
+      transform: scale(1, 1) translateY(0);
+      /* No fallback by design (ported from FA 7.3): the first segment uses the user's --animation-timing or the CSS
+         initial ease, while the explicit cubic-beziers on later stops drive the bounce physics. */
+      animation-timing-function: var(--animation-timing);
+    }
+    14% {
+      transform: scale(var(--bounce-start-scale-x, 1.06), var(--bounce-start-scale-y, 0.94))
+        translateY(var(--bounce-anticipation, 3px));
+      animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);
+    }
+    32% {
+      transform: scale(var(--bounce-jump-scale-x, 0.94), var(--bounce-jump-scale-y, 1.12))
+        translateY(calc(-1 * var(--bounce-height, 0.5em)));
+      animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
+    }
+    52% {
+      transform: scale(1, 1) translateY(calc(-1 * var(--bounce-height, 0.5em) * 1.1));
+      animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
+    }
+    70% {
+      transform: scale(var(--bounce-land-scale-x, 1.06), var(--bounce-land-scale-y, 0.92)) translateY(0);
+      animation-timing-function: cubic-bezier(0.33, 0.33, 0.66, 1);
+    }
+    85% {
+      transform: scale(0.98, 1.04) translateY(calc(-2px * var(--bounce-rebound, 1)));
+      animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1);
+    }
+    100% {
+      transform: scale(1, 1) translateY(0);
     }
   }
 
   @keyframes fade {
-    50% {
+    0% {
+      opacity: 1;
+      transform: scale(1);
+      animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1);
+    }
+    40% {
       opacity: var(--fade-opacity, 0.4);
+      transform: scale(0.98);
+      animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+    }
+    100% {
+      opacity: 1;
+      transform: scale(1);
     }
   }
 
   @keyframes beat-fade {
-    0%,
-    100% {
+    0% {
       opacity: var(--beat-fade-opacity, 0.4);
       transform: scale(1);
+      animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1);
     }
-    50% {
+    25% {
+      opacity: calc(var(--beat-fade-opacity, 0.4) + 0.4);
+      transform: scale(var(--beat-fade-scale, 1.28));
+      animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+    }
+    45% {
       opacity: 1;
-      transform: scale(var(--beat-fade-scale, 1.125));
+      transform: scale(var(--beat-fade-scale, 1.25));
+      animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    }
+    65% {
+      opacity: calc(var(--beat-fade-opacity, 0.4) + 0.4);
+      transform: scale(var(--beat-fade-scale, 1.28));
+      animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+    }
+    100% {
+      opacity: var(--beat-fade-opacity, 0.4);
+      transform: scale(1);
     }
   }
 
-  @keyframes bounce {
+  @keyframes flip {
     0% {
-      transform: scale(1, 1) translateY(0);
+      transform: perspective(2em) scale(1) rotate3d(var(--flip-x, 0), var(--flip-y, 1), var(--flip-z, 0), 0deg);
+      animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1);
     }
-    10% {
-      transform: scale(var(--bounce-start-scale-x, 1.1), var(--bounce-start-scale-y, 0.9)) translateY(0);
+    8% {
+      transform: perspective(2em) scale(var(--flip-anticipation-scale, 0.95))
+        rotate3d(var(--flip-x, 0), var(--flip-y, 1), var(--flip-z, 0), 0deg);
+      animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);
     }
-    30% {
-      transform: scale(var(--bounce-jump-scale-x, 0.9), var(--bounce-jump-scale-y, 1.1))
-        translateY(var(--bounce-height, -0.5em));
+    35% {
+      transform: perspective(2em) scale(1)
+        rotate3d(var(--flip-x, 0), var(--flip-y, 1), var(--flip-z, 0), calc(var(--flip-angle, -360deg) * 0.6));
+      animation-timing-function: linear;
     }
-    50% {
-      transform: scale(var(--bounce-land-scale-x, 1.05), var(--bounce-land-scale-y, 0.95)) translateY(0);
+    65% {
+      transform: perspective(2em) scale(1)
+        rotate3d(var(--flip-x, 0), var(--flip-y, 1), var(--flip-z, 0), calc(var(--flip-angle, -360deg) * 0.5));
+      animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
     }
-    57% {
-      transform: scale(1, 1) translateY(var(--bounce-rebound, -0.125em));
-    }
-    64% {
-      transform: scale(1, 1) translateY(0);
+    92% {
+      transform: perspective(2em) scale(1)
+        rotate3d(
+          var(--flip-x, 0),
+          var(--flip-y, 1),
+          var(--flip-z, 0),
+          calc(var(--flip-angle, -360deg) * var(--flip-overshoot, 1.04))
+        );
+      animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1);
     }
     100% {
-      transform: scale(1, 1) translateY(0);
+      transform: perspective(2em) scale(1)
+        rotate3d(var(--flip-x, 0), var(--flip-y, 1), var(--flip-z, 0), var(--flip-angle, -360deg));
     }
   }
 
-  @keyframes flip {
+  @keyframes flip-360 {
+    0% {
+      transform: perspective(2em) scale(1) rotate3d(var(--flip-x, 0), var(--flip-y, 1), var(--flip-z, 0), 0deg);
+      animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1);
+    }
+    8% {
+      transform: perspective(2em) scale(var(--flip-anticipation-scale, 0.95))
+        rotate3d(var(--flip-x, 0), var(--flip-y, 1), var(--flip-z, 0), 0deg);
+      animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);
+    }
     50% {
-      transform: rotate3d(var(--flip-x, 0), var(--flip-y, 1), var(--flip-z, 0), var(--flip-angle, -180deg));
+      transform: perspective(2em) scale(1)
+        rotate3d(var(--flip-x, 0), var(--flip-y, 1), var(--flip-z, 0), calc(var(--flip-angle, -360deg) * 0.6));
+      animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
+    }
+    80% {
+      transform: perspective(2em) scale(1)
+        rotate3d(
+          var(--flip-x, 0),
+          var(--flip-y, 1),
+          var(--flip-z, 0),
+          calc(var(--flip-angle, -360deg) * var(--flip-overshoot, 1.04))
+        );
+      animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1);
+    }
+    100% {
+      transform: perspective(2em) scale(1)
+        rotate3d(var(--flip-x, 0), var(--flip-y, 1), var(--flip-z, 0), var(--flip-angle, -360deg));
     }
   }
 
   @keyframes shake {
     0% {
-      transform: rotate(-15deg);
+      transform: rotate(0deg);
+      animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1);
     }
-    4% {
-      transform: rotate(15deg);
+    8% {
+      transform: rotate(35deg) translateX(1px);
+      animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
     }
-    8%,
-    24% {
-      transform: rotate(-18deg);
+    20% {
+      transform: rotate(-22deg) translateX(-1px);
+      animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
     }
-    12%,
-    28% {
-      transform: rotate(18deg);
+    35% {
+      transform: rotate(15deg) translateX(1px);
+      animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
     }
-    16% {
-      transform: rotate(-22deg);
+    50% {
+      transform: rotate(-9deg);
+      animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
     }
-    20% {
-      transform: rotate(22deg);
+    65% {
+      transform: rotate(5deg);
+      animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
     }
-    32% {
-      transform: rotate(-12deg);
+    78% {
+      transform: rotate(-3deg);
+      animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
     }
-    36% {
-      transform: rotate(12deg);
+    90% {
+      transform: rotate(1deg);
+      animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     }
-    40%,
     100% {
       transform: rotate(0deg);
     }
@@ -1191,14 +1423,349 @@ var ae = class extends Event {
     }
   }
 
-  @keyframes spin-pulse {
+  @keyframes spin-snap {
     0% {
       transform: rotate(0deg);
+      animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+    }
+    12% {
+      transform: rotate(60deg);
+      animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+    }
+    16.67% {
+      transform: rotate(60deg);
+      animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+    }
+    28.67% {
+      transform: rotate(120deg);
+      animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+    }
+    33.33% {
+      transform: rotate(120deg);
+      animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+    }
+    45.33% {
+      transform: rotate(180deg);
+      animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+    }
+    50% {
+      transform: rotate(180deg);
+      animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+    }
+    62% {
+      transform: rotate(240deg);
+      animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+    }
+    66.67% {
+      transform: rotate(240deg);
+      animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+    }
+    78.67% {
+      transform: rotate(300deg);
+      animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+    }
+    83.33% {
+      transform: rotate(300deg);
+      animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+    }
+    95.33% {
+      transform: rotate(360deg);
+      animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+
+  @keyframes spin-snap-4 {
+    0% {
+      transform: rotate(0deg);
+      animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+    }
+    15% {
+      transform: rotate(90deg);
+      animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+    }
+    25% {
+      transform: rotate(90deg);
+      animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+    }
+    40% {
+      transform: rotate(180deg);
+      animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+    }
+    50% {
+      transform: rotate(180deg);
+      animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+    }
+    65% {
+      transform: rotate(270deg);
+      animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+    }
+    75% {
+      transform: rotate(270deg);
+      animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+    }
+    90% {
+      transform: rotate(360deg);
+      animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
     }
     100% {
       transform: rotate(360deg);
     }
   }
+
+  @keyframes spin-snap-8 {
+    0% {
+      transform: rotate(0deg);
+      animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+    }
+    9% {
+      transform: rotate(45deg);
+      animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+    }
+    12.5% {
+      transform: rotate(45deg);
+      animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+    }
+    21.5% {
+      transform: rotate(90deg);
+      animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+    }
+    25% {
+      transform: rotate(90deg);
+      animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+    }
+    34% {
+      transform: rotate(135deg);
+      animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+    }
+    37.5% {
+      transform: rotate(135deg);
+      animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+    }
+    46.5% {
+      transform: rotate(180deg);
+      animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+    }
+    50% {
+      transform: rotate(180deg);
+      animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+    }
+    59% {
+      transform: rotate(225deg);
+      animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+    }
+    62.5% {
+      transform: rotate(225deg);
+      animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+    }
+    71.5% {
+      transform: rotate(270deg);
+      animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+    }
+    75% {
+      transform: rotate(270deg);
+      animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+    }
+    84% {
+      transform: rotate(315deg);
+      animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+    }
+    87.5% {
+      transform: rotate(315deg);
+      animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+    }
+    96.5% {
+      transform: rotate(360deg);
+      animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+
+  @keyframes buzz {
+    0% {
+      transform: translateX(0) rotate(0deg);
+      animation-timing-function: cubic-bezier(0.1, 0, 0.9, 1);
+    }
+    5% {
+      transform: translateX(var(--buzz-distance, 4px)) rotate(0.5deg);
+    }
+    10% {
+      transform: translateX(calc(-1 * var(--buzz-distance, 4px))) rotate(-0.5deg);
+    }
+    15% {
+      transform: translateX(var(--buzz-distance, 4px)) rotate(0.3deg);
+    }
+    20% {
+      transform: translateX(calc(-1 * var(--buzz-distance, 4px))) rotate(-0.3deg);
+    }
+    25% {
+      transform: translateX(calc(var(--buzz-distance, 4px) * 0.7)) rotate(0.2deg);
+    }
+    30% {
+      transform: translateX(calc(-1 * var(--buzz-distance, 4px) * 0.7)) rotate(-0.2deg);
+    }
+    35% {
+      transform: translateX(calc(var(--buzz-distance, 4px) * 0.4)) rotate(0.1deg);
+    }
+    40% {
+      transform: translateX(0) rotate(0deg);
+    }
+    100% {
+      transform: translateX(0) rotate(0deg);
+    }
+  }
+
+  @keyframes wag {
+    0% {
+      transform: rotate(0deg);
+      animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1);
+    }
+    12% {
+      transform: rotate(var(--wag-angle, 12deg));
+      animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    }
+    24% {
+      transform: rotate(2deg);
+      animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1);
+    }
+    36% {
+      transform: rotate(calc(var(--wag-angle, 12deg) * 0.85));
+      animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    }
+    48% {
+      transform: rotate(1deg);
+      animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1);
+    }
+    58% {
+      transform: rotate(calc(var(--wag-angle, 12deg) * 0.6));
+      animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    }
+    68% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(0deg);
+    }
+  }
+
+  @keyframes float {
+    0% {
+      transform: translateY(0) translateX(0) rotate(0deg)
+        scale(var(--float-squash-x, 1.02), var(--float-squash-y, 0.98));
+      animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);
+    }
+    15% {
+      transform: translateY(calc(-0.4 * var(--float-height, 6px))) translateX(var(--float-drift, 1px))
+        rotate(var(--float-tilt, 1deg)) scale(1, 1);
+      animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
+    }
+    35% {
+      transform: translateY(calc(-1 * var(--float-height, 6px))) translateX(0) rotate(0deg)
+        scale(var(--float-stretch-x, 0.98), var(--float-stretch-y, 1.03));
+      animation-timing-function: cubic-bezier(0.5, 0, 0.5, 0);
+    }
+    50% {
+      transform: translateY(calc(-0.92 * var(--float-height, 6px))) translateX(calc(-0.5 * var(--float-drift, 1px)))
+        rotate(calc(-0.5 * var(--float-tilt, 1deg))) scale(0.995, 1.01);
+      animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);
+    }
+    70% {
+      transform: translateY(calc(-0.3 * var(--float-height, 6px))) translateX(calc(-1 * var(--float-drift, 1px)))
+        rotate(calc(-1 * var(--float-tilt, 1deg))) scale(1, 1);
+      animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
+    }
+    90% {
+      transform: translateY(calc(0.05 * var(--float-height, 6px))) translateX(0) rotate(0deg)
+        scale(var(--float-squash-x, 1.02), var(--float-squash-y, 0.98));
+      animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1);
+    }
+    100% {
+      transform: translateY(0) translateX(0) rotate(0deg)
+        scale(var(--float-squash-x, 1.02), var(--float-squash-y, 0.98));
+    }
+  }
+
+  @keyframes swing {
+    0% {
+      transform: rotate(0deg);
+      animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1);
+    }
+    8% {
+      transform: rotate(var(--swing-angle, 22deg));
+      animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
+    }
+    18% {
+      transform: rotate(calc(-1 * var(--swing-angle, 22deg) * 0.85));
+      animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
+    }
+    28% {
+      transform: rotate(calc(var(--swing-angle, 22deg) * 0.65));
+      animation-timing-function: cubic-bezier(0.35, 0, 0.65, 1);
+    }
+    38% {
+      transform: rotate(calc(-1 * var(--swing-angle, 22deg) * 0.45));
+      animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+    }
+    48% {
+      transform: rotate(calc(var(--swing-angle, 22deg) * 0.25));
+      animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+    }
+    56% {
+      transform: rotate(calc(-1 * var(--swing-angle, 22deg) * 0.1));
+      animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+    }
+    64% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(0deg);
+    }
+  }
+
+  @keyframes jello {
+    0% {
+      transform: scale(1, 1);
+      animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1);
+    }
+    12% {
+      transform: scale(var(--jello-scale-x, 1.15), calc(2 - var(--jello-scale-x, 1.15)));
+      animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
+    }
+    24% {
+      transform: scale(calc(2 - var(--jello-scale-y, 1.12)), var(--jello-scale-y, 1.12));
+      animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
+    }
+    36% {
+      transform: scale(
+        calc(1 + (var(--jello-scale-x, 1.15) - 1) * 0.5),
+        calc(2 - (1 + (var(--jello-scale-x, 1.15) - 1) * 0.5))
+      );
+      animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+    }
+    48% {
+      transform: scale(
+        calc(2 - (1 + (var(--jello-scale-y, 1.12) - 1) * 0.3)),
+        calc(1 + (var(--jello-scale-y, 1.12) - 1) * 0.3)
+      );
+      animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+    }
+    58% {
+      transform: scale(1.02, 0.98);
+      animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    }
+    68% {
+      transform: scale(1, 1);
+    }
+    100% {
+      transform: scale(1, 1);
+    }
+  }
+
+  /* #endregion */
 `, ce = "", L = "";
 function le() {
 	return ce.replace(/\/$/, "");
@@ -1214,11 +1781,11 @@ function de() {
 	return L;
 }
 //#endregion
-//#region node_modules/@awesome.me/webawesome/dist/chunks/chunk.HCXBOJYW.js
-var fe = "7.2.0";
+//#region node_modules/@awesome.me/webawesome/dist/chunks/chunk.KKI7M5DP.js
+var fe = "7.3.0";
 function pe(e, t, n) {
 	let r = "solid";
-	return t === "chisel" && (r = "chisel-regular"), t === "etch" && (r = "etch-solid"), t === "graphite" && (r = "graphite-thin"), t === "jelly" && (r = "jelly-regular", n === "duo-regular" && (r = "jelly-duo-regular"), n === "fill-regular" && (r = "jelly-fill-regular")), t === "jelly-duo" && (r = "jelly-duo-regular"), t === "jelly-fill" && (r = "jelly-fill-regular"), t === "notdog" && (n === "solid" && (r = "notdog-solid"), n === "duo-solid" && (r = "notdog-duo-solid")), t === "notdog-duo" && (r = "notdog-duo-solid"), t === "slab" && ((n === "solid" || n === "regular") && (r = "slab-regular"), n === "press-regular" && (r = "slab-press-regular")), t === "slab-press" && (r = "slab-press-regular"), t === "thumbprint" && (r = "thumbprint-light"), t === "utility" && (r = "utility-semibold"), t === "utility-duo" && (r = "utility-duo-semibold"), t === "utility-fill" && (r = "utility-fill-semibold"), t === "whiteboard" && (r = "whiteboard-semibold"), t === "classic" && (n === "thin" && (r = "thin"), n === "light" && (r = "light"), n === "regular" && (r = "regular"), n === "solid" && (r = "solid")), t === "duotone" && (n === "thin" && (r = "duotone-thin"), n === "light" && (r = "duotone-light"), n === "regular" && (r = "duotone-regular"), n === "solid" && (r = "duotone")), t === "sharp" && (n === "thin" && (r = "sharp-thin"), n === "light" && (r = "sharp-light"), n === "regular" && (r = "sharp-regular"), n === "solid" && (r = "sharp-solid")), t === "sharp-duotone" && (n === "thin" && (r = "sharp-duotone-thin"), n === "light" && (r = "sharp-duotone-light"), n === "regular" && (r = "sharp-duotone-regular"), n === "solid" && (r = "sharp-duotone-solid")), t === "brands" && (r = "brands"), r;
+	return t === "chisel" && (r = "chisel-regular"), t === "etch" && (r = "etch-solid"), t === "graphite" && (r = "graphite-thin"), t === "jelly" && (r = "jelly-regular", n === "duo-regular" && (r = "jelly-duo-regular"), n === "fill-regular" && (r = "jelly-fill-regular")), t === "jelly-duo" && (r = "jelly-duo-regular"), t === "jelly-fill" && (r = "jelly-fill-regular"), t === "notdog" && (n === "solid" && (r = "notdog-solid"), n === "duo-solid" && (r = "notdog-duo-solid")), t === "notdog-duo" && (r = "notdog-duo-solid"), t === "slab" && ((n === "solid" || n === "regular") && (r = "slab-regular"), n === "press-regular" && (r = "slab-press-regular")), t === "slab-press" && (r = "slab-press-regular"), t === "slab-duo" && (r = "slab-duo-regular"), t === "slab-press-duo" && (r = "slab-press-duo-regular"), t === "thumbprint" && (r = "thumbprint-light"), t === "utility" && (r = "utility-semibold"), t === "utility-duo" && (r = "utility-duo-semibold"), t === "utility-fill" && (r = "utility-fill-semibold"), t === "whiteboard" && (r = "whiteboard-semibold"), t === "mosaic" && (r = "mosaic-solid"), t === "pixel" && (r = "pixel-regular"), t === "vellum" && (r = "vellum-solid"), t === "classic" && (n === "thin" && (r = "thin"), n === "light" && (r = "light"), n === "regular" && (r = "regular"), n === "solid" && (r = "solid")), t === "duotone" && (n === "thin" && (r = "duotone-thin"), n === "light" && (r = "duotone-light"), n === "regular" && (r = "duotone-regular"), n === "solid" && (r = "duotone")), t === "sharp" && (n === "thin" && (r = "sharp-thin"), n === "light" && (r = "sharp-light"), n === "regular" && (r = "sharp-regular"), n === "solid" && (r = "sharp-solid")), t === "sharp-duotone" && (n === "thin" && (r = "sharp-duotone-thin"), n === "light" && (r = "sharp-duotone-light"), n === "regular" && (r = "sharp-duotone-regular"), n === "solid" && (r = "sharp-duotone-solid")), t === "brands" && (r = "brands"), r;
 }
 function me(e, t, n) {
 	let r = pe(e, t, n), i = le();
@@ -1230,9 +1797,9 @@ var he = {
 	name: "default",
 	resolver: (e, t = "classic", n = "solid") => me(e, t, n),
 	mutator: (e, t) => {
-		if (t?.family && !e.hasAttribute("data-duotone-initialized")) {
+		if (e.hasAttribute("fill") || e.setAttribute("fill", "currentColor"), t?.family && !e.hasAttribute("data-duotone-initialized")) {
 			let { family: n, variant: r } = t;
-			if (n === "duotone" || n === "sharp-duotone" || n === "notdog-duo" || n === "notdog" && r === "duo-solid" || n === "jelly-duo" || n === "jelly" && r === "duo-regular" || n === "utility-duo" || n === "thumbprint") {
+			if (n === "duotone" || n === "sharp-duotone" || n === "notdog-duo" || n === "notdog" && r === "duo-solid" || n === "jelly-duo" || n === "jelly" && r === "duo-regular" || n === "utility-duo" || n === "slab-duo" || n === "slab-press-duo" || n === "thumbprint") {
 				let n = [...e.querySelectorAll("path")], r = n.find((e) => !e.hasAttribute("opacity")), i = n.find((e) => e.hasAttribute("opacity"));
 				if (!r || !i) return;
 				if (r.setAttribute("data-duotone-primary", ""), i.setAttribute("data-duotone-secondary", ""), t.swapOpacity && r && i) {
@@ -1245,7 +1812,7 @@ var he = {
 	}
 };
 //#endregion
-//#region node_modules/@awesome.me/webawesome/dist/chunks/chunk.XTA2JDH4.js
+//#region node_modules/@awesome.me/webawesome/dist/chunks/chunk.LDM2MW63.js
 function ge(e) {
 	return `data:image/svg+xml,${encodeURIComponent(e)}`;
 }
@@ -1253,6 +1820,8 @@ var R = {
 	solid: {
 		backward: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill=\"currentColor\" d=\"M236.3 107.1C247.9 96 265 92.9 279.7 99.2C294.4 105.5 304 120 304 136L304 272.3L476.3 107.2C487.9 96 505 92.9 519.7 99.2C534.4 105.5 544 120 544 136L544 504C544 520 534.4 534.5 519.7 540.8C505 547.1 487.9 544 476.3 532.9L304 367.7L304 504C304 520 294.4 534.5 279.7 540.8C265 547.1 247.9 544 236.3 532.9L44.3 348.9C36.5 341.3 32 330.9 32 320C32 309.1 36.5 298.7 44.3 291.1L236.3 107.1z\"/></svg>",
 		"backward-step": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill=\"currentColor\" d=\"M491 100.8C478.1 93.8 462.3 94.5 450 102.6L192 272.1L192 128C192 110.3 177.7 96 160 96C142.3 96 128 110.3 128 128L128 512C128 529.7 142.3 544 160 544C177.7 544 192 529.7 192 512L192 367.9L450 537.5C462.3 545.6 478 546.3 491 539.3C504 532.3 512 518.8 512 504.1L512 136.1C512 121.4 503.9 107.9 491 100.9z\"/></svg>",
+		"angles-left": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc. --><path fill=\"currentColor\" d=\"M77.3 256 214.7 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256zm192 0L406.7 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L269.3 256z\"/></svg>",
+		"angles-right": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc. --><path fill=\"currentColor\" d=\"M434.7 256 297.3 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L434.7 256zm-192 0L105.3 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256z\"/></svg>",
 		check: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc. --><path fill=\"currentColor\" d=\"M434.8 70.1c14.3 10.4 17.5 30.4 7.1 44.7l-256 352c-5.5 7.6-14 12.3-23.4 13.1s-18.5-2.7-25.1-9.3l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l101.5 101.5 234-321.7c10.4-14.3 30.4-17.5 44.7-7.1z\"/></svg>",
 		"chevron-down": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc. --><path fill=\"currentColor\" d=\"M201.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 338.7 54.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z\"/></svg>",
 		"chevron-left": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\"><!--! Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc. --><path fill=\"currentColor\" d=\"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z\"/></svg>",
@@ -1261,6 +1830,7 @@ var R = {
 		"closed-captioning": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill=\"currentColor\" d=\"M64 192C64 156.7 92.7 128 128 128L512 128C547.3 128 576 156.7 576 192L576 448C576 483.3 547.3 512 512 512L128 512C92.7 512 64 483.3 64 448L64 192zM216 272L248 272C252.4 272 256 275.6 256 280C256 293.3 266.7 304 280 304C293.3 304 304 293.3 304 280C304 249.1 278.9 224 248 224L216 224C185.1 224 160 249.1 160 280L160 360C160 390.9 185.1 416 216 416L248 416C278.9 416 304 390.9 304 360C304 346.7 293.3 336 280 336C266.7 336 256 346.7 256 360C256 364.4 252.4 368 248 368L216 368C211.6 368 208 364.4 208 360L208 280C208 275.6 211.6 272 216 272zM384 280C384 275.6 387.6 272 392 272L424 272C428.4 272 432 275.6 432 280C432 293.3 442.7 304 456 304C469.3 304 480 293.3 480 280C480 249.1 454.9 224 424 224L392 224C361.1 224 336 249.1 336 280L336 360C336 390.9 361.1 416 392 416L424 416C454.9 416 480 390.9 480 360C480 346.7 469.3 336 456 336C442.7 336 432 346.7 432 360C432 364.4 428.4 368 424 368L392 368C387.6 368 384 364.4 384 360L384 280z\"/></svg>",
 		"closed-captioning-slash": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill=\"currentColor\" d=\"M39 39.1C48.4 29.7 63.6 29.7 72.9 39.1L161.8 128L512 128C547.3 128 576 156.7 576 192L576 448C576 473.5 561.1 495.4 539.6 505.8L601 567.1C610.4 576.5 610.4 591.7 601 601C591.6 610.3 576.4 610.4 567.1 601L39 73.1C29.7 63.7 29.7 48.5 39 39.1zM384 350.1L384 279.9C384 275.5 387.6 271.9 392 271.9L424 271.9C428.4 271.9 432 275.5 432 279.9C432 293.2 442.7 303.9 456 303.9C469.3 303.9 480 293.2 480 279.9C480 249 454.9 223.9 424 223.9L392 223.9C361.1 223.9 336 249 336 279.9L336 302.1L384 350.1zM445.5 411.6C465.7 403.2 480 383.2 480 359.9C480 346.6 469.3 335.9 456 335.9C442.7 335.9 432 346.6 432 359.9C432 364.3 428.4 367.9 424 367.9L401.8 367.9L445.5 411.6zM162.3 264.1C160.8 269.1 160 274.5 160 280L160 360C160 390.9 185.1 416 216 416L248 416C266.1 416 282.1 407.5 292.4 394.2L410.2 512L128 512C92.7 512 64 483.3 64 448L64 192C64 184.2 65.4 176.7 68 169.8L162.3 264.1zM256.1 357.9C256 358.6 256 359.3 256 360C256 364.4 252.4 368 248 368L216 368C211.6 368 208 364.4 208 360L208 309.8L256.1 357.9z\"/></svg>",
 		compress: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill=\"currentColor\" d=\"M160 64c0-17.7-14.3-32-32-32S96 46.3 96 64l0 64-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l96 0c17.7 0 32-14.3 32-32l0-96zM32 320c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0 0 64c0 17.7 14.3 32 32 32s32-14.3 32-32l0-96c0-17.7-14.3-32-32-32l-96 0zM352 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 96c0 17.7 14.3 32 32 32l96 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-64 0 0-64zM320 320c-17.7 0-32 14.3-32 32l0 96c0 17.7 14.3 32 32 32s32-14.3 32-32l0-64 64 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-96 0z\"/></svg>",
+		ellipsis: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\"><!--!Font Awesome Free v7.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d=\"M96 320C96 289.1 121.1 264 152 264C182.9 264 208 289.1 208 320C208 350.9 182.9 376 152 376C121.1 376 96 350.9 96 320zM264 320C264 289.1 289.1 264 320 264C350.9 264 376 289.1 376 320C376 350.9 350.9 376 320 376C289.1 376 264 350.9 264 320zM488 264C518.9 264 544 289.1 544 320C544 350.9 518.9 376 488 376C457.1 376 432 350.9 432 320C432 289.1 457.1 264 488 264z\"/></svg>",
 		"ellipsis-vertical": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill=\"currentColor\" d=\"M320 208C289.1 208 264 182.9 264 152C264 121.1 289.1 96 320 96C350.9 96 376 121.1 376 152C376 182.9 350.9 208 320 208zM320 432C350.9 432 376 457.1 376 488C376 518.9 350.9 544 320 544C289.1 544 264 518.9 264 488C264 457.1 289.1 432 320 432zM376 320C376 350.9 350.9 376 320 376C289.1 376 264 350.9 264 320C264 289.1 289.1 264 320 264C350.9 264 376 289.1 376 320z\"/></svg>",
 		expand: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill=\"currentColor\" d=\"M128 96C110.3 96 96 110.3 96 128L96 224C96 241.7 110.3 256 128 256C145.7 256 160 241.7 160 224L160 160L224 160C241.7 160 256 145.7 256 128C256 110.3 241.7 96 224 96L128 96zM160 416C160 398.3 145.7 384 128 384C110.3 384 96 398.3 96 416L96 512C96 529.7 110.3 544 128 544L224 544C241.7 544 256 529.7 256 512C256 494.3 241.7 480 224 480L160 480L160 416zM416 96C398.3 96 384 110.3 384 128C384 145.7 398.3 160 416 160L480 160L480 224C480 241.7 494.3 256 512 256C529.7 256 544 241.7 544 224L544 128C544 110.3 529.7 96 512 96L416 96zM544 416C544 398.3 529.7 384 512 384C494.3 384 480 398.3 480 416L480 480L416 480C398.3 480 384 494.3 384 512C384 529.7 398.3 544 416 544L512 544C529.7 544 544 529.7 544 512L544 416z\"/></svg>",
 		eyedropper: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc. --><path fill=\"currentColor\" d=\"M341.6 29.2l-101.6 101.6-9.4-9.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-9.4-9.4 101.6-101.6c39-39 39-102.2 0-141.1s-102.2-39-141.1 0zM55.4 323.3c-15 15-23.4 35.4-23.4 56.6l0 42.4-26.6 39.9c-8.5 12.7-6.8 29.6 4 40.4s27.7 12.5 40.4 4l39.9-26.6 42.4 0c21.2 0 41.6-8.4 56.6-23.4l109.4-109.4-45.3-45.3-109.4 109.4c-3 3-7.1 4.7-11.3 4.7l-36.1 0 0-36.1c0-4.2 1.7-8.3 4.7-11.3l109.4-109.4-45.3-45.3-109.4 109.4z\"/></svg>",
@@ -1325,12 +1895,12 @@ function Ce() {
 }
 //#endregion
 //#region node_modules/lit-html/directive-helpers.js
-var { I: we } = n, Te = (e, t) => t === void 0 ? e?._$litType$ !== void 0 : e?._$litType$ === t, B = Symbol(), V = Symbol(), Ee, H = /* @__PURE__ */ new Map(), U = class extends h {
+var { I: we } = e, Te = (e, t) => t === void 0 ? e?._$litType$ !== void 0 : e?._$litType$ === t, B = Symbol(), V = Symbol(), Ee, H = /* @__PURE__ */ new Map(), U = class extends m {
 	constructor() {
 		super(...arguments), this.svg = null, this.autoWidth = !1, this.swapOpacity = !1, this.label = "", this.library = "default", this.rotate = 0, this.resolveIcon = async (e, t) => {
 			let n;
 			if (t?.spriteSheet) {
-				this.hasUpdated || await this.updateComplete, this.svg = i`<svg part="svg">
+				this.hasUpdated || await this.updateComplete, this.svg = o`<svg part="svg">
         <use part="use" href="${e}"></use>
       </svg>`, await this.updateComplete;
 				let n = this.shadowRoot.querySelector("[part='svg']");
@@ -1366,14 +1936,14 @@ var { I: we } = n, Te = (e, t) => t === void 0 ? e?._$litType$ !== void 0 : e?._
 	async getIconSource() {
 		let e = z(this.library), t = this.family || Ce();
 		if (this.name && e) {
-			let n;
+			let n = this.canvas === "auto" || this.autoWidth, r;
 			try {
-				n = await e.resolver(this.name, t, this.variant, this.autoWidth);
+				r = await e.resolver(this.name, t, this.variant, n);
 			} catch {
-				n = void 0;
+				r = void 0;
 			}
 			return {
-				url: n,
+				url: r,
 				fromLibrary: !0
 			};
 		}
@@ -1419,38 +1989,39 @@ var { I: we } = n, Te = (e, t) => t === void 0 ? e?._$litType$ !== void 0 : e?._
 		n && t?.mutator?.(n, this);
 	}
 	render() {
-		return this.hasUpdated ? this.svg : i`<svg part="svg" width="16" height="16" viewBox="0 0 16 16"></svg>`;
+		return this.hasUpdated ? this.svg : o`<svg part="svg" width="16" height="16" viewBox="0 0 16 16"></svg>`;
 	}
 };
-U.css = se, u([o()], U.prototype, "svg", 2), u([s({ reflect: !0 })], U.prototype, "name", 2), u([s({ reflect: !0 })], U.prototype, "family", 2), u([s({ reflect: !0 })], U.prototype, "variant", 2), u([s({
+U.css = se, c([a()], U.prototype, "svg", 2), c([n({ reflect: !0 })], U.prototype, "name", 2), c([n({ reflect: !0 })], U.prototype, "family", 2), c([n({ reflect: !0 })], U.prototype, "variant", 2), c([n({ reflect: !0 })], U.prototype, "canvas", 2), c([n({
 	attribute: "auto-width",
 	type: Boolean,
 	reflect: !0
-})], U.prototype, "autoWidth", 2), u([s({
+})], U.prototype, "autoWidth", 2), c([n({
 	attribute: "swap-opacity",
 	type: Boolean,
 	reflect: !0
-})], U.prototype, "swapOpacity", 2), u([s()], U.prototype, "src", 2), u([s()], U.prototype, "label", 2), u([s({ reflect: !0 })], U.prototype, "library", 2), u([s({
+})], U.prototype, "swapOpacity", 2), c([n()], U.prototype, "src", 2), c([n()], U.prototype, "label", 2), c([n({ reflect: !0 })], U.prototype, "library", 2), c([n({
 	type: Number,
 	reflect: !0
-})], U.prototype, "rotate", 2), u([s({
+})], U.prototype, "rotate", 2), c([n({
 	type: String,
 	reflect: !0
-})], U.prototype, "flip", 2), u([s({
+})], U.prototype, "flip", 2), c([n({
 	type: String,
 	reflect: !0
-})], U.prototype, "animation", 2), u([N("label")], U.prototype, "handleLabelChange", 1), u([N([
+})], U.prototype, "animation", 2), c([N("label")], U.prototype, "handleLabelChange", 1), c([N([
 	"family",
 	"name",
 	"library",
 	"variant",
 	"src",
 	"autoWidth",
+	"canvas",
 	"swapOpacity"
-], { waitUntilFirstUpdate: !0 })], U.prototype, "setIcon", 1), U = u([a("wa-icon")], U);
+], { waitUntilFirstUpdate: !0 })], U.prototype, "setIcon", 1), U = c([u("wa-icon")], U);
 //#endregion
 //#region src/components/menu/Menu.styles.css
-var De = r`wa-dropdown::part(menu){min-width:300px;box-shadow:0 4px 16px #00000059}wa-dropdown-item{padding:0}`, W, G, K, q, J, Y, Oe, ke, Ae, je, Me, Ne, Pe, Fe, Ie, Le, Re, ze, Be;
+var De = i`wa-dropdown::part(menu){gap:2px;min-width:300px;box-shadow:0 4px 16px #00000059}wa-dropdown-item{border-radius:5px;padding:0;&:hover{background-color:var(--solid-ui-color-primary-hover)}}`, W, G, K, q, J, Y, Oe, ke, Ae, je, Me, Ne, Pe, Fe, Ie, Le, Re, ze, Be;
 function X(e, t, n) {
 	Ve(e, t), t.set(e, n);
 }
@@ -1622,17 +2193,17 @@ function Je(e) {
 function Ye(e) {
 	return e;
 }
-Ae = [e("solid-ui-menu")];
+Ae = [t("solid-ui-menu")];
 var $;
-new (ze = (K = /*#__PURE__*/ new WeakMap(), q = /*#__PURE__*/ new WeakMap(), J = /*#__PURE__*/ new WeakMap(), Y = /*#__PURE__*/ new WeakMap(), Be = (je = s({
+new (ze = (K = /*#__PURE__*/ new WeakMap(), q = /*#__PURE__*/ new WeakMap(), J = /*#__PURE__*/ new WeakMap(), Y = /*#__PURE__*/ new WeakMap(), Be = (je = n({
 	type: String,
 	reflect: !0
-}), Ne = s({
+}), Ne = n({
 	type: Number,
 	reflect: !0
-}), Fe = c("wa-dropdown"), Le = o(), "placement"), G = class extends t {
+}), Fe = g("wa-dropdown"), Le = a(), "placement"), G = class extends r {
 	constructor(...e) {
-		super(...e), X(this, K, (Oe(this), Me(this, "bottom-start"))), X(this, q, Pe(this, 0)), X(this, J, Ie(this, null)), X(this, Y, Re(this, [])), Ue(this, "observer", new MutationObserver(() => this.syncItems()));
+		super(...e), X(this, K, (Oe(this), Me(this, "bottom-start"))), X(this, q, Pe(this, 5)), X(this, J, Ie(this, null)), X(this, Y, Re(this, [])), Ue(this, "observer", new MutationObserver(() => this.syncItems()));
 	}
 	get [Be]() {
 		return Q(K, this);
@@ -1665,7 +2236,7 @@ new (ze = (K = /*#__PURE__*/ new WeakMap(), q = /*#__PURE__*/ new WeakMap(), J =
 		super.disconnectedCallback(), this.observer.disconnect();
 	}
 	render() {
-		return i`
+		return o`
       <wa-dropdown
         placement=${this.placement}
         distance=${this.distance}
@@ -1673,14 +2244,14 @@ new (ze = (K = /*#__PURE__*/ new WeakMap(), q = /*#__PURE__*/ new WeakMap(), J =
       >
         <slot name="trigger" slot="trigger"></slot>
 
-        ${this.items.map((e) => i`<wa-dropdown-item @click=${this.onItemClick}>
+        ${this.items.map((e) => o`<wa-dropdown-item @click=${this.onItemClick}>
                 <slot name=${e.slot}></slot>
             </wa-dropdown-item>`)}
       </wa-dropdown>
     `;
 	}
 	syncItems() {
-		let e = Array.from(this.children).filter((e) => !e.hasAttribute("slot"));
+		let e = Array.from(this.children).filter((e) => e.getAttribute("slot") !== "trigger");
 		this.items = e.map((e, t) => {
 			let n = `menu-item-${t}`;
 			return e.getAttribute("slot") !== n && e.setAttribute("slot", n), { slot: n };
@@ -1727,7 +2298,7 @@ new (ze = (K = /*#__PURE__*/ new WeakMap(), q = /*#__PURE__*/ new WeakMap(), J =
 		1,
 		"items"
 	]
-], Ae, 0, void 0, t), G), W = class extends Ye {
+], Ae, 0, void 0, r), G), W = class extends Ye {
 	constructor() {
 		super($), Ue(this, "styles", De), ke();
 	}
@@ -1738,4 +2309,4 @@ var Xe = $;
 //#endregion
 export { $ as n, Xe as t };
 
-//# sourceMappingURL=menu-DNcuV-1J.js.map
+//# sourceMappingURL=menu-hMtmUkel.js.map