@monospaced/set-core 0.7.0 → 0.9.0

package/dist/index.js

@@ -1,4 +1,4 @@
-const bt = /* @__PURE__ */ new Set([
+const ft = /* @__PURE__ */ new Set([
   "area",
   "base",
   "br",
@@ -16,14 +16,14 @@ const bt = /* @__PURE__ */ new Set([
 function ot(t) {
   return t.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
 }
-function vt(t) {
+function yt(t) {
   return Object.entries(t).flatMap(([n, e]) => e === !1 || e == null ? [] : e === !0 ? [n] : [`${n}="${ot(String(e))}"`]).join(" ");
 }
 function h(t) {
   if (t.kind === "text") return ot(t.value);
   if (t.kind === "raw") return t.html;
-  const n = vt(t.attrs), e = n ? `<${t.tag} ${n}>` : `<${t.tag}>`;
-  if (bt.has(t.tag)) return e;
+  const n = yt(t.attrs), e = n ? `<${t.tag} ${n}>` : `<${t.tag}>`;
+  if (ft.has(t.tag)) return e;
   const i = t.children.map(h).join("");
   return `${e}${i}</${t.tag}>`;
 }
@@ -775,7 +775,7 @@ const dt = {
       ]
     }
   ]
-}, Ae = Object.keys(dt);
+}, We = Object.keys(dt);
 function st(t) {
   return t.map((n) => ({
     kind: "element",
@@ -795,23 +795,23 @@ function H({
   const d = dt[i];
   if (!d)
     throw new Error(`Unknown icon name: ${i}`);
-  const o = g(n), l = a?.trim();
-  if (!t && !l)
+  const o = g(n), s = a?.trim();
+  if (!t && !s)
     throw new Error("title must be non-empty when ariaHidden is false.");
   if (!t && !o)
     throw new Error("id must be provided when ariaHidden is false.");
-  const s = t ? void 0 : `${o}-title`, p = [];
+  const l = t ? void 0 : `${o}-title`, p = [];
   return t || p.push({
     kind: "element",
     tag: "title",
-    attrs: { id: s },
-    children: [{ kind: "text", value: l }]
+    attrs: { id: l },
+    children: [{ kind: "text", value: s }]
   }), p.push(...st(d)), {
     kind: "element",
     tag: "svg",
     attrs: {
       "aria-hidden": t ? "true" : void 0,
-      "aria-labelledby": s,
+      "aria-labelledby": l,
       class: "set-icon",
       "data-mirrored": e,
       "data-size": r,
@@ -827,10 +827,10 @@ function H({
     children: p
   };
 }
-function ft(t) {
+function wt(t) {
   return h(H(t));
 }
-const _e = {
+const Ue = {
   name: "icon",
   description: "Use `icon` to render a Set icon.",
   output: { element: "svg", class: "set-icon" },
@@ -953,8 +953,8 @@ function tt(t) {
     form: a,
     haspopup: d,
     id: o,
-    icon: l,
-    iconMirrored: s,
+    icon: s,
+    iconMirrored: l,
     iconPlacement: p = "start",
     label: c,
     labelVisibility: u = "visible",
@@ -963,7 +963,7 @@ function tt(t) {
     tone: m = "default",
     type: f,
     value: E
-  } = t, S = l || void 0, v = !!S;
+  } = t, S = s || void 0, v = !!S;
   if (u !== "visible" && !v)
     throw new Error("labelVisibility requires icon when label is not visible.");
   const y = v && S ? {
@@ -973,9 +973,9 @@ function tt(t) {
     children: [
       {
         kind: "raw",
-        html: ft({
+        html: wt({
           ariaHidden: !0,
-          mirrored: s,
+          mirrored: l,
           name: S,
           size: "fill"
         })
@@ -1012,7 +1012,7 @@ function tt(t) {
 function et(t) {
   return h(tt(t));
 }
-const De = {
+const $e = {
   name: "button",
   description: "Use `button` to let users trigger actions.",
   output: { element: "button", class: "set-button" },
@@ -1195,8 +1195,8 @@ const De = {
       }
     ]
   }
-}, P = "set-alert", lt = "set-alert-before-dismiss", pt = "set-alert-dismiss", N = "Dismiss alert";
-function yt(t, n) {
+}, P = "set-alert", lt = "set-alert-before-dismiss", pt = "set-alert-dismiss", V = "Dismiss alert";
+function St(t, n) {
   const e = n.createElement("div");
   return e.setAttribute("data-part", "close"), e.innerHTML = et({
     appearance: "text",
@@ -1207,7 +1207,7 @@ function yt(t, n) {
     tone: "neutral"
   }), e;
 }
-function wt(t) {
+function xt(t) {
   switch (t) {
     case "success":
       return "check-circle";
@@ -1221,12 +1221,12 @@ function wt(t) {
       return "sticky-note";
   }
 }
-function St(t) {
+function Et(t) {
   return t === "warning" || t === "error" ? "alert" : "status";
 }
-function xt({
+function zt({
   dismissible: t,
-  dismissibleLabel: n = N,
+  dismissibleLabel: n = V,
   id: e,
   inlineSize: i = "full",
   message: r,
@@ -1234,7 +1234,7 @@ function xt({
   tone: d,
   title: o
 }) {
-  const l = g(e), s = n.trim() === "" ? N : n, p = [];
+  const s = g(e), l = n.trim() === "" ? V : n, p = [];
   return o && p.push({
     kind: "element",
     tag: "p",
@@ -1251,12 +1251,12 @@ function xt({
     attrs: {
       class: "set-alert",
       "data-dismissible": t,
-      "data-dismissible-label": t ? s : void 0,
+      "data-dismissible-label": t ? l : void 0,
       "data-inline-size": i === "fit" ? "fit" : void 0,
       "data-size": a,
       "data-tone": d || void 0,
-      id: l,
-      role: St(d)
+      id: s,
+      role: Et(d)
     },
     children: [
       {
@@ -1266,7 +1266,7 @@ function xt({
         children: [
           H({
             ariaHidden: !0,
-            name: wt(d),
+            name: xt(d),
             size: a
           })
         ]
@@ -1280,10 +1280,10 @@ function xt({
     ]
   };
 }
-function He(t) {
-  return h(xt(t));
+function Ge(t) {
+  return h(zt(t));
 }
-function Et() {
+function Ct() {
   if (customElements.get(P)) return;
   class t extends HTMLElement {
     #t = (e) => {
@@ -1310,8 +1310,8 @@ function Et() {
     }
     #e() {
       this.querySelector('[data-part="close"]') || this.append(
-        yt(
-          this.getAttribute("data-dismissible-label") ?? N,
+        St(
+          this.getAttribute("data-dismissible-label") ?? V,
           this.ownerDocument
         )
       );
@@ -1319,7 +1319,7 @@ function Et() {
   }
   customElements.define(P, t);
 }
-const Ne = {
+const Ze = {
   name: "alert",
   description: "Use `alert` to surface short, important messages.",
   output: {
@@ -1340,7 +1340,7 @@ const Ne = {
       type: { kind: "boolean" }
     },
     dismissibleLabel: {
-      default: N,
+      default: V,
       description: "Accessible label for the dismiss control.",
       ignoredWhen: "`dismissible` is false",
       type: { kind: "string" }
@@ -1445,7 +1445,7 @@ const Ne = {
             }
           ]
         },
-        value: { kind: "literal", text: N }
+        value: { kind: "literal", text: V }
       },
       {
         target: { on: "host" },
@@ -1468,7 +1468,7 @@ const Ne = {
     ]
   }
 };
-function zt(t) {
+function Lt(t) {
   if (t)
     return t === !0 ? !0 : t;
 }
@@ -1481,17 +1481,17 @@ function ct(t) {
     id: a,
     icon: d,
     iconPlacement: o = "start",
-    label: l,
-    labelVisibility: s = "visible",
+    label: s,
+    labelVisibility: l = "visible",
     rel: p,
     size: c = "md",
     target: u,
     tone: k = "default",
     underline: b
   } = t, m = g(a), f = d?.trim() || void 0;
-  if (s !== "visible" && !!!f)
+  if (l !== "visible" && !!!f)
     throw new Error("labelVisibility requires icon when label is not visible.");
-  const S = zt(i), v = f ? {
+  const S = Lt(i), v = f ? {
     kind: "element",
     tag: "span",
     attrs: { class: "icon-wrapper" },
@@ -1500,7 +1500,7 @@ function ct(t) {
     kind: "element",
     tag: "span",
     attrs: { class: "label" },
-    children: [{ kind: "text", value: l }]
+    children: [{ kind: "text", value: s }]
   };
   return {
     kind: "element",
@@ -1509,7 +1509,7 @@ function ct(t) {
       "aria-current": e,
       class: "set-link",
       "data-appearance": n === "text" ? void 0 : n,
-      "data-label-visibility": s === "visible" ? void 0 : s,
+      "data-label-visibility": l === "visible" ? void 0 : l,
       "data-size": c,
       "data-tone": k === "neutral" ? "neutral" : void 0,
       "data-underline": b && n === "text" ? !0 : void 0,
@@ -1522,10 +1522,10 @@ function ct(t) {
     children: v ? o === "end" ? [y, v] : [v, y] : [y]
   };
 }
-function Ve(t) {
+function Fe(t) {
   return h(ct(t));
 }
-const Oe = {
+const je = {
   name: "link",
   description: "Use `link` to navigate to another page or resource.",
   output: { element: "a", class: "set-link" },
@@ -1713,7 +1713,7 @@ const Oe = {
     ]
   }
 }, B = "set-banner", ut = "set-banner-before-dismiss", ht = "set-banner-dismiss", R = "Dismiss banner";
-function Ct(t, n) {
+function Mt(t, n) {
   const e = n.createElement("div");
   return e.setAttribute("data-part", "close"), e.innerHTML = et({
     appearance: "text",
@@ -1724,7 +1724,7 @@ function Ct(t, n) {
     tone: "neutral"
   }), e;
 }
-function Lt({
+function qt({
   actionHref: t,
   actionLabel: n,
   dismissible: e = !0,
@@ -1735,8 +1735,8 @@ function Lt({
 }) {
   if (!!t != !!n)
     throw new Error("actionHref and actionLabel must be provided together.");
-  const o = g(r), l = i.trim() === "" ? R : i, s = [{ kind: "text", value: a }];
-  return t && n && (s.push({ kind: "text", value: " " }), s.push(
+  const o = g(r), s = i.trim() === "" ? R : i, l = [{ kind: "text", value: a }];
+  return t && n && (l.push({ kind: "text", value: " " }), l.push(
     ct({
       href: t,
       label: n,
@@ -1750,7 +1750,7 @@ function Lt({
       "data-set-content-theme": "dark",
       "data-set-surface": "default",
       "data-dismissible": e,
-      "data-dismissible-label": e ? l : void 0,
+      "data-dismissible-label": e ? s : void 0,
       "data-tone": d || void 0,
       id: o
     },
@@ -1759,15 +1759,15 @@ function Lt({
         kind: "element",
         tag: "p",
         attrs: { class: "message" },
-        children: s
+        children: l
       }
     ]
   };
 }
-function Pe(t) {
-  return h(Lt(t));
+function Ke(t) {
+  return h(qt(t));
 }
-function Mt() {
+function It() {
   if (customElements.get(B)) return;
   class t extends HTMLElement {
     #t = (e) => {
@@ -1794,7 +1794,7 @@ function Mt() {
     }
     #e() {
       this.querySelector('[data-part="close"]') || this.append(
-        Ct(
+        Mt(
           this.getAttribute("data-dismissible-label") ?? R,
           this.ownerDocument
         )
@@ -1803,7 +1803,7 @@ function Mt() {
   }
   customElements.define(B, t);
 }
-const Be = {
+const Xe = {
   name: "banner",
   description: "Use `banner` to display a prominent site-wide message.",
   output: { element: B, class: "set-banner" },
@@ -1891,11 +1891,11 @@ const Be = {
       }
     ]
   }
-}, W = "set-lightswitch", mt = "set-lightswitch-change", K = "set-theme", Q = "Switch to dark theme", X = "Switch to light theme";
-function qt(t) {
+}, W = "set-lightswitch", mt = "set-lightswitch-change", K = "set-theme", X = "Switch to dark theme", Q = "Switch to light theme";
+function Tt(t) {
   return t === "dark" ? "light" : "dark";
 }
-function It(t) {
+function At(t) {
   return t === "dark" ? "moon" : "sunny";
 }
 function nt(t, n) {
@@ -1911,7 +1911,7 @@ function nt(t, n) {
         children: [
           H({
             ariaHidden: !0,
-            name: It(t),
+            name: At(t),
             size: "fill"
           })
         ]
@@ -1925,14 +1925,14 @@ function nt(t, n) {
     ]
   };
 }
-function Tt({
+function _t({
   appearance: t = "text",
   id: n,
-  labelDark: e = Q,
-  labelLight: i = X,
+  labelDark: e = X,
+  labelLight: i = Q,
   size: r = "md"
 }) {
-  const a = g(n), d = e.trim() === "" ? Q : e, o = i.trim() === "" ? X : i;
+  const a = g(n), d = e.trim() === "" ? X : e, o = i.trim() === "" ? Q : i;
   return {
     kind: "element",
     tag: W,
@@ -1958,16 +1958,16 @@ function Tt({
     ]
   };
 }
-function Re(t) {
-  return h(Tt(t));
+function Qe(t) {
+  return h(_t(t));
 }
-function At() {
+function Dt() {
   if (customElements.get(W)) return;
   class t extends HTMLElement {
     #t = (e) => {
       const i = e.target;
       if (!(i instanceof Element) || !i.closest("button")) return;
-      const r = qt(this.#u());
+      const r = Tt(this.#u());
       r === this.#r() ? this.#d() : this.#n(r), this.#a(), this.dispatchEvent(
         new CustomEvent(mt, {
           bubbles: !0,
@@ -2031,7 +2031,7 @@ function At() {
   }
   customElements.define(W, t);
 }
-const We = {
+const Ye = {
   name: "lightswitch",
   description: "Use `lightswitch` to let users toggle between light and dark themes.",
   output: { element: W, class: "set-lightswitch" },
@@ -2047,12 +2047,12 @@ const We = {
       type: { kind: "string" }
     },
     labelDark: {
-      default: Q,
+      default: X,
       description: "Accessible label of the switch-to-dark action.",
       type: { kind: "string" }
     },
     labelLight: {
-      default: X,
+      default: Q,
       description: "Accessible label of the switch-to-light action.",
       type: { kind: "string" }
     },
@@ -2103,7 +2103,7 @@ const We = {
     ]
   }
 }, U = "set-menu", kt = "set-menu-choose";
-function _t({
+function Ht({
   align: t = "start",
   id: n,
   items: e,
@@ -2112,18 +2112,18 @@ function _t({
   triggerIconMirrored: a,
   triggerIconPlacement: d,
   triggerLabel: o,
-  triggerLabelVisibility: l
+  triggerLabelVisibility: s
 }) {
-  const s = n.trim();
-  if (!s)
+  const l = n.trim();
+  if (!l)
     throw new Error("id must be a non-empty string.");
-  if (!I(s))
+  if (!I(l))
     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 p = `${s}-button`, c = `${s}-popup`, u = e.map((k) => ({
+  const p = `${l}-button`, c = `${l}-popup`, u = e.map((k) => ({
     kind: "element",
     tag: "button",
     attrs: {
@@ -2142,7 +2142,7 @@ function _t({
       class: "set-menu",
       "data-align": t === "start" ? void 0 : t,
       "data-size": i,
-      id: s
+      id: l
     },
     children: [
       {
@@ -2160,7 +2160,7 @@ function _t({
             iconPlacement: d,
             id: p,
             label: o,
-            labelVisibility: l,
+            labelVisibility: s,
             size: i,
             tone: "neutral",
             type: "button"
@@ -2182,10 +2182,10 @@ function _t({
     ]
   };
 }
-function Ue(t) {
-  return h(_t(t));
+function Je(t) {
+  return h(Ht(t));
 }
-function Dt() {
+function Vt() {
   if (customElements.get(U)) return;
   class t extends HTMLElement {
     #t;
@@ -2300,7 +2300,7 @@ function Dt() {
   }
   customElements.define(U, t);
 }
-const $e = {
+const ti = {
   name: "menu",
   description: "Use `menu` to show a list of actions from a trigger button.",
   output: {
@@ -2439,7 +2439,7 @@ const $e = {
     ]
   }
 }, Y = "Menu";
-function Ht({
+function Nt({
   controlsId: t,
   expanded: n,
   id: e,
@@ -2481,10 +2481,10 @@ function Ht({
     ]
   };
 }
-function Nt(t = {}) {
-  return h(Ht(t));
+function Ot(t = {}) {
+  return h(Nt(t));
 }
-const Ge = {
+const ei = {
   name: "expander",
   description: "Use `expander` as a toggle for disclosure regions such as menus.",
   output: { element: "button", class: "set-expander" },
@@ -2550,7 +2550,7 @@ const Ge = {
     ]
   }
 }, $ = "set-nav", rt = "data-set-scroll-locked";
-function Vt({
+function Pt({
   collapsible: t,
   contentId: n,
   expanderLabel: e,
@@ -2560,7 +2560,7 @@ function Vt({
   label: d,
   size: o = "md"
 }) {
-  const l = g(r), s = e?.trim() || void 0, p = n?.trim();
+  const s = g(r), l = e?.trim() || void 0, p = n?.trim();
   if (t && !p)
     throw new Error(
       "contentId must be a non-empty string when collapsible is set."
@@ -2592,10 +2592,10 @@ function Vt({
     attrs: {
       class: "set-nav",
       "data-collapsible": t,
-      "data-expander-label": t && s ? s : void 0,
+      "data-expander-label": t && l ? l : void 0,
       "data-expander-position": t ? i : void 0,
       "data-size": o,
-      id: l
+      id: s
     },
     children: [
       {
@@ -2627,10 +2627,10 @@ function Vt({
     ]
   };
 }
-function Ze(t) {
-  return h(Vt(t));
+function ii(t) {
+  return h(Pt(t));
 }
-function Ot() {
+function Bt() {
   if (customElements.get($)) return;
   class t extends HTMLElement {
     #t;
@@ -2657,7 +2657,7 @@ function Ot() {
       const i = e.querySelector(".content");
       i && e.insertAdjacentHTML(
         "afterbegin",
-        `<div data-part="expander">${Nt({
+        `<div data-part="expander">${Ot({
           controlsId: i.id || void 0,
           label: this.getAttribute("data-expander-label") || void 0,
           size: this.getAttribute("data-size") === "sm" ? "md" : "lg"
@@ -2709,7 +2709,7 @@ function Ot() {
   }
   customElements.define($, t);
 }
-const Fe = {
+const ni = {
   name: "nav",
   description: "Use `nav` to render a primary navigation list.",
   output: { element: $, class: "set-nav" },
@@ -2825,7 +2825,7 @@ const Fe = {
     ]
   }
 }, G = "set-range";
-function Pt({
+function Rt({
   description: t,
   disabled: n,
   id: e,
@@ -2834,8 +2834,8 @@ function Pt({
   max: a,
   min: d,
   name: o,
-  size: l = "md",
-  step: s,
+  size: s = "md",
+  step: l,
   value: p
 }) {
   const c = e.trim(), u = t?.trim(), k = o?.trim();
@@ -2876,7 +2876,7 @@ function Pt({
         max: a != null ? String(a) : void 0,
         min: d != null ? String(d) : void 0,
         name: k || void 0,
-        step: s != null ? String(s) : void 0,
+        step: l != null ? String(l) : void 0,
         type: "range",
         value: p != null ? String(p) : void 0
       },
@@ -2894,15 +2894,15 @@ function Pt({
     attrs: {
       class: "set-range",
       "data-inline-size": i === "fit" ? "fit" : void 0,
-      "data-size": l
+      "data-size": s
     },
     children: m
   };
 }
-function je(t) {
-  return h(Pt(t));
+function ri(t) {
+  return h(Rt(t));
 }
-function Bt() {
+function Wt() {
   if (customElements.get(G)) return;
   class t extends HTMLElement {
     #t;
@@ -2959,7 +2959,7 @@ function Bt() {
   }
   customElements.define(G, t);
 }
-const Ke = {
+const ai = {
   name: "range",
   description: "Use `range` to let users pick a numeric value along a scale.",
   output: { element: G, class: "set-range" },
@@ -3091,8 +3091,8 @@ const Ke = {
       }
     ]
   }
-}, Z = "set-sidebar", Rt = "(min-width: 68em)", _ = "Collapse sidebar", J = "Open sidebar";
-function Wt(t, n) {
+}, Z = "set-sidebar", Ut = "(min-width: 68em)", _ = "Collapse sidebar", J = "Open sidebar";
+function $t(t, n) {
   return `<div data-part="close">${et({
     appearance: "text",
     icon: "panel-left",
@@ -3104,7 +3104,7 @@ function Wt(t, n) {
     type: "button"
   })}</div>`;
 }
-function Ut({
+function Gt({
   aboveNotebook: t = "persistent",
   buttonSize: n = "md",
   children: e,
@@ -3113,12 +3113,12 @@ function Ut({
   header: a,
   id: d,
   surface: o,
-  triggerLabel: l = J
+  triggerLabel: s = J
 }) {
-  const s = d.trim(), p = i.trim() || _, c = l.trim() || J;
-  if (!s)
+  const l = d.trim(), p = i.trim() || _, c = s.trim() || J;
+  if (!l)
     throw new Error("id must be a non-empty string.");
-  if (!I(s))
+  if (!I(l))
     throw new Error(
       "id must start with a letter and contain only letters, numbers, '_', '-', or ':'."
     );
@@ -3142,7 +3142,7 @@ function Ut({
     attrs: { class: "footer" },
     children: [{ kind: "raw", html: r }]
   });
-  const k = `${s}-panel`;
+  const k = `${l}-panel`;
   return {
     kind: "element",
     tag: Z,
@@ -3151,7 +3151,7 @@ function Ut({
       "data-above-notebook": t,
       "data-collapse-label": p !== _ ? p : void 0,
       "data-button-size": n,
-      id: s
+      id: l
     },
     children: [
       {
@@ -3193,10 +3193,10 @@ function Ut({
     ]
   };
 }
-function Qe(t) {
-  return h(Ut(t));
+function oi(t) {
+  return h(Gt(t));
 }
-function $t() {
+function Zt() {
   if (customElements.get(Z)) return;
   class t extends HTMLElement {
     #t;
@@ -3244,7 +3244,7 @@ function $t() {
       const i = e.querySelector(".header"), r = this.getAttribute("data-collapse-label") || _, a = this.getAttribute("data-button-size") ?? "md";
       i?.insertAdjacentHTML(
         "beforeend",
-        Wt(r, a)
+        $t(r, a)
       );
     }
     #o() {
@@ -3319,7 +3319,7 @@ function $t() {
     }
     #f() {
       const e = this.ownerDocument.defaultView;
-      e && (typeof e.matchMedia == "function" && (this.#t = e.matchMedia(Rt), this.#n = () => {
+      e && (typeof e.matchMedia == "function" && (this.#t = e.matchMedia(Ut), this.#n = () => {
         this.#g();
       }, this.#t.addEventListener("change", this.#n), this.#g()), this.#e = (i) => {
         const r = i.target;
@@ -3348,7 +3348,7 @@ function $t() {
   }
   customElements.define(Z, t);
 }
-const Xe = {
+const di = {
   name: "sidebar",
   description: "Use `sidebar` for a side panel alongside main content.",
   output: {
@@ -3473,7 +3473,7 @@ const Xe = {
     ]
   }
 }, F = "set-video";
-function Gt({
+function Ft({
   autoPlay: t,
   controls: n,
   fit: e = "intrinsic",
@@ -3482,12 +3482,12 @@ function Gt({
   loop: a,
   muted: d,
   playsInline: o,
-  poster: l,
-  preload: s,
+  poster: s,
+  preload: l,
   src: p,
   width: c
 }) {
-  const u = g(r), k = p.trim(), b = l?.trim();
+  const u = g(r), k = p.trim(), b = s?.trim();
   if (!k)
     throw new Error("src must be a non-empty string.");
   const m = {
@@ -3502,7 +3502,7 @@ function Gt({
       muted: !!d,
       playsinline: !!o,
       poster: b || void 0,
-      preload: s,
+      preload: l,
       src: k,
       width: c ? String(c) : void 0
     },
@@ -3519,11 +3519,11 @@ function Gt({
     children: [m]
   };
 }
-function Ye(t) {
-  return h(Gt(t));
+function si(t) {
+  return h(Ft(t));
 }
-const Zt = "(prefers-reduced-motion: reduce)";
-function Ft() {
+const jt = "(prefers-reduced-motion: reduce)";
+function Kt() {
   if (customElements.get(F)) return;
   class t extends HTMLElement {
     #t = !1;
@@ -3533,7 +3533,7 @@ function Ft() {
       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(Zt), this.#i = () => {
+      !i || typeof i.matchMedia != "function" || (this.#e = i.matchMedia(jt), this.#i = () => {
         this.#n();
       }, this.#e.addEventListener("change", this.#i), this.#n());
     }
@@ -3548,7 +3548,7 @@ function Ft() {
   }
   customElements.define(F, t);
 }
-const Je = {
+const li = {
   name: "video",
   description: "Use `video` to render a video with intrinsic or fluid fit and native playback behavior.",
   output: { element: F, class: "set-video" },
@@ -3676,17 +3676,17 @@ const Je = {
     ]
   }
 };
-function jt(t) {
+function Xt(t) {
   return t ? /[A-Za-z]/.test(t) : !1;
 }
-function Kt(t) {
+function Qt(t) {
   return /^[a-z]/.test(t);
 }
 function T(t) {
   const n = t.charAt(0);
-  return jt(n) ? n : void 0;
+  return Xt(n) ? n : void 0;
 }
-function Qt(t) {
+function Yt(t) {
   const n = D(t);
   if (!n) return;
   const e = n.split(" "), i = T(e[0]);
@@ -3694,7 +3694,7 @@ function Qt(t) {
   const r = [i.toUpperCase()];
   if (e.length === 1)
     return r[0];
-  const a = e.slice(1).find(Kt);
+  const a = e.slice(1).find(Qt);
   if (a) {
     const o = T(a);
     return o ? `${r[0]}${o}` : void 0;
@@ -3703,22 +3703,22 @@ function Qt(t) {
     const o = T(e[1]);
     if (!o) return;
     r.push(o);
-    const l = e[1].split("-").filter(Boolean);
-    if (l.length === 2) {
-      const s = T(l[1]);
-      s && r.push(s);
+    const s = e[1].split("-").filter(Boolean);
+    if (s.length === 2) {
+      const l = T(s[1]);
+      l && r.push(l);
     }
     return r.slice(0, 3).join("");
   }
   if (e.length === 3) {
-    const o = T(e[1]), l = T(e[2]);
-    return !o || !l ? void 0 : (r.push(o, l), r.slice(0, 3).join(""));
+    const o = T(e[1]), s = T(e[2]);
+    return !o || !s ? void 0 : (r.push(o, s), r.slice(0, 3).join(""));
   }
   const d = T(e.at(-1) || "");
   if (d)
     return r.push(d), r.slice(0, 3).join("");
 }
-const Xt = {
+const Jt = {
   bot: "robot-1",
   organization: "city-6",
   person: "user-1",
@@ -3734,13 +3734,13 @@ const Xt = {
   "08",
   "09"
 ];
-function Yt(t) {
+function te(t) {
   let n = 5381;
   for (const e of t)
     n = n * 33 ^ e.charCodeAt(0);
   return n >>> 0;
 }
-function Jt(t) {
+function ee(t) {
   if (t == null) return;
   const n = D(t);
   if (n) {
@@ -3751,7 +3751,7 @@ function Jt(t) {
     return n;
   }
 }
-function te({
+function ie({
   alt: t,
   ariaHidden: n,
   name: e
@@ -3759,18 +3759,18 @@ function te({
   if (!n)
     return D(t) || D(e) || "Avatar";
 }
-function ee({
+function ne({
   color: t,
   name: n
 }) {
   if (t) return t;
   if (n) {
-    const e = Yt(n) % at.length;
+    const e = te(n) % at.length;
     return at[e];
   }
   return "neutral";
 }
-function ie({
+function re({
   alt: t,
   ariaHidden: n,
   color: e,
@@ -3779,13 +3779,13 @@ function ie({
   initials: a,
   name: d,
   size: o = "md",
-  src: l
+  src: s
 }) {
-  const s = g(r), p = Jt(a), c = D(d), u = D(l), k = te({
+  const l = g(r), p = ee(a), c = D(d), u = D(s), k = ie({
     alt: t,
     ariaHidden: n,
     name: c
-  }), b = p || Qt(c), m = !!u, f = ee({
+  }), b = p || Yt(c), m = !!u, f = ne({
     color: e,
     name: c
   }), E = {
@@ -3795,7 +3795,7 @@ function ie({
     "data-color": f === "neutral" ? void 0 : f,
     "data-entity": i === "person" ? void 0 : i,
     "data-size": o,
-    id: s,
+    id: l,
     role: !n && !m ? "img" : void 0
   };
   let S;
@@ -3820,7 +3820,7 @@ function ie({
     children: [
       H({
         ariaHidden: !0,
-        name: Xt[i],
+        name: Jt[i],
         size: "fill"
       })
     ]
@@ -3831,10 +3831,10 @@ function ie({
     children: [S]
   };
 }
-function ti(t) {
-  return h(ie(t));
+function pi(t) {
+  return h(re(t));
 }
-const ei = {
+const ci = {
   name: "avatar",
   description: "Use `avatar` to visually represent a person, team, or entity.",
   output: { element: "span", class: "set-avatar" },
@@ -3941,7 +3941,7 @@ const ei = {
     ]
   }
 };
-function ne({
+function ae({
   floating: t,
   id: n,
   label: e,
@@ -3962,10 +3962,10 @@ function ne({
     children: [{ kind: "text", value: e }]
   };
 }
-function ii(t) {
-  return h(ne(t));
+function ui(t) {
+  return h(ae(t));
 }
-const ni = {
+const hi = {
   name: "badge",
   description: "Use `badge` to annotate content with a short label.",
   output: { element: "span", class: "set-badge" },
@@ -4043,8 +4043,8 @@ function j({
   measured: a,
   monospaced: d,
   responsive: o,
-  size: l = "md",
-  tone: s = "default"
+  size: s = "md",
+  tone: l = "default"
 }) {
   const p = g(i), c = n === "p" ? "p" : "span", u = c === "p", k = u ? t ?? "start" : void 0;
   return {
@@ -4057,17 +4057,17 @@ function j({
       "data-measured": u ? a ?? !0 : void 0,
       "data-monospaced": d,
       "data-responsive": o,
-      "data-size": l,
-      "data-tone": s === "muted" ? "muted" : void 0,
+      "data-size": s,
+      "data-tone": l === "muted" ? "muted" : void 0,
       id: p
     },
     children: [{ kind: "raw", html: e }]
   };
 }
-function ri(t) {
+function mi(t) {
   return h(j(t));
 }
-const ai = {
+const ki = {
   name: "text",
   description: "Use `text` for inline or paragraph body copy.",
   output: {
@@ -4191,7 +4191,7 @@ const ai = {
     ]
   }
 };
-function re({
+function oe({
   align: t = "start",
   attribution: n,
   id: e,
@@ -4241,10 +4241,10 @@ function re({
     ]
   };
 }
-function oi(t) {
-  return h(re(t));
+function gi(t) {
+  return h(oe(t));
 }
-const di = {
+const bi = {
   name: "blockquote",
   description: "Use `blockquote` to display a quote with attribution.",
   output: { element: "figure", class: "set-blockquote" },
@@ -4313,7 +4313,7 @@ const di = {
     ]
   }
 };
-function ae({
+function de({
   background: t = "default",
   border: n,
   children: e,
@@ -4322,9 +4322,9 @@ function ae({
   paddingInline: a = "md",
   radius: d,
   responsive: o,
-  surface: l
+  surface: s
 }) {
-  const s = g(i);
+  const l = g(i);
   return {
     kind: "element",
     tag: "div",
@@ -4332,20 +4332,20 @@ function ae({
       class: "set-box",
       "data-background": t === "default" ? void 0 : t,
       "data-border": n,
-      "data-set-surface": l,
+      "data-set-surface": s,
       "data-padding-block": r,
       "data-padding-inline": a,
       "data-radius": d,
       "data-responsive": o,
-      id: s
+      id: l
     },
     children: e ? [{ kind: "raw", html: e }] : []
   };
 }
-function si(t) {
-  return h(ae(t));
+function vi(t) {
+  return h(de(t));
 }
-const li = {
+const fi = {
   name: "box",
   description: "Use `box` to inset content.",
   output: { element: "div", class: "set-box" },
@@ -4458,7 +4458,7 @@ const li = {
     ]
   }
 };
-function oe({
+function se({
   description: t,
   headingLevel: n,
   href: e,
@@ -4467,7 +4467,7 @@ function oe({
   surface: a,
   title: d
 }) {
-  const o = g(i), l = n ? `h${n}` : "div", s = e ? [
+  const o = g(i), s = n ? `h${n}` : "div", l = e ? [
     {
       kind: "element",
       tag: "a",
@@ -4497,9 +4497,9 @@ function oe({
     },
     {
       kind: "element",
-      tag: l,
+      tag: s,
       attrs: { class: "title" },
-      children: s
+      children: l
     },
     {
       kind: "element",
@@ -4524,10 +4524,10 @@ function oe({
     children: c
   };
 }
-function pi(t) {
-  return h(oe(t));
+function yi(t) {
+  return h(se(t));
 }
-const ci = {
+const wi = {
   name: "card",
   description: "Use `card` to display a summary for a single topic.",
   output: {
@@ -4595,7 +4595,7 @@ const ci = {
     ]
   }
 };
-function de({
+function le({
   checked: t,
   description: n,
   disabled: e,
@@ -4604,8 +4604,8 @@ function de({
   label: a,
   name: d,
   required: o,
-  size: l = "md",
-  value: s
+  size: s = "md",
+  value: l
 }) {
   const p = g(i), c = n?.trim();
   if (c && !p)
@@ -4629,7 +4629,7 @@ function de({
             name: d || void 0,
             required: !!o,
             type: "checkbox",
-            value: s || void 0
+            value: l || void 0
           },
           children: []
         },
@@ -4650,14 +4650,14 @@ function de({
   }), {
     kind: "element",
     tag: "div",
-    attrs: { class: "set-checkbox", "data-size": l },
+    attrs: { class: "set-checkbox", "data-size": s },
     children: m
   };
 }
-function ui(t) {
-  return h(de(t));
+function Si(t) {
+  return h(le(t));
 }
-const hi = {
+const xi = {
   name: "checkbox",
   description: "Use `checkbox` to let users toggle a single option on or off.",
   output: { element: "div", class: "set-checkbox" },
@@ -4787,7 +4787,7 @@ const hi = {
     ]
   }
 };
-function se({
+function pe({
   children: t,
   gutter: n = "default",
   id: e,
@@ -4806,10 +4806,10 @@ function se({
     children: t ? [{ kind: "raw", html: t }] : []
   };
 }
-function mi(t) {
-  return h(se(t));
+function Ei(t) {
+  return h(pe(t));
 }
-const ki = {
+const zi = {
   name: "container",
   description: "Use `container` to wrap page-level content.",
   output: { element: "div", class: "set-container" },
@@ -4866,7 +4866,7 @@ const ki = {
     ]
   }
 };
-function le({
+function ce({
   children: t,
   id: n,
   open: e,
@@ -4918,10 +4918,10 @@ function le({
     ]
   };
 }
-function gi(t) {
-  return h(le(t));
+function Ci(t) {
+  return h(ce(t));
 }
-const bi = {
+const Li = {
   name: "details",
   description: "Use `details` to let users expand and collapse a section of content.",
   output: { element: "details", class: "set-details" },
@@ -4980,7 +4980,7 @@ const bi = {
     ]
   }
 };
-function pe({
+function ue({
   id: t,
   orientation: n = "horizontal",
   tone: e = "default"
@@ -4999,10 +4999,10 @@ function pe({
     children: []
   };
 }
-function vi(t = {}) {
-  return h(pe(t));
+function Mi(t = {}) {
+  return h(ue(t));
 }
-const fi = {
+const qi = {
   name: "divider",
   description: "Use `divider` to separate sections with a rule.",
   output: {
@@ -5073,14 +5073,14 @@ function gt({
   legend: a,
   inlineSize: d = "full"
 }) {
-  const o = n?.trim(), l = i.trim();
-  if (!l)
+  const o = n?.trim(), s = i.trim();
+  if (!s)
     throw new Error("id must be a non-empty string.");
-  if (!I(l))
+  if (!I(s))
     throw new Error(
       "id must start with a letter and contain only letters, numbers, '_', '-', or ':'."
     );
-  const s = o ? `${l}-description` : void 0, p = !!e, c = !p && !!r, u = [
+  const l = o ? `${s}-description` : void 0, p = !!e, c = !p && !!r, u = [
     {
       kind: "element",
       tag: "legend",
@@ -5091,26 +5091,26 @@ function gt({
   return o && u.push({
     kind: "element",
     tag: "p",
-    attrs: { class: "description", id: s },
+    attrs: { class: "description", id: l },
     children: [{ kind: "text", value: o }]
   }), t && u.push({ kind: "raw", html: t }), {
     kind: "element",
     tag: "fieldset",
     attrs: {
-      "aria-describedby": o ? s : void 0,
+      "aria-describedby": o ? l : void 0,
       "aria-invalid": c ? "true" : void 0,
       class: "set-fieldset",
       "data-inline-size": d === "fit" ? "fit" : void 0,
       disabled: p,
-      id: l
+      id: s
     },
     children: u
   };
 }
-function yi(t) {
+function Ii(t) {
   return h(gt(t));
 }
-const wi = {
+const Ti = {
   name: "fieldset",
   description: "Use `fieldset` to group related form controls under a legend.",
   output: { element: "fieldset", class: "set-fieldset" },
@@ -5198,7 +5198,7 @@ const wi = {
     ]
   }
 };
-function ce({
+function he({
   align: t = "start",
   caption: n,
   children: e,
@@ -5232,10 +5232,10 @@ function ce({
     ]
   };
 }
-function Si(t) {
-  return h(ce(t));
+function Ai(t) {
+  return h(he(t));
 }
-const xi = {
+const _i = {
   name: "figure",
   description: "Use `figure` to present media with a caption.",
   output: { element: "figure", class: "set-figure" },
@@ -5297,7 +5297,7 @@ const xi = {
   if (t !== void 0)
     return String(t);
 };
-function ue({
+function me({
   children: t,
   gap: n = "default",
   id: e
@@ -5321,10 +5321,10 @@ function ue({
     ]
   };
 }
-function Ei(t) {
-  return h(ue(t));
+function Di(t) {
+  return h(me(t));
 }
-function he({
+function ke({
   align: t,
   children: n,
   colSpan: e,
@@ -5333,8 +5333,8 @@ function he({
   colStart: a,
   colStartNarrow: d,
   colStartWide: o,
-  id: l,
-  justify: s,
+  id: s,
+  justify: l,
   rowSpan: p,
   rowSpanNarrow: c,
   rowSpanWide: u,
@@ -5342,14 +5342,14 @@ function he({
   rowStartNarrow: b,
   rowStartWide: m
 }) {
-  const f = g(l);
+  const f = g(s);
   return {
     kind: "element",
     tag: "div",
     attrs: {
       class: "set-grid-item",
       "data-align": t,
-      "data-justify": s,
+      "data-justify": l,
       "data-col-span-narrow": L(i),
       "data-col-start-narrow": L(d),
       "data-col-span": L(e),
@@ -5367,10 +5367,10 @@ function he({
     children: n ? [{ kind: "raw", html: n }] : []
   };
 }
-function zi(t) {
-  return h(he(t));
+function Hi(t) {
+  return h(ke(t));
 }
-const Ci = {
+const Vi = {
   name: "grid",
   description: "Use `grid` to lay out content in a 12-column responsive grid.",
   output: { element: "div", class: "set-grid" },
@@ -5416,7 +5416,7 @@ const Ci = {
   min: 1,
   max: 12,
   integer: !0
-}, Li = {
+}, Ni = {
   name: "grid-item",
   description: "Use `grid-item` to place content within a `grid` layout.",
   output: { element: "div", class: "set-grid-item" },
@@ -5583,7 +5583,7 @@ const Ci = {
     ]
   }
 };
-function me({
+function ge({
   align: t = "start",
   id: n,
   level: e,
@@ -5607,10 +5607,10 @@ function me({
     children: [{ kind: "text", value: d }]
   };
 }
-function Mi(t) {
-  return h(me(t));
+function Oi(t) {
+  return h(ge(t));
 }
-const qi = {
+const Pi = {
   name: "heading",
   description: "Use `heading` to render heading text with consistent type.",
   output: {
@@ -5705,7 +5705,7 @@ const qi = {
     ]
   }
 };
-function ke({
+function be({
   alt: t = "",
   aspectRatio: n,
   fit: e = "intrinsic",
@@ -5714,8 +5714,8 @@ function ke({
   id: a,
   lazy: d,
   priority: o,
-  radius: l,
-  shadow: s,
+  radius: s,
+  shadow: l,
   sizes: p,
   sources: c,
   src: u,
@@ -5723,12 +5723,12 @@ function ke({
   width: b
 }) {
   const m = e === "cover", f = g(a), E = u.trim(), S = k?.trim(), v = p?.trim(), y = c?.map((z, C) => {
-    const A = z.srcSet.trim(), V = z.media?.trim(), it = z.type?.trim(), O = z.sizes?.trim();
+    const A = z.srcSet.trim(), N = z.media?.trim(), it = z.type?.trim(), O = z.sizes?.trim();
     if (!A)
       throw new Error(`sources[${C}].srcSet must be non-empty.`);
     return {
       height: z.height,
-      media: V || void 0,
+      media: N || void 0,
       sizes: O || void 0,
       srcSet: A,
       type: it || void 0,
@@ -5785,19 +5785,19 @@ function ke({
       "data-aspect-ratio": m && !r ? n : void 0,
       "data-fluid": e === "fluid",
       "data-gravity": m && i !== "C" ? i : void 0,
-      "data-shadow": !!s,
+      "data-shadow": !!l,
       "data-object-fit": m ? "cover" : void 0,
-      "data-radius": !!l,
+      "data-radius": !!s,
       id: f,
       style: q.length > 0 ? q.join("; ") : void 0
     },
     children: [x]
   };
 }
-function ge(t) {
-  return h(ke(t));
+function ve(t) {
+  return h(be(t));
 }
-const Ii = {
+const Bi = {
   name: "image",
   description: "Use `image` to render a responsive image with intrinsic, fluid, or cover fit, and optional art-directed `sources`.",
   output: { element: "div", class: "set-image" },
@@ -5985,7 +5985,7 @@ const Ii = {
     ]
   }
 };
-function be({
+function fe({
   align: t = "center",
   as: n = "div",
   children: e,
@@ -6009,10 +6009,10 @@ function be({
     children: e ? [{ kind: "raw", html: e }] : []
   };
 }
-function Ti(t) {
-  return h(be(t));
+function Ri(t) {
+  return h(fe(t));
 }
-const Ai = {
+const Wi = {
   name: "inline",
   description: "Use `inline` to lay out content in a horizontal row.",
   output: {
@@ -6097,7 +6097,7 @@ const Ai = {
     ]
   }
 };
-function ve({
+function ye({
   autocomplete: t,
   description: n,
   disabled: e,
@@ -6106,8 +6106,8 @@ function ve({
   label: a,
   name: d,
   pattern: o,
-  readOnly: l,
-  required: s,
+  readOnly: s,
+  required: l,
   size: p = "md",
   spellcheck: c,
   type: u = "text",
@@ -6121,7 +6121,7 @@ function ve({
     throw new Error(
       "id must start with a letter and contain only letters, numbers, '_', '-', or ':'."
     );
-  const w = f ? `${m}-description` : void 0, x = u === "numeric", q = x ? "text" : u, z = v || (x ? "^[0-9]*$" : void 0), C = c === void 0 && x ? !1 : c, A = !!e, V = !A && !!l, O = [
+  const w = f ? `${m}-description` : void 0, x = u === "numeric", q = x ? "text" : u, z = v || (x ? "^[0-9]*$" : void 0), C = c === void 0 && x ? !1 : c, A = !!e, N = !A && !!s, O = [
     {
       kind: "element",
       tag: "label",
@@ -6133,7 +6133,7 @@ function ve({
       tag: "input",
       attrs: {
         "aria-describedby": w,
-        "aria-invalid": !A && !V && !!r ? "true" : void 0,
+        "aria-invalid": !A && !N && !!r ? "true" : void 0,
         autocomplete: E === !1 ? "off" : E || void 0,
         class: "input",
         disabled: A,
@@ -6141,8 +6141,8 @@ function ve({
         inputmode: x ? "numeric" : void 0,
         name: S || void 0,
         pattern: z,
-        readonly: V,
-        required: !!s,
+        readonly: N,
+        required: !!l,
         spellcheck: C === void 0 ? void 0 : String(C),
         type: q,
         value: y
@@ -6166,10 +6166,10 @@ function ve({
     children: O
   };
 }
-function _i(t) {
-  return h(ve(t));
+function Ui(t) {
+  return h(ye(t));
 }
-const Di = {
+const $i = {
   name: "input",
   description: "Use `input` to collect a single line of text from users.",
   output: { element: "div", class: "set-input" },
@@ -6364,44 +6364,104 @@ const Di = {
       }
     ]
   }
-};
-function fe({
-  id: t,
-  label: n,
-  size: e = "md",
-  tone: i = "default",
-  variant: r = "primary"
+}, we = "0 0 6714.6 1200", Se = "0 0 600 1200", xe = [
+  { x: 0, y: 0 },
+  { x: 300, y: 0 },
+  { x: 150, y: 300 },
+  { x: 450, y: 300 },
+  { x: 0, y: 600 },
+  { x: 300, y: 600 },
+  { x: 150, y: 900 },
+  { x: 450, y: 900 }
+], Ee = "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", ze = 1163, bt = () => ({
+  kind: "element",
+  tag: "g",
+  attrs: { class: "mark" },
+  children: xe.map(({ x: t, y: n }) => ({
+    kind: "element",
+    tag: "rect",
+    attrs: {
+      height: "300",
+      width: "150",
+      x: String(t),
+      y: String(n)
+    },
+    children: []
+  }))
+}), Ce = () => ({
+  kind: "element",
+  tag: "g",
+  attrs: { class: "word", transform: `translate(${ze} 0)` },
+  children: [
+    {
+      kind: "element",
+      tag: "path",
+      attrs: { d: Ee },
+      children: []
+    }
+  ]
+}), vt = (t, n) => ({
+  kind: "element",
+  tag: "svg",
+  attrs: {
+    "aria-hidden": "true",
+    viewBox: t,
+    xmlns: "http://www.w3.org/2000/svg"
+  },
+  children: n
+});
+function Le() {
+  return vt(we, [bt(), Ce()]);
+}
+function Me() {
+  return vt(Se, [bt()]);
+}
+function qe({
+  animated: t,
+  id: n,
+  label: e,
+  size: i = "md",
+  tone: r = "default",
+  variant: a = "primary"
 }) {
-  const a = g(t);
-  return {
+  const d = g(n), o = !!t && (a === "primary" || a === "graphic"), s = [
+    {
+      kind: "element",
+      tag: "span",
+      attrs: { class: "visually-hidden" },
+      children: [{ kind: "text", value: e }]
+    }
+  ];
+  return o && s.push(
+    a === "graphic" ? Me() : Le()
+  ), {
     kind: "element",
     tag: "div",
     attrs: {
       class: "set-logo",
-      "data-size": e,
-      "data-tone": i === "neutral" ? "neutral" : void 0,
-      "data-variant": r === "primary" ? void 0 : r,
-      id: a
+      "data-animated": o,
+      "data-size": i,
+      "data-tone": r === "neutral" ? "neutral" : void 0,
+      "data-variant": a === "primary" ? void 0 : a,
+      id: d
     },
-    children: [
-      {
-        kind: "element",
-        tag: "span",
-        attrs: { class: "visually-hidden" },
-        children: [{ kind: "text", value: n }]
-      }
-    ]
+    children: s
   };
 }
-function Hi(t) {
-  return h(fe(t));
+function Gi(t) {
+  return h(qe(t));
 }
-const Ni = {
+const Zi = {
   name: "logo",
   description: "Use `logo` to display the brand mark.",
   output: { element: "div", class: "set-logo" },
   content: { kind: "text", prop: "label" },
   props: {
+    animated: {
+      default: !1,
+      description: "Plays the logo's boot animation once on render. Animates the `primary` and `graphic` variants; others render static.",
+      type: { kind: "boolean" }
+    },
     id: {
       description: "DOM id.",
       type: { kind: "string" }
@@ -6433,6 +6493,21 @@ const Ni = {
   events: {},
   rules: {
     attributes: [
+      {
+        target: { on: "host" },
+        attribute: "data-animated",
+        condition: {
+          kind: "all",
+          of: [
+            { kind: "when-truthy", prop: "animated" },
+            {
+              kind: "when-in",
+              prop: "variant",
+              values: ["primary", "graphic"]
+            }
+          ]
+        }
+      },
       {
         target: { on: "host" },
         attribute: "data-size",
@@ -6464,7 +6539,7 @@ const Ni = {
     ]
   }
 };
-function ye({
+function Ie({
   banner: t,
   centerMain: n,
   children: e,
@@ -6473,9 +6548,9 @@ function ye({
   headerBorder: a,
   headerSize: d = "md",
   id: o,
-  stickyHeader: l
+  stickyHeader: s
 }) {
-  const s = g(o), p = [];
+  const l = g(o), p = [];
   return t && p.push({ kind: "raw", html: t }), p.push({
     kind: "element",
     tag: "header",
@@ -6499,16 +6574,16 @@ function ye({
       "data-center-main": n,
       "data-header-border": a,
       "data-header-size": d,
-      "data-sticky-header": l,
-      id: s
+      "data-sticky-header": s,
+      id: l
     },
     children: p
   };
 }
-function Vi(t) {
-  return h(ye(t));
+function Fi(t) {
+  return h(Ie(t));
 }
-const Oi = {
+const ji = {
   name: "page",
   description: "Use `page` as the primary layout for header, main, and footer regions.",
   output: { element: "div", class: "set-page" },
@@ -6598,7 +6673,7 @@ const Oi = {
     ]
   }
 };
-function we({
+function Te({
   children: t,
   id: n,
   padding: e = "md",
@@ -6617,10 +6692,10 @@ function we({
     children: t ? [{ kind: "raw", html: t }] : []
   };
 }
-function Pi(t) {
-  return h(we(t));
+function Ki(t) {
+  return h(Te(t));
 }
-const Bi = {
+const Xi = {
   name: "panel",
   description: "Use `panel` to group related content in a contained region.",
   output: { element: "div", class: "set-panel" },
@@ -6671,7 +6746,7 @@ const Bi = {
     ]
   }
 };
-function Se({
+function Ae({
   children: t,
   id: n,
   size: e = "md",
@@ -6692,10 +6767,10 @@ function Se({
     children: t ? [{ kind: "raw", html: t }] : []
   };
 }
-function Ri(t = {}) {
-  return h(Se(t));
+function Qi(t = {}) {
+  return h(Ae(t));
 }
-const Wi = {
+const Yi = {
   name: "pattern",
   description: "Use `pattern` to render repeated visual language components behind content.",
   output: { element: "div", class: "set-pattern" },
@@ -6762,15 +6837,15 @@ const Wi = {
     ]
   }
 };
-function Ui(t) {
-  return ge({
+function Ji(t) {
+  return ve({
     ...t,
     alt: "",
     fit: "cover",
     priority: !0
   });
 }
-function xe({
+function _e({
   children: t,
   contentTheme: n,
   id: e,
@@ -6802,10 +6877,10 @@ function xe({
     children: o
   };
 }
-function $i(t) {
-  return h(xe(t));
+function tn(t) {
+  return h(_e(t));
 }
-const Gi = {
+const en = {
   name: "poster",
   description: "Use `poster` to layer content over background media.",
   output: { element: "div", class: "set-poster" },
@@ -6875,7 +6950,7 @@ const Gi = {
     ]
   }
 };
-function Ee({
+function De({
   align: t = "start",
   children: n,
   hangingPunctuation: e,
@@ -6885,7 +6960,7 @@ function Ee({
   monospaced: d,
   responsive: o
 }) {
-  const l = g(i);
+  const s = g(i);
   return {
     kind: "element",
     tag: "div",
@@ -6897,15 +6972,15 @@ function Ee({
       "data-measured": a,
       "data-monospaced": d,
       "data-responsive": o,
-      id: l
+      id: s
     },
     children: [{ kind: "raw", html: n }]
   };
 }
-function Zi(t) {
-  return h(Ee(t));
+function nn(t) {
+  return h(De(t));
 }
-const Fi = {
+const rn = {
   name: "prose",
   description: "Use `prose` to style rich-text markup.",
   output: { element: "div", class: "set-prose" },
@@ -6999,7 +7074,7 @@ const Fi = {
     ]
   }
 };
-function ze({
+function He({
   description: t,
   disabled: n,
   id: e,
@@ -7008,8 +7083,8 @@ function ze({
   legend: a,
   name: d,
   orientation: o = "vertical",
-  required: l,
-  size: s = "md",
+  required: s,
+  size: l = "md",
   value: p
 }) {
   const c = e.trim(), u = d.trim(), k = p?.trim();
@@ -7054,7 +7129,7 @@ function ze({
               class: "radio",
               disabled: y,
               name: u,
-              required: !!l && !f && !y,
+              required: !!s && !f && !y,
               type: "radio",
               value: v.value
             },
@@ -7088,7 +7163,7 @@ function ze({
       attrs: {
         class: "set-radios",
         "data-orientation": o,
-        "data-size": s
+        "data-size": l
       },
       children: E
     }),
@@ -7099,10 +7174,10 @@ function ze({
     legend: a
   });
 }
-function ji(t) {
-  return h(ze(t));
+function an(t) {
+  return h(He(t));
 }
-const Ki = {
+const on = {
   name: "radios",
   description: "Use `radios` to let users select one option from a short list.",
   output: { element: "fieldset", class: "set-fieldset" },
@@ -7251,7 +7326,7 @@ const Ki = {
     ]
   }
 };
-function Ce({
+function Ve({
   appOverscrollBehavior: t,
   appRoot: n,
   brand: e = "mnsp",
@@ -7261,7 +7336,7 @@ function Ce({
   lang: d,
   theme: o
 }) {
-  const l = g(a);
+  const s = g(a);
   return {
     kind: "element",
     tag: "div",
@@ -7271,17 +7346,17 @@ function Ce({
       "data-app-overscroll-behavior": t === "none" ? "none" : void 0,
       "data-set-brand": e,
       "data-set-theme": o,
-      id: l,
+      id: s,
       lang: d === "" ? void 0 : d,
       dir: r
     },
     children: i ? [{ kind: "raw", html: i }] : []
   };
 }
-function Qi(t) {
-  return h(Ce(t));
+function dn(t) {
+  return h(Ve(t));
 }
-const Xi = {
+const sn = {
   name: "root",
   description: "Mandatory top-level `root` wrapper for the Set system.",
   output: { element: "div", class: "set" },
@@ -7374,7 +7449,7 @@ const Xi = {
     ]
   }
 };
-function Le({
+function Ne({
   id: t,
   label: n,
   size: e = "md",
@@ -7399,13 +7474,13 @@ function Le({
         [360, 660],
         [360, 360],
         [360, 60]
-      ].map(([o, l]) => ({
+      ].map(([o, s]) => ({
         kind: "element",
         tag: "rect",
         attrs: {
           class: "cell",
           x: String(o),
-          y: String(l),
+          y: String(s),
           width: "180",
           height: "180"
         },
@@ -7431,10 +7506,10 @@ function Le({
     children: d
   };
 }
-function Yi(t = {}) {
-  return h(Le(t));
+function ln(t = {}) {
+  return h(Ne(t));
 }
-const Ji = {
+const pn = {
   name: "spinner",
   description: "Use `spinner` to indicate loading or in-progress state.",
   output: { element: "span", class: "set-spinner" },
@@ -7492,7 +7567,7 @@ const Ji = {
     ]
   }
 };
-function Me({
+function Oe({
   align: t = "stretch",
   as: n = "div",
   children: e,
@@ -7514,10 +7589,10 @@ function Me({
     children: e ? [{ kind: "raw", html: e }] : []
   };
 }
-function tn(t) {
-  return h(Me(t));
+function cn(t) {
+  return h(Oe(t));
 }
-const en = {
+const un = {
   name: "stack",
   description: "Use `stack` to lay out content in a vertical column.",
   output: {
@@ -7543,7 +7618,7 @@ const en = {
     gap: {
       default: "md",
       description: "Space between children.",
-      type: { kind: "enum", values: ["none", "xs", "sm", "md", "lg"] }
+      type: { kind: "enum", values: ["none", "xs", "sm", "md", "lg", "xl"] }
     },
     id: {
       description: "DOM id.",
@@ -7588,7 +7663,7 @@ const en = {
     ]
   }
 };
-function qe({
+function Pe({
   children: t,
   contentTheme: n,
   id: e,
@@ -7607,10 +7682,10 @@ function qe({
     children: [{ kind: "raw", html: t }]
   };
 }
-function nn(t) {
-  return h(qe(t));
+function hn(t) {
+  return h(Pe(t));
 }
-const rn = {
+const mn = {
   name: "surface",
   description: "Use `surface` to set a colour context for nested content.",
   output: { element: "div", class: "set-surface" },
@@ -7662,7 +7737,7 @@ const rn = {
     ]
   }
 };
-function Ie({
+function Be({
   checked: t,
   description: n,
   disabled: e,
@@ -7672,10 +7747,10 @@ function Ie({
   size: d = "md",
   value: o
 }) {
-  const l = g(i), s = n?.trim();
-  if (s && !l)
+  const s = g(i), l = n?.trim();
+  if (l && !s)
     throw new Error("id must be provided when description is provided.");
-  const p = s ? `${l}-description` : void 0, c = [
+  const p = l ? `${s}-description` : void 0, c = [
     {
       kind: "element",
       tag: "label",
@@ -7689,7 +7764,7 @@ function Ie({
             checked: !!t,
             class: "switch",
             disabled: !!e,
-            id: l,
+            id: s,
             name: a || void 0,
             role: "switch",
             type: "checkbox",
@@ -7706,11 +7781,11 @@ function Ie({
       ]
     }
   ];
-  return s && c.push({
+  return l && c.push({
     kind: "element",
     tag: "p",
     attrs: { class: "description", id: p },
-    children: [{ kind: "text", value: s }]
+    children: [{ kind: "text", value: l }]
   }), {
     kind: "element",
     tag: "div",
@@ -7718,10 +7793,10 @@ function Ie({
     children: c
   };
 }
-function an(t) {
-  return h(Ie(t));
+function kn(t) {
+  return h(Be(t));
 }
-const on = {
+const gn = {
   name: "switch",
   description: "Use `switch` to let users instantly toggle a setting on or off.",
   output: { element: "div", class: "set-switch" },
@@ -7829,7 +7904,7 @@ const on = {
     ]
   }
 };
-function Te({
+function Re({
   autocomplete: t,
   description: n,
   disabled: e,
@@ -7838,8 +7913,8 @@ function Te({
   label: a,
   name: d,
   readOnly: o,
-  required: l,
-  resize: s = "vertical",
+  required: s,
+  resize: l = "vertical",
   rows: p = 2,
   size: c = "md",
   spellcheck: u,
@@ -7874,7 +7949,7 @@ function Te({
         id: m,
         name: S || void 0,
         readonly: x,
-        required: !!l,
+        required: !!s,
         rows: String(p),
         spellcheck: u === void 0 ? void 0 : String(u)
       },
@@ -7891,17 +7966,17 @@ function Te({
     tag: "div",
     attrs: {
       class: "set-textarea",
-      "data-resize": s === "none" ? "none" : void 0,
+      "data-resize": l === "none" ? "none" : void 0,
       "data-size": c,
       "data-inline-size": b === "fit" ? "fit" : void 0
     },
     children: z
   };
 }
-function dn(t) {
-  return h(Te(t));
+function bn(t) {
+  return h(Re(t));
 }
-const sn = {
+const vn = {
   name: "textarea",
   description: "Use `textarea` to collect multiple lines of text from users.",
   output: { element: "div", class: "set-textarea" },
@@ -8090,166 +8165,166 @@ const sn = {
     ]
   }
 };
-function ln() {
-  Et(), Mt(), At(), Dt(), Ot(), Bt(), $t(), Ft();
+function fn() {
+  Ct(), It(), Dt(), Vt(), Bt(), Wt(), Zt(), Kt();
 }
 export {
   lt as SET_ALERT_EVENT_BEFORE_DISMISS,
   pt as SET_ALERT_EVENT_DISMISS,
-  Ne as SET_ALERT_SPEC,
+  Ze as SET_ALERT_SPEC,
   P as SET_ALERT_TAG_NAME,
-  ei as SET_AVATAR_SPEC,
-  ni as SET_BADGE_SPEC,
+  ci as SET_AVATAR_SPEC,
+  hi as SET_BADGE_SPEC,
   ut as SET_BANNER_EVENT_BEFORE_DISMISS,
   ht as SET_BANNER_EVENT_DISMISS,
-  Be as SET_BANNER_SPEC,
+  Xe as SET_BANNER_SPEC,
   B as SET_BANNER_TAG_NAME,
-  di as SET_BLOCKQUOTE_SPEC,
-  li as SET_BOX_SPEC,
-  De as SET_BUTTON_SPEC,
-  ci as SET_CARD_SPEC,
-  hi as SET_CHECKBOX_SPEC,
-  ki as SET_CONTAINER_SPEC,
-  bi as SET_DETAILS_SPEC,
-  fi as SET_DIVIDER_SPEC,
-  Ge as SET_EXPANDER_SPEC,
-  wi as SET_FIELDSET_SPEC,
-  xi as SET_FIGURE_SPEC,
-  Li as SET_GRID_ITEM_SPEC,
-  Ci as SET_GRID_SPEC,
-  qi as SET_HEADING_SPEC,
-  Ae as SET_ICON_NAMES,
-  _e as SET_ICON_SPEC,
-  Ii as SET_IMAGE_SPEC,
-  Ai as SET_INLINE_SPEC,
-  Di as SET_INPUT_SPEC,
+  bi as SET_BLOCKQUOTE_SPEC,
+  fi as SET_BOX_SPEC,
+  $e as SET_BUTTON_SPEC,
+  wi as SET_CARD_SPEC,
+  xi as SET_CHECKBOX_SPEC,
+  zi as SET_CONTAINER_SPEC,
+  Li as SET_DETAILS_SPEC,
+  qi as SET_DIVIDER_SPEC,
+  ei as SET_EXPANDER_SPEC,
+  Ti as SET_FIELDSET_SPEC,
+  _i as SET_FIGURE_SPEC,
+  Ni as SET_GRID_ITEM_SPEC,
+  Vi as SET_GRID_SPEC,
+  Pi as SET_HEADING_SPEC,
+  We as SET_ICON_NAMES,
+  Ue as SET_ICON_SPEC,
+  Bi as SET_IMAGE_SPEC,
+  Wi as SET_INLINE_SPEC,
+  $i as SET_INPUT_SPEC,
   mt as SET_LIGHTSWITCH_EVENT_CHANGE,
-  We as SET_LIGHTSWITCH_SPEC,
+  Ye as SET_LIGHTSWITCH_SPEC,
   K as SET_LIGHTSWITCH_STORAGE_KEY,
   W as SET_LIGHTSWITCH_TAG_NAME,
-  Oe as SET_LINK_SPEC,
-  Ni as SET_LOGO_SPEC,
+  je as SET_LINK_SPEC,
+  Zi as SET_LOGO_SPEC,
   kt as SET_MENU_EVENT_CHOOSE,
-  $e as SET_MENU_SPEC,
+  ti as SET_MENU_SPEC,
   U as SET_MENU_TAG_NAME,
-  Fe as SET_NAV_SPEC,
+  ni as SET_NAV_SPEC,
   $ as SET_NAV_TAG_NAME,
-  Oi as SET_PAGE_SPEC,
-  Bi as SET_PANEL_SPEC,
-  Wi as SET_PATTERN_SPEC,
-  Gi as SET_POSTER_SPEC,
-  Fi as SET_PROSE_SPEC,
-  Ki as SET_RADIOS_SPEC,
-  Ke as SET_RANGE_SPEC,
+  ji as SET_PAGE_SPEC,
+  Xi as SET_PANEL_SPEC,
+  Yi as SET_PATTERN_SPEC,
+  en as SET_POSTER_SPEC,
+  rn as SET_PROSE_SPEC,
+  on as SET_RADIOS_SPEC,
+  ai as SET_RANGE_SPEC,
   G as SET_RANGE_TAG_NAME,
-  Xi as SET_ROOT_SPEC,
-  Xe as SET_SIDEBAR_SPEC,
+  sn as SET_ROOT_SPEC,
+  di as SET_SIDEBAR_SPEC,
   Z as SET_SIDEBAR_TAG_NAME,
-  Ji as SET_SPINNER_SPEC,
-  en as SET_STACK_SPEC,
-  rn as SET_SURFACE_SPEC,
-  on as SET_SWITCH_SPEC,
-  sn as SET_TEXTAREA_SPEC,
-  ai as SET_TEXT_SPEC,
-  Je as SET_VIDEO_SPEC,
+  pn as SET_SPINNER_SPEC,
+  un as SET_STACK_SPEC,
+  mn as SET_SURFACE_SPEC,
+  gn as SET_SWITCH_SPEC,
+  vn as SET_TEXTAREA_SPEC,
+  ki as SET_TEXT_SPEC,
+  li as SET_VIDEO_SPEC,
   F as SET_VIDEO_TAG_NAME,
-  xt as buildSetAlert,
-  ie as buildSetAvatar,
-  ne as buildSetBadge,
-  Lt as buildSetBanner,
-  re as buildSetBlockquote,
-  ae as buildSetBox,
+  zt as buildSetAlert,
+  re as buildSetAvatar,
+  ae as buildSetBadge,
+  qt as buildSetBanner,
+  oe as buildSetBlockquote,
+  de as buildSetBox,
   tt as buildSetButton,
-  oe as buildSetCard,
-  de as buildSetCheckbox,
-  se as buildSetContainer,
-  le as buildSetDetails,
-  pe as buildSetDivider,
-  Ht as buildSetExpander,
+  se as buildSetCard,
+  le as buildSetCheckbox,
+  pe as buildSetContainer,
+  ce as buildSetDetails,
+  ue as buildSetDivider,
+  Nt as buildSetExpander,
   gt as buildSetFieldset,
-  ce as buildSetFigure,
-  ue as buildSetGrid,
-  he as buildSetGridItem,
-  me as buildSetHeading,
+  he as buildSetFigure,
+  me as buildSetGrid,
+  ke as buildSetGridItem,
+  ge as buildSetHeading,
   H as buildSetIcon,
-  ke as buildSetImage,
-  be as buildSetInline,
-  ve as buildSetInput,
-  Tt as buildSetLightswitch,
+  be as buildSetImage,
+  fe as buildSetInline,
+  ye as buildSetInput,
+  _t as buildSetLightswitch,
   ct as buildSetLink,
-  fe as buildSetLogo,
-  _t as buildSetMenu,
-  Vt as buildSetNav,
-  ye as buildSetPage,
-  we as buildSetPanel,
-  Se as buildSetPattern,
-  xe as buildSetPoster,
-  Ee as buildSetProse,
-  ze as buildSetRadios,
-  Pt as buildSetRange,
-  Ce as buildSetRoot,
-  Ut as buildSetSidebar,
-  Le as buildSetSpinner,
-  Me as buildSetStack,
-  qe as buildSetSurface,
-  Ie as buildSetSwitch,
+  qe as buildSetLogo,
+  Ht as buildSetMenu,
+  Pt as buildSetNav,
+  Ie as buildSetPage,
+  Te as buildSetPanel,
+  Ae as buildSetPattern,
+  _e as buildSetPoster,
+  De as buildSetProse,
+  He as buildSetRadios,
+  Rt as buildSetRange,
+  Ve as buildSetRoot,
+  Gt as buildSetSidebar,
+  Ne as buildSetSpinner,
+  Oe as buildSetStack,
+  Pe as buildSetSurface,
+  Be as buildSetSwitch,
   j as buildSetText,
-  Te as buildSetTextarea,
-  Gt as buildSetVideo,
-  Et as defineSetAlert,
-  Mt as defineSetBanner,
-  ln as defineSetComponents,
-  At as defineSetLightswitch,
-  Dt as defineSetMenu,
-  Ot as defineSetNav,
-  Bt as defineSetRange,
-  $t as defineSetSidebar,
-  Ft as defineSetVideo,
-  Qt as getSetInitials,
-  He as renderSetAlert,
-  ti as renderSetAvatar,
-  ii as renderSetBadge,
-  Pe as renderSetBanner,
-  oi as renderSetBlockquote,
-  si as renderSetBox,
+  Re as buildSetTextarea,
+  Ft as buildSetVideo,
+  Ct as defineSetAlert,
+  It as defineSetBanner,
+  fn as defineSetComponents,
+  Dt as defineSetLightswitch,
+  Vt as defineSetMenu,
+  Bt as defineSetNav,
+  Wt as defineSetRange,
+  Zt as defineSetSidebar,
+  Kt as defineSetVideo,
+  Yt as getSetInitials,
+  Ge as renderSetAlert,
+  pi as renderSetAvatar,
+  ui as renderSetBadge,
+  Ke as renderSetBanner,
+  gi as renderSetBlockquote,
+  vi as renderSetBox,
   et as renderSetButton,
-  pi as renderSetCard,
-  ui as renderSetCheckbox,
-  mi as renderSetContainer,
-  gi as renderSetDetails,
-  vi as renderSetDivider,
-  Nt as renderSetExpander,
-  yi as renderSetFieldset,
-  Si as renderSetFigure,
-  Ei as renderSetGrid,
-  zi as renderSetGridItem,
-  Mi as renderSetHeading,
-  ft as renderSetIcon,
-  ge as renderSetImage,
-  Ti as renderSetInline,
-  _i as renderSetInput,
-  Re as renderSetLightswitch,
-  Ve as renderSetLink,
-  Hi as renderSetLogo,
-  Ue as renderSetMenu,
-  Ze as renderSetNav,
-  Vi as renderSetPage,
-  Pi as renderSetPanel,
-  Ri as renderSetPattern,
-  $i as renderSetPoster,
-  Ui as renderSetPosterImage,
-  Zi as renderSetProse,
-  ji as renderSetRadios,
-  je as renderSetRange,
-  Qi as renderSetRoot,
-  Qe as renderSetSidebar,
-  Yi as renderSetSpinner,
-  tn as renderSetStack,
-  nn as renderSetSurface,
-  an as renderSetSwitch,
-  ri as renderSetText,
-  dn as renderSetTextarea,
-  Ye as renderSetVideo,
+  yi as renderSetCard,
+  Si as renderSetCheckbox,
+  Ei as renderSetContainer,
+  Ci as renderSetDetails,
+  Mi as renderSetDivider,
+  Ot as renderSetExpander,
+  Ii as renderSetFieldset,
+  Ai as renderSetFigure,
+  Di as renderSetGrid,
+  Hi as renderSetGridItem,
+  Oi as renderSetHeading,
+  wt as renderSetIcon,
+  ve as renderSetImage,
+  Ri as renderSetInline,
+  Ui as renderSetInput,
+  Qe as renderSetLightswitch,
+  Fe as renderSetLink,
+  Gi as renderSetLogo,
+  Je as renderSetMenu,
+  ii as renderSetNav,
+  Fi as renderSetPage,
+  Ki as renderSetPanel,
+  Qi as renderSetPattern,
+  tn as renderSetPoster,
+  Ji as renderSetPosterImage,
+  nn as renderSetProse,
+  an as renderSetRadios,
+  ri as renderSetRange,
+  dn as renderSetRoot,
+  oi as renderSetSidebar,
+  ln as renderSetSpinner,
+  cn as renderSetStack,
+  hn as renderSetSurface,
+  kn as renderSetSwitch,
+  mi as renderSetText,
+  bn as renderSetTextarea,
+  si as renderSetVideo,
   h as serializeSetNode
 };
 //# sourceMappingURL=index.js.map