@monospaced/set-core 0.14.2 → 0.16.0

package/dist/index.js

@@ -1,4 +1,4 @@
-const Bt = /* @__PURE__ */ new Set([
+const Pt = /* @__PURE__ */ new Set([
   "area",
   "base",
   "br",
@@ -13,38 +13,38 @@ const Bt = /* @__PURE__ */ new Set([
   "track",
   "wbr"
 ]);
-function yt(t) {
+function wt(t) {
   return t.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
 }
-function Ot(t) {
-  return Object.entries(t).flatMap(([n, e]) => e === !1 || e == null ? [] : e === !0 ? [n] : [`${n}="${yt(String(e))}"`]).join(" ");
+function Rt(t) {
+  return Object.entries(t).flatMap(([n, e]) => e === !1 || e == null ? [] : e === !0 ? [n] : [`${n}="${wt(String(e))}"`]).join(" ");
 }
 function m(t) {
-  if (t.kind === "text") return yt(t.value);
+  if (t.kind === "text") return wt(t.value);
   if (t.kind === "raw") return t.html;
-  const n = Ot(t.attrs), e = n ? `<${t.tag} ${n}>` : `<${t.tag}>`;
-  if (Bt.has(t.tag)) return e;
+  const n = Rt(t.attrs), e = n ? `<${t.tag} ${n}>` : `<${t.tag}>`;
+  if (Pt.has(t.tag)) return e;
   const i = t.children.map(m).join("");
   return `${e}${i}</${t.tag}>`;
 }
-function V(t) {
+function H(t) {
   return /^[A-Za-z][\w:-]*$/.test(t);
 }
 function v(t) {
   if (t === void 0) return;
   const n = t.trim();
   if (n) {
-    if (!V(n))
+    if (!H(n))
       throw new Error(
         "id must start with a letter and contain only letters, numbers, '_', '-', or ':'."
       );
     return n;
   }
 }
-function O(t) {
+function P(t) {
   return t == null ? void 0 : t.trim().replace(/\s+/g, " ") || void 0;
 }
-const wt = {
+const St = {
   adjustment: [
     {
       tag: "g",
@@ -775,16 +775,16 @@ const wt = {
       ]
     }
   ]
-}, si = Object.keys(wt);
-function St(t) {
+}, ui = Object.keys(St);
+function xt(t) {
   return t.map((n) => ({
     kind: "element",
     tag: n.tag,
     attrs: n.attrs,
-    children: n.children ? St(n.children) : []
+    children: n.children ? xt(n.children) : []
   }));
 }
-function P({
+function R({
   ariaHidden: t = !0,
   id: n,
   mirrored: e,
@@ -792,21 +792,21 @@ function P({
   size: r = "md",
   title: a
 }) {
-  const o = wt[i];
+  const o = St[i];
   if (!o)
     throw new Error(`Unknown icon name: ${i}`);
-  const d = v(n), s = a?.trim();
-  if (!t && !s)
+  const d = v(n), l = a?.trim();
+  if (!t && !l)
     throw new Error("title must be non-empty when ariaHidden is false.");
   if (!t && !d)
     throw new Error("id must be provided when ariaHidden is false.");
-  const p = t ? void 0 : `${d}-title`, l = [];
-  return t || l.push({
+  const p = t ? void 0 : `${d}-title`, s = [];
+  return t || s.push({
     kind: "element",
     tag: "title",
     attrs: { id: p },
-    children: [{ kind: "text", value: s }]
-  }), l.push(...St(o)), {
+    children: [{ kind: "text", value: l }]
+  }), s.push(...xt(o)), {
     kind: "element",
     tag: "svg",
     attrs: {
@@ -824,13 +824,13 @@ function P({
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    children: l
+    children: s
   };
 }
-function Pt(t) {
-  return m(P(t));
+function Wt(t) {
+  return m(R(t));
 }
-const li = {
+const hi = {
   name: "icon",
   description: "Use `icon` to render a Set icon.",
   output: { element: "svg", class: "set-icon" },
@@ -944,80 +944,241 @@ const li = {
     ]
   }
 };
+function Ut({
+  id: t,
+  label: n,
+  size: e = "md",
+  tone: i = "default"
+} = {}) {
+  const r = v(t), o = [
+    {
+      kind: "element",
+      tag: "svg",
+      attrs: {
+        "aria-hidden": "true",
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 600 1200",
+        fill: "currentColor"
+      },
+      children: [
+        [60, 60],
+        [60, 360],
+        [60, 660],
+        [60, 960],
+        [360, 960],
+        [360, 660],
+        [360, 360],
+        [360, 60]
+      ].map(([d, l]) => ({
+        kind: "element",
+        tag: "rect",
+        attrs: {
+          class: "cell",
+          x: String(d),
+          y: String(l),
+          width: "180",
+          height: "180"
+        },
+        children: []
+      }))
+    }
+  ];
+  return n && o.push({
+    kind: "element",
+    tag: "span",
+    attrs: { class: "visually-hidden" },
+    children: [{ kind: "text", value: n }]
+  }), {
+    kind: "element",
+    tag: "span",
+    attrs: {
+      class: "set-spinner",
+      "data-size": e,
+      "data-tone": i === "brand" ? "brand" : void 0,
+      id: r,
+      role: n ? "status" : void 0
+    },
+    children: o
+  };
+}
+function bt(t = {}) {
+  return m(Ut(t));
+}
+const mi = {
+  name: "spinner",
+  description: "Use `spinner` to indicate loading or in-progress state.",
+  output: { element: "span", class: "set-spinner" },
+  content: { kind: "text", prop: "label" },
+  props: {
+    id: {
+      description: "DOM id.",
+      type: { kind: "string" }
+    },
+    label: {
+      description: "Accessible status label announced to assistive tech.",
+      type: { kind: "string" }
+    },
+    size: {
+      default: "md",
+      description: "Size variant.",
+      type: {
+        kind: "enum",
+        values: ["2xs", "xs", "sm", "md", "lg", "xl", "2xl", "fill"]
+      }
+    },
+    tone: {
+      default: "default",
+      description: "Semantic tone.",
+      type: { kind: "enum", values: ["default", "brand"] }
+    }
+  },
+  events: {},
+  rules: {
+    attributes: [
+      {
+        target: { on: "host" },
+        attribute: "data-size",
+        condition: { kind: "always" },
+        value: { kind: "prop", prop: "size" }
+      },
+      {
+        target: { on: "host" },
+        attribute: "data-tone",
+        condition: { kind: "when-equals", prop: "tone", to: "brand" },
+        value: { kind: "literal", text: "brand" }
+      },
+      {
+        target: { on: "host" },
+        attribute: "role",
+        condition: { kind: "when-non-empty", prop: "label" },
+        value: { kind: "literal", text: "status" }
+      },
+      {
+        target: { on: "host" },
+        attribute: "id",
+        condition: { kind: "when-non-empty", prop: "id" },
+        value: { kind: "prop", prop: "id" }
+      }
+    ]
+  }
+}, $t = {
+  sm: "xs",
+  md: "sm",
+  lg: "md"
+};
+function Et(t) {
+  return {
+    "aria-disabled": t === "busy" ? "true" : void 0,
+    "data-activity": t || void 0
+  };
+}
 function ht(t) {
   const {
-    appearance: n = "outline",
-    controls: e,
-    disabled: i,
-    disclosure: r,
-    form: a,
-    haspopup: o,
-    id: d,
-    icon: s,
-    iconMirrored: p,
-    iconPlacement: l = "start",
-    label: c,
-    labelVisibility: h = "visible",
-    name: b,
-    size: S = "md",
-    tone: f = "default",
-    type: E,
-    value: q
-  } = t, w = s || void 0, k = !!w;
-  if (h !== "visible" && !k)
+    activity: n,
+    appearance: e = "outline",
+    controls: i,
+    disabled: r,
+    disclosure: a,
+    form: o,
+    haspopup: d,
+    id: l,
+    icon: p,
+    iconMirrored: s,
+    iconPlacement: c = "start",
+    label: h,
+    labelVisibility: b = "visible",
+    name: w,
+    size: f = "md",
+    tone: z = "default",
+    type: q,
+    value: x
+  } = t, k = p || void 0, C = !!k;
+  if (b !== "visible" && !C)
     throw new Error("labelVisibility requires icon when label is not visible.");
-  const C = k && w ? {
+  const E = C && k ? {
     kind: "element",
     tag: "span",
     attrs: { class: "icon-wrapper" },
     children: [
       {
         kind: "raw",
-        html: Pt({
+        html: Wt({
           ariaHidden: !0,
-          mirrored: p,
-          name: w,
+          mirrored: s,
+          name: k,
           size: "fill"
         })
-      }
+      },
+      ...n ? [
+        {
+          kind: "raw",
+          html: bt({ size: "fill" })
+        }
+      ] : []
     ]
-  } : null, x = {
+  } : null, S = {
     kind: "element",
     tag: "span",
     attrs: { class: "label" },
-    children: [{ kind: "text", value: c }]
-  };
+    children: [{ kind: "text", value: h }]
+  }, I = n ? {
+    kind: "element",
+    tag: "span",
+    attrs: { class: "status" },
+    children: [{ kind: "text", value: ", busy" }]
+  } : null, A = n && !C ? {
+    kind: "element",
+    tag: "span",
+    attrs: { class: "spinner-overlay" },
+    children: [
+      {
+        kind: "raw",
+        html: bt({ size: $t[f] })
+      }
+    ]
+  } : null, V = E ? c === "end" ? [S, E] : [E, S] : A ? [A, S] : [S], M = I ? [...V, I] : V, N = Et(n);
   return {
     kind: "element",
     tag: "button",
     attrs: {
-      "aria-controls": r && e || void 0,
-      "aria-expanded": r ? "false" : void 0,
-      "aria-haspopup": o || void 0,
+      "aria-controls": a && i || void 0,
+      "aria-disabled": N["aria-disabled"],
+      "aria-expanded": a ? "false" : void 0,
+      "aria-haspopup": d || void 0,
       class: "set-button",
-      "data-appearance": n,
-      "data-label-visibility": h === "visible" ? void 0 : h,
-      "data-size": S,
-      "data-tone": f === "neutral" ? "neutral" : void 0,
-      disabled: !!i,
-      form: a || void 0,
-      id: d || void 0,
-      name: b || void 0,
-      type: E || "button",
-      value: q || void 0
-    },
-    children: C ? l === "end" ? [x, C] : [C, x] : [x]
+      "data-activity": N["data-activity"],
+      "data-appearance": e,
+      "data-label-visibility": b === "visible" ? void 0 : b,
+      "data-size": f,
+      "data-tone": z === "neutral" ? "neutral" : void 0,
+      disabled: !!r,
+      form: o || void 0,
+      id: l || void 0,
+      name: w || void 0,
+      type: q || "button",
+      value: x || void 0
+    },
+    children: M
   };
 }
 function mt(t) {
   return m(ht(t));
 }
-const pi = {
+function Gt(t, n) {
+  const e = Et(n ?? void 0);
+  for (const [i, r] of Object.entries(e))
+    r == null ? t.removeAttribute(i) : t.setAttribute(i, r);
+}
+const ki = {
   name: "button",
   description: "Use `button` to let users trigger actions.",
   output: { element: "button", class: "set-button" },
   content: { kind: "text", prop: "label" },
   props: {
+    activity: {
+      description: 'Opts into the activity indicator and sets its state. `idle` primes it — the spinner and a hidden ", busy" status are rendered but not shown; `busy` reveals the spinner and appends ", busy" to the accessible name. The button stays visually at rest (`aria-disabled` is emitted but not styled as disabled), so guarding activation and any live-region announcement are the consumer\'s responsibility.',
+      type: { kind: "enum", values: ["idle", "busy"] }
+    },
     appearance: {
       default: "outline",
       description: "Visual appearance.",
@@ -1145,6 +1306,18 @@ const pi = {
         attribute: "disabled",
         condition: { kind: "when-truthy", prop: "disabled" }
       },
+      {
+        target: { on: "host" },
+        attribute: "aria-disabled",
+        condition: { kind: "when-equals", prop: "activity", to: "busy" },
+        value: { kind: "literal", text: "true" }
+      },
+      {
+        target: { on: "host" },
+        attribute: "data-activity",
+        condition: { kind: "when-provided", prop: "activity" },
+        value: { kind: "prop", prop: "activity" }
+      },
       {
         target: { on: "host" },
         attribute: "aria-expanded",
@@ -1195,8 +1368,8 @@ const pi = {
       }
     ]
   }
-}, Z = "set-alert", xt = "set-alert-before-dismiss", Et = "set-alert-dismiss", W = "Dismiss alert";
-function Rt(t, n) {
+}, Z = "set-alert", zt = "set-alert-before-dismiss", Lt = "set-alert-dismiss", U = "Dismiss alert";
+function Zt(t, n) {
   const e = n.createElement("div");
   return e.setAttribute("data-part", "close"), e.innerHTML = mt({
     appearance: "text",
@@ -1207,7 +1380,7 @@ function Rt(t, n) {
     tone: "neutral"
   }), e;
 }
-function Wt(t) {
+function Ft(t) {
   switch (t) {
     case "success":
       return "check-circle";
@@ -1221,12 +1394,12 @@ function Wt(t) {
       return "sticky-note";
   }
 }
-function Ut(t) {
+function jt(t) {
   return t === "warning" || t === "error" ? "alert" : "status";
 }
-function $t({
+function Kt({
   dismissible: t,
-  dismissibleLabel: n = W,
+  dismissibleLabel: n = U,
   id: e,
   inlineSize: i = "full",
   message: r,
@@ -1234,13 +1407,13 @@ function $t({
   tone: o,
   title: d
 }) {
-  const s = v(e), p = n.trim() === "" ? W : n, l = [];
-  return d && l.push({
+  const l = v(e), p = n.trim() === "" ? U : n, s = [];
+  return d && s.push({
     kind: "element",
     tag: "p",
     attrs: { class: "title" },
     children: [{ kind: "text", value: d }]
-  }), l.push({
+  }), s.push({
     kind: "element",
     tag: "p",
     attrs: { class: "message" },
@@ -1255,8 +1428,8 @@ function $t({
       "data-inline-size": i === "fit" ? "fit" : void 0,
       "data-size": a,
       "data-tone": o || void 0,
-      id: s,
-      role: Ut(o)
+      id: l,
+      role: jt(o)
     },
     children: [
       {
@@ -1264,9 +1437,9 @@ function $t({
         tag: "div",
         attrs: { class: "icon-wrapper" },
         children: [
-          P({
+          R({
             ariaHidden: !0,
-            name: Wt(o),
+            name: Ft(o),
             size: a
           })
         ]
@@ -1275,29 +1448,29 @@ function $t({
         kind: "element",
         tag: "div",
         attrs: { class: "content" },
-        children: l
+        children: s
       }
     ]
   };
 }
-function ci(t) {
-  return m($t(t));
+function gi(t) {
+  return m(Kt(t));
 }
-function Gt() {
+function Xt() {
   if (customElements.get(Z)) return;
   class t extends HTMLElement {
     #t = (e) => {
       const i = e.target;
       if (!(i instanceof Element) || !i.closest('[data-part="close"]')) return;
       const r = new CustomEvent(
-        xt,
+        zt,
         {
           bubbles: !0,
           cancelable: !0
         }
       );
       this.dispatchEvent(r) && (this.dispatchEvent(
-        new CustomEvent(Et, {
+        new CustomEvent(Lt, {
           bubbles: !0
         })
       ), this.remove());
@@ -1310,8 +1483,8 @@ function Gt() {
     }
     #e() {
       this.querySelector('[data-part="close"]') || this.append(
-        Rt(
-          this.getAttribute("data-dismissible-label") ?? W,
+        Zt(
+          this.getAttribute("data-dismissible-label") ?? U,
           this.ownerDocument
         )
       );
@@ -1319,7 +1492,7 @@ function Gt() {
   }
   customElements.define(Z, t);
 }
-const ui = {
+const bi = {
   name: "alert",
   description: "Use `alert` to surface short, important messages.",
   output: {
@@ -1340,7 +1513,7 @@ const ui = {
       type: { kind: "boolean" }
     },
     dismissibleLabel: {
-      default: W,
+      default: U,
       description: "Accessible label for the dismiss control.",
       ignoredWhen: "`dismissible` is false",
       type: { kind: "string" }
@@ -1374,12 +1547,12 @@ const ui = {
     }
   },
   events: {
-    [xt]: {
+    [zt]: {
       bubbles: !0,
       cancelable: !0,
       description: "Fired before the alert is removed by a dismiss action. Call `preventDefault()` to keep the alert mounted."
     },
-    [Et]: {
+    [Lt]: {
       bubbles: !0,
       description: "Fired after the alert has been removed by an allowed dismiss action."
     }
@@ -1445,7 +1618,7 @@ const ui = {
             }
           ]
         },
-        value: { kind: "literal", text: W }
+        value: { kind: "literal", text: U }
       },
       {
         target: { on: "host" },
@@ -1468,11 +1641,11 @@ const ui = {
     ]
   }
 };
-function Zt(t) {
+function Qt(t) {
   if (t)
     return t === !0 ? !0 : t;
 }
-function zt(t) {
+function Ct(t) {
   const {
     appearance: n = "text",
     current: e,
@@ -1481,26 +1654,26 @@ function zt(t) {
     id: a,
     icon: o,
     iconPlacement: d = "start",
-    label: s,
+    label: l,
     labelVisibility: p = "visible",
-    rel: l,
+    rel: s,
     size: c = "md",
     target: h,
     tone: b = "default",
-    underline: S
-  } = t, f = v(a), E = o?.trim() || void 0;
-  if (p !== "visible" && !!!E)
+    underline: w
+  } = t, f = v(a), z = o?.trim() || void 0;
+  if (p !== "visible" && !!!z)
     throw new Error("labelVisibility requires icon when label is not visible.");
-  const w = Zt(i), k = E ? {
+  const x = Qt(i), k = z ? {
     kind: "element",
     tag: "span",
     attrs: { class: "icon-wrapper" },
-    children: [{ kind: "raw", html: E }]
+    children: [{ kind: "raw", html: z }]
   } : null, C = {
     kind: "element",
     tag: "span",
     attrs: { class: "label" },
-    children: [{ kind: "text", value: s }]
+    children: [{ kind: "text", value: l }]
   };
   return {
     kind: "element",
@@ -1512,20 +1685,20 @@ function zt(t) {
       "data-label-visibility": p === "visible" ? void 0 : p,
       "data-size": c,
       "data-tone": b === "neutral" ? "neutral" : void 0,
-      "data-underline": S && n === "text" ? !0 : void 0,
-      download: w,
+      "data-underline": w && n === "text" ? !0 : void 0,
+      download: x,
       href: r,
       id: f,
-      rel: w ? void 0 : l || void 0,
-      target: w ? void 0 : h || void 0
+      rel: x ? void 0 : s || void 0,
+      target: x ? void 0 : h || void 0
     },
     children: k ? d === "end" ? [C, k] : [k, C] : [C]
   };
 }
-function hi(t) {
-  return m(zt(t));
+function vi(t) {
+  return m(Ct(t));
 }
-const mi = {
+const fi = {
   name: "link",
   description: "Use `link` to navigate to another page or resource.",
   output: { element: "a", class: "set-link" },
@@ -1712,8 +1885,8 @@ const mi = {
       }
     ]
   }
-}, F = "set-banner", Lt = "set-banner-before-dismiss", Ct = "set-banner-dismiss", j = "Dismiss banner";
-function Ft(t, n) {
+}, F = "set-banner", Mt = "set-banner-before-dismiss", qt = "set-banner-dismiss", j = "Dismiss banner";
+function Yt(t, n) {
   const e = n.createElement("div");
   return e.setAttribute("data-part", "close"), e.innerHTML = mt({
     appearance: "text",
@@ -1724,7 +1897,7 @@ function Ft(t, n) {
     tone: "neutral"
   }), e;
 }
-function jt({
+function Jt({
   actionHref: t,
   actionLabel: n,
   dismissible: e = !0,
@@ -1735,9 +1908,9 @@ function jt({
 }) {
   if (!!t != !!n)
     throw new Error("actionHref and actionLabel must be provided together.");
-  const d = v(r), s = i.trim() === "" ? j : i, p = [{ kind: "text", value: a }];
+  const d = v(r), l = i.trim() === "" ? j : i, p = [{ kind: "text", value: a }];
   return t && n && (p.push({ kind: "text", value: " " }), p.push(
-    zt({
+    Ct({
       href: t,
       label: n,
       underline: !0
@@ -1750,7 +1923,7 @@ function jt({
       "data-set-content-theme": "dark",
       "data-set-surface": "default",
       "data-dismissible": e,
-      "data-dismissible-label": e ? s : void 0,
+      "data-dismissible-label": e ? l : void 0,
       "data-tone": o || void 0,
       id: d
     },
@@ -1764,24 +1937,24 @@ function jt({
     ]
   };
 }
-function ki(t) {
-  return m(jt(t));
+function yi(t) {
+  return m(Jt(t));
 }
-function Kt() {
+function te() {
   if (customElements.get(F)) return;
   class t extends HTMLElement {
     #t = (e) => {
       const i = e.target;
       if (!(i instanceof Element) || !i.closest('[data-part="close"]')) return;
       const r = new CustomEvent(
-        Lt,
+        Mt,
         {
           bubbles: !0,
           cancelable: !0
         }
       );
       this.dispatchEvent(r) && (this.dispatchEvent(
-        new CustomEvent(Ct, {
+        new CustomEvent(qt, {
           bubbles: !0
         })
       ), this.remove());
@@ -1794,7 +1967,7 @@ function Kt() {
     }
     #e() {
       this.querySelector('[data-part="close"]') || this.append(
-        Ft(
+        Yt(
           this.getAttribute("data-dismissible-label") ?? j,
           this.ownerDocument
         )
@@ -1803,7 +1976,7 @@ function Kt() {
   }
   customElements.define(F, t);
 }
-const gi = {
+const wi = {
   name: "banner",
   description: "Use `banner` to display a prominent site-wide message.",
   output: { element: F, class: "set-banner" },
@@ -1848,12 +2021,12 @@ const gi = {
     }
   },
   events: {
-    [Lt]: {
+    [Mt]: {
       bubbles: !0,
       cancelable: !0,
       description: "Fired before the banner is removed by a dismiss action. Call `preventDefault()` to keep the banner mounted."
     },
-    [Ct]: {
+    [qt]: {
       bubbles: !0,
       description: "Fired after the banner has been removed by an allowed dismiss action."
     }
@@ -1892,7 +2065,7 @@ const gi = {
     ]
   }
 }, K = "set-image";
-function Xt({
+function ee({
   adaptive: t,
   animated: n,
   alt: e = "",
@@ -1901,49 +2074,49 @@ function Xt({
   gravity: a = "C",
   height: o,
   id: d,
-  lazy: s,
+  lazy: l,
   leadSrc: p,
-  priority: l,
+  priority: s,
   radius: c,
   shadow: h,
   sizes: b,
-  sources: S,
+  sources: w,
   src: f,
-  srcSet: E,
+  srcSet: z,
   still: q,
-  width: w
+  width: x
 }) {
-  const k = r === "cover", C = v(d), x = f.trim(), z = E?.trim(), _ = p?.trim(), D = q?.trim(), N = b?.trim(), M = S?.map((u, L) => {
-    const I = u.srcSet.trim(), y = u.media?.trim(), g = u.type?.trim(), Vt = u.sizes?.trim(), Ht = u.leadSrc?.trim(), Nt = u.still?.trim();
-    if (!I)
+  const k = r === "cover", C = v(d), E = f.trim(), S = z?.trim(), I = p?.trim(), A = q?.trim(), V = b?.trim(), M = w?.map((u, L) => {
+    const T = u.srcSet.trim(), y = u.media?.trim(), g = u.type?.trim(), Nt = u.sizes?.trim(), Bt = u.leadSrc?.trim(), Ot = u.still?.trim();
+    if (!T)
       throw new Error(`sources[${L}].srcSet must be non-empty.`);
     return {
       height: u.height,
-      leadSrc: Ht || void 0,
+      leadSrc: Bt || void 0,
       media: y || void 0,
-      sizes: Vt || void 0,
-      srcSet: I,
-      still: Nt || void 0,
+      sizes: Nt || void 0,
+      srcSet: T,
+      still: Ot || void 0,
       type: g || void 0,
       width: u.width
     };
   }) || [];
-  if (!x)
+  if (!E)
     throw new Error("src must be a non-empty string.");
   if (t && [
-    x,
-    z,
+    E,
+    S,
     ...M.map((u) => u.srcSet)
   ].some((u) => u?.includes("#")))
     throw new Error("adaptive sources must not contain URL fragments.");
-  const U = !!(n && t), nt = !!(n && _), $ = !!_ || M.some((u) => u.leadSrc);
+  const N = !!(n && t), nt = !!(n && I), $ = !!I || M.some((u) => u.leadSrc);
   if (!n && $)
     throw new Error("leadSrc requires animated.");
   if (n) {
     const u = [
-      x,
-      z,
-      _,
+      E,
+      S,
+      I,
       ...M.flatMap((y) => [y.srcSet, y.leadSrc])
     ].filter((y) => !!y), L = u.filter((y) => y.includes("{scheme}"));
     if (t && L.length !== u.length)
@@ -1954,16 +2127,16 @@ function Xt({
       throw new Error(
         "the {scheme} placeholder requires adaptive to enable light/dark."
       );
-    if (!D)
+    if (!A)
       throw new Error("animated requires a still.");
     if ([
-      D,
+      A,
       ...M.map((y) => y.still)
     ].filter((y) => !!y).some((y) => y.includes("#")))
       throw new Error("animated still must not contain URL fragments.");
   }
-  const kt = (u, L) => u.split(/,\s+/).map((I) => {
-    const [y, ...g] = I.trim().split(/\s+/);
+  const kt = (u, L) => u.split(/,\s+/).map((T) => {
+    const [y, ...g] = T.trim().split(/\s+/);
     if (!y || g.length > 1)
       throw new Error(
         "adaptive srcSet candidates must be a URL plus at most one descriptor, separated by a comma and whitespace."
@@ -1977,19 +2150,19 @@ function Xt({
         alt: e,
         class: "img",
         "data-scheme": u && M.length === 0 ? u : void 0,
-        fetchpriority: l ? "high" : void 0,
+        fetchpriority: s ? "high" : void 0,
         height: k ? void 0 : o ? String(o) : void 0,
-        loading: s && !l ? "lazy" : void 0,
-        sizes: M.length > 0 ? void 0 : N || void 0,
-        src: u ? `${x}#${u}` : x,
-        srcset: z && u ? kt(z, u) : z || void 0,
-        width: k ? void 0 : w ? String(w) : void 0
+        loading: l && !s ? "lazy" : void 0,
+        sizes: M.length > 0 ? void 0 : V || void 0,
+        src: u ? `${E}#${u}` : E,
+        srcset: S && u ? kt(S, u) : S || void 0,
+        width: k ? void 0 : x ? String(x) : void 0
       },
       children: []
     };
     if (M.length === 0)
       return L;
-    const I = M.map((y) => ({
+    const T = M.map((y) => ({
       kind: "element",
       tag: "source",
       attrs: {
@@ -2006,9 +2179,9 @@ function Xt({
       kind: "element",
       tag: "picture",
       attrs: { "data-scheme": u },
-      children: [...I, L]
+      children: [...T, L]
     };
-  }, at = "(prefers-reduced-motion: reduce)", R = (u, L) => L ? u.replaceAll("{scheme}", L) : u, ot = (u, L) => L ? `${u}#${L}` : u, gt = (u) => {
+  }, at = "(prefers-reduced-motion: reduce)", W = (u, L) => L ? u.replaceAll("{scheme}", L) : u, ot = (u, L) => L ? `${u}#${L}` : u, gt = (u) => {
     const L = M.filter((g) => g.still).map((g) => ({
       kind: "element",
       tag: "source",
@@ -2025,18 +2198,18 @@ function Xt({
       tag: "source",
       attrs: {
         media: at,
-        srcset: ot(D, u)
+        srcset: ot(A, u)
       },
       children: []
     });
-    const I = M.map((g) => ({
+    const T = M.map((g) => ({
       kind: "element",
       tag: "source",
       attrs: {
         height: g.height ? String(g.height) : void 0,
         media: g.media,
         sizes: g.sizes,
-        srcset: R(g.srcSet, u),
+        srcset: W(g.srcSet, u),
         type: g.type,
         width: g.width ? String(g.width) : void 0
       },
@@ -2047,13 +2220,13 @@ function Xt({
       attrs: {
         alt: e,
         class: "img",
-        fetchpriority: l ? "high" : void 0,
+        fetchpriority: s ? "high" : void 0,
         height: k ? void 0 : o ? String(o) : void 0,
-        loading: s && !l ? "lazy" : void 0,
-        sizes: M.length > 0 ? void 0 : N || void 0,
-        src: R(x, u),
-        srcset: z ? R(z, u) : void 0,
-        width: k ? void 0 : w ? String(w) : void 0
+        loading: l && !s ? "lazy" : void 0,
+        sizes: M.length > 0 ? void 0 : V || void 0,
+        src: W(E, u),
+        srcset: S ? W(S, u) : void 0,
+        width: k ? void 0 : x ? String(x) : void 0
       },
       children: []
     };
@@ -2061,10 +2234,10 @@ function Xt({
       kind: "element",
       tag: "picture",
       attrs: { "data-scheme": u },
-      children: [...L, ...I, y]
+      children: [...L, ...T, y]
     };
-  }, _t = (u) => {
-    const L = "(prefers-reduced-motion: no-preference)", I = M.map((g) => {
+  }, Vt = (u) => {
+    const L = "(prefers-reduced-motion: no-preference)", T = M.map((g) => {
       if (g.leadSrc)
         return {
           kind: "element",
@@ -2073,20 +2246,20 @@ function Xt({
             height: g.height ? String(g.height) : void 0,
             media: g.media ? `${L} and ${g.media}` : L,
             sizes: g.sizes,
-            srcset: R(g.leadSrc, u),
+            srcset: W(g.leadSrc, u),
             type: g.type,
             width: g.width ? String(g.width) : void 0
           },
           children: []
         };
     }).filter((g) => !!g);
-    I.push({
+    T.push({
       kind: "element",
       tag: "source",
       attrs: {
         media: L,
-        sizes: M.length > 0 ? void 0 : N || void 0,
-        srcset: R(_, u)
+        sizes: M.length > 0 ? void 0 : V || void 0,
+        srcset: W(I, u)
       },
       children: []
     });
@@ -2097,8 +2270,8 @@ function Xt({
         alt: "",
         class: "img",
         height: k ? void 0 : o ? String(o) : void 0,
-        src: ot(D, u),
-        width: k ? void 0 : w ? String(w) : void 0
+        src: ot(A, u),
+        width: k ? void 0 : x ? String(x) : void 0
       },
       children: []
     };
@@ -2106,10 +2279,10 @@ function Xt({
       kind: "element",
       tag: "picture",
       attrs: { "data-scheme": u, "data-layer": "lead" },
-      children: [...I, y]
+      children: [...T, y]
     };
-  }, dt = (u) => nt ? [gt(u), _t(u)] : [gt(u)], Dt = n ? U ? [...dt("light"), ...dt("dark")] : dt() : t ? [rt("light"), rt("dark")] : [rt()], G = [];
-  return o && G.push(`--set-image-block-size: ${o / 16}rem`), w && G.push(`--set-image-inline-size: ${w / 16}rem`), {
+  }, dt = (u) => nt ? [gt(u), Vt(u)] : [gt(u)], Ht = n ? N ? [...dt("light"), ...dt("dark")] : dt() : t ? [rt("light"), rt("dark")] : [rt()], G = [];
+  return o && G.push(`--set-image-block-size: ${o / 16}rem`), x && G.push(`--set-image-inline-size: ${x / 16}rem`), {
     kind: "element",
     tag: K,
     attrs: {
@@ -2126,13 +2299,13 @@ function Xt({
       id: C,
       style: G.length > 0 ? G.join("; ") : void 0
     },
-    children: Dt
+    children: Ht
   };
 }
-function Qt(t) {
-  return m(Xt(t));
+function ie(t) {
+  return m(ee(t));
 }
-function Yt() {
+function ne() {
   if (customElements.get(K)) return;
   const t = "(prefers-reduced-motion: reduce)";
   class n extends HTMLElement {
@@ -2155,7 +2328,7 @@ function Yt() {
   }
   customElements.define(K, n);
 }
-const bi = {
+const Si = {
   name: "image",
   description: "Use `image` to render a responsive image with intrinsic, fluid, or cover fit, and optional art-directed `sources`.",
   output: { element: K, class: "set-image" },
@@ -2384,14 +2557,14 @@ const bi = {
       }
     ]
   }
-}, X = "set-lightswitch", Mt = "set-lightswitch-change", st = "set-theme", lt = "Switch to dark theme", pt = "Switch to light theme";
-function Jt(t) {
+}, X = "set-lightswitch", It = "set-lightswitch-change", st = "set-theme", lt = "Switch to dark theme", pt = "Switch to light theme";
+function re(t) {
   return t === "dark" ? "light" : "dark";
 }
-function te(t) {
+function ae(t) {
   return t === "dark" ? "moon" : "sunny";
 }
-function bt(t, n) {
+function vt(t, n) {
   return {
     kind: "element",
     tag: "span",
@@ -2402,9 +2575,9 @@ function bt(t, n) {
         tag: "span",
         attrs: { class: "icon-wrapper" },
         children: [
-          P({
+          R({
             ariaHidden: !0,
-            name: te(t),
+            name: ae(t),
             size: "fill"
           })
         ]
@@ -2418,7 +2591,7 @@ function bt(t, n) {
     ]
   };
 }
-function ee({
+function oe({
   appearance: t = "text",
   id: n,
   labelDark: e = lt,
@@ -2444,32 +2617,32 @@ function ee({
           type: "button"
         },
         children: [
-          bt("dark", o),
-          bt("light", d)
+          vt("dark", o),
+          vt("light", d)
         ]
       }
     ]
   };
 }
-function vi(t) {
-  return m(ee(t));
+function xi(t) {
+  return m(oe(t));
 }
-function ie() {
+function de() {
   if (customElements.get(X)) return;
   class t extends HTMLElement {
     #t = (e) => {
       const i = e.target;
       if (!(i instanceof Element) || !i.closest("button")) return;
-      const r = Jt(this.#u());
-      r === this.#r() ? this.#d() : this.#n(r), this.#a(), this.dispatchEvent(
-        new CustomEvent(Mt, {
+      const r = re(this.#u());
+      r === this.#a() ? this.#r() : this.#n(r), this.#o(), this.dispatchEvent(
+        new CustomEvent(It, {
           bubbles: !0,
           detail: { stored: !!this.#i(), theme: r }
         })
       );
     };
     connectedCallback() {
-      this.removeEventListener("click", this.#t), this.addEventListener("click", this.#t), this.#i() && this.#a();
+      this.removeEventListener("click", this.#t), this.addEventListener("click", this.#t), this.#i() && this.#o();
     }
     disconnectedCallback() {
       this.removeEventListener("click", this.#t);
@@ -2495,13 +2668,13 @@ function ie() {
       } catch {
       }
     }
-    #d() {
+    #r() {
       try {
         this.#e()?.removeItem(st);
       } catch {
       }
     }
-    #r() {
+    #a() {
       const e = this.ownerDocument.defaultView;
       return !e || typeof e.matchMedia != "function" ? "light" : e.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
     }
@@ -2513,9 +2686,9 @@ function ie() {
       return e === "light" || e === "dark" ? e : void 0;
     }
     #u() {
-      return this.#i() ?? this.#s() ?? this.#r();
+      return this.#i() ?? this.#s() ?? this.#a();
     }
-    #a() {
+    #o() {
       const e = this.#c();
       if (!e) return;
       const i = this.#i();
@@ -2524,7 +2697,7 @@ function ie() {
   }
   customElements.define(X, t);
 }
-const fi = {
+const Ei = {
   name: "lightswitch",
   description: "Use `lightswitch` to let users toggle between light and dark themes.",
   output: { element: X, class: "set-lightswitch" },
@@ -2556,7 +2729,7 @@ const fi = {
     }
   },
   events: {
-    [Mt]: {
+    [It]: {
       bubbles: !0,
       description: "Fired after activation applies a theme. `detail.theme` is the theme switched to; `detail.stored` is false when the change cleared the override to follow the system preference again."
     }
@@ -2595,38 +2768,39 @@ const fi = {
       }
     ]
   }
-}, Q = "set-menu", qt = "set-menu-choose";
-function ne({
+}, Q = "set-menu", At = "set-menu-choose";
+function se({
   align: t = "start",
   id: n,
   items: e,
   size: i = "md",
-  triggerIcon: r,
-  triggerIconMirrored: a,
-  triggerIconPlacement: o,
-  triggerLabel: d,
-  triggerLabelVisibility: s
+  triggerActivity: r,
+  triggerIcon: a,
+  triggerIconMirrored: o,
+  triggerIconPlacement: d,
+  triggerLabel: l,
+  triggerLabelVisibility: p
 }) {
-  const p = n.trim();
-  if (!p)
+  const s = n.trim();
+  if (!s)
     throw new Error("id must be a non-empty string.");
-  if (!V(p))
+  if (!H(s))
     throw new Error(
       "id must start with a letter and contain only letters, numbers, '_', '-', or ':'."
     );
   if (!Array.isArray(e))
     throw new Error("items must be an array.");
-  const l = `${p}-button`, c = `${p}-popup`, h = e.map((b) => ({
+  const c = `${s}-button`, h = `${s}-popup`, b = e.map((w) => ({
     kind: "element",
     tag: "button",
     attrs: {
-      "aria-disabled": b.disabled ? "true" : void 0,
-      "data-item-id": b.id || void 0,
+      "aria-disabled": w.disabled ? "true" : void 0,
+      "data-item-id": w.id || void 0,
       role: "menuitem",
       tabindex: "-1",
       type: "button"
     },
-    children: [{ kind: "text", value: b.label }]
+    children: [{ kind: "text", value: w.label }]
   }));
   return {
     kind: "element",
@@ -2635,7 +2809,7 @@ function ne({
       class: "set-menu",
       "data-align": t === "start" ? void 0 : t,
       "data-size": i,
-      id: p
+      id: s
     },
     children: [
       {
@@ -2644,16 +2818,17 @@ function ne({
         attrs: { "data-part": "trigger" },
         children: [
           ht({
+            activity: r,
             appearance: "outline",
-            controls: c,
+            controls: h,
             disclosure: !0,
             haspopup: "menu",
-            icon: r,
-            iconMirrored: a,
-            iconPlacement: o,
-            id: l,
-            label: d,
-            labelVisibility: s,
+            icon: a,
+            iconMirrored: o,
+            iconPlacement: d,
+            id: c,
+            label: l,
+            labelVisibility: p,
             size: i,
             tone: "neutral",
             type: "button"
@@ -2664,39 +2839,54 @@ function ne({
         kind: "element",
         tag: "div",
         attrs: {
-          "aria-labelledby": l,
+          "aria-labelledby": c,
           class: "popup",
           hidden: !0,
-          id: c,
+          id: h,
           role: "menu"
         },
-        children: h
+        children: b
       }
     ]
   };
 }
-function yi(t) {
-  return m(ne(t));
+function zi(t) {
+  return m(se(t));
 }
-function re() {
+function le() {
   if (customElements.get(Q)) return;
   class t extends HTMLElement {
     #t;
     #e;
     #i;
     #n;
+    /**
+     * Reactive mirror of the `triggerActivity` render prop. Toggles the busy
+     * affordance on the trigger button at runtime; `null` clears it. Requires
+     * the menu to be rendered primed (`triggerActivity: "idle"`) for the
+     * spinner to appear.
+     */
+    get triggerActivity() {
+      return this.#r()?.getAttribute(
+        "data-activity"
+      );
+    }
+    set triggerActivity(e) {
+      const i = this.#r();
+      i && Gt(i, e);
+    }
     connectedCallback() {
-      this.#p(), this.#o(!1), this.#k();
+      this.#p(), this.#d(!1), this.#k();
     }
     disconnectedCallback() {
       this.#p();
     }
-    #d() {
+    #r() {
       return this.querySelector(
         '[data-part="trigger"] .set-button'
       );
     }
-    #r() {
+    #a() {
       return this.querySelector('[role="menu"]');
     }
     #c() {
@@ -2710,18 +2900,18 @@ function re() {
     #u() {
       return this.hasAttribute("data-open");
     }
-    #a(e) {
+    #o(e) {
       const i = this.#c();
       if (i.length === 0) return;
       const r = (e % i.length + i.length) % i.length;
       i[r]?.focus();
     }
     #l(e = 0) {
-      const i = this.#r(), r = this.#d();
-      !i || !r || (i.hidden = !1, this.setAttribute("data-open", ""), r.setAttribute("aria-expanded", "true"), this.#a(e));
+      const i = this.#a(), r = this.#r();
+      !i || !r || (i.hidden = !1, this.setAttribute("data-open", ""), r.setAttribute("aria-expanded", "true"), this.#o(e));
     }
-    #o(e = !1) {
-      const i = this.#r(), r = this.#d();
+    #d(e = !1) {
+      const i = this.#a(), r = this.#r();
       !i || !r || (i.hidden = !0, this.removeAttribute("data-open"), r.setAttribute("aria-expanded", "false"), e && r.focus());
     }
     #h(e) {
@@ -2729,7 +2919,7 @@ function re() {
         this.querySelectorAll('[role="menuitem"]')
       ).indexOf(e);
       this.dispatchEvent(
-        new CustomEvent(qt, {
+        new CustomEvent(At, {
           bubbles: !0,
           detail: {
             id: e.getAttribute("data-item-id") || void 0,
@@ -2745,7 +2935,7 @@ function re() {
         if (!(i instanceof Element)) return;
         if (i.closest('[data-part="trigger"] .set-button')) {
           if (this.#u()) {
-            this.#o();
+            this.#d();
             return;
           }
           this.#l(0);
@@ -2753,17 +2943,17 @@ function re() {
         }
         const r = i.closest('[role="menuitem"]');
         if (r && this.contains(r)) {
-          this.#s(r) || (this.#h(r), this.#o(!0));
+          this.#s(r) || (this.#h(r), this.#d(!0));
           return;
         }
       }, this.#e = (e) => {
         const i = e.target;
-        i instanceof Node && this.#u() && !this.contains(i) && this.#o();
+        i instanceof Node && this.#u() && !this.contains(i) && this.#d();
       }, this.#n = (e) => {
-        const i = this.#d(), r = this.#r();
+        const i = this.#r(), r = this.#a();
         if (!i || !r) return;
         if ((e.key === "Escape" || e.key === "Esc") && this.#u()) {
-          e.preventDefault(), this.#o(!0);
+          e.preventDefault(), this.#d(!0);
           return;
         }
         const a = this.ownerDocument.activeElement, o = this.#c(), d = o.indexOf(a);
@@ -2773,18 +2963,18 @@ function re() {
         }
         if (r.contains(a)) {
           if (a instanceof HTMLButtonElement && (e.key === "Enter" || e.key === " ")) {
-            e.preventDefault(), this.#s(a) || (this.#h(a), this.#o(!0));
+            e.preventDefault(), this.#s(a) || (this.#h(a), this.#d(!0));
             return;
           }
-          e.key === "ArrowDown" && (e.preventDefault(), this.#a(d + 1)), e.key === "ArrowUp" && (e.preventDefault(), this.#a(d - 1)), e.key === "Home" && (e.preventDefault(), this.#a(0)), e.key === "End" && (e.preventDefault(), this.#a(o.length - 1)), e.key === "Tab" && this.#o(!1);
+          e.key === "ArrowDown" && (e.preventDefault(), this.#o(d + 1)), e.key === "ArrowUp" && (e.preventDefault(), this.#o(d - 1)), e.key === "Home" && (e.preventDefault(), this.#o(0)), e.key === "End" && (e.preventDefault(), this.#o(o.length - 1)), e.key === "Tab" && this.#d(!1);
         }
       }, this.#i = (e) => {
         const i = e.relatedTarget;
         if (!(i instanceof Node)) {
-          this.#o();
+          this.#d();
           return;
         }
-        this.contains(i) || this.#o();
+        this.contains(i) || this.#d();
       }, this.addEventListener("click", this.#t), this.addEventListener("keydown", this.#n), this.addEventListener("focusout", this.#i), this.ownerDocument.addEventListener("click", this.#e);
     }
     #p() {
@@ -2793,7 +2983,7 @@ function re() {
   }
   customElements.define(Q, t);
 }
-const wi = {
+const Li = {
   name: "menu",
   description: "Use `menu` to show a list of actions from a trigger button.",
   output: {
@@ -2843,6 +3033,10 @@ const wi = {
       description: "Size variant.",
       type: { kind: "enum", values: ["sm", "md"] }
     },
+    triggerActivity: {
+      description: "Activity-indicator state for the trigger button.",
+      type: { kind: "enum", values: ["idle", "busy"] }
+    },
     triggerIcon: {
       description: "Icon name for the trigger button.",
       type: { kind: "iconName" }
@@ -2871,7 +3065,7 @@ const wi = {
     }
   },
   events: {
-    [qt]: {
+    [At]: {
       bubbles: !0,
       description: "Fired when a menu item is activated.",
       detail: "{ id?: string; index: number; label: string }"
@@ -2932,7 +3126,7 @@ const wi = {
     ]
   }
 }, ct = "Menu";
-function ae({
+function pe({
   controlsId: t,
   expanded: n,
   id: e,
@@ -2974,10 +3168,10 @@ function ae({
     ]
   };
 }
-function oe(t = {}) {
-  return m(ae(t));
+function ce(t = {}) {
+  return m(pe(t));
 }
-const Si = {
+const Ci = {
   name: "expander",
   description: "Use `expander` as a toggle for disclosure regions such as menus.",
   output: { element: "button", class: "set-expander" },
@@ -3042,8 +3236,8 @@ const Si = {
       }
     ]
   }
-}, Y = "set-nav", vt = "data-set-scroll-locked";
-function de({
+}, Y = "set-nav", ft = "data-set-scroll-locked";
+function ue({
   collapsible: t,
   contentId: n,
   expanderLabel: e,
@@ -3053,12 +3247,12 @@ function de({
   label: o,
   size: d = "md"
 }) {
-  const s = v(r), p = e?.trim() || void 0, l = n?.trim();
-  if (t && !l)
+  const l = v(r), p = e?.trim() || void 0, s = n?.trim();
+  if (t && !s)
     throw new Error(
       "contentId must be a non-empty string when collapsible is set."
     );
-  if (l && !V(l))
+  if (s && !H(s))
     throw new Error(
       "contentId must start with a letter and contain only letters, numbers, '_', '-', or ':'."
     );
@@ -3088,7 +3282,7 @@ function de({
       "data-expander-label": t && p ? p : void 0,
       "data-expander-position": t ? i : void 0,
       "data-size": d,
-      id: s
+      id: l
     },
     children: [
       {
@@ -3104,7 +3298,7 @@ function de({
             tag: "div",
             attrs: {
               class: "content",
-              id: l
+              id: s
             },
             children: [
               {
@@ -3120,10 +3314,10 @@ function de({
     ]
   };
 }
-function xi(t) {
-  return m(de(t));
+function Mi(t) {
+  return m(ue(t));
 }
-function se() {
+function he() {
   if (customElements.get(Y)) return;
   class t extends HTMLElement {
     #t;
@@ -3131,26 +3325,26 @@ function se() {
     #i;
     #n;
     connectedCallback() {
-      this.#o(), this.#h(), this.#c(), this.#u(), this.#a();
+      this.#d(), this.#h(), this.#c(), this.#u(), this.#o();
     }
     disconnectedCallback() {
-      this.#s(!1), this.#o(), this.#h();
+      this.#s(!1), this.#d(), this.#h();
     }
-    #d() {
+    #r() {
       return this.hasAttribute("data-collapsible") ? this.querySelector(".nav") : null;
     }
-    #r() {
+    #a() {
       return this.querySelector(
         '[data-part="expander"] .set-expander'
       );
     }
     #c() {
-      const e = this.#d();
+      const e = this.#r();
       if (!e || e.querySelector('[data-part="expander"]')) return;
       const i = e.querySelector(".content");
       i && e.insertAdjacentHTML(
         "afterbegin",
-        `<div data-part="expander">${oe({
+        `<div data-part="expander">${ce({
           controlsId: i.id || void 0,
           label: this.getAttribute("data-expander-label") || void 0,
           size: this.getAttribute("data-size") === "sm" ? "md" : "lg"
@@ -3158,19 +3352,19 @@ function se() {
       );
     }
     #s(e) {
-      const i = this.#r();
+      const i = this.#a();
       !i || i.getAttribute("aria-expanded") === "true" === e || (i.setAttribute("aria-expanded", e ? "true" : "false"), this.#l(e));
     }
     #u() {
       this.#t = (e) => {
         const i = e.target;
         if (!(i instanceof Element) || !i.closest('[data-part="expander"] .set-expander')) return;
-        const r = this.#r();
+        const r = this.#a();
         r && this.#s(r.getAttribute("aria-expanded") !== "true");
       }, this.addEventListener("click", this.#t);
     }
-    #a() {
-      const e = this.#d(), i = this.ownerDocument.defaultView;
+    #o() {
+      const e = this.#r(), i = this.ownerDocument.defaultView;
       if (!e || !i || (this.#i = (a) => {
         a.key !== "Escape" && a.key !== "Esc" || this.#s(!1);
       }, i.addEventListener("keydown", this.#i), this.getAttribute("data-collapsible") !== "belowTablet") || typeof i.matchMedia != "function") return;
@@ -3183,13 +3377,13 @@ function se() {
       const i = this.ownerDocument.documentElement;
       if (i) {
         if (e) {
-          i.setAttribute(vt, "");
+          i.setAttribute(ft, "");
           return;
         }
-        i.removeAttribute(vt);
+        i.removeAttribute(ft);
       }
     }
-    #o() {
+    #d() {
       this.#t && (this.removeEventListener("click", this.#t), this.#t = void 0);
     }
     #h() {
@@ -3202,7 +3396,7 @@ function se() {
   }
   customElements.define(Y, t);
 }
-const Ei = {
+const qi = {
   name: "nav",
   description: "Use `nav` to render a primary navigation list.",
   output: { element: Y, class: "set-nav" },
@@ -3318,7 +3512,7 @@ const Ei = {
     ]
   }
 }, J = "set-range";
-function le({
+function me({
   description: t,
   disabled: n,
   id: e,
@@ -3327,18 +3521,18 @@ function le({
   max: a,
   min: o,
   name: d,
-  size: s = "md",
+  size: l = "md",
   step: p,
-  value: l
+  value: s
 }) {
   const c = e.trim(), h = t?.trim(), b = d?.trim();
   if (!c)
     throw new Error("id must be a non-empty string.");
-  if (!V(c))
+  if (!H(c))
     throw new Error(
       "id must start with a letter and contain only letters, numbers, '_', '-', or ':'."
     );
-  const S = h ? `${c}-description` : void 0, f = [
+  const w = h ? `${c}-description` : void 0, f = [
     {
       kind: "element",
       tag: "div",
@@ -3354,7 +3548,7 @@ function le({
           kind: "element",
           tag: "output",
           attrs: { class: "output", for: c },
-          children: l != null ? [{ kind: "text", value: String(l) }] : []
+          children: s != null ? [{ kind: "text", value: String(s) }] : []
         }
       ]
     },
@@ -3362,7 +3556,7 @@ function le({
       kind: "element",
       tag: "input",
       attrs: {
-        "aria-describedby": S,
+        "aria-describedby": w,
         class: "range",
         disabled: !!n,
         id: c,
@@ -3371,7 +3565,7 @@ function le({
         name: b || void 0,
         step: p != null ? String(p) : void 0,
         type: "range",
-        value: l != null ? String(l) : void 0
+        value: s != null ? String(s) : void 0
       },
       children: []
     }
@@ -3379,7 +3573,7 @@ function le({
   return h && f.push({
     kind: "element",
     tag: "p",
-    attrs: { class: "description", id: S },
+    attrs: { class: "description", id: w },
     children: [{ kind: "text", value: h }]
   }), {
     kind: "element",
@@ -3387,15 +3581,15 @@ function le({
     attrs: {
       class: "set-range",
       "data-inline-size": i === "fit" ? "fit" : void 0,
-      "data-size": s
+      "data-size": l
     },
     children: f
   };
 }
-function zi(t) {
-  return m(le(t));
+function Ii(t) {
+  return m(me(t));
 }
-function pe() {
+function ke() {
   if (customElements.get(J)) return;
   class t extends HTMLElement {
     #t;
@@ -3404,10 +3598,10 @@ function pe() {
       i instanceof HTMLInputElement && i.matches(".range") && this.#i();
     };
     connectedCallback() {
-      this.removeEventListener("input", this.#e), this.#d(), this.#i(), this.addEventListener("input", this.#e);
+      this.removeEventListener("input", this.#e), this.#r(), this.#i(), this.addEventListener("input", this.#e);
     }
     disconnectedCallback() {
-      this.removeEventListener("input", this.#e), this.#r();
+      this.removeEventListener("input", this.#e), this.#a();
     }
     #i() {
       const e = this.querySelector(".range"), i = this.querySelector(".output");
@@ -3425,10 +3619,10 @@ function pe() {
     // not fire an `input` event, so the output wouldn't track it. Override
     // the instance's `value` accessor to sync the output on set, restoring
     // the prototype behaviour on disconnect.
-    #d() {
+    #r() {
       const e = this.querySelector(".range");
       if (!e || e === this.#t) return;
-      this.#r();
+      this.#a();
       const i = Object.getOwnPropertyDescriptor(
         HTMLInputElement.prototype,
         "value"
@@ -3446,13 +3640,13 @@ function pe() {
         }
       }), this.#t = e;
     }
-    #r() {
+    #a() {
       this.#t && (delete this.#t.value, this.#t = void 0);
     }
   }
   customElements.define(J, t);
 }
-const Li = {
+const Ai = {
   name: "range",
   description: "Use `range` to let users pick a numeric value along a scale.",
   output: { element: J, class: "set-range" },
@@ -3584,8 +3778,8 @@ const Li = {
       }
     ]
   }
-}, tt = "set-sidebar", ce = "(min-width: 68em)", B = "Collapse sidebar", ut = "Open sidebar";
-function ue(t, n) {
+}, tt = "set-sidebar", ge = "(min-width: 68em)", O = "Collapse sidebar", ut = "Open sidebar";
+function be(t, n) {
   return `<div data-part="close">${mt({
     appearance: "text",
     icon: "panel-left",
@@ -3597,21 +3791,21 @@ function ue(t, n) {
     type: "button"
   })}</div>`;
 }
-function he({
+function ve({
   aboveNotebook: t = "persistent",
   buttonSize: n = "md",
   children: e,
-  collapseLabel: i = B,
+  collapseLabel: i = O,
   footer: r,
   header: a,
   id: o,
   surface: d,
-  triggerLabel: s = ut
+  triggerLabel: l = ut
 }) {
-  const p = o.trim(), l = i.trim() || B, c = s.trim() || ut;
+  const p = o.trim(), s = i.trim() || O, c = l.trim() || ut;
   if (!p)
     throw new Error("id must be a non-empty string.");
-  if (!V(p))
+  if (!H(p))
     throw new Error(
       "id must start with a letter and contain only letters, numbers, '_', '-', or ':'."
     );
@@ -3642,7 +3836,7 @@ function he({
     attrs: {
       class: "set-sidebar",
       "data-above-notebook": t,
-      "data-collapse-label": l !== B ? l : void 0,
+      "data-collapse-label": s !== O ? s : void 0,
       "data-button-size": n,
       id: p
     },
@@ -3686,10 +3880,10 @@ function he({
     ]
   };
 }
-function Ci(t) {
-  return m(he(t));
+function Ti(t) {
+  return m(ve(t));
 }
-function me() {
+function fe() {
   if (customElements.get(tt)) return;
   class t extends HTMLElement {
     #t;
@@ -3708,10 +3902,10 @@ function me() {
     close() {
       this.#b(!1);
     }
-    #d() {
+    #r() {
       return this.querySelector(".sidebar");
     }
-    #r() {
+    #a() {
       return this.querySelector(
         '[data-part="close"] .set-button'
       );
@@ -3727,29 +3921,29 @@ function me() {
     #u() {
       return this.hasAttribute("data-collapsed");
     }
-    #a() {
+    #o() {
       const e = this.getAttribute("data-above-notebook");
       return e === "collapsible" || e === "overlay" ? e : "persistent";
     }
     #l() {
-      const e = this.#d();
+      const e = this.#r();
       if (!e || e.querySelector('[data-part="close"]')) return;
-      const i = e.querySelector(".header"), r = this.getAttribute("data-collapse-label") || B, a = this.getAttribute("data-button-size") ?? "md";
+      const i = e.querySelector(".header"), r = this.getAttribute("data-collapse-label") || O, a = this.getAttribute("data-button-size") ?? "md";
       i?.insertAdjacentHTML(
         "beforeend",
-        ue(r, a)
+        be(r, a)
       );
     }
-    #o() {
+    #d() {
       this.querySelector('[data-part="close"]')?.remove();
     }
     #h() {
-      const e = this.#r();
+      const e = this.#a();
       if (e) {
         e.focus();
         return;
       }
-      this.#d()?.focus();
+      this.#r()?.focus();
     }
     #k() {
       return this.#t?.matches ?? !1;
@@ -3762,7 +3956,7 @@ function me() {
       this.toggleAttribute("data-open", i), this.toggleAttribute("data-collapsed", e), r?.setAttribute("aria-expanded", i ? "true" : "false");
     }
     #g() {
-      const e = this.#a();
+      const e = this.#o();
       if (this.#k()) {
         if (e === "overlay") {
           this.#l(), this.#p({ collapsed: !1, open: !1 }), this.#m(!1);
@@ -3775,13 +3969,13 @@ function me() {
           }), this.#m(!1);
           return;
         }
-        this.#o(), this.#p({ collapsed: !1, open: !0 }), this.#m(!1);
+        this.#d(), this.#p({ collapsed: !1, open: !0 }), this.#m(!1);
         return;
       }
       this.#l(), this.#p({ collapsed: !1, open: !1 }), this.#m(!1);
     }
     #b(e) {
-      const i = this.#a();
+      const i = this.#o();
       if (this.#k()) {
         if (i === "persistent") {
           this.#p({ collapsed: !1, open: !0 }), this.#m(!1);
@@ -3812,7 +4006,7 @@ function me() {
     }
     #f() {
       const e = this.ownerDocument.defaultView;
-      e && (typeof e.matchMedia == "function" && (this.#t = e.matchMedia(ce), this.#n = () => {
+      e && (typeof e.matchMedia == "function" && (this.#t = e.matchMedia(ge), this.#n = () => {
         this.#g();
       }, this.#t.addEventListener("change", this.#n), this.#g()), this.#e = (i) => {
         const r = i.target;
@@ -3822,7 +4016,7 @@ function me() {
             return;
           }
           if (r.closest('[data-part="close"] .set-button')) {
-            if (this.#k() && this.#a() === "collapsible") {
+            if (this.#k() && this.#o() === "collapsible") {
               this.#b(this.#u());
               return;
             }
@@ -3841,7 +4035,7 @@ function me() {
   }
   customElements.define(tt, t);
 }
-const Mi = {
+const _i = {
   name: "sidebar",
   description: "Use `sidebar` for a side panel alongside main content.",
   output: {
@@ -3875,7 +4069,7 @@ const Mi = {
       type: { kind: "html" }
     },
     collapseLabel: {
-      default: B,
+      default: O,
       description: "Accessible label for the collapse button.",
       type: { kind: "string" }
     },
@@ -3932,7 +4126,7 @@ const Mi = {
               of: {
                 kind: "when-equals",
                 prop: "collapseLabel",
-                to: B
+                to: O
               }
             }
           ]
@@ -3966,7 +4160,7 @@ const Mi = {
     ]
   }
 }, et = "set-video";
-function ke({
+function ye({
   autoPlay: t,
   controls: n,
   fit: e = "intrinsic",
@@ -3975,12 +4169,12 @@ function ke({
   loop: a,
   muted: o,
   playsInline: d,
-  poster: s,
+  poster: l,
   preload: p,
-  src: l,
+  src: s,
   width: c
 }) {
-  const h = v(r), b = l.trim(), S = s?.trim();
+  const h = v(r), b = s.trim(), w = l?.trim();
   if (!b)
     throw new Error("src must be a non-empty string.");
   const f = {
@@ -3994,7 +4188,7 @@ function ke({
       loop: !!a,
       muted: !!o,
       playsinline: !!d,
-      poster: S || void 0,
+      poster: w || void 0,
       preload: p,
       src: b,
       width: c ? String(c) : void 0
@@ -4012,11 +4206,11 @@ function ke({
     children: [f]
   };
 }
-function qi(t) {
-  return m(ke(t));
+function Di(t) {
+  return m(ye(t));
 }
-const ge = "(prefers-reduced-motion: reduce)";
-function be() {
+const we = "(prefers-reduced-motion: reduce)";
+function Se() {
   if (customElements.get(et)) return;
   class t extends HTMLElement {
     #t = !1;
@@ -4026,7 +4220,7 @@ function be() {
       const e = this.querySelector("video");
       if (!e || (this.#t ||= e.hasAttribute("autoplay"), !this.#t)) return;
       const i = this.ownerDocument.defaultView;
-      !i || typeof i.matchMedia != "function" || (this.#e = i.matchMedia(ge), this.#i = () => {
+      !i || typeof i.matchMedia != "function" || (this.#e = i.matchMedia(we), this.#i = () => {
         this.#n();
       }, this.#e.addEventListener("change", this.#i), this.#n());
     }
@@ -4041,7 +4235,7 @@ function be() {
   }
   customElements.define(et, t);
 }
-const Ii = {
+const Vi = {
   name: "video",
   description: "Use `video` to render a video with intrinsic or fluid fit and native playback behavior.",
   output: { element: et, class: "set-video" },
@@ -4169,54 +4363,54 @@ const Ii = {
     ]
   }
 };
-function ve(t) {
+function xe(t) {
   return t ? /[A-Za-z]/.test(t) : !1;
 }
-function fe(t) {
+function Ee(t) {
   return /^[a-z]/.test(t);
 }
-function H(t) {
+function B(t) {
   const n = t.charAt(0);
-  return ve(n) ? n : void 0;
+  return xe(n) ? n : void 0;
 }
-function ye(t) {
-  const n = O(t);
+function ze(t) {
+  const n = P(t);
   if (!n) return;
-  const e = n.split(" "), i = H(e[0]);
+  const e = n.split(" "), i = B(e[0]);
   if (!i) return;
   const r = [i.toUpperCase()];
   if (e.length === 1)
     return r[0];
-  const a = e.slice(1).find(fe);
+  const a = e.slice(1).find(Ee);
   if (a) {
-    const d = H(a);
+    const d = B(a);
     return d ? `${r[0]}${d}` : void 0;
   }
   if (e.length === 2) {
-    const d = H(e[1]);
+    const d = B(e[1]);
     if (!d) return;
     r.push(d);
-    const s = e[1].split("-").filter(Boolean);
-    if (s.length === 2) {
-      const p = H(s[1]);
+    const l = e[1].split("-").filter(Boolean);
+    if (l.length === 2) {
+      const p = B(l[1]);
       p && r.push(p);
     }
     return r.slice(0, 3).join("");
   }
   if (e.length === 3) {
-    const d = H(e[1]), s = H(e[2]);
-    return !d || !s ? void 0 : (r.push(d, s), r.slice(0, 3).join(""));
+    const d = B(e[1]), l = B(e[2]);
+    return !d || !l ? void 0 : (r.push(d, l), r.slice(0, 3).join(""));
   }
-  const o = H(e.at(-1) || "");
+  const o = B(e.at(-1) || "");
   if (o)
     return r.push(o), r.slice(0, 3).join("");
 }
-const we = {
+const Le = {
   bot: "robot-1",
   organization: "city-6",
   person: "user-1",
   team: "member"
-}, ft = [
+}, yt = [
   "01",
   "02",
   "03",
@@ -4227,15 +4421,15 @@ const we = {
   "08",
   "09"
 ];
-function Se(t) {
+function Ce(t) {
   let n = 5381;
   for (const e of t)
     n = n * 33 ^ e.charCodeAt(0);
   return n >>> 0;
 }
-function xe(t) {
+function Me(t) {
   if (t == null) return;
-  const n = O(t);
+  const n = P(t);
   if (n) {
     if (n.length > 3)
       throw new Error("initials must normalize to 3 characters or fewer.");
@@ -4244,26 +4438,26 @@ function xe(t) {
     return n;
   }
 }
-function Ee({
+function qe({
   alt: t,
   ariaHidden: n,
   name: e
 }) {
   if (!n)
-    return O(t) || O(e) || "Avatar";
+    return P(t) || P(e) || "Avatar";
 }
-function ze({
+function Ie({
   color: t,
   name: n
 }) {
   if (t) return t;
   if (n) {
-    const e = Se(n) % ft.length;
-    return ft[e];
+    const e = Ce(n) % yt.length;
+    return yt[e];
   }
   return "neutral";
 }
-function Le({
+function Ae({
   alt: t,
   ariaHidden: n,
   color: e,
@@ -4272,27 +4466,27 @@ function Le({
   initials: a,
   name: o,
   size: d = "md",
-  src: s
+  src: l
 }) {
-  const p = v(r), l = xe(a), c = O(o), h = O(s), b = Ee({
+  const p = v(r), s = Me(a), c = P(o), h = P(l), b = qe({
     alt: t,
     ariaHidden: n,
     name: c
-  }), S = l || ye(c), f = !!h, E = ze({
+  }), w = s || ze(c), f = !!h, z = Ie({
     color: e,
     name: c
   }), q = {
     "aria-hidden": n ? "true" : void 0,
     "aria-label": !n && !f ? b : void 0,
     class: "set-avatar",
-    "data-color": E === "neutral" ? void 0 : E,
+    "data-color": z === "neutral" ? void 0 : z,
     "data-entity": i === "person" ? void 0 : i,
     "data-size": d,
     id: p,
     role: !n && !f ? "img" : void 0
   };
-  let w;
-  return f ? w = {
+  let x;
+  return f ? x = {
     kind: "element",
     tag: "img",
     attrs: {
@@ -4301,19 +4495,19 @@ function Le({
       src: h
     },
     children: []
-  } : S ? w = {
+  } : w ? x = {
     kind: "element",
     tag: "span",
     attrs: { class: "initials" },
-    children: [{ kind: "text", value: S }]
-  } : w = {
+    children: [{ kind: "text", value: w }]
+  } : x = {
     kind: "element",
     tag: "span",
     attrs: { class: "icon-wrapper" },
     children: [
-      P({
+      R({
         ariaHidden: !0,
-        name: we[i],
+        name: Le[i],
         size: "fill"
       })
     ]
@@ -4321,13 +4515,13 @@ function Le({
     kind: "element",
     tag: "span",
     attrs: q,
-    children: [w]
+    children: [x]
   };
 }
-function Ti(t) {
-  return m(Le(t));
+function Hi(t) {
+  return m(Ae(t));
 }
-const Ai = {
+const Ni = {
   name: "avatar",
   description: "Use `avatar` to visually represent a person, team, or entity.",
   output: { element: "span", class: "set-avatar" },
@@ -4434,7 +4628,7 @@ const Ai = {
     ]
   }
 };
-function Ce({
+function Te({
   floating: t,
   id: n,
   label: e,
@@ -4455,10 +4649,10 @@ function Ce({
     children: [{ kind: "text", value: e }]
   };
 }
-function _i(t) {
-  return m(Ce(t));
+function Bi(t) {
+  return m(Te(t));
 }
-const Di = {
+const Oi = {
   name: "badge",
   description: "Use `badge` to annotate content with a short label.",
   output: { element: "span", class: "set-badge" },
@@ -4536,10 +4730,10 @@ function it({
   measured: a,
   monospaced: o,
   responsive: d,
-  size: s = "md",
+  size: l = "md",
   tone: p = "default"
 }) {
-  const l = v(i), c = n === "p" ? "p" : "span", h = c === "p", b = h ? t ?? "start" : void 0;
+  const s = v(i), c = n === "p" ? "p" : "span", h = c === "p", b = h ? t ?? "start" : void 0;
   return {
     kind: "element",
     tag: c,
@@ -4550,17 +4744,17 @@ function it({
       "data-measured": h ? a ?? !0 : void 0,
       "data-monospaced": o,
       "data-responsive": d,
-      "data-size": s,
+      "data-size": l,
       "data-tone": p === "muted" ? "muted" : void 0,
-      id: l
+      id: s
     },
     children: [{ kind: "raw", html: e }]
   };
 }
-function Vi(t) {
+function Pi(t) {
   return m(it(t));
 }
-const Hi = {
+const Ri = {
   name: "text",
   description: "Use `text` for inline or paragraph body copy.",
   output: {
@@ -4684,7 +4878,7 @@ const Hi = {
     ]
   }
 };
-function Me({
+function _e({
   align: t = "start",
   attribution: n,
   id: e,
@@ -4734,10 +4928,10 @@ function Me({
     ]
   };
 }
-function Ni(t) {
-  return m(Me(t));
+function Wi(t) {
+  return m(_e(t));
 }
-const Bi = {
+const Ui = {
   name: "blockquote",
   description: "Use `blockquote` to display a quote with attribution.",
   output: { element: "figure", class: "set-blockquote" },
@@ -4806,7 +5000,7 @@ const Bi = {
     ]
   }
 };
-function qe({
+function De({
   background: t = "default",
   border: n,
   children: e,
@@ -4815,7 +5009,7 @@ function qe({
   paddingInline: a = "md",
   radius: o,
   responsive: d,
-  surface: s
+  surface: l
 }) {
   const p = v(i);
   return {
@@ -4825,7 +5019,7 @@ function qe({
       class: "set-box",
       "data-background": t === "default" ? void 0 : t,
       "data-border": n,
-      "data-set-surface": s,
+      "data-set-surface": l,
       "data-padding-block": r,
       "data-padding-inline": a,
       "data-radius": o,
@@ -4835,10 +5029,10 @@ function qe({
     children: e ? [{ kind: "raw", html: e }] : []
   };
 }
-function Oi(t) {
-  return m(qe(t));
+function $i(t) {
+  return m(De(t));
 }
-const Pi = {
+const Gi = {
   name: "box",
   description: "Use `box` to inset content.",
   output: { element: "div", class: "set-box" },
@@ -4951,7 +5145,7 @@ const Pi = {
     ]
   }
 };
-function Ie({
+function Ve({
   description: t,
   headingLevel: n,
   href: e,
@@ -4960,20 +5154,20 @@ function Ie({
   surface: a,
   title: o
 }) {
-  const d = v(i), s = n ? `h${n}` : "div", p = e ? [
+  const d = v(i), l = n ? `h${n}` : "div", p = e ? [
     {
       kind: "element",
       tag: "a",
       attrs: { href: e },
       children: [{ kind: "text", value: o }]
     }
-  ] : [{ kind: "text", value: o }], l = r ? [{ kind: "raw", html: r }] : [];
-  r && e && l.push({
+  ] : [{ kind: "text", value: o }], s = r ? [{ kind: "raw", html: r }] : [];
+  r && e && s.push({
     kind: "element",
     tag: "span",
     attrs: { class: "icon-wrapper" },
     children: [
-      P({
+      R({
         ariaHidden: !0,
         mirrored: "rtl",
         name: "arrow-right",
@@ -4990,7 +5184,7 @@ function Ie({
     },
     {
       kind: "element",
-      tag: s,
+      tag: l,
       attrs: { class: "title" },
       children: p
     },
@@ -5005,7 +5199,7 @@ function Ie({
     kind: "element",
     tag: "p",
     attrs: { class: "note" },
-    children: l
+    children: s
   }), {
     kind: "element",
     tag: "div",
@@ -5017,10 +5211,10 @@ function Ie({
     children: c
   };
 }
-function Ri(t) {
-  return m(Ie(t));
+function Zi(t) {
+  return m(Ve(t));
 }
-const Wi = {
+const Fi = {
   name: "card",
   description: "Use `card` to display a summary for a single topic.",
   output: {
@@ -5088,7 +5282,7 @@ const Wi = {
     ]
   }
 };
-function Te({
+function He({
   checked: t,
   description: n,
   disabled: e,
@@ -5097,13 +5291,13 @@ function Te({
   label: a,
   name: o,
   required: d,
-  size: s = "md",
+  size: l = "md",
   value: p
 }) {
-  const l = v(i), c = n?.trim();
-  if (c && !l)
+  const s = v(i), c = n?.trim();
+  if (c && !s)
     throw new Error("id must be provided when description is provided.");
-  const h = c ? `${l}-description` : void 0, b = !!e, f = [
+  const h = c ? `${s}-description` : void 0, b = !!e, f = [
     {
       kind: "element",
       tag: "label",
@@ -5118,7 +5312,7 @@ function Te({
             checked: !!t,
             class: "checkbox",
             disabled: b,
-            id: l,
+            id: s,
             name: o || void 0,
             required: !!d,
             type: "checkbox",
@@ -5143,14 +5337,14 @@ function Te({
   }), {
     kind: "element",
     tag: "div",
-    attrs: { class: "set-checkbox", "data-size": s },
+    attrs: { class: "set-checkbox", "data-size": l },
     children: f
   };
 }
-function Ui(t) {
-  return m(Te(t));
+function ji(t) {
+  return m(He(t));
 }
-const $i = {
+const Ki = {
   name: "checkbox",
   description: "Use `checkbox` to let users toggle a single option on or off.",
   output: { element: "div", class: "set-checkbox" },
@@ -5280,7 +5474,7 @@ const $i = {
     ]
   }
 };
-function Ae({
+function Ne({
   children: t,
   gutter: n = "default",
   id: e,
@@ -5299,10 +5493,10 @@ function Ae({
     children: t ? [{ kind: "raw", html: t }] : []
   };
 }
-function Gi(t) {
-  return m(Ae(t));
+function Xi(t) {
+  return m(Ne(t));
 }
-const Zi = {
+const Qi = {
   name: "container",
   description: "Use `container` to wrap page-level content.",
   output: { element: "div", class: "set-container" },
@@ -5359,7 +5553,7 @@ const Zi = {
     ]
   }
 };
-function _e({
+function Be({
   children: t,
   id: n,
   open: e,
@@ -5387,7 +5581,7 @@ function _e({
             tag: "span",
             attrs: { class: "marker" },
             children: [
-              P({
+              R({
                 ariaHidden: !0,
                 name: "chevron-right",
                 size: "sm"
@@ -5411,10 +5605,10 @@ function _e({
     ]
   };
 }
-function Fi(t) {
-  return m(_e(t));
+function Yi(t) {
+  return m(Be(t));
 }
-const ji = {
+const Ji = {
   name: "details",
   description: "Use `details` to let users expand and collapse a section of content.",
   output: { element: "details", class: "set-details" },
@@ -5473,7 +5667,7 @@ const ji = {
     ]
   }
 };
-function De({
+function Oe({
   id: t,
   orientation: n = "horizontal",
   tone: e = "default"
@@ -5492,10 +5686,10 @@ function De({
     children: []
   };
 }
-function Ki(t = {}) {
-  return m(De(t));
+function tn(t = {}) {
+  return m(Oe(t));
 }
-const Xi = {
+const en = {
   name: "divider",
   description: "Use `divider` to separate sections with a rule.",
   output: {
@@ -5557,7 +5751,7 @@ const Xi = {
     ]
   }
 };
-function It({
+function Tt({
   children: t,
   description: n,
   disabled: e,
@@ -5566,14 +5760,14 @@ function It({
   legend: a,
   inlineSize: o = "full"
 }) {
-  const d = n?.trim(), s = i.trim();
-  if (!s)
+  const d = n?.trim(), l = i.trim();
+  if (!l)
     throw new Error("id must be a non-empty string.");
-  if (!V(s))
+  if (!H(l))
     throw new Error(
       "id must start with a letter and contain only letters, numbers, '_', '-', or ':'."
     );
-  const p = d ? `${s}-description` : void 0, l = !!e, c = !l && !!r, h = [
+  const p = d ? `${l}-description` : void 0, s = !!e, c = !s && !!r, h = [
     {
       kind: "element",
       tag: "legend",
@@ -5594,16 +5788,16 @@ function It({
       "aria-invalid": c ? "true" : void 0,
       class: "set-fieldset",
       "data-inline-size": o === "fit" ? "fit" : void 0,
-      disabled: l,
-      id: s
+      disabled: s,
+      id: l
     },
     children: h
   };
 }
-function Qi(t) {
-  return m(It(t));
+function nn(t) {
+  return m(Tt(t));
 }
-const Yi = {
+const rn = {
   name: "fieldset",
   description: "Use `fieldset` to group related form controls under a legend.",
   output: { element: "fieldset", class: "set-fieldset" },
@@ -5691,7 +5885,7 @@ const Yi = {
     ]
   }
 };
-function Ve({
+function Pe({
   align: t = "start",
   caption: n,
   children: e,
@@ -5727,10 +5921,10 @@ function Ve({
     ]
   };
 }
-function Ji(t) {
-  return m(Ve(t));
+function an(t) {
+  return m(Pe(t));
 }
-const tn = {
+const on = {
   name: "figure",
   description: "Use `figure` to present media with a caption.",
   output: { element: "figure", class: "set-figure" },
@@ -5799,11 +5993,11 @@ const tn = {
       }
     ]
   }
-}, T = (t) => {
+}, _ = (t) => {
   if (t !== void 0)
     return String(t);
 };
-function He({
+function Re({
   children: t,
   gap: n = "default",
   id: e
@@ -5827,10 +6021,10 @@ function He({
     ]
   };
 }
-function en(t) {
-  return m(He(t));
+function dn(t) {
+  return m(Re(t));
 }
-function Ne({
+function We({
   align: t,
   children: n,
   colSpan: e,
@@ -5839,16 +6033,16 @@ function Ne({
   colStart: a,
   colStartNarrow: o,
   colStartWide: d,
-  id: s,
+  id: l,
   justify: p,
-  rowSpan: l,
+  rowSpan: s,
   rowSpanNarrow: c,
   rowSpanWide: h,
   rowStart: b,
-  rowStartNarrow: S,
+  rowStartNarrow: w,
   rowStartWide: f
 }) {
-  const E = v(s);
+  const z = v(l);
   return {
     kind: "element",
     tag: "div",
@@ -5856,27 +6050,27 @@ function Ne({
       class: "set-grid-item",
       "data-align": t,
       "data-justify": p,
-      "data-col-span-narrow": T(i),
-      "data-col-start-narrow": T(o),
-      "data-col-span": T(e),
-      "data-col-start": T(a),
-      "data-col-span-wide": T(r),
-      "data-col-start-wide": T(d),
-      "data-row-span-narrow": T(c),
-      "data-row-start-narrow": T(S),
-      "data-row-span": T(l),
-      "data-row-start": T(b),
-      "data-row-span-wide": T(h),
-      "data-row-start-wide": T(f),
-      id: E
+      "data-col-span-narrow": _(i),
+      "data-col-start-narrow": _(o),
+      "data-col-span": _(e),
+      "data-col-start": _(a),
+      "data-col-span-wide": _(r),
+      "data-col-start-wide": _(d),
+      "data-row-span-narrow": _(c),
+      "data-row-start-narrow": _(w),
+      "data-row-span": _(s),
+      "data-row-start": _(b),
+      "data-row-span-wide": _(h),
+      "data-row-start-wide": _(f),
+      id: z
     },
     children: n ? [{ kind: "raw", html: n }] : []
   };
 }
-function nn(t) {
-  return m(Ne(t));
+function sn(t) {
+  return m(We(t));
 }
-const rn = {
+const ln = {
   name: "grid",
   description: "Use `grid` to lay out content in a 12-column responsive grid.",
   output: { element: "div", class: "set-grid" },
@@ -5917,12 +6111,12 @@ const rn = {
       }
     ]
   }
-}, A = {
+}, D = {
   kind: "number",
   min: 1,
   max: 12,
   integer: !0
-}, an = {
+}, pn = {
   name: "grid-item",
   description: "Use `grid-item` to place content within a `grid` layout.",
   output: { element: "div", class: "set-grid-item" },
@@ -5942,11 +6136,11 @@ const rn = {
     },
     colSpan: {
       description: "Columns spanned at the default breakpoint.",
-      type: A
+      type: D
     },
     colStart: {
       description: "Starting column at the default breakpoint.",
-      type: A
+      type: D
     },
     id: {
       description: "DOM id.",
@@ -5954,43 +6148,43 @@ const rn = {
     },
     rowSpan: {
       description: "Rows spanned at the default breakpoint.",
-      type: A
+      type: D
     },
     rowSpanNarrow: {
       description: "Rows spanned at the narrow breakpoint.",
-      type: A
+      type: D
     },
     rowSpanWide: {
       description: "Rows spanned at the wide breakpoint. Effect is only visible above the wide breakpoint.",
-      type: A
+      type: D
     },
     rowStart: {
       description: "Starting row at the default breakpoint.",
-      type: A
+      type: D
     },
     rowStartNarrow: {
       description: "Starting row at the narrow breakpoint.",
-      type: A
+      type: D
     },
     rowStartWide: {
       description: "Starting row at the wide breakpoint. Effect is only visible above the wide breakpoint.",
-      type: A
+      type: D
     },
     colSpanNarrow: {
       description: "Columns spanned at the narrow breakpoint.",
-      type: A
+      type: D
     },
     colStartNarrow: {
       description: "Starting column at the narrow breakpoint.",
-      type: A
+      type: D
     },
     colSpanWide: {
       description: "Columns spanned at the wide breakpoint. Effect is only visible above the wide breakpoint.",
-      type: A
+      type: D
     },
     colStartWide: {
       description: "Starting column at the wide breakpoint. Effect is only visible above the wide breakpoint.",
-      type: A
+      type: D
     }
   },
   events: {},
@@ -6089,7 +6283,7 @@ const rn = {
     ]
   }
 };
-function Be({
+function Ue({
   align: t = "start",
   id: n,
   level: e,
@@ -6113,10 +6307,10 @@ function Be({
     children: [{ kind: "text", value: o }]
   };
 }
-function on(t) {
-  return m(Be(t));
+function cn(t) {
+  return m(Ue(t));
 }
-const dn = {
+const un = {
   name: "heading",
   description: "Use `heading` to render heading text with consistent type.",
   output: {
@@ -6211,7 +6405,7 @@ const dn = {
     ]
   }
 };
-function Oe({
+function $e({
   align: t = "center",
   as: n = "div",
   children: e,
@@ -6235,10 +6429,10 @@ function Oe({
     children: e ? [{ kind: "raw", html: e }] : []
   };
 }
-function sn(t) {
-  return m(Oe(t));
+function hn(t) {
+  return m($e(t));
 }
-const ln = {
+const mn = {
   name: "inline",
   description: "Use `inline` to lay out content in a horizontal row.",
   output: {
@@ -6323,7 +6517,7 @@ const ln = {
     ]
   }
 };
-function Pe({
+function Ge({
   autocomplete: t,
   description: n,
   disabled: e,
@@ -6332,22 +6526,22 @@ function Pe({
   label: a,
   name: o,
   pattern: d,
-  readOnly: s,
+  readOnly: l,
   required: p,
-  size: l = "md",
+  size: s = "md",
   spellcheck: c,
   type: h = "text",
   value: b,
-  inlineSize: S = "full"
+  inlineSize: w = "full"
 }) {
-  const f = i.trim(), E = n?.trim(), q = t === !1 ? !1 : t?.trim(), w = o?.trim(), k = d?.trim(), C = b;
+  const f = i.trim(), z = n?.trim(), q = t === !1 ? !1 : t?.trim(), x = o?.trim(), k = d?.trim(), C = b;
   if (!f)
     throw new Error("id must be a non-empty string.");
-  if (!V(f))
+  if (!H(f))
     throw new Error(
       "id must start with a letter and contain only letters, numbers, '_', '-', or ':'."
     );
-  const x = E ? `${f}-description` : void 0, z = h === "numeric", _ = z ? "text" : h, D = k || (z ? "^[0-9]*$" : void 0), N = c === void 0 && z ? !1 : c, M = !!e, U = !M && !!s, $ = [
+  const E = z ? `${f}-description` : void 0, S = h === "numeric", I = S ? "text" : h, A = k || (S ? "^[0-9]*$" : void 0), V = c === void 0 && S ? !1 : c, M = !!e, N = !M && !!l, $ = [
     {
       kind: "element",
       tag: "label",
@@ -6358,44 +6552,44 @@ function Pe({
       kind: "element",
       tag: "input",
       attrs: {
-        "aria-describedby": x,
-        "aria-invalid": !M && !U && !!r ? "true" : void 0,
+        "aria-describedby": E,
+        "aria-invalid": !M && !N && !!r ? "true" : void 0,
         autocomplete: q === !1 ? "off" : q || void 0,
         class: "input",
         disabled: M,
         id: f,
-        inputmode: z ? "numeric" : void 0,
-        name: w || void 0,
-        pattern: D,
-        readonly: U,
+        inputmode: S ? "numeric" : void 0,
+        name: x || void 0,
+        pattern: A,
+        readonly: N,
         required: !!p,
-        spellcheck: N === void 0 ? void 0 : String(N),
-        type: _,
+        spellcheck: V === void 0 ? void 0 : String(V),
+        type: I,
         value: C
       },
       children: []
     }
   ];
-  return E && $.push({
+  return z && $.push({
     kind: "element",
     tag: "p",
-    attrs: { class: "description", id: x },
-    children: [{ kind: "text", value: E }]
+    attrs: { class: "description", id: E },
+    children: [{ kind: "text", value: z }]
   }), {
     kind: "element",
     tag: "div",
     attrs: {
       class: "set-input",
-      "data-size": l,
-      "data-inline-size": S === "fit" ? "fit" : void 0
+      "data-size": s,
+      "data-inline-size": w === "fit" ? "fit" : void 0
     },
     children: $
   };
 }
-function pn(t) {
-  return m(Pe(t));
+function kn(t) {
+  return m(Ge(t));
 }
-const cn = {
+const gn = {
   name: "input",
   description: "Use `input` to collect a single line of text from users.",
   output: { element: "div", class: "set-input" },
@@ -6590,7 +6784,7 @@ const cn = {
       }
     ]
   }
-}, Re = "0 0 6714.6 1200", We = "0 0 600 1200", Ue = [
+}, Ze = "0 0 6714.6 1200", Fe = "0 0 600 1200", je = [
   { x: 0, y: 0 },
   { x: 300, y: 0 },
   { x: 150, y: 300 },
@@ -6599,11 +6793,11 @@ const cn = {
   { x: 300, y: 600 },
   { x: 150, y: 900 },
   { x: 450, y: 900 }
-], $e = "M0 956h98V571L87 391h2l124 320h89l123-320h3l-11 180v385h98V276H384L260 608h-5L131 276H0zm879.94 10c184 0 223-46 223-272 0-225-39-271-223-271-186 0-224 46-224 271 0 226 38 272 224 272m0-93c-102 0-123-30-123-179 0-147 21-177 123-177 100 0 121 30 121 177 0 149-21 179-121 179m361.44 83h103V686c0-141 20-169 112-169 73 0 88 18 88 107v332h103V624c0-167-28-202-163-202-95 0-120 16-147 92h-5v-82h-91zm769.16 10c184 0 223-46 223-272 0-225-39-271-223-271-186 0-224 46-224 271 0 226 38 272 224 272m0-93c-102 0-123-30-123-179 0-147 21-177 123-177 100 0 121 30 121 177 0 149-21 179-121 179m363.25-65c-4 132 30 158 202 158 173 0 208-25 208-150 0-118-33-146-191-170-94-14-114-26-114-74 0-50 18-60 103-60 76 0 92 9 96 52h97c-3-118-36-142-194-142-166 0-201 25-201 146 0 114 31 141 182 162 101 13 122 28 122 82 0 53-18 64-103 64-88 0-107-11-110-68zm558.97 363h102V902h5c20 54 41 64 123 64 160 0 193-45 193-270 0-227-34-274-198-274-83 0-105 11-123 65h-4v-55h-98zm209-298c-93 0-112-30-112-179 0-148 19-178 112-178s113 30 113 179c0 148-20 178-113 178m656.46 83h88V610c0-156-34-187-197-187-150 0-181 27-179 157h97c1-61 15-74 85-74 82 0 99 18 99 105v24h-72c-187 0-226 30-226 179 0 126 28 152 162 152 92 0 116-13 138-74h5zm-8-243c-1 135-22 163-119 163-65 0-79-13-79-75 0-74 18-88 107-88zm551.75 95c-10 56-26 67-89 67-100 0-121-31-121-181s20-181 117-181c65 0 81 14 91 79h101c-4-141-37-170-188-170-185 0-224 46-224 272s39 272 226 272c147 0 179-26 186-158zm547.03 9c-15 48-31 58-96 58-96 0-117-23-123-136h324c5-263-32-317-214-317-172 0-207 46-207 271 0 227 38 273 223 273 139 0 172-25 190-149zm-218-160c4-122 24-146 114-146 88 0 108 24 112 146zm787.56 299h93l-1-734h-102l1 266h-5c-19-54-40-65-120-65-162 0-196 46-196 272s35 271 200 271c84 0 105-11 125-65h5zm-115-82c-94 0-114-30-114-180s20-180 114-180c93 0 112 30 112 180s-19 180-112 180", Ge = 1163, Tt = () => ({
+], Ke = "M0 956h98V571L87 391h2l124 320h89l123-320h3l-11 180v385h98V276H384L260 608h-5L131 276H0zm879.94 10c184 0 223-46 223-272 0-225-39-271-223-271-186 0-224 46-224 271 0 226 38 272 224 272m0-93c-102 0-123-30-123-179 0-147 21-177 123-177 100 0 121 30 121 177 0 149-21 179-121 179m361.44 83h103V686c0-141 20-169 112-169 73 0 88 18 88 107v332h103V624c0-167-28-202-163-202-95 0-120 16-147 92h-5v-82h-91zm769.16 10c184 0 223-46 223-272 0-225-39-271-223-271-186 0-224 46-224 271 0 226 38 272 224 272m0-93c-102 0-123-30-123-179 0-147 21-177 123-177 100 0 121 30 121 177 0 149-21 179-121 179m363.25-65c-4 132 30 158 202 158 173 0 208-25 208-150 0-118-33-146-191-170-94-14-114-26-114-74 0-50 18-60 103-60 76 0 92 9 96 52h97c-3-118-36-142-194-142-166 0-201 25-201 146 0 114 31 141 182 162 101 13 122 28 122 82 0 53-18 64-103 64-88 0-107-11-110-68zm558.97 363h102V902h5c20 54 41 64 123 64 160 0 193-45 193-270 0-227-34-274-198-274-83 0-105 11-123 65h-4v-55h-98zm209-298c-93 0-112-30-112-179 0-148 19-178 112-178s113 30 113 179c0 148-20 178-113 178m656.46 83h88V610c0-156-34-187-197-187-150 0-181 27-179 157h97c1-61 15-74 85-74 82 0 99 18 99 105v24h-72c-187 0-226 30-226 179 0 126 28 152 162 152 92 0 116-13 138-74h5zm-8-243c-1 135-22 163-119 163-65 0-79-13-79-75 0-74 18-88 107-88zm551.75 95c-10 56-26 67-89 67-100 0-121-31-121-181s20-181 117-181c65 0 81 14 91 79h101c-4-141-37-170-188-170-185 0-224 46-224 272s39 272 226 272c147 0 179-26 186-158zm547.03 9c-15 48-31 58-96 58-96 0-117-23-123-136h324c5-263-32-317-214-317-172 0-207 46-207 271 0 227 38 273 223 273 139 0 172-25 190-149zm-218-160c4-122 24-146 114-146 88 0 108 24 112 146zm787.56 299h93l-1-734h-102l1 266h-5c-19-54-40-65-120-65-162 0-196 46-196 272s35 271 200 271c84 0 105-11 125-65h5zm-115-82c-94 0-114-30-114-180s20-180 114-180c93 0 112 30 112 180s-19 180-112 180", Xe = 1163, _t = () => ({
   kind: "element",
   tag: "g",
   attrs: { class: "mark" },
-  children: Ue.map(({ x: t, y: n }) => ({
+  children: je.map(({ x: t, y: n }) => ({
     kind: "element",
     tag: "rect",
     attrs: {
@@ -6614,19 +6808,19 @@ const cn = {
     },
     children: []
   }))
-}), Ze = () => ({
+}), Qe = () => ({
   kind: "element",
   tag: "g",
-  attrs: { class: "word", transform: `translate(${Ge} 0)` },
+  attrs: { class: "word", transform: `translate(${Xe} 0)` },
   children: [
     {
       kind: "element",
       tag: "path",
-      attrs: { d: $e },
+      attrs: { d: Ke },
       children: []
     }
   ]
-}), At = (t, n) => ({
+}), Dt = (t, n) => ({
   kind: "element",
   tag: "svg",
   attrs: {
@@ -6636,13 +6830,13 @@ const cn = {
   },
   children: n
 });
-function Fe() {
-  return At(Re, [Tt(), Ze()]);
+function Ye() {
+  return Dt(Ze, [_t(), Qe()]);
 }
-function je() {
-  return At(We, [Tt()]);
+function Je() {
+  return Dt(Fe, [_t()]);
 }
-function Ke({
+function ti({
   animated: t,
   id: n,
   label: e,
@@ -6650,7 +6844,7 @@ function Ke({
   tone: r = "default",
   variant: a = "primary"
 }) {
-  const o = v(n), d = !!t && (a === "primary" || a === "graphic"), s = [
+  const o = v(n), d = !!t && (a === "primary" || a === "graphic"), l = [
     {
       kind: "element",
       tag: "span",
@@ -6658,8 +6852,8 @@ function Ke({
       children: [{ kind: "text", value: e }]
     }
   ];
-  return d && s.push(
-    a === "graphic" ? je() : Fe()
+  return d && l.push(
+    a === "graphic" ? Je() : Ye()
   ), {
     kind: "element",
     tag: "div",
@@ -6671,13 +6865,13 @@ function Ke({
       "data-variant": a === "primary" ? void 0 : a,
       id: o
     },
-    children: s
+    children: l
   };
 }
-function un(t) {
-  return m(Ke(t));
+function bn(t) {
+  return m(ti(t));
 }
-const hn = {
+const vn = {
   name: "logo",
   description: "Use `logo` to display the brand mark.",
   output: { element: "div", class: "set-logo" },
@@ -6765,7 +6959,7 @@ const hn = {
     ]
   }
 };
-function Xe({
+function ei({
   banner: t,
   centerMain: n,
   children: e,
@@ -6774,20 +6968,20 @@ function Xe({
   headerBorder: a,
   headerSize: o = "md",
   id: d,
-  stickyHeader: s
+  stickyHeader: l
 }) {
-  const p = v(d), l = [];
-  return t && l.push({ kind: "raw", html: t }), l.push({
+  const p = v(d), s = [];
+  return t && s.push({ kind: "raw", html: t }), s.push({
     kind: "element",
     tag: "header",
     attrs: { class: "header" },
     children: [{ kind: "raw", html: r }]
-  }), l.push({
+  }), s.push({
     kind: "element",
     tag: "main",
     attrs: { class: "main" },
     children: e ? [{ kind: "raw", html: e }] : []
-  }), l.push({
+  }), s.push({
     kind: "element",
     tag: "footer",
     attrs: { class: "footer" },
@@ -6800,16 +6994,16 @@ function Xe({
       "data-center-main": n,
       "data-header-border": a,
       "data-header-size": o,
-      "data-sticky-header": s,
+      "data-sticky-header": l,
       id: p
     },
-    children: l
+    children: s
   };
 }
-function mn(t) {
-  return m(Xe(t));
+function fn(t) {
+  return m(ei(t));
 }
-const kn = {
+const yn = {
   name: "page",
   description: "Use `page` as the primary layout for header, main, and footer regions.",
   output: { element: "div", class: "set-page" },
@@ -6899,7 +7093,7 @@ const kn = {
     ]
   }
 };
-function Qe({
+function ii({
   children: t,
   id: n,
   padding: e = "md",
@@ -6918,10 +7112,10 @@ function Qe({
     children: t ? [{ kind: "raw", html: t }] : []
   };
 }
-function gn(t) {
-  return m(Qe(t));
+function wn(t) {
+  return m(ii(t));
 }
-const bn = {
+const Sn = {
   name: "panel",
   description: "Use `panel` to group related content in a contained region.",
   output: { element: "div", class: "set-panel" },
@@ -6972,7 +7166,7 @@ const bn = {
     ]
   }
 };
-function Ye({
+function ni({
   children: t,
   id: n,
   size: e = "md",
@@ -6993,10 +7187,10 @@ function Ye({
     children: t ? [{ kind: "raw", html: t }] : []
   };
 }
-function vn(t = {}) {
-  return m(Ye(t));
+function xn(t = {}) {
+  return m(ni(t));
 }
-const fn = {
+const En = {
   name: "pattern",
   description: "Use `pattern` to render repeated visual language components behind content.",
   output: { element: "div", class: "set-pattern" },
@@ -7063,15 +7257,15 @@ const fn = {
     ]
   }
 };
-function yn(t) {
-  return Qt({
+function zn(t) {
+  return ie({
     ...t,
     alt: "",
     fit: "cover",
     priority: !0
   });
 }
-function Je({
+function ri({
   children: t,
   contentTheme: n,
   id: e,
@@ -7103,10 +7297,10 @@ function Je({
     children: d
   };
 }
-function wn(t) {
-  return m(Je(t));
+function Ln(t) {
+  return m(ri(t));
 }
-const Sn = {
+const Cn = {
   name: "poster",
   description: "Use `poster` to layer content over background media.",
   output: { element: "div", class: "set-poster" },
@@ -7177,7 +7371,7 @@ const Sn = {
     ]
   }
 };
-function ti({
+function ai({
   align: t = "start",
   children: n,
   hangingPunctuation: e,
@@ -7187,7 +7381,7 @@ function ti({
   monospaced: o,
   responsive: d
 }) {
-  const s = v(i);
+  const l = v(i);
   return {
     kind: "element",
     tag: "div",
@@ -7199,15 +7393,15 @@ function ti({
       "data-measured": a,
       "data-monospaced": o,
       "data-responsive": d,
-      id: s
+      id: l
     },
     children: [{ kind: "raw", html: n }]
   };
 }
-function xn(t) {
-  return m(ti(t));
+function Mn(t) {
+  return m(ai(t));
 }
-const En = {
+const qn = {
   name: "prose",
   description: "Use `prose` to style rich-text markup.",
   output: { element: "div", class: "set-prose" },
@@ -7301,7 +7495,7 @@ const En = {
     ]
   }
 };
-function ei({
+function oi({
   description: t,
   disabled: n,
   id: e,
@@ -7310,14 +7504,14 @@ function ei({
   legend: a,
   name: o,
   orientation: d = "vertical",
-  required: s,
+  required: l,
   size: p = "md",
-  value: l
+  value: s
 }) {
-  const c = e.trim(), h = o.trim(), b = l?.trim();
+  const c = e.trim(), h = o.trim(), b = s?.trim();
   if (!c)
     throw new Error("id must be a non-empty string.");
-  if (!V(c))
+  if (!H(c))
     throw new Error(
       "id must start with a letter and contain only letters, numbers, '_', '-', or ':'."
     );
@@ -7325,23 +7519,23 @@ function ei({
     throw new Error("name must be a non-empty string.");
   if (r.length < 2)
     throw new Error("radios must include at least 2 options.");
-  const S = r.map((k, C) => {
-    const x = k.value.trim(), z = k.label.trim(), _ = k.description?.trim();
-    if (!x)
+  const w = r.map((k, C) => {
+    const E = k.value.trim(), S = k.label.trim(), I = k.description?.trim();
+    if (!E)
       throw new Error(`radios[${C}].value must be non-empty.`);
-    if (!z)
+    if (!S)
       throw new Error(`radios[${C}].label must be non-empty.`);
     return {
-      description: _,
+      description: I,
       disabled: !!k.disabled,
-      label: z,
-      value: x
+      label: S,
+      value: E
     };
   });
-  if (new Set(S.map((k) => k.value)).size !== S.length)
+  if (new Set(w.map((k) => k.value)).size !== w.length)
     throw new Error("radios values must be unique.");
-  const E = !!n, q = S.map((k) => {
-    const C = !!k.disabled, x = k.description ? `${c}-${k.value}-description` : void 0, z = [
+  const z = !!n, q = w.map((k) => {
+    const C = !!k.disabled, E = k.description ? `${c}-${k.value}-description` : void 0, S = [
       {
         kind: "element",
         tag: "label",
@@ -7351,12 +7545,12 @@ function ei({
             kind: "element",
             tag: "input",
             attrs: {
-              "aria-describedby": x,
+              "aria-describedby": E,
               checked: b === k.value,
               class: "radio",
               disabled: C,
               name: h,
-              required: !!s && !E && !C,
+              required: !!l && !z && !C,
               type: "radio",
               value: k.value
             },
@@ -7371,19 +7565,19 @@ function ei({
         ]
       }
     ];
-    return k.description && z.push({
+    return k.description && S.push({
       kind: "element",
       tag: "p",
-      attrs: { class: "radio-description", id: x },
+      attrs: { class: "radio-description", id: E },
       children: [{ kind: "text", value: k.description }]
     }), {
       kind: "element",
       tag: "div",
       attrs: { class: "radio-field" },
-      children: z
+      children: S
     };
   });
-  return It({
+  return Tt({
     children: m({
       kind: "element",
       tag: "div",
@@ -7395,16 +7589,16 @@ function ei({
       children: q
     }),
     description: t,
-    disabled: E,
+    disabled: z,
     id: c,
     invalid: i,
     legend: a
   });
 }
-function zn(t) {
-  return m(ei(t));
+function In(t) {
+  return m(oi(t));
 }
-const Ln = {
+const An = {
   name: "radios",
   description: "Use `radios` to let users select one option from a short list.",
   output: { element: "fieldset", class: "set-fieldset" },
@@ -7553,7 +7747,7 @@ const Ln = {
     ]
   }
 };
-function ii({
+function di({
   appOverscrollBehavior: t,
   appRoot: n,
   brand: e = "mnsp",
@@ -7563,7 +7757,7 @@ function ii({
   lang: o,
   theme: d
 }) {
-  const s = v(a);
+  const l = v(a);
   return {
     kind: "element",
     tag: "div",
@@ -7573,17 +7767,17 @@ function ii({
       "data-app-overscroll-behavior": t === "none" ? "none" : void 0,
       "data-set-brand": e,
       "data-set-theme": d,
-      id: s,
+      id: l,
       lang: o === "" ? void 0 : o,
       dir: r
     },
     children: i ? [{ kind: "raw", html: i }] : []
   };
 }
-function Cn(t) {
-  return m(ii(t));
+function Tn(t) {
+  return m(di(t));
 }
-const Mn = {
+const _n = {
   name: "root",
   description: "Mandatory top-level `root` wrapper for the Set system.",
   output: { element: "div", class: "set" },
@@ -7676,125 +7870,7 @@ const Mn = {
     ]
   }
 };
-function ni({
-  id: t,
-  label: n,
-  size: e = "md",
-  tone: i = "default"
-} = {}) {
-  const r = v(t), o = [
-    {
-      kind: "element",
-      tag: "svg",
-      attrs: {
-        "aria-hidden": "true",
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 600 1200",
-        fill: "currentColor"
-      },
-      children: [
-        [60, 60],
-        [60, 360],
-        [60, 660],
-        [60, 960],
-        [360, 960],
-        [360, 660],
-        [360, 360],
-        [360, 60]
-      ].map(([d, s]) => ({
-        kind: "element",
-        tag: "rect",
-        attrs: {
-          class: "cell",
-          x: String(d),
-          y: String(s),
-          width: "180",
-          height: "180"
-        },
-        children: []
-      }))
-    }
-  ];
-  return n && o.push({
-    kind: "element",
-    tag: "span",
-    attrs: { class: "visually-hidden" },
-    children: [{ kind: "text", value: n }]
-  }), {
-    kind: "element",
-    tag: "span",
-    attrs: {
-      class: "set-spinner",
-      "data-size": e,
-      "data-tone": i === "brand" ? "brand" : void 0,
-      id: r,
-      role: n ? "status" : void 0
-    },
-    children: o
-  };
-}
-function qn(t = {}) {
-  return m(ni(t));
-}
-const In = {
-  name: "spinner",
-  description: "Use `spinner` to indicate loading or in-progress state.",
-  output: { element: "span", class: "set-spinner" },
-  content: { kind: "text", prop: "label" },
-  props: {
-    id: {
-      description: "DOM id.",
-      type: { kind: "string" }
-    },
-    label: {
-      description: "Accessible status label announced to assistive tech.",
-      type: { kind: "string" }
-    },
-    size: {
-      default: "md",
-      description: "Size variant.",
-      type: {
-        kind: "enum",
-        values: ["2xs", "xs", "sm", "md", "lg", "xl", "2xl", "fill"]
-      }
-    },
-    tone: {
-      default: "default",
-      description: "Semantic tone.",
-      type: { kind: "enum", values: ["default", "brand"] }
-    }
-  },
-  events: {},
-  rules: {
-    attributes: [
-      {
-        target: { on: "host" },
-        attribute: "data-size",
-        condition: { kind: "always" },
-        value: { kind: "prop", prop: "size" }
-      },
-      {
-        target: { on: "host" },
-        attribute: "data-tone",
-        condition: { kind: "when-equals", prop: "tone", to: "brand" },
-        value: { kind: "literal", text: "brand" }
-      },
-      {
-        target: { on: "host" },
-        attribute: "role",
-        condition: { kind: "when-non-empty", prop: "label" },
-        value: { kind: "literal", text: "status" }
-      },
-      {
-        target: { on: "host" },
-        attribute: "id",
-        condition: { kind: "when-non-empty", prop: "id" },
-        value: { kind: "prop", prop: "id" }
-      }
-    ]
-  }
-};
-function ri({
+function si({
   align: t = "stretch",
   as: n = "div",
   children: e,
@@ -7816,10 +7892,10 @@ function ri({
     children: e ? [{ kind: "raw", html: e }] : []
   };
 }
-function Tn(t) {
-  return m(ri(t));
+function Dn(t) {
+  return m(si(t));
 }
-const An = {
+const Vn = {
   name: "stack",
   description: "Use `stack` to lay out content in a vertical column.",
   output: {
@@ -7890,7 +7966,7 @@ const An = {
     ]
   }
 };
-function ai({
+function li({
   children: t,
   contentTheme: n,
   id: e,
@@ -7909,10 +7985,10 @@ function ai({
     children: [{ kind: "raw", html: t }]
   };
 }
-function _n(t) {
-  return m(ai(t));
+function Hn(t) {
+  return m(li(t));
 }
-const Dn = {
+const Nn = {
   name: "surface",
   description: "Use `surface` to set a colour context for nested content.",
   output: { element: "div", class: "set-surface" },
@@ -7964,7 +8040,7 @@ const Dn = {
     ]
   }
 };
-function oi({
+function pi({
   checked: t,
   description: n,
   disabled: e,
@@ -7974,10 +8050,10 @@ function oi({
   size: o = "md",
   value: d
 }) {
-  const s = v(i), p = n?.trim();
-  if (p && !s)
+  const l = v(i), p = n?.trim();
+  if (p && !l)
     throw new Error("id must be provided when description is provided.");
-  const l = p ? `${s}-description` : void 0, c = [
+  const s = p ? `${l}-description` : void 0, c = [
     {
       kind: "element",
       tag: "label",
@@ -7987,11 +8063,11 @@ function oi({
           kind: "element",
           tag: "input",
           attrs: {
-            "aria-describedby": l,
+            "aria-describedby": s,
             checked: !!t,
             class: "switch",
             disabled: !!e,
-            id: s,
+            id: l,
             name: a || void 0,
             role: "switch",
             type: "checkbox",
@@ -8011,7 +8087,7 @@ function oi({
   return p && c.push({
     kind: "element",
     tag: "p",
-    attrs: { class: "description", id: l },
+    attrs: { class: "description", id: s },
     children: [{ kind: "text", value: p }]
   }), {
     kind: "element",
@@ -8020,10 +8096,10 @@ function oi({
     children: c
   };
 }
-function Vn(t) {
-  return m(oi(t));
+function Bn(t) {
+  return m(pi(t));
 }
-const Hn = {
+const On = {
   name: "switch",
   description: "Use `switch` to let users instantly toggle a setting on or off.",
   output: { element: "div", class: "set-switch" },
@@ -8131,7 +8207,7 @@ const Hn = {
     ]
   }
 };
-function di({
+function ci({
   autocomplete: t,
   description: n,
   disabled: e,
@@ -8140,24 +8216,24 @@ function di({
   label: a,
   name: o,
   readOnly: d,
-  required: s,
+  required: l,
   resize: p = "vertical",
-  rows: l = 2,
+  rows: s = 2,
   size: c = "md",
   spellcheck: h,
   value: b,
-  inlineSize: S = "full"
+  inlineSize: w = "full"
 }) {
-  const f = i.trim(), E = n?.trim(), q = t === !1 ? !1 : t?.trim(), w = o?.trim(), k = b;
+  const f = i.trim(), z = n?.trim(), q = t === !1 ? !1 : t?.trim(), x = o?.trim(), k = b;
   if (!f)
     throw new Error("id must be a non-empty string.");
-  if (!V(f))
+  if (!H(f))
     throw new Error(
       "id must start with a letter and contain only letters, numbers, '_', '-', or ':'."
     );
-  if (!Number.isInteger(l) || l < 2)
+  if (!Number.isInteger(s) || s < 2)
     throw new Error("rows must be an integer greater than or equal to 2.");
-  const C = E ? `${f}-description` : void 0, x = !!e, z = !x && !!d, D = [
+  const C = z ? `${f}-description` : void 0, E = !!e, S = !E && !!d, A = [
     {
       kind: "element",
       tag: "label",
@@ -8169,25 +8245,25 @@ function di({
       tag: "textarea",
       attrs: {
         "aria-describedby": C,
-        "aria-invalid": !x && !z && !!r ? "true" : void 0,
+        "aria-invalid": !E && !S && !!r ? "true" : void 0,
         autocomplete: q === !1 ? "off" : q || void 0,
         class: "textarea",
-        disabled: x,
+        disabled: E,
         id: f,
-        name: w || void 0,
-        readonly: z,
-        required: !!s,
-        rows: String(l),
+        name: x || void 0,
+        readonly: S,
+        required: !!l,
+        rows: String(s),
         spellcheck: h === void 0 ? void 0 : String(h)
       },
       children: [{ kind: "text", value: k || "" }]
     }
   ];
-  return E && D.push({
+  return z && A.push({
     kind: "element",
     tag: "p",
     attrs: { class: "description", id: C },
-    children: [{ kind: "text", value: E }]
+    children: [{ kind: "text", value: z }]
   }), {
     kind: "element",
     tag: "div",
@@ -8195,15 +8271,15 @@ function di({
       class: "set-textarea",
       "data-resize": p === "none" ? "none" : void 0,
       "data-size": c,
-      "data-inline-size": S === "fit" ? "fit" : void 0
+      "data-inline-size": w === "fit" ? "fit" : void 0
     },
-    children: D
+    children: A
   };
 }
-function Nn(t) {
-  return m(di(t));
+function Pn(t) {
+  return m(ci(t));
 }
-const Bn = {
+const Rn = {
   name: "textarea",
   description: "Use `textarea` to collect multiple lines of text from users.",
   output: { element: "div", class: "set-textarea" },
@@ -8392,168 +8468,169 @@ const Bn = {
     ]
   }
 };
-function On() {
-  Gt(), Kt(), Yt(), ie(), re(), se(), pe(), me(), be();
+function Wn() {
+  Xt(), te(), ne(), de(), le(), he(), ke(), fe(), Se();
 }
 export {
-  xt as SET_ALERT_EVENT_BEFORE_DISMISS,
-  Et as SET_ALERT_EVENT_DISMISS,
-  ui as SET_ALERT_SPEC,
+  zt as SET_ALERT_EVENT_BEFORE_DISMISS,
+  Lt as SET_ALERT_EVENT_DISMISS,
+  bi as SET_ALERT_SPEC,
   Z as SET_ALERT_TAG_NAME,
-  Ai as SET_AVATAR_SPEC,
-  Di as SET_BADGE_SPEC,
-  Lt as SET_BANNER_EVENT_BEFORE_DISMISS,
-  Ct as SET_BANNER_EVENT_DISMISS,
-  gi as SET_BANNER_SPEC,
+  Ni as SET_AVATAR_SPEC,
+  Oi as SET_BADGE_SPEC,
+  Mt as SET_BANNER_EVENT_BEFORE_DISMISS,
+  qt as SET_BANNER_EVENT_DISMISS,
+  wi as SET_BANNER_SPEC,
   F as SET_BANNER_TAG_NAME,
-  Bi as SET_BLOCKQUOTE_SPEC,
-  Pi as SET_BOX_SPEC,
-  pi as SET_BUTTON_SPEC,
-  Wi as SET_CARD_SPEC,
-  $i as SET_CHECKBOX_SPEC,
-  Zi as SET_CONTAINER_SPEC,
-  ji as SET_DETAILS_SPEC,
-  Xi as SET_DIVIDER_SPEC,
-  Si as SET_EXPANDER_SPEC,
-  Yi as SET_FIELDSET_SPEC,
-  tn as SET_FIGURE_SPEC,
-  an as SET_GRID_ITEM_SPEC,
-  rn as SET_GRID_SPEC,
-  dn as SET_HEADING_SPEC,
-  si as SET_ICON_NAMES,
-  li as SET_ICON_SPEC,
-  bi as SET_IMAGE_SPEC,
+  Ui as SET_BLOCKQUOTE_SPEC,
+  Gi as SET_BOX_SPEC,
+  ki as SET_BUTTON_SPEC,
+  Fi as SET_CARD_SPEC,
+  Ki as SET_CHECKBOX_SPEC,
+  Qi as SET_CONTAINER_SPEC,
+  Ji as SET_DETAILS_SPEC,
+  en as SET_DIVIDER_SPEC,
+  Ci as SET_EXPANDER_SPEC,
+  rn as SET_FIELDSET_SPEC,
+  on as SET_FIGURE_SPEC,
+  pn as SET_GRID_ITEM_SPEC,
+  ln as SET_GRID_SPEC,
+  un as SET_HEADING_SPEC,
+  ui as SET_ICON_NAMES,
+  hi as SET_ICON_SPEC,
+  Si as SET_IMAGE_SPEC,
   K as SET_IMAGE_TAG_NAME,
-  ln as SET_INLINE_SPEC,
-  cn as SET_INPUT_SPEC,
-  Mt as SET_LIGHTSWITCH_EVENT_CHANGE,
-  fi as SET_LIGHTSWITCH_SPEC,
+  mn as SET_INLINE_SPEC,
+  gn as SET_INPUT_SPEC,
+  It as SET_LIGHTSWITCH_EVENT_CHANGE,
+  Ei as SET_LIGHTSWITCH_SPEC,
   st as SET_LIGHTSWITCH_STORAGE_KEY,
   X as SET_LIGHTSWITCH_TAG_NAME,
-  mi as SET_LINK_SPEC,
-  hn as SET_LOGO_SPEC,
-  qt as SET_MENU_EVENT_CHOOSE,
-  wi as SET_MENU_SPEC,
+  fi as SET_LINK_SPEC,
+  vn as SET_LOGO_SPEC,
+  At as SET_MENU_EVENT_CHOOSE,
+  Li as SET_MENU_SPEC,
   Q as SET_MENU_TAG_NAME,
-  Ei as SET_NAV_SPEC,
+  qi as SET_NAV_SPEC,
   Y as SET_NAV_TAG_NAME,
-  kn as SET_PAGE_SPEC,
-  bn as SET_PANEL_SPEC,
-  fn as SET_PATTERN_SPEC,
-  Sn as SET_POSTER_SPEC,
-  En as SET_PROSE_SPEC,
-  Ln as SET_RADIOS_SPEC,
-  Li as SET_RANGE_SPEC,
+  yn as SET_PAGE_SPEC,
+  Sn as SET_PANEL_SPEC,
+  En as SET_PATTERN_SPEC,
+  Cn as SET_POSTER_SPEC,
+  qn as SET_PROSE_SPEC,
+  An as SET_RADIOS_SPEC,
+  Ai as SET_RANGE_SPEC,
   J as SET_RANGE_TAG_NAME,
-  Mn as SET_ROOT_SPEC,
-  Mi as SET_SIDEBAR_SPEC,
+  _n as SET_ROOT_SPEC,
+  _i as SET_SIDEBAR_SPEC,
   tt as SET_SIDEBAR_TAG_NAME,
-  In as SET_SPINNER_SPEC,
-  An as SET_STACK_SPEC,
-  Dn as SET_SURFACE_SPEC,
-  Hn as SET_SWITCH_SPEC,
-  Bn as SET_TEXTAREA_SPEC,
-  Hi as SET_TEXT_SPEC,
-  Ii as SET_VIDEO_SPEC,
+  mi as SET_SPINNER_SPEC,
+  Vn as SET_STACK_SPEC,
+  Nn as SET_SURFACE_SPEC,
+  On as SET_SWITCH_SPEC,
+  Rn as SET_TEXTAREA_SPEC,
+  Ri as SET_TEXT_SPEC,
+  Vi as SET_VIDEO_SPEC,
   et as SET_VIDEO_TAG_NAME,
-  $t as buildSetAlert,
-  Le as buildSetAvatar,
-  Ce as buildSetBadge,
-  jt as buildSetBanner,
-  Me as buildSetBlockquote,
-  qe as buildSetBox,
+  Gt as applySetButtonActivity,
+  Kt as buildSetAlert,
+  Ae as buildSetAvatar,
+  Te as buildSetBadge,
+  Jt as buildSetBanner,
+  _e as buildSetBlockquote,
+  De as buildSetBox,
   ht as buildSetButton,
-  Ie as buildSetCard,
-  Te as buildSetCheckbox,
-  Ae as buildSetContainer,
-  _e as buildSetDetails,
-  De as buildSetDivider,
-  ae as buildSetExpander,
-  It as buildSetFieldset,
-  Ve as buildSetFigure,
-  He as buildSetGrid,
-  Ne as buildSetGridItem,
-  Be as buildSetHeading,
-  P as buildSetIcon,
-  Xt as buildSetImage,
-  Oe as buildSetInline,
-  Pe as buildSetInput,
-  ee as buildSetLightswitch,
-  zt as buildSetLink,
-  Ke as buildSetLogo,
-  ne as buildSetMenu,
-  de as buildSetNav,
-  Xe as buildSetPage,
-  Qe as buildSetPanel,
-  Ye as buildSetPattern,
-  Je as buildSetPoster,
-  ti as buildSetProse,
-  ei as buildSetRadios,
-  le as buildSetRange,
-  ii as buildSetRoot,
-  he as buildSetSidebar,
-  ni as buildSetSpinner,
-  ri as buildSetStack,
-  ai as buildSetSurface,
-  oi as buildSetSwitch,
+  Ve as buildSetCard,
+  He as buildSetCheckbox,
+  Ne as buildSetContainer,
+  Be as buildSetDetails,
+  Oe as buildSetDivider,
+  pe as buildSetExpander,
+  Tt as buildSetFieldset,
+  Pe as buildSetFigure,
+  Re as buildSetGrid,
+  We as buildSetGridItem,
+  Ue as buildSetHeading,
+  R as buildSetIcon,
+  ee as buildSetImage,
+  $e as buildSetInline,
+  Ge as buildSetInput,
+  oe as buildSetLightswitch,
+  Ct as buildSetLink,
+  ti as buildSetLogo,
+  se as buildSetMenu,
+  ue as buildSetNav,
+  ei as buildSetPage,
+  ii as buildSetPanel,
+  ni as buildSetPattern,
+  ri as buildSetPoster,
+  ai as buildSetProse,
+  oi as buildSetRadios,
+  me as buildSetRange,
+  di as buildSetRoot,
+  ve as buildSetSidebar,
+  Ut as buildSetSpinner,
+  si as buildSetStack,
+  li as buildSetSurface,
+  pi as buildSetSwitch,
   it as buildSetText,
-  di as buildSetTextarea,
-  ke as buildSetVideo,
-  Gt as defineSetAlert,
-  Kt as defineSetBanner,
-  On as defineSetComponents,
-  Yt as defineSetImage,
-  ie as defineSetLightswitch,
-  re as defineSetMenu,
-  se as defineSetNav,
-  pe as defineSetRange,
-  me as defineSetSidebar,
-  be as defineSetVideo,
-  ye as getSetInitials,
-  ci as renderSetAlert,
-  Ti as renderSetAvatar,
-  _i as renderSetBadge,
-  ki as renderSetBanner,
-  Ni as renderSetBlockquote,
-  Oi as renderSetBox,
+  ci as buildSetTextarea,
+  ye as buildSetVideo,
+  Xt as defineSetAlert,
+  te as defineSetBanner,
+  Wn as defineSetComponents,
+  ne as defineSetImage,
+  de as defineSetLightswitch,
+  le as defineSetMenu,
+  he as defineSetNav,
+  ke as defineSetRange,
+  fe as defineSetSidebar,
+  Se as defineSetVideo,
+  ze as getSetInitials,
+  gi as renderSetAlert,
+  Hi as renderSetAvatar,
+  Bi as renderSetBadge,
+  yi as renderSetBanner,
+  Wi as renderSetBlockquote,
+  $i as renderSetBox,
   mt as renderSetButton,
-  Ri as renderSetCard,
-  Ui as renderSetCheckbox,
-  Gi as renderSetContainer,
-  Fi as renderSetDetails,
-  Ki as renderSetDivider,
-  oe as renderSetExpander,
-  Qi as renderSetFieldset,
-  Ji as renderSetFigure,
-  en as renderSetGrid,
-  nn as renderSetGridItem,
-  on as renderSetHeading,
-  Pt as renderSetIcon,
-  Qt as renderSetImage,
-  sn as renderSetInline,
-  pn as renderSetInput,
-  vi as renderSetLightswitch,
-  hi as renderSetLink,
-  un as renderSetLogo,
-  yi as renderSetMenu,
-  xi as renderSetNav,
-  mn as renderSetPage,
-  gn as renderSetPanel,
-  vn as renderSetPattern,
-  wn as renderSetPoster,
-  yn as renderSetPosterImage,
-  xn as renderSetProse,
-  zn as renderSetRadios,
-  zi as renderSetRange,
-  Cn as renderSetRoot,
-  Ci as renderSetSidebar,
-  qn as renderSetSpinner,
-  Tn as renderSetStack,
-  _n as renderSetSurface,
-  Vn as renderSetSwitch,
-  Vi as renderSetText,
-  Nn as renderSetTextarea,
-  qi as renderSetVideo,
+  Zi as renderSetCard,
+  ji as renderSetCheckbox,
+  Xi as renderSetContainer,
+  Yi as renderSetDetails,
+  tn as renderSetDivider,
+  ce as renderSetExpander,
+  nn as renderSetFieldset,
+  an as renderSetFigure,
+  dn as renderSetGrid,
+  sn as renderSetGridItem,
+  cn as renderSetHeading,
+  Wt as renderSetIcon,
+  ie as renderSetImage,
+  hn as renderSetInline,
+  kn as renderSetInput,
+  xi as renderSetLightswitch,
+  vi as renderSetLink,
+  bn as renderSetLogo,
+  zi as renderSetMenu,
+  Mi as renderSetNav,
+  fn as renderSetPage,
+  wn as renderSetPanel,
+  xn as renderSetPattern,
+  Ln as renderSetPoster,
+  zn as renderSetPosterImage,
+  Mn as renderSetProse,
+  In as renderSetRadios,
+  Ii as renderSetRange,
+  Tn as renderSetRoot,
+  Ti as renderSetSidebar,
+  bt as renderSetSpinner,
+  Dn as renderSetStack,
+  Hn as renderSetSurface,
+  Bn as renderSetSwitch,
+  Pi as renderSetText,
+  Pn as renderSetTextarea,
+  Di as renderSetVideo,
   m as serializeSetNode
 };
 //# sourceMappingURL=index.js.map