@monospaced/set-core 0.19.0 → 0.20.0

package/dist/index.js

@@ -1,4 +1,4 @@
-const Pt = /* @__PURE__ */ new Set([
+const Ot = /* @__PURE__ */ new Set([
   "area",
   "base",
   "br",
@@ -16,25 +16,25 @@ const Pt = /* @__PURE__ */ new Set([
 function wt(t) {
   return t.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
 }
-function Rt(t) {
+function Pt(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 wt(t.value);
   if (t.kind === "raw") return t.html;
-  const n = Rt(t.attrs), e = n ? `<${t.tag} ${n}>` : `<${t.tag}>`;
-  if (Pt.has(t.tag)) return e;
+  const n = Pt(t.attrs), e = n ? `<${t.tag} ${n}>` : `<${t.tag}>`;
+  if (Ot.has(t.tag)) return e;
   const i = t.children.map(m).join("");
   return `${e}${i}</${t.tag}>`;
 }
-function H(t) {
+function N(t) {
   return /^[A-Za-z][\w:-]*$/.test(t);
 }
 function b(t) {
   if (t === void 0) return;
   const n = t.trim();
   if (n) {
-    if (!H(n))
+    if (!N(n))
       throw new Error(
         "id must start with a letter and contain only letters, numbers, '_', '-', or ':'."
       );
@@ -44,7 +44,48 @@ function b(t) {
 function P(t) {
   return t == null ? void 0 : t.trim().replace(/\s+/g, " ") || void 0;
 }
-const St = {
+const Rt = [
+  "adjustment",
+  "arrow-down",
+  "arrow-left",
+  "arrow-left-right-1",
+  "arrow-right",
+  "arrow-up",
+  "arrow-up-down-1",
+  "check",
+  "check-circle",
+  "chevron-down",
+  "chevron-right",
+  "circle",
+  "city-6",
+  "close",
+  "copy",
+  "download",
+  "enter",
+  "error-circle",
+  "error-triangle",
+  "horizontal",
+  "image",
+  "info-circle",
+  "jump",
+  "layers",
+  "link",
+  "member",
+  "moon",
+  "panel-left",
+  "pantone",
+  "play",
+  "rectangle",
+  "refresh",
+  "robot-1",
+  "search",
+  "setting-1",
+  "sticky-note",
+  "sunny",
+  "swap",
+  "user-1",
+  "view-list"
+], Wt = {
   adjustment: [
     {
       tag: "g",
@@ -775,13 +816,13 @@ const St = {
       ]
     }
   ]
-}, ui = Object.keys(St);
-function xt(t) {
+}, hi = [...Rt];
+function St(t) {
   return t.map((n) => ({
     kind: "element",
     tag: n.tag,
     attrs: n.attrs,
-    children: n.children ? xt(n.children) : []
+    children: n.children ? St(n.children) : []
   }));
 }
 function R({
@@ -792,7 +833,7 @@ function R({
   size: r = "md",
   title: a
 }) {
-  const d = St[i];
+  const d = Wt[i];
   if (!d)
     throw new Error(`Unknown icon name: ${i}`);
   const o = b(n), s = a?.trim();
@@ -806,7 +847,7 @@ function R({
     tag: "title",
     attrs: { id: p },
     children: [{ kind: "text", value: s }]
-  }), l.push(...xt(d)), {
+  }), l.push(...St(d)), {
     kind: "element",
     tag: "svg",
     attrs: {
@@ -827,10 +868,10 @@ function R({
     children: l
   };
 }
-function Wt(t) {
+function Ut(t) {
   return m(R(t));
 }
-const hi = {
+const mi = {
   name: "icon",
   description: "Use `icon` to render a Set icon.",
   output: { element: "svg", class: "set-icon" },
@@ -944,7 +985,7 @@ const hi = {
     ]
   }
 };
-function Ut({
+function $t({
   id: t,
   label: n,
   size: e = "md",
@@ -1002,9 +1043,9 @@ function Ut({
   };
 }
 function bt(t = {}) {
-  return m(Ut(t));
+  return m($t(t));
 }
-const mi = {
+const ki = {
   name: "spinner",
   description: "Use `spinner` to indicate loading or in-progress state.",
   output: { element: "span", class: "set-spinner" },
@@ -1061,12 +1102,12 @@ const mi = {
       }
     ]
   }
-}, $t = {
+}, Gt = {
   sm: "xs",
   md: "sm",
   lg: "md"
 };
-function Et(t) {
+function xt(t) {
   return {
     "aria-disabled": t === "busy" ? "true" : void 0,
     "data-activity": t || void 0
@@ -1102,7 +1143,7 @@ function ht(t) {
     children: [
       {
         kind: "raw",
-        html: Wt({
+        html: Ut({
           ariaHidden: !0,
           mirrored: l,
           name: w,
@@ -1133,20 +1174,20 @@ function ht(t) {
     children: [
       {
         kind: "raw",
-        html: bt({ size: $t[v] })
+        html: bt({ size: Gt[v] })
       }
     ]
-  } : null, q = E ? c === "end" ? [L, E] : [E, L] : V ? [V, L] : [L], I = A ? [...q, A] : q, N = Et(n);
+  } : null, q = E ? c === "end" ? [L, E] : [E, L] : V ? [V, L] : [L], I = A ? [...q, A] : q, H = xt(n);
   return {
     kind: "element",
     tag: "button",
     attrs: {
       "aria-controls": a && i || void 0,
-      "aria-disabled": N["aria-disabled"],
+      "aria-disabled": H["aria-disabled"],
       "aria-expanded": a ? "false" : void 0,
       "aria-haspopup": o || void 0,
       class: "set-button",
-      "data-activity": N["data-activity"],
+      "data-activity": H["data-activity"],
       "data-appearance": e,
       "data-label-visibility": g === "visible" ? void 0 : g,
       "data-size": v,
@@ -1164,12 +1205,12 @@ function ht(t) {
 function mt(t) {
   return m(ht(t));
 }
-function Gt(t, n) {
-  const e = Et(n ?? void 0);
+function Zt(t, n) {
+  const e = xt(n ?? void 0);
   for (const [i, r] of Object.entries(e))
     r == null ? t.removeAttribute(i) : t.setAttribute(i, r);
 }
-const ki = {
+const gi = {
   name: "button",
   description: "Use `button` to let users trigger actions.",
   output: { element: "button", class: "set-button" },
@@ -1368,8 +1409,8 @@ const ki = {
       }
     ]
   }
-}, Z = "set-alert", zt = "set-alert-before-dismiss", Lt = "set-alert-dismiss", U = "Dismiss alert";
-function Zt(t, n) {
+}, Z = "set-alert", Et = "set-alert-before-dismiss", zt = "set-alert-dismiss", U = "Dismiss alert";
+function Ft(t, n) {
   const e = n.createElement("div");
   return e.setAttribute("data-part", "close"), e.innerHTML = mt({
     appearance: "text",
@@ -1380,7 +1421,7 @@ function Zt(t, n) {
     tone: "neutral"
   }), e;
 }
-function Ft(t) {
+function jt(t) {
   switch (t) {
     case "success":
       return "check-circle";
@@ -1394,10 +1435,10 @@ function Ft(t) {
       return "sticky-note";
   }
 }
-function jt(t) {
+function Kt(t) {
   return t === "warning" || t === "error" ? "alert" : "status";
 }
-function Kt({
+function Xt({
   dismissible: t,
   dismissibleLabel: n = U,
   id: e,
@@ -1429,7 +1470,7 @@ function Kt({
       "data-size": a,
       "data-tone": d || void 0,
       id: s,
-      role: jt(d)
+      role: Kt(d)
     },
     children: [
       {
@@ -1439,7 +1480,7 @@ function Kt({
         children: [
           R({
             ariaHidden: !0,
-            name: Ft(d),
+            name: jt(d),
             size: a
           })
         ]
@@ -1453,24 +1494,24 @@ function Kt({
     ]
   };
 }
-function gi(t) {
-  return m(Kt(t));
+function bi(t) {
+  return m(Xt(t));
 }
-function Xt() {
+function Qt() {
   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(
-        zt,
+        Et,
         {
           bubbles: !0,
           cancelable: !0
         }
       );
       this.dispatchEvent(r) && (this.dispatchEvent(
-        new CustomEvent(Lt, {
+        new CustomEvent(zt, {
           bubbles: !0
         })
       ), this.remove());
@@ -1483,7 +1524,7 @@ function Xt() {
     }
     #e() {
       this.querySelector('[data-part="close"]') || this.append(
-        Zt(
+        Ft(
           this.getAttribute("data-dismissible-label") ?? U,
           this.ownerDocument
         )
@@ -1492,7 +1533,7 @@ function Xt() {
   }
   customElements.define(Z, t);
 }
-const bi = {
+const vi = {
   name: "alert",
   description: "Use `alert` to surface short, important messages.",
   output: {
@@ -1547,12 +1588,12 @@ const bi = {
     }
   },
   events: {
-    [zt]: {
+    [Et]: {
       bubbles: !0,
       cancelable: !0,
       description: "Fired before the alert is removed by a dismiss action. Call `preventDefault()` to keep the alert mounted."
     },
-    [Lt]: {
+    [zt]: {
       bubbles: !0,
       description: "Fired after the alert has been removed by an allowed dismiss action."
     }
@@ -1641,11 +1682,11 @@ const bi = {
     ]
   }
 };
-function Qt(t) {
+function Yt(t) {
   if (t)
     return t === !0 ? !0 : t;
 }
-function Ct(t) {
+function Lt(t) {
   const {
     appearance: n = "text",
     current: e,
@@ -1664,7 +1705,7 @@ function Ct(t) {
   } = t, v = b(a), z = d?.trim() || void 0;
   if (p !== "visible" && !!!z)
     throw new Error("labelVisibility requires icon when label is not visible.");
-  const S = Qt(i), w = z ? {
+  const S = Yt(i), w = z ? {
     kind: "element",
     tag: "span",
     attrs: { class: "icon-wrapper" },
@@ -1695,10 +1736,10 @@ function Ct(t) {
     children: w ? o === "end" ? [x, w] : [w, x] : [x]
   };
 }
-function vi(t) {
-  return m(Ct(t));
+function fi(t) {
+  return m(Lt(t));
 }
-const fi = {
+const yi = {
   name: "link",
   description: "Use `link` to navigate to another page or resource.",
   output: { element: "a", class: "set-link" },
@@ -1885,8 +1926,8 @@ const fi = {
       }
     ]
   }
-}, F = "set-banner", Mt = "set-banner-before-dismiss", qt = "set-banner-dismiss", j = "Dismiss banner";
-function Yt(t, n) {
+}, F = "set-banner", Ct = "set-banner-before-dismiss", Mt = "set-banner-dismiss", j = "Dismiss banner";
+function Jt(t, n) {
   const e = n.createElement("div");
   return e.setAttribute("data-part", "close"), e.innerHTML = mt({
     appearance: "text",
@@ -1897,7 +1938,7 @@ function Yt(t, n) {
     tone: "neutral"
   }), e;
 }
-function Jt({
+function te({
   actionHref: t,
   actionLabel: n,
   dismissible: e = !0,
@@ -1910,7 +1951,7 @@ function Jt({
     throw new Error("actionHref and actionLabel must be provided together.");
   const o = b(r), s = i.trim() === "" ? j : i, p = [{ kind: "text", value: a }];
   return t && n && (p.push({ kind: "text", value: " " }), p.push(
-    Ct({
+    Lt({
       href: t,
       label: n,
       underline: !0
@@ -1937,24 +1978,24 @@ function Jt({
     ]
   };
 }
-function yi(t) {
-  return m(Jt(t));
+function wi(t) {
+  return m(te(t));
 }
-function te() {
+function ee() {
   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(
-        Mt,
+        Ct,
         {
           bubbles: !0,
           cancelable: !0
         }
       );
       this.dispatchEvent(r) && (this.dispatchEvent(
-        new CustomEvent(qt, {
+        new CustomEvent(Mt, {
           bubbles: !0
         })
       ), this.remove());
@@ -1967,7 +2008,7 @@ function te() {
     }
     #e() {
       this.querySelector('[data-part="close"]') || this.append(
-        Yt(
+        Jt(
           this.getAttribute("data-dismissible-label") ?? j,
           this.ownerDocument
         )
@@ -1976,7 +2017,7 @@ function te() {
   }
   customElements.define(F, t);
 }
-const wi = {
+const Si = {
   name: "banner",
   description: "Use `banner` to display a prominent site-wide message.",
   output: { element: F, class: "set-banner" },
@@ -2021,12 +2062,12 @@ const wi = {
     }
   },
   events: {
-    [Mt]: {
+    [Ct]: {
       bubbles: !0,
       cancelable: !0,
       description: "Fired before the banner is removed by a dismiss action. Call `preventDefault()` to keep the banner mounted."
     },
-    [qt]: {
+    [Mt]: {
       bubbles: !0,
       description: "Fired after the banner has been removed by an allowed dismiss action."
     }
@@ -2065,7 +2106,7 @@ const wi = {
     ]
   }
 }, K = "set-image";
-function ee({
+function ie({
   adaptive: t,
   alt: n = "",
   aspectRatio: e,
@@ -2086,16 +2127,16 @@ function ee({
   width: M
 }) {
   const S = i === "cover", w = b(d), x = y.trim(), E = v?.trim(), L = s?.trim(), A = z?.trim(), V = h?.trim(), q = g?.map((u, C) => {
-    const T = u.srcSet.trim(), f = u.media?.trim(), k = u.type?.trim(), Nt = u.sizes?.trim(), Bt = u.leadSrc?.trim(), Ot = u.stillSrc?.trim();
+    const T = u.srcSet.trim(), f = u.media?.trim(), k = u.type?.trim(), Nt = u.sizes?.trim(), Ht = u.leadSrc?.trim(), Bt = u.stillSrc?.trim();
     if (!T)
       throw new Error(`sources[${C}].srcSet must be non-empty.`);
     return {
       height: u.height,
-      leadSrc: Bt || void 0,
+      leadSrc: Ht || void 0,
       media: f || void 0,
       sizes: Nt || void 0,
       srcSet: T,
-      stillSrc: Ot || void 0,
+      stillSrc: Bt || void 0,
       type: k || void 0,
       width: u.width
     };
@@ -2108,7 +2149,7 @@ function ee({
     ...q.map((u) => u.srcSet)
   ].some((u) => u?.includes("#")))
     throw new Error("adaptive sources must not contain URL fragments.");
-  const I = !!A, N = !!(I && t), nt = !!(I && L), $ = !!L || q.some((u) => u.leadSrc);
+  const I = !!A, H = !!(I && t), nt = !!(I && L), $ = !!L || q.some((u) => u.leadSrc);
   if (!I && $)
     throw new Error("leadSrc requires a stillSrc.");
   if (!I && q.some((u) => u.stillSrc))
@@ -2235,7 +2276,7 @@ function ee({
       attrs: { "data-scheme": u },
       children: [...C, ...T, f]
     };
-  }, Vt = (u) => {
+  }, Dt = (u) => {
     const C = "(prefers-reduced-motion: no-preference)", T = q.map((k) => {
       if (k.leadSrc)
         return {
@@ -2280,7 +2321,7 @@ function ee({
       attrs: { "data-scheme": u, "data-layer": "lead" },
       children: [...T, f]
     };
-  }, dt = (u) => nt ? [gt(u), Vt(u)] : [gt(u)], Ht = I ? N ? [...dt("light"), ...dt("dark")] : dt() : t ? [rt("light"), rt("dark")] : [rt()], G = [];
+  }, dt = (u) => nt ? [gt(u), Dt(u)] : [gt(u)], Vt = I ? H ? [...dt("light"), ...dt("dark")] : dt() : t ? [rt("light"), rt("dark")] : [rt()], G = [];
   return a && G.push(`--set-image-block-size: ${a / 16}rem`), M && G.push(`--set-image-inline-size: ${M / 16}rem`), {
     kind: "element",
     tag: K,
@@ -2298,13 +2339,13 @@ function ee({
       id: w,
       style: G.length > 0 ? G.join("; ") : void 0
     },
-    children: Ht
+    children: Vt
   };
 }
-function ie(t) {
-  return m(ee(t));
+function ne(t) {
+  return m(ie(t));
 }
-function ne() {
+function re() {
   if (customElements.get(K)) return;
   const t = "(prefers-reduced-motion: reduce)";
   class n extends HTMLElement {
@@ -2327,7 +2368,7 @@ function ne() {
   }
   customElements.define(K, n);
 }
-const Si = {
+const xi = {
   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" },
@@ -2550,11 +2591,11 @@ const Si = {
       }
     ]
   }
-}, X = "set-lightswitch", It = "set-lightswitch-change", st = "set-theme", lt = "Switch to dark theme", pt = "Switch to light theme";
-function re(t) {
+}, X = "set-lightswitch", qt = "set-lightswitch-change", st = "set-theme", lt = "Switch to dark theme", pt = "Switch to light theme";
+function ae(t) {
   return t === "dark" ? "light" : "dark";
 }
-function ae(t) {
+function oe(t) {
   return t === "dark" ? "moon" : "sunny";
 }
 function vt(t, n) {
@@ -2570,7 +2611,7 @@ function vt(t, n) {
         children: [
           R({
             ariaHidden: !0,
-            name: ae(t),
+            name: oe(t),
             size: "fill"
           })
         ]
@@ -2584,7 +2625,7 @@ function vt(t, n) {
     ]
   };
 }
-function oe({
+function de({
   appearance: t = "text",
   id: n,
   labelDark: e = lt,
@@ -2617,18 +2658,18 @@ function oe({
     ]
   };
 }
-function xi(t) {
-  return m(oe(t));
+function Ei(t) {
+  return m(de(t));
 }
-function de() {
+function se() {
   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 = re(this.#u());
+      const r = ae(this.#u());
       r === this.#a() ? this.#r() : this.#n(r), this.#o(), this.dispatchEvent(
-        new CustomEvent(It, {
+        new CustomEvent(qt, {
           bubbles: !0,
           detail: { stored: !!this.#i(), theme: r }
         })
@@ -2690,7 +2731,7 @@ function de() {
   }
   customElements.define(X, t);
 }
-const Ei = {
+const zi = {
   name: "lightswitch",
   description: "Use `lightswitch` to let users toggle between light and dark themes.",
   output: { element: X, class: "set-lightswitch" },
@@ -2722,7 +2763,7 @@ const Ei = {
     }
   },
   events: {
-    [It]: {
+    [qt]: {
       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."
     }
@@ -2761,8 +2802,8 @@ const Ei = {
       }
     ]
   }
-}, Q = "set-menu", At = "set-menu-choose";
-function se({
+}, Q = "set-menu", It = "set-menu-choose";
+function le({
   align: t = "start",
   id: n,
   items: e,
@@ -2777,7 +2818,7 @@ function se({
   const l = n.trim();
   if (!l)
     throw new Error("id must be a non-empty string.");
-  if (!H(l))
+  if (!N(l))
     throw new Error(
       "id must start with a letter and contain only letters, numbers, '_', '-', or ':'."
     );
@@ -2843,10 +2884,10 @@ function se({
     ]
   };
 }
-function zi(t) {
-  return m(se(t));
+function Li(t) {
+  return m(le(t));
 }
-function le() {
+function pe() {
   if (customElements.get(Q)) return;
   class t extends HTMLElement {
     #t;
@@ -2866,7 +2907,7 @@ function le() {
     }
     set triggerActivity(e) {
       const i = this.#r();
-      i && Gt(i, e);
+      i && Zt(i, e);
     }
     connectedCallback() {
       this.#p(), this.#d(!1), this.#k();
@@ -2912,7 +2953,7 @@ function le() {
         this.querySelectorAll('[role="menuitem"]')
       ).indexOf(e);
       this.dispatchEvent(
-        new CustomEvent(At, {
+        new CustomEvent(It, {
           bubbles: !0,
           detail: {
             id: e.getAttribute("data-item-id") || void 0,
@@ -2976,7 +3017,7 @@ function le() {
   }
   customElements.define(Q, t);
 }
-const Li = {
+const Ci = {
   name: "menu",
   description: "Use `menu` to show a list of actions from a trigger button.",
   output: {
@@ -3058,7 +3099,7 @@ const Li = {
     }
   },
   events: {
-    [At]: {
+    [It]: {
       bubbles: !0,
       description: "Fired when a menu item is activated.",
       detail: "{ id?: string; index: number; label: string }"
@@ -3119,7 +3160,7 @@ const Li = {
     ]
   }
 }, ct = "Menu";
-function pe({
+function ce({
   controlsId: t,
   expanded: n,
   id: e,
@@ -3161,10 +3202,10 @@ function pe({
     ]
   };
 }
-function ce(t = {}) {
-  return m(pe(t));
+function ue(t = {}) {
+  return m(ce(t));
 }
-const Ci = {
+const Mi = {
   name: "expander",
   description: "Use `expander` as a toggle for disclosure regions such as menus.",
   output: { element: "button", class: "set-expander" },
@@ -3230,7 +3271,7 @@ const Ci = {
     ]
   }
 }, Y = "set-nav", ft = "data-set-scroll-locked";
-function ue({
+function he({
   collapsible: t,
   contentId: n,
   expanderLabel: e,
@@ -3245,7 +3286,7 @@ function ue({
     throw new Error(
       "contentId must be a non-empty string when collapsible is set."
     );
-  if (l && !H(l))
+  if (l && !N(l))
     throw new Error(
       "contentId must start with a letter and contain only letters, numbers, '_', '-', or ':'."
     );
@@ -3307,10 +3348,10 @@ function ue({
     ]
   };
 }
-function Mi(t) {
-  return m(ue(t));
+function qi(t) {
+  return m(he(t));
 }
-function he() {
+function me() {
   if (customElements.get(Y)) return;
   class t extends HTMLElement {
     #t;
@@ -3337,7 +3378,7 @@ function he() {
       const i = e.querySelector(".content");
       i && e.insertAdjacentHTML(
         "afterbegin",
-        `<div data-part="expander">${ce({
+        `<div data-part="expander">${ue({
           controlsId: i.id || void 0,
           label: this.getAttribute("data-expander-label") || void 0,
           size: this.getAttribute("data-size") === "sm" ? "md" : "lg"
@@ -3389,7 +3430,7 @@ function he() {
   }
   customElements.define(Y, t);
 }
-const qi = {
+const Ii = {
   name: "nav",
   description: "Use `nav` to render a primary navigation list.",
   output: { element: Y, class: "set-nav" },
@@ -3504,7 +3545,7 @@ const qi = {
     ]
   }
 }, J = "set-range";
-function me({
+function ke({
   description: t,
   disabled: n,
   id: e,
@@ -3520,7 +3561,7 @@ function me({
   const c = e.trim(), h = t?.trim(), g = o?.trim();
   if (!c)
     throw new Error("id must be a non-empty string.");
-  if (!H(c))
+  if (!N(c))
     throw new Error(
       "id must start with a letter and contain only letters, numbers, '_', '-', or ':'."
     );
@@ -3578,10 +3619,10 @@ function me({
     children: v
   };
 }
-function Ii(t) {
-  return m(me(t));
+function Ai(t) {
+  return m(ke(t));
 }
-function ke() {
+function ge() {
   if (customElements.get(J)) return;
   class t extends HTMLElement {
     #t;
@@ -3638,7 +3679,7 @@ function ke() {
   }
   customElements.define(J, t);
 }
-const Ai = {
+const Ti = {
   name: "range",
   description: "Use `range` to let users pick a numeric value along a scale.",
   output: { element: J, class: "set-range" },
@@ -3770,8 +3811,8 @@ const Ai = {
       }
     ]
   }
-}, tt = "set-sidebar", ge = "(min-width: 68em)", O = "Collapse sidebar", ut = "Open sidebar";
-function be(t, n) {
+}, tt = "set-sidebar", be = "(min-width: 68em)", O = "Collapse sidebar", ut = "Open sidebar";
+function ve(t, n) {
   return `<div data-part="close">${mt({
     appearance: "text",
     icon: "panel-left",
@@ -3783,7 +3824,7 @@ function be(t, n) {
     type: "button"
   })}</div>`;
 }
-function ve({
+function fe({
   aboveNotebook: t = "persistent",
   buttonSize: n = "md",
   children: e,
@@ -3797,7 +3838,7 @@ function ve({
   const p = d.trim(), l = i.trim() || O, c = s.trim() || ut;
   if (!p)
     throw new Error("id must be a non-empty string.");
-  if (!H(p))
+  if (!N(p))
     throw new Error(
       "id must start with a letter and contain only letters, numbers, '_', '-', or ':'."
     );
@@ -3872,10 +3913,10 @@ function ve({
     ]
   };
 }
-function Ti(t) {
-  return m(ve(t));
+function _i(t) {
+  return m(fe(t));
 }
-function fe() {
+function ye() {
   if (customElements.get(tt)) return;
   class t extends HTMLElement {
     #t;
@@ -3923,7 +3964,7 @@ function fe() {
       const i = e.querySelector(".header"), r = this.getAttribute("data-collapse-label") || O, a = this.getAttribute("data-button-size") ?? "md";
       i?.insertAdjacentHTML(
         "beforeend",
-        be(r, a)
+        ve(r, a)
       );
     }
     #d() {
@@ -3998,7 +4039,7 @@ function fe() {
     }
     #f() {
       const e = this.ownerDocument.defaultView;
-      e && (typeof e.matchMedia == "function" && (this.#t = e.matchMedia(ge), this.#n = () => {
+      e && (typeof e.matchMedia == "function" && (this.#t = e.matchMedia(be), this.#n = () => {
         this.#g();
       }, this.#t.addEventListener("change", this.#n), this.#g()), this.#e = (i) => {
         const r = i.target;
@@ -4027,7 +4068,7 @@ function fe() {
   }
   customElements.define(tt, t);
 }
-const _i = {
+const Di = {
   name: "sidebar",
   description: "Use `sidebar` for a side panel alongside main content.",
   output: {
@@ -4082,7 +4123,7 @@ const _i = {
       description: "Surface context. Applied to the inner panel.",
       type: {
         kind: "enum",
-        values: ["default", "brand", "inverse", "brand-inverse"]
+        values: ["default", "brand"]
       }
     },
     triggerLabel: {
@@ -4152,7 +4193,7 @@ const _i = {
     ]
   }
 }, et = "set-video";
-function ye({
+function we({
   autoPlay: t,
   controls: n,
   fit: e = "intrinsic",
@@ -4198,11 +4239,11 @@ function ye({
     children: [v]
   };
 }
-function Di(t) {
-  return m(ye(t));
+function Vi(t) {
+  return m(we(t));
 }
-const we = "(prefers-reduced-motion: reduce)";
-function Se() {
+const Se = "(prefers-reduced-motion: reduce)";
+function xe() {
   if (customElements.get(et)) return;
   class t extends HTMLElement {
     #t = !1;
@@ -4212,7 +4253,7 @@ function Se() {
       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(we), this.#i = () => {
+      !i || typeof i.matchMedia != "function" || (this.#e = i.matchMedia(Se), this.#i = () => {
         this.#n();
       }, this.#e.addEventListener("change", this.#i), this.#n());
     }
@@ -4227,7 +4268,7 @@ function Se() {
   }
   customElements.define(et, t);
 }
-const Vi = {
+const Ni = {
   name: "video",
   description: "Use `video` to render a video with intrinsic or fluid fit and native playback behavior.",
   output: { element: et, class: "set-video" },
@@ -4355,17 +4396,17 @@ const Vi = {
     ]
   }
 };
-function xe(t) {
+function Ee(t) {
   return t ? /[A-Za-z]/.test(t) : !1;
 }
-function Ee(t) {
+function ze(t) {
   return /^[a-z]/.test(t);
 }
 function B(t) {
   const n = t.charAt(0);
-  return xe(n) ? n : void 0;
+  return Ee(n) ? n : void 0;
 }
-function ze(t) {
+function Le(t) {
   const n = P(t);
   if (!n) return;
   const e = n.split(" "), i = B(e[0]);
@@ -4373,7 +4414,7 @@ function ze(t) {
   const r = [i.toUpperCase()];
   if (e.length === 1)
     return r[0];
-  const a = e.slice(1).find(Ee);
+  const a = e.slice(1).find(ze);
   if (a) {
     const o = B(a);
     return o ? `${r[0]}${o}` : void 0;
@@ -4397,7 +4438,7 @@ function ze(t) {
   if (d)
     return r.push(d), r.slice(0, 3).join("");
 }
-const Le = {
+const Ce = {
   bot: "robot-1",
   organization: "city-6",
   person: "user-1",
@@ -4413,13 +4454,13 @@ const Le = {
   "08",
   "09"
 ];
-function Ce(t) {
+function Me(t) {
   let n = 5381;
   for (const e of t)
     n = n * 33 ^ e.charCodeAt(0);
   return n >>> 0;
 }
-function Me(t) {
+function qe(t) {
   if (t == null) return;
   const n = P(t);
   if (n) {
@@ -4430,7 +4471,7 @@ function Me(t) {
     return n;
   }
 }
-function qe({
+function Ie({
   alt: t,
   ariaHidden: n,
   name: e
@@ -4438,18 +4479,18 @@ function qe({
   if (!n)
     return P(t) || P(e) || "Avatar";
 }
-function Ie({
+function Ae({
   color: t,
   name: n
 }) {
   if (t) return t;
   if (n) {
-    const e = Ce(n) % yt.length;
+    const e = Me(n) % yt.length;
     return yt[e];
   }
   return "neutral";
 }
-function Ae({
+function Te({
   alt: t,
   ariaHidden: n,
   color: e,
@@ -4460,11 +4501,11 @@ function Ae({
   size: o = "md",
   src: s
 }) {
-  const p = b(r), l = Me(a), c = P(d), h = P(s), g = qe({
+  const p = b(r), l = qe(a), c = P(d), h = P(s), g = Ie({
     alt: t,
     ariaHidden: n,
     name: c
-  }), y = l || ze(c), v = !!h, z = Ie({
+  }), y = l || Le(c), v = !!h, z = Ae({
     color: e,
     name: c
   }), M = {
@@ -4499,7 +4540,7 @@ function Ae({
     children: [
       R({
         ariaHidden: !0,
-        name: Le[i],
+        name: Ce[i],
         size: "fill"
       })
     ]
@@ -4511,9 +4552,9 @@ function Ae({
   };
 }
 function Hi(t) {
-  return m(Ae(t));
+  return m(Te(t));
 }
-const Ni = {
+const Bi = {
   name: "avatar",
   description: "Use `avatar` to visually represent a person, team, or entity.",
   output: { element: "span", class: "set-avatar" },
@@ -4620,7 +4661,7 @@ const Ni = {
     ]
   }
 };
-function Te({
+function _e({
   floating: t,
   id: n,
   label: e,
@@ -4641,10 +4682,10 @@ function Te({
     children: [{ kind: "text", value: e }]
   };
 }
-function Bi(t) {
-  return m(Te(t));
+function Oi(t) {
+  return m(_e(t));
 }
-const Oi = {
+const Pi = {
   name: "badge",
   description: "Use `badge` to annotate content with a short label.",
   output: { element: "span", class: "set-badge" },
@@ -4743,10 +4784,10 @@ function it({
     children: [{ kind: "raw", html: e }]
   };
 }
-function Pi(t) {
+function Ri(t) {
   return m(it(t));
 }
-const Ri = {
+const Wi = {
   name: "text",
   description: "Use `text` for inline or paragraph body copy.",
   output: {
@@ -4870,7 +4911,7 @@ const Ri = {
     ]
   }
 };
-function _e({
+function De({
   align: t = "start",
   attribution: n,
   id: e,
@@ -4920,10 +4961,10 @@ function _e({
     ]
   };
 }
-function Wi(t) {
-  return m(_e(t));
+function Ui(t) {
+  return m(De(t));
 }
-const Ui = {
+const $i = {
   name: "blockquote",
   description: "Use `blockquote` to display a quote with attribution.",
   output: { element: "figure", class: "set-blockquote" },
@@ -4992,7 +5033,7 @@ const Ui = {
     ]
   }
 };
-function De({
+function Ve({
   background: t = "default",
   border: n,
   children: e,
@@ -5021,10 +5062,10 @@ function De({
     children: e ? [{ kind: "raw", html: e }] : []
   };
 }
-function $i(t) {
-  return m(De(t));
+function Gi(t) {
+  return m(Ve(t));
 }
-const Gi = {
+const Zi = {
   name: "box",
   description: "Use `box` to inset content.",
   output: { element: "div", class: "set-box" },
@@ -5077,7 +5118,7 @@ const Gi = {
       description: "Surface context.",
       type: {
         kind: "enum",
-        values: ["default", "brand", "inverse", "brand-inverse"]
+        values: ["default", "brand"]
       }
     }
   },
@@ -5137,7 +5178,7 @@ const Gi = {
     ]
   }
 };
-function Ve({
+function Ne({
   description: t,
   headingLevel: n,
   href: e,
@@ -5203,10 +5244,10 @@ function Ve({
     children: c
   };
 }
-function Zi(t) {
-  return m(Ve(t));
+function Fi(t) {
+  return m(Ne(t));
 }
-const Fi = {
+const ji = {
   name: "card",
   description: "Use `card` to display a summary for a single topic.",
   output: {
@@ -5247,7 +5288,7 @@ const Fi = {
       description: "Surface context.",
       type: {
         kind: "enum",
-        values: ["default", "brand", "inverse", "brand-inverse"]
+        values: ["default", "brand"]
       }
     },
     title: {
@@ -5333,10 +5374,10 @@ function He({
     children: v
   };
 }
-function ji(t) {
+function Ki(t) {
   return m(He(t));
 }
-const Ki = {
+const Xi = {
   name: "checkbox",
   description: "Use `checkbox` to let users toggle a single option on or off.",
   output: { element: "div", class: "set-checkbox" },
@@ -5466,7 +5507,7 @@ const Ki = {
     ]
   }
 };
-function Ne({
+function Be({
   children: t,
   gutter: n = "default",
   id: e,
@@ -5485,10 +5526,10 @@ function Ne({
     children: t ? [{ kind: "raw", html: t }] : []
   };
 }
-function Xi(t) {
-  return m(Ne(t));
+function Qi(t) {
+  return m(Be(t));
 }
-const Qi = {
+const Yi = {
   name: "container",
   description: "Use `container` to wrap page-level content.",
   output: { element: "div", class: "set-container" },
@@ -5545,7 +5586,7 @@ const Qi = {
     ]
   }
 };
-function Be({
+function Oe({
   children: t,
   id: n,
   open: e,
@@ -5597,10 +5638,10 @@ function Be({
     ]
   };
 }
-function Yi(t) {
-  return m(Be(t));
+function Ji(t) {
+  return m(Oe(t));
 }
-const Ji = {
+const tn = {
   name: "details",
   description: "Use `details` to let users expand and collapse a section of content.",
   output: { element: "details", class: "set-details" },
@@ -5659,7 +5700,7 @@ const Ji = {
     ]
   }
 };
-function Oe({
+function Pe({
   id: t,
   orientation: n = "horizontal",
   tone: e = "default"
@@ -5678,10 +5719,10 @@ function Oe({
     children: []
   };
 }
-function tn(t = {}) {
-  return m(Oe(t));
+function en(t = {}) {
+  return m(Pe(t));
 }
-const en = {
+const nn = {
   name: "divider",
   description: "Use `divider` to separate sections with a rule.",
   output: {
@@ -5743,7 +5784,7 @@ const en = {
     ]
   }
 };
-function Tt({
+function At({
   children: t,
   description: n,
   disabled: e,
@@ -5755,7 +5796,7 @@ function Tt({
   const o = n?.trim(), s = i.trim();
   if (!s)
     throw new Error("id must be a non-empty string.");
-  if (!H(s))
+  if (!N(s))
     throw new Error(
       "id must start with a letter and contain only letters, numbers, '_', '-', or ':'."
     );
@@ -5786,10 +5827,10 @@ function Tt({
     children: h
   };
 }
-function nn(t) {
-  return m(Tt(t));
+function rn(t) {
+  return m(At(t));
 }
-const rn = {
+const an = {
   name: "fieldset",
   description: "Use `fieldset` to group related form controls under a legend.",
   output: { element: "fieldset", class: "set-fieldset" },
@@ -5877,7 +5918,7 @@ const rn = {
     ]
   }
 };
-function Pe({
+function Re({
   align: t = "start",
   caption: n,
   children: e,
@@ -5913,10 +5954,10 @@ function Pe({
     ]
   };
 }
-function an(t) {
-  return m(Pe(t));
+function on(t) {
+  return m(Re(t));
 }
-const on = {
+const dn = {
   name: "figure",
   description: "Use `figure` to present media with a caption.",
   output: { element: "figure", class: "set-figure" },
@@ -5989,7 +6030,7 @@ const on = {
   if (t !== void 0)
     return String(t);
 };
-function Re({
+function We({
   children: t,
   gap: n = "default",
   id: e
@@ -6013,10 +6054,10 @@ function Re({
     ]
   };
 }
-function dn(t) {
-  return m(Re(t));
+function sn(t) {
+  return m(We(t));
 }
-function We({
+function Ue({
   align: t,
   children: n,
   colSpan: e,
@@ -6059,10 +6100,10 @@ function We({
     children: n ? [{ kind: "raw", html: n }] : []
   };
 }
-function sn(t) {
-  return m(We(t));
+function ln(t) {
+  return m(Ue(t));
 }
-const ln = {
+const pn = {
   name: "grid",
   description: "Use `grid` to lay out content in a 12-column responsive grid.",
   output: { element: "div", class: "set-grid" },
@@ -6108,7 +6149,7 @@ const ln = {
   min: 1,
   max: 12,
   integer: !0
-}, pn = {
+}, cn = {
   name: "grid-item",
   description: "Use `grid-item` to place content within a `grid` layout.",
   output: { element: "div", class: "set-grid-item" },
@@ -6275,7 +6316,7 @@ const ln = {
     ]
   }
 };
-function Ue({
+function $e({
   align: t = "start",
   children: n,
   id: e,
@@ -6301,10 +6342,10 @@ function Ue({
     children: [{ kind: "raw", html: n }]
   };
 }
-function cn(t) {
-  return m(Ue(t));
+function un(t) {
+  return m($e(t));
 }
-const un = {
+const hn = {
   name: "heading",
   description: "Use `heading` to render heading text with consistent type.",
   output: {
@@ -6410,7 +6451,7 @@ const un = {
     ]
   }
 };
-function $e({
+function Ge({
   align: t = "center",
   as: n = "div",
   children: e,
@@ -6434,10 +6475,10 @@ function $e({
     children: e ? [{ kind: "raw", html: e }] : []
   };
 }
-function hn(t) {
-  return m($e(t));
+function mn(t) {
+  return m(Ge(t));
 }
-const mn = {
+const kn = {
   name: "inline",
   description: "Use `inline` to lay out content in a horizontal row.",
   output: {
@@ -6522,7 +6563,7 @@ const mn = {
     ]
   }
 };
-function Ge({
+function Ze({
   autocomplete: t,
   description: n,
   disabled: e,
@@ -6542,11 +6583,11 @@ function Ge({
   const v = i.trim(), z = n?.trim(), M = t === !1 ? !1 : t?.trim(), S = d?.trim(), w = o?.trim(), x = g;
   if (!v)
     throw new Error("id must be a non-empty string.");
-  if (!H(v))
+  if (!N(v))
     throw new Error(
       "id must start with a letter and contain only letters, numbers, '_', '-', or ':'."
     );
-  const E = z ? `${v}-description` : void 0, L = h === "numeric", A = L ? "text" : h, V = w || (L ? "^[0-9]*$" : void 0), q = c === void 0 && L ? !1 : c, I = !!e, N = !I && !!s, $ = [
+  const E = z ? `${v}-description` : void 0, L = h === "numeric", A = L ? "text" : h, V = w || (L ? "^[0-9]*$" : void 0), q = c === void 0 && L ? !1 : c, I = !!e, H = !I && !!s, $ = [
     {
       kind: "element",
       tag: "label",
@@ -6558,7 +6599,7 @@ function Ge({
       tag: "input",
       attrs: {
         "aria-describedby": E,
-        "aria-invalid": !I && !N && !!r ? "true" : void 0,
+        "aria-invalid": !I && !H && !!r ? "true" : void 0,
         autocomplete: M === !1 ? "off" : M || void 0,
         class: "input",
         disabled: I,
@@ -6566,7 +6607,7 @@ function Ge({
         inputmode: L ? "numeric" : void 0,
         name: S || void 0,
         pattern: V,
-        readonly: N,
+        readonly: H,
         required: !!p,
         spellcheck: q === void 0 ? void 0 : String(q),
         type: A,
@@ -6591,10 +6632,10 @@ function Ge({
     children: $
   };
 }
-function kn(t) {
-  return m(Ge(t));
+function gn(t) {
+  return m(Ze(t));
 }
-const gn = {
+const bn = {
   name: "input",
   description: "Use `input` to collect a single line of text from users.",
   output: { element: "div", class: "set-input" },
@@ -6789,7 +6830,7 @@ const gn = {
       }
     ]
   }
-}, Ze = "0 0 6714.6 1200", Fe = "0 0 600 1200", je = [
+}, Fe = "0 0 6714.6 1200", je = "0 0 600 1200", Ke = [
   { x: 0, y: 0 },
   { x: 300, y: 0 },
   { x: 150, y: 300 },
@@ -6798,11 +6839,11 @@ const gn = {
   { x: 300, y: 600 },
   { x: 150, y: 900 },
   { x: 450, y: 900 }
-], 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 = () => ({
+], Xe = "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", Qe = 1163, Tt = () => ({
   kind: "element",
   tag: "g",
   attrs: { class: "mark" },
-  children: je.map(({ x: t, y: n }) => ({
+  children: Ke.map(({ x: t, y: n }) => ({
     kind: "element",
     tag: "rect",
     attrs: {
@@ -6813,19 +6854,19 @@ const gn = {
     },
     children: []
   }))
-}), Qe = () => ({
+}), Ye = () => ({
   kind: "element",
   tag: "g",
-  attrs: { class: "word", transform: `translate(${Xe} 0)` },
+  attrs: { class: "word", transform: `translate(${Qe} 0)` },
   children: [
     {
       kind: "element",
       tag: "path",
-      attrs: { d: Ke },
+      attrs: { d: Xe },
       children: []
     }
   ]
-}), Dt = (t, n) => ({
+}), _t = (t, n) => ({
   kind: "element",
   tag: "svg",
   attrs: {
@@ -6835,13 +6876,13 @@ const gn = {
   },
   children: n
 });
-function Ye() {
-  return Dt(Ze, [_t(), Qe()]);
-}
 function Je() {
-  return Dt(Fe, [_t()]);
+  return _t(Fe, [Tt(), Ye()]);
 }
-function ti({
+function ti() {
+  return _t(je, [Tt()]);
+}
+function ei({
   animated: t,
   id: n,
   label: e,
@@ -6858,7 +6899,7 @@ function ti({
     }
   ];
   return o && s.push(
-    a === "graphic" ? Je() : Ye()
+    a === "graphic" ? ti() : Je()
   ), {
     kind: "element",
     tag: "div",
@@ -6873,10 +6914,10 @@ function ti({
     children: s
   };
 }
-function bn(t) {
-  return m(ti(t));
+function vn(t) {
+  return m(ei(t));
 }
-const vn = {
+const fn = {
   name: "logo",
   description: "Use `logo` to display the brand mark.",
   output: { element: "div", class: "set-logo" },
@@ -6964,7 +7005,7 @@ const vn = {
     ]
   }
 };
-function ei({
+function ii({
   banner: t,
   centerMain: n,
   children: e,
@@ -7005,10 +7046,10 @@ function ei({
     children: l
   };
 }
-function fn(t) {
-  return m(ei(t));
+function yn(t) {
+  return m(ii(t));
 }
-const yn = {
+const wn = {
   name: "page",
   description: "Use `page` as the primary layout for header, main, and footer regions.",
   output: { element: "div", class: "set-page" },
@@ -7098,7 +7139,7 @@ const yn = {
     ]
   }
 };
-function ii({
+function ni({
   children: t,
   id: n,
   padding: e = "md",
@@ -7117,10 +7158,10 @@ function ii({
     children: t ? [{ kind: "raw", html: t }] : []
   };
 }
-function wn(t) {
-  return m(ii(t));
+function Sn(t) {
+  return m(ni(t));
 }
-const Sn = {
+const xn = {
   name: "panel",
   description: "Use `panel` to group related content in a contained region.",
   output: { element: "div", class: "set-panel" },
@@ -7143,7 +7184,7 @@ const Sn = {
       description: "Surface context.",
       type: {
         kind: "enum",
-        values: ["default", "brand", "inverse", "brand-inverse"]
+        values: ["default", "brand"]
       }
     }
   },
@@ -7171,7 +7212,7 @@ const Sn = {
     ]
   }
 };
-function ni({
+function ri({
   children: t,
   id: n,
   size: e = "md",
@@ -7192,10 +7233,10 @@ function ni({
     children: t ? [{ kind: "raw", html: t }] : []
   };
 }
-function xn(t = {}) {
-  return m(ni(t));
+function En(t = {}) {
+  return m(ri(t));
 }
-const En = {
+const zn = {
   name: "pattern",
   description: "Use `pattern` to render repeated visual language components behind content.",
   output: { element: "div", class: "set-pattern" },
@@ -7262,15 +7303,15 @@ const En = {
     ]
   }
 };
-function zn(t) {
-  return ie({
+function Ln(t) {
+  return ne({
     ...t,
     alt: "",
     fit: "cover",
     priority: !0
   });
 }
-function ri({
+function ai({
   children: t,
   contentTheme: n,
   id: e,
@@ -7302,10 +7343,10 @@ function ri({
     children: o
   };
 }
-function Ln(t) {
-  return m(ri(t));
+function Cn(t) {
+  return m(ai(t));
 }
-const Cn = {
+const Mn = {
   name: "poster",
   description: "Use `poster` to layer content over background media.",
   output: { element: "div", class: "set-poster" },
@@ -7376,7 +7417,7 @@ const Cn = {
     ]
   }
 };
-function ai({
+function oi({
   align: t = "start",
   children: n,
   hangingPunctuation: e,
@@ -7403,10 +7444,10 @@ function ai({
     children: [{ kind: "raw", html: n }]
   };
 }
-function Mn(t) {
-  return m(ai(t));
+function qn(t) {
+  return m(oi(t));
 }
-const qn = {
+const In = {
   name: "prose",
   description: "Use `prose` to style rich-text markup.",
   output: { element: "div", class: "set-prose" },
@@ -7500,7 +7541,7 @@ const qn = {
     ]
   }
 };
-function oi({
+function di({
   description: t,
   disabled: n,
   id: e,
@@ -7516,7 +7557,7 @@ function oi({
   const c = e.trim(), h = d.trim(), g = l?.trim();
   if (!c)
     throw new Error("id must be a non-empty string.");
-  if (!H(c))
+  if (!N(c))
     throw new Error(
       "id must start with a letter and contain only letters, numbers, '_', '-', or ':'."
     );
@@ -7582,7 +7623,7 @@ function oi({
       children: L
     };
   });
-  return Tt({
+  return At({
     children: m({
       kind: "element",
       tag: "div",
@@ -7600,10 +7641,10 @@ function oi({
     legend: a
   });
 }
-function In(t) {
-  return m(oi(t));
+function An(t) {
+  return m(di(t));
 }
-const An = {
+const Tn = {
   name: "radios",
   description: "Use `radios` to let users select one option from a short list.",
   output: { element: "fieldset", class: "set-fieldset" },
@@ -7752,7 +7793,7 @@ const An = {
     ]
   }
 };
-function di({
+function si({
   appOverscrollBehavior: t,
   appRoot: n,
   brand: e = "mnsp",
@@ -7779,10 +7820,10 @@ function di({
     children: i ? [{ kind: "raw", html: i }] : []
   };
 }
-function Tn(t) {
-  return m(di(t));
+function _n(t) {
+  return m(si(t));
 }
-const _n = {
+const Dn = {
   name: "root",
   description: "Mandatory top-level `root` wrapper for the Set system.",
   output: { element: "div", class: "set" },
@@ -7875,7 +7916,7 @@ const _n = {
     ]
   }
 };
-function si({
+function li({
   align: t = "stretch",
   as: n = "div",
   children: e,
@@ -7897,10 +7938,10 @@ function si({
     children: e ? [{ kind: "raw", html: e }] : []
   };
 }
-function Dn(t) {
-  return m(si(t));
+function Vn(t) {
+  return m(li(t));
 }
-const Vn = {
+const Nn = {
   name: "stack",
   description: "Use `stack` to lay out content in a vertical column.",
   output: {
@@ -7971,7 +8012,7 @@ const Vn = {
     ]
   }
 };
-function li({
+function pi({
   children: t,
   contentTheme: n,
   id: e,
@@ -7991,9 +8032,9 @@ function li({
   };
 }
 function Hn(t) {
-  return m(li(t));
+  return m(pi(t));
 }
-const Nn = {
+const Bn = {
   name: "surface",
   description: "Use `surface` to set a colour context for nested content.",
   output: { element: "div", class: "set-surface" },
@@ -8017,7 +8058,7 @@ const Nn = {
       description: "Surface context.",
       type: {
         kind: "enum",
-        values: ["default", "brand", "inverse", "brand-inverse"]
+        values: ["default", "brand"]
       }
     }
   },
@@ -8045,7 +8086,7 @@ const Nn = {
     ]
   }
 };
-function pi({
+function ci({
   checked: t,
   description: n,
   disabled: e,
@@ -8101,10 +8142,10 @@ function pi({
     children: c
   };
 }
-function Bn(t) {
-  return m(pi(t));
+function On(t) {
+  return m(ci(t));
 }
-const On = {
+const Pn = {
   name: "switch",
   description: "Use `switch` to let users instantly toggle a setting on or off.",
   output: { element: "div", class: "set-switch" },
@@ -8212,7 +8253,7 @@ const On = {
     ]
   }
 };
-function ci({
+function ui({
   autocomplete: t,
   description: n,
   disabled: e,
@@ -8232,7 +8273,7 @@ function ci({
   const v = i.trim(), z = n?.trim(), M = t === !1 ? !1 : t?.trim(), S = d?.trim(), w = g;
   if (!v)
     throw new Error("id must be a non-empty string.");
-  if (!H(v))
+  if (!N(v))
     throw new Error(
       "id must start with a letter and contain only letters, numbers, '_', '-', or ':'."
     );
@@ -8281,10 +8322,10 @@ function ci({
     children: V
   };
 }
-function Pn(t) {
-  return m(ci(t));
+function Rn(t) {
+  return m(ui(t));
 }
-const Rn = {
+const Wn = {
   name: "textarea",
   description: "Use `textarea` to collect multiple lines of text from users.",
   output: { element: "div", class: "set-textarea" },
@@ -8473,169 +8514,169 @@ const Rn = {
     ]
   }
 };
-function Wn() {
-  Xt(), te(), ne(), de(), le(), he(), ke(), fe(), Se();
+function Un() {
+  Qt(), ee(), re(), se(), pe(), me(), ge(), ye(), xe();
 }
 export {
-  zt as SET_ALERT_EVENT_BEFORE_DISMISS,
-  Lt as SET_ALERT_EVENT_DISMISS,
-  bi as SET_ALERT_SPEC,
+  Et as SET_ALERT_EVENT_BEFORE_DISMISS,
+  zt as SET_ALERT_EVENT_DISMISS,
+  vi as SET_ALERT_SPEC,
   Z as SET_ALERT_TAG_NAME,
-  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,
+  Bi as SET_AVATAR_SPEC,
+  Pi as SET_BADGE_SPEC,
+  Ct as SET_BANNER_EVENT_BEFORE_DISMISS,
+  Mt as SET_BANNER_EVENT_DISMISS,
+  Si as SET_BANNER_SPEC,
   F as SET_BANNER_TAG_NAME,
-  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,
+  $i as SET_BLOCKQUOTE_SPEC,
+  Zi as SET_BOX_SPEC,
+  gi as SET_BUTTON_SPEC,
+  ji as SET_CARD_SPEC,
+  Xi as SET_CHECKBOX_SPEC,
+  Yi as SET_CONTAINER_SPEC,
+  tn as SET_DETAILS_SPEC,
+  nn as SET_DIVIDER_SPEC,
+  Mi as SET_EXPANDER_SPEC,
+  an as SET_FIELDSET_SPEC,
+  dn as SET_FIGURE_SPEC,
+  cn as SET_GRID_ITEM_SPEC,
+  pn as SET_GRID_SPEC,
+  hn as SET_HEADING_SPEC,
+  hi as SET_ICON_NAMES,
+  mi as SET_ICON_SPEC,
+  xi as SET_IMAGE_SPEC,
   K as SET_IMAGE_TAG_NAME,
-  mn as SET_INLINE_SPEC,
-  gn as SET_INPUT_SPEC,
-  It as SET_LIGHTSWITCH_EVENT_CHANGE,
-  Ei as SET_LIGHTSWITCH_SPEC,
+  kn as SET_INLINE_SPEC,
+  bn as SET_INPUT_SPEC,
+  qt as SET_LIGHTSWITCH_EVENT_CHANGE,
+  zi as SET_LIGHTSWITCH_SPEC,
   st as SET_LIGHTSWITCH_STORAGE_KEY,
   X as SET_LIGHTSWITCH_TAG_NAME,
-  fi as SET_LINK_SPEC,
-  vn as SET_LOGO_SPEC,
-  At as SET_MENU_EVENT_CHOOSE,
-  Li as SET_MENU_SPEC,
+  yi as SET_LINK_SPEC,
+  fn as SET_LOGO_SPEC,
+  It as SET_MENU_EVENT_CHOOSE,
+  Ci as SET_MENU_SPEC,
   Q as SET_MENU_TAG_NAME,
-  qi as SET_NAV_SPEC,
+  Ii as SET_NAV_SPEC,
   Y as SET_NAV_TAG_NAME,
-  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,
+  wn as SET_PAGE_SPEC,
+  xn as SET_PANEL_SPEC,
+  zn as SET_PATTERN_SPEC,
+  Mn as SET_POSTER_SPEC,
+  In as SET_PROSE_SPEC,
+  Tn as SET_RADIOS_SPEC,
+  Ti as SET_RANGE_SPEC,
   J as SET_RANGE_TAG_NAME,
-  _n as SET_ROOT_SPEC,
-  _i as SET_SIDEBAR_SPEC,
+  Dn as SET_ROOT_SPEC,
+  Di as SET_SIDEBAR_SPEC,
   tt as SET_SIDEBAR_TAG_NAME,
-  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,
+  ki as SET_SPINNER_SPEC,
+  Nn as SET_STACK_SPEC,
+  Bn as SET_SURFACE_SPEC,
+  Pn as SET_SWITCH_SPEC,
+  Wn as SET_TEXTAREA_SPEC,
+  Wi as SET_TEXT_SPEC,
+  Ni as SET_VIDEO_SPEC,
   et as SET_VIDEO_TAG_NAME,
-  Gt as applySetButtonActivity,
-  Kt as buildSetAlert,
-  Ae as buildSetAvatar,
-  Te as buildSetBadge,
-  Jt as buildSetBanner,
-  _e as buildSetBlockquote,
-  De as buildSetBox,
+  Zt as applySetButtonActivity,
+  Xt as buildSetAlert,
+  Te as buildSetAvatar,
+  _e as buildSetBadge,
+  te as buildSetBanner,
+  De as buildSetBlockquote,
+  Ve as buildSetBox,
   ht as buildSetButton,
-  Ve as buildSetCard,
+  Ne 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,
+  Be as buildSetContainer,
+  Oe as buildSetDetails,
+  Pe as buildSetDivider,
+  ce as buildSetExpander,
+  At as buildSetFieldset,
+  Re as buildSetFigure,
+  We as buildSetGrid,
+  Ue as buildSetGridItem,
+  $e 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,
+  ie as buildSetImage,
+  Ge as buildSetInline,
+  Ze as buildSetInput,
+  de as buildSetLightswitch,
+  Lt as buildSetLink,
+  ei as buildSetLogo,
+  le as buildSetMenu,
+  he as buildSetNav,
+  ii as buildSetPage,
+  ni as buildSetPanel,
+  ri as buildSetPattern,
+  ai as buildSetPoster,
+  oi as buildSetProse,
+  di as buildSetRadios,
+  ke as buildSetRange,
+  si as buildSetRoot,
+  fe as buildSetSidebar,
+  $t as buildSetSpinner,
+  li as buildSetStack,
+  pi as buildSetSurface,
+  ci as buildSetSwitch,
   it as buildSetText,
-  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,
+  ui as buildSetTextarea,
+  we as buildSetVideo,
+  Qt as defineSetAlert,
+  ee as defineSetBanner,
+  Un as defineSetComponents,
+  re as defineSetImage,
+  se as defineSetLightswitch,
+  pe as defineSetMenu,
+  me as defineSetNav,
+  ge as defineSetRange,
+  ye as defineSetSidebar,
+  xe as defineSetVideo,
+  Le as getSetInitials,
+  bi as renderSetAlert,
   Hi as renderSetAvatar,
-  Bi as renderSetBadge,
-  yi as renderSetBanner,
-  Wi as renderSetBlockquote,
-  $i as renderSetBox,
+  Oi as renderSetBadge,
+  wi as renderSetBanner,
+  Ui as renderSetBlockquote,
+  Gi as renderSetBox,
   mt as renderSetButton,
-  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,
+  Fi as renderSetCard,
+  Ki as renderSetCheckbox,
+  Qi as renderSetContainer,
+  Ji as renderSetDetails,
+  en as renderSetDivider,
+  ue as renderSetExpander,
+  rn as renderSetFieldset,
+  on as renderSetFigure,
+  sn as renderSetGrid,
+  ln as renderSetGridItem,
+  un as renderSetHeading,
+  Ut as renderSetIcon,
+  ne as renderSetImage,
+  mn as renderSetInline,
+  gn as renderSetInput,
+  Ei as renderSetLightswitch,
+  fi as renderSetLink,
+  vn as renderSetLogo,
+  Li as renderSetMenu,
+  qi as renderSetNav,
+  yn as renderSetPage,
+  Sn as renderSetPanel,
+  En as renderSetPattern,
+  Cn as renderSetPoster,
+  Ln as renderSetPosterImage,
+  qn as renderSetProse,
+  An as renderSetRadios,
+  Ai as renderSetRange,
+  _n as renderSetRoot,
+  _i as renderSetSidebar,
   bt as renderSetSpinner,
-  Dn as renderSetStack,
+  Vn as renderSetStack,
   Hn as renderSetSurface,
-  Bn as renderSetSwitch,
-  Pi as renderSetText,
-  Pn as renderSetTextarea,
-  Di as renderSetVideo,
+  On as renderSetSwitch,
+  Ri as renderSetText,
+  Rn as renderSetTextarea,
+  Vi as renderSetVideo,
   m as serializeSetNode
 };
 //# sourceMappingURL=index.js.map