@monospaced/set-core 0.5.1 → 0.7.0

package/dist/index.js

@@ -30,7 +30,7 @@ function h(t) {
 function I(t) {
   return /^[A-Za-z][\w:-]*$/.test(t);
 }
-function k(t) {
+function g(t) {
   if (t === void 0) return;
   const n = t.trim();
   if (n) {
@@ -792,21 +792,21 @@ function H({
   size: r = "md",
   title: a
 }) {
-  const o = dt[i];
-  if (!o)
+  const d = dt[i];
+  if (!d)
     throw new Error(`Unknown icon name: ${i}`);
-  const d = k(n), p = a?.trim();
-  if (!t && !p)
+  const o = g(n), l = a?.trim();
+  if (!t && !l)
     throw new Error("title must be non-empty when ariaHidden is false.");
-  if (!t && !d)
+  if (!t && !o)
     throw new Error("id must be provided when ariaHidden is false.");
-  const s = t ? void 0 : `${d}-title`, l = [];
-  return t || l.push({
+  const s = t ? void 0 : `${o}-title`, p = [];
+  return t || p.push({
     kind: "element",
     tag: "title",
     attrs: { id: s },
-    children: [{ kind: "text", value: p }]
-  }), l.push(...st(o)), {
+    children: [{ kind: "text", value: l }]
+  }), p.push(...st(d)), {
     kind: "element",
     tag: "svg",
     attrs: {
@@ -817,14 +817,14 @@ function H({
       "data-size": r,
       fill: "none",
       height: "24",
-      id: d,
+      id: o,
       role: t ? void 0 : "img",
       stroke: "currentColor",
       "stroke-width": "1.75",
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    children: l
+    children: p
   };
 }
 function ft(t) {
@@ -951,22 +951,22 @@ function tt(t) {
     disabled: i,
     disclosure: r,
     form: a,
-    haspopup: o,
-    id: d,
-    icon: p,
+    haspopup: d,
+    id: o,
+    icon: l,
     iconMirrored: s,
-    iconPlacement: l = "start",
+    iconPlacement: p = "start",
     label: c,
     labelVisibility: u = "visible",
-    name: g,
-    size: v = "md",
+    name: k,
+    size: b = "md",
     tone: m = "default",
     type: f,
     value: E
-  } = t, S = p || void 0, b = !!S;
-  if (u !== "visible" && !b)
+  } = t, S = l || void 0, v = !!S;
+  if (u !== "visible" && !v)
     throw new Error("labelVisibility requires icon when label is not visible.");
-  const y = b && S ? {
+  const y = v && S ? {
     kind: "element",
     tag: "span",
     attrs: { class: "icon-wrapper" },
@@ -993,20 +993,20 @@ function tt(t) {
     attrs: {
       "aria-controls": r && e || void 0,
       "aria-expanded": r ? "false" : void 0,
-      "aria-haspopup": o || void 0,
+      "aria-haspopup": d || void 0,
       class: "set-button",
       "data-appearance": n,
       "data-label-visibility": u === "visible" ? void 0 : u,
-      "data-size": v,
+      "data-size": b,
       "data-tone": m === "neutral" ? "neutral" : void 0,
       disabled: !!i,
       form: a || void 0,
-      id: d || void 0,
-      name: g || void 0,
+      id: o || void 0,
+      name: k || void 0,
       type: f || "button",
       value: E || void 0
     },
-    children: y ? l === "end" ? [w, y] : [y, w] : [w]
+    children: y ? p === "end" ? [w, y] : [y, w] : [w]
   };
 }
 function et(t) {
@@ -1231,16 +1231,16 @@ function xt({
   inlineSize: i = "full",
   message: r,
   size: a = "md",
-  tone: o,
-  title: d
+  tone: d,
+  title: o
 }) {
-  const p = k(e), s = n.trim() === "" ? N : n, l = [];
-  return d && l.push({
+  const l = g(e), s = n.trim() === "" ? N : n, p = [];
+  return o && p.push({
     kind: "element",
     tag: "p",
     attrs: { class: "title" },
-    children: [{ kind: "text", value: d }]
-  }), l.push({
+    children: [{ kind: "text", value: o }]
+  }), p.push({
     kind: "element",
     tag: "p",
     attrs: { class: "message" },
@@ -1254,9 +1254,9 @@ function xt({
       "data-dismissible-label": t ? s : void 0,
       "data-inline-size": i === "fit" ? "fit" : void 0,
       "data-size": a,
-      "data-tone": o || void 0,
-      id: p,
-      role: St(o)
+      "data-tone": d || void 0,
+      id: l,
+      role: St(d)
     },
     children: [
       {
@@ -1266,7 +1266,7 @@ function xt({
         children: [
           H({
             ariaHidden: !0,
-            name: wt(o),
+            name: wt(d),
             size: a
           })
         ]
@@ -1275,7 +1275,7 @@ function xt({
         kind: "element",
         tag: "div",
         attrs: { class: "content" },
-        children: l
+        children: p
       }
     ]
   };
@@ -1479,19 +1479,19 @@ function ct(t) {
     download: i,
     href: r,
     id: a,
-    icon: o,
-    iconPlacement: d = "start",
-    label: p,
+    icon: d,
+    iconPlacement: o = "start",
+    label: l,
     labelVisibility: s = "visible",
-    rel: l,
+    rel: p,
     size: c = "md",
     target: u,
-    tone: g = "default",
-    underline: v
-  } = t, m = k(a), f = o?.trim() || void 0;
+    tone: k = "default",
+    underline: b
+  } = t, m = g(a), f = d?.trim() || void 0;
   if (s !== "visible" && !!!f)
     throw new Error("labelVisibility requires icon when label is not visible.");
-  const S = zt(i), b = f ? {
+  const S = zt(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: p }]
+    children: [{ kind: "text", value: l }]
   };
   return {
     kind: "element",
@@ -1511,15 +1511,15 @@ function ct(t) {
       "data-appearance": n === "text" ? void 0 : n,
       "data-label-visibility": s === "visible" ? void 0 : s,
       "data-size": c,
-      "data-tone": g === "neutral" ? "neutral" : void 0,
-      "data-underline": v && n === "text" ? !0 : void 0,
+      "data-tone": k === "neutral" ? "neutral" : void 0,
+      "data-underline": b && n === "text" ? !0 : void 0,
       download: S,
       href: r,
       id: m,
-      rel: S ? void 0 : l || void 0,
+      rel: S ? void 0 : p || void 0,
       target: S ? void 0 : u || void 0
     },
-    children: b ? d === "end" ? [y, b] : [b, y] : [y]
+    children: v ? o === "end" ? [y, v] : [v, y] : [y]
   };
 }
 function Ve(t) {
@@ -1731,11 +1731,11 @@ function Lt({
   dismissibleLabel: i = R,
   id: r,
   message: a,
-  tone: o
+  tone: d
 }) {
   if (!!t != !!n)
     throw new Error("actionHref and actionLabel must be provided together.");
-  const d = k(r), p = i.trim() === "" ? R : i, s = [{ kind: "text", value: a }];
+  const o = g(r), l = i.trim() === "" ? R : i, s = [{ kind: "text", value: a }];
   return t && n && (s.push({ kind: "text", value: " " }), s.push(
     ct({
       href: t,
@@ -1750,9 +1750,9 @@ function Lt({
       "data-set-content-theme": "dark",
       "data-set-surface": "default",
       "data-dismissible": e,
-      "data-dismissible-label": e ? p : void 0,
-      "data-tone": o || void 0,
-      id: d
+      "data-dismissible-label": e ? l : void 0,
+      "data-tone": d || void 0,
+      id: o
     },
     children: [
       {
@@ -1932,7 +1932,7 @@ function Tt({
   labelLight: i = X,
   size: r = "md"
 }) {
-  const a = k(n), o = e.trim() === "" ? Q : e, d = i.trim() === "" ? X : i;
+  const a = g(n), d = e.trim() === "" ? Q : e, o = i.trim() === "" ? X : i;
   return {
     kind: "element",
     tag: W,
@@ -1951,8 +1951,8 @@ function Tt({
           type: "button"
         },
         children: [
-          nt("dark", o),
-          nt("light", d)
+          nt("dark", d),
+          nt("light", o)
         ]
       }
     ]
@@ -2110,9 +2110,9 @@ function _t({
   size: i = "md",
   triggerIcon: r,
   triggerIconMirrored: a,
-  triggerIconPlacement: o,
-  triggerLabel: d,
-  triggerLabelVisibility: p
+  triggerIconPlacement: d,
+  triggerLabel: o,
+  triggerLabelVisibility: l
 }) {
   const s = n.trim();
   if (!s)
@@ -2123,17 +2123,17 @@ function _t({
     );
   if (!Array.isArray(e))
     throw new Error("items must be an array.");
-  const l = `${s}-button`, c = `${s}-popup`, u = e.map((g) => ({
+  const p = `${s}-button`, c = `${s}-popup`, u = e.map((k) => ({
     kind: "element",
     tag: "button",
     attrs: {
-      "aria-disabled": g.disabled ? "true" : void 0,
-      "data-item-id": g.id || void 0,
+      "aria-disabled": k.disabled ? "true" : void 0,
+      "data-item-id": k.id || void 0,
       role: "menuitem",
       tabindex: "-1",
       type: "button"
     },
-    children: [{ kind: "text", value: g.label }]
+    children: [{ kind: "text", value: k.label }]
   }));
   return {
     kind: "element",
@@ -2157,10 +2157,10 @@ function _t({
             haspopup: "menu",
             icon: r,
             iconMirrored: a,
-            iconPlacement: o,
-            id: l,
-            label: d,
-            labelVisibility: p,
+            iconPlacement: d,
+            id: p,
+            label: o,
+            labelVisibility: l,
             size: i,
             tone: "neutral",
             type: "button"
@@ -2171,7 +2171,7 @@ function _t({
         kind: "element",
         tag: "div",
         attrs: {
-          "aria-labelledby": l,
+          "aria-labelledby": p,
           class: "popup",
           hidden: !0,
           id: c,
@@ -2273,9 +2273,9 @@ function Dt() {
           e.preventDefault(), this.#o(!0);
           return;
         }
-        const a = this.ownerDocument.activeElement, o = this.#c(), d = o.indexOf(a);
+        const a = this.ownerDocument.activeElement, d = this.#c(), o = d.indexOf(a);
         if (a === i) {
-          (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.#l(0)), e.key === "ArrowDown" && (e.preventDefault(), this.#l(0)), e.key === "ArrowUp" && (e.preventDefault(), this.#l(o.length - 1));
+          (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.#l(0)), e.key === "ArrowDown" && (e.preventDefault(), this.#l(0)), e.key === "ArrowUp" && (e.preventDefault(), this.#l(d.length - 1));
           return;
         }
         if (r.contains(a)) {
@@ -2283,7 +2283,7 @@ function Dt() {
             e.preventDefault(), this.#s(a) || (this.#h(a), this.#o(!0));
             return;
           }
-          e.key === "ArrowDown" && (e.preventDefault(), this.#a(d + 1)), e.key === "ArrowUp" && (e.preventDefault(), this.#a(d - 1)), e.key === "Home" && (e.preventDefault(), this.#a(0)), e.key === "End" && (e.preventDefault(), this.#a(o.length - 1)), e.key === "Tab" && this.#o(!1);
+          e.key === "ArrowDown" && (e.preventDefault(), this.#a(o + 1)), e.key === "ArrowUp" && (e.preventDefault(), this.#a(o - 1)), e.key === "Home" && (e.preventDefault(), this.#a(0)), e.key === "End" && (e.preventDefault(), this.#a(d.length - 1)), e.key === "Tab" && this.#o(!1);
         }
       }, this.#i = (e) => {
         const i = e.relatedTarget;
@@ -2446,7 +2446,7 @@ function Ht({
   label: i = Y,
   size: r = "md"
 } = {}) {
-  const a = k(e), o = i.trim() === "" ? Y : i;
+  const a = g(e), d = i.trim() === "" ? Y : i;
   return {
     kind: "element",
     tag: "button",
@@ -2474,7 +2474,7 @@ function Ht({
             kind: "element",
             tag: "span",
             attrs: { class: "visually-hidden" },
-            children: [{ kind: "text", value: o }]
+            children: [{ kind: "text", value: d }]
           }
         ]
       }
@@ -2557,15 +2557,15 @@ function Vt({
   expanderPosition: i = "start",
   id: r,
   items: a,
-  label: o,
-  size: d = "md"
+  label: d,
+  size: o = "md"
 }) {
-  const p = k(r), s = e?.trim() || void 0, l = n?.trim();
-  if (t && !l)
+  const l = g(r), s = e?.trim() || void 0, p = n?.trim();
+  if (t && !p)
     throw new Error(
       "contentId must be a non-empty string when collapsible is set."
     );
-  if (l && !I(l))
+  if (p && !I(p))
     throw new Error(
       "contentId must start with a letter and contain only letters, numbers, '_', '-', or ':'."
     );
@@ -2594,15 +2594,15 @@ function Vt({
       "data-collapsible": t,
       "data-expander-label": t && s ? s : void 0,
       "data-expander-position": t ? i : void 0,
-      "data-size": d,
-      id: p
+      "data-size": o,
+      id: l
     },
     children: [
       {
         kind: "element",
         tag: "nav",
         attrs: {
-          "aria-label": o || void 0,
+          "aria-label": d || void 0,
           class: "nav"
         },
         children: [
@@ -2611,7 +2611,7 @@ function Vt({
             tag: "div",
             attrs: {
               class: "content",
-              id: l
+              id: p
             },
             children: [
               {
@@ -2832,20 +2832,20 @@ function Pt({
   inlineSize: i = "full",
   label: r,
   max: a,
-  min: o,
-  name: d,
-  size: p = "md",
+  min: d,
+  name: o,
+  size: l = "md",
   step: s,
-  value: l
+  value: p
 }) {
-  const c = e.trim(), u = t?.trim(), g = d?.trim();
+  const c = e.trim(), u = t?.trim(), k = o?.trim();
   if (!c)
     throw new Error("id must be a non-empty string.");
   if (!I(c))
     throw new Error(
       "id must start with a letter and contain only letters, numbers, '_', '-', or ':'."
     );
-  const v = u ? `${c}-description` : void 0, m = [
+  const b = u ? `${c}-description` : void 0, m = [
     {
       kind: "element",
       tag: "div",
@@ -2861,7 +2861,7 @@ function Pt({
           kind: "element",
           tag: "output",
           attrs: { class: "output", for: c },
-          children: l != null ? [{ kind: "text", value: String(l) }] : []
+          children: p != null ? [{ kind: "text", value: String(p) }] : []
         }
       ]
     },
@@ -2869,16 +2869,16 @@ function Pt({
       kind: "element",
       tag: "input",
       attrs: {
-        "aria-describedby": v,
+        "aria-describedby": b,
         class: "range",
         disabled: !!n,
         id: c,
         max: a != null ? String(a) : void 0,
-        min: o != null ? String(o) : void 0,
-        name: g || void 0,
+        min: d != null ? String(d) : void 0,
+        name: k || void 0,
         step: s != null ? String(s) : void 0,
         type: "range",
-        value: l != null ? String(l) : void 0
+        value: p != null ? String(p) : void 0
       },
       children: []
     }
@@ -2886,7 +2886,7 @@ function Pt({
   return u && m.push({
     kind: "element",
     tag: "p",
-    attrs: { class: "description", id: v },
+    attrs: { class: "description", id: b },
     children: [{ kind: "text", value: u }]
   }), {
     kind: "element",
@@ -2894,7 +2894,7 @@ function Pt({
     attrs: {
       class: "set-range",
       "data-inline-size": i === "fit" ? "fit" : void 0,
-      "data-size": p
+      "data-size": l
     },
     children: m
   };
@@ -2941,15 +2941,15 @@ function Bt() {
         "value"
       );
       if (!i?.get || !i.set) return;
-      const r = i.get, a = i.set, o = () => this.#i();
+      const r = i.get, a = i.set, d = () => this.#i();
       Object.defineProperty(e, "value", {
         configurable: !0,
         enumerable: i.enumerable,
         get() {
           return r.call(this);
         },
-        set(d) {
-          a.call(this, d), o();
+        set(o) {
+          a.call(this, o), d();
         }
       }), this.#t = e;
     }
@@ -3111,11 +3111,11 @@ function Ut({
   collapseLabel: i = _,
   footer: r,
   header: a,
-  id: o,
-  surface: d,
-  triggerLabel: p = J
+  id: d,
+  surface: o,
+  triggerLabel: l = J
 }) {
-  const s = o.trim(), l = i.trim() || _, c = p.trim() || J;
+  const s = d.trim(), p = i.trim() || _, c = l.trim() || J;
   if (!s)
     throw new Error("id must be a non-empty string.");
   if (!I(s))
@@ -3142,14 +3142,14 @@ function Ut({
     attrs: { class: "footer" },
     children: [{ kind: "raw", html: r }]
   });
-  const g = `${s}-panel`;
+  const k = `${s}-panel`;
   return {
     kind: "element",
     tag: Z,
     attrs: {
       class: "set-sidebar",
       "data-above-notebook": t,
-      "data-collapse-label": l !== _ ? l : void 0,
+      "data-collapse-label": p !== _ ? p : void 0,
       "data-button-size": n,
       id: s
     },
@@ -3161,7 +3161,7 @@ function Ut({
         children: [
           tt({
             appearance: "text",
-            controls: g,
+            controls: k,
             disclosure: !0,
             icon: "panel-left",
             iconMirrored: "rtl",
@@ -3178,8 +3178,8 @@ function Ut({
         tag: "div",
         attrs: {
           class: "sidebar",
-          "data-set-surface": d,
-          id: g,
+          "data-set-surface": o,
+          id: k,
           tabindex: "-1"
         },
         children: u
@@ -3480,15 +3480,15 @@ function Gt({
   height: i,
   id: r,
   loop: a,
-  muted: o,
-  playsInline: d,
-  poster: p,
+  muted: d,
+  playsInline: o,
+  poster: l,
   preload: s,
-  src: l,
+  src: p,
   width: c
 }) {
-  const u = k(r), g = l.trim(), v = p?.trim();
-  if (!g)
+  const u = g(r), k = p.trim(), b = l?.trim();
+  if (!k)
     throw new Error("src must be a non-empty string.");
   const m = {
     kind: "element",
@@ -3499,11 +3499,11 @@ function Gt({
       controls: !!n,
       height: i ? String(i) : void 0,
       loop: !!a,
-      muted: !!o,
-      playsinline: !!d,
-      poster: v || void 0,
+      muted: !!d,
+      playsinline: !!o,
+      poster: b || void 0,
       preload: s,
-      src: g,
+      src: k,
       width: c ? String(c) : void 0
     },
     children: []
@@ -3696,27 +3696,27 @@ function Qt(t) {
     return r[0];
   const a = e.slice(1).find(Kt);
   if (a) {
-    const d = T(a);
-    return d ? `${r[0]}${d}` : void 0;
+    const o = T(a);
+    return o ? `${r[0]}${o}` : void 0;
   }
   if (e.length === 2) {
-    const d = T(e[1]);
-    if (!d) return;
-    r.push(d);
-    const p = e[1].split("-").filter(Boolean);
-    if (p.length === 2) {
-      const s = T(p[1]);
+    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);
     }
     return r.slice(0, 3).join("");
   }
   if (e.length === 3) {
-    const d = T(e[1]), p = T(e[2]);
-    return !d || !p ? void 0 : (r.push(d, p), r.slice(0, 3).join(""));
+    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.at(-1) || "");
-  if (o)
-    return r.push(o), r.slice(0, 3).join("");
+  const d = T(e.at(-1) || "");
+  if (d)
+    return r.push(d), r.slice(0, 3).join("");
 }
 const Xt = {
   bot: "robot-1",
@@ -3777,24 +3777,24 @@ function ie({
   entity: i = "person",
   id: r,
   initials: a,
-  name: o,
-  size: d = "md",
-  src: p
+  name: d,
+  size: o = "md",
+  src: l
 }) {
-  const s = k(r), l = Jt(a), c = D(o), u = D(p), g = te({
+  const s = g(r), p = Jt(a), c = D(d), u = D(l), k = te({
     alt: t,
     ariaHidden: n,
     name: c
-  }), v = l || Qt(c), m = !!u, f = ee({
+  }), b = p || Qt(c), m = !!u, f = ee({
     color: e,
     name: c
   }), E = {
     "aria-hidden": n ? "true" : void 0,
-    "aria-label": !n && !m ? g : void 0,
+    "aria-label": !n && !m ? k : void 0,
     class: "set-avatar",
     "data-color": f === "neutral" ? void 0 : f,
     "data-entity": i === "person" ? void 0 : i,
-    "data-size": d,
+    "data-size": o,
     id: s,
     role: !n && !m ? "img" : void 0
   };
@@ -3803,16 +3803,16 @@ function ie({
     kind: "element",
     tag: "img",
     attrs: {
-      alt: n ? "" : g || "",
+      alt: n ? "" : k || "",
       class: "img",
       src: u
     },
     children: []
-  } : v ? S = {
+  } : b ? S = {
     kind: "element",
     tag: "span",
     attrs: { class: "initials" },
-    children: [{ kind: "text", value: v }]
+    children: [{ kind: "text", value: b }]
   } : S = {
     kind: "element",
     tag: "span",
@@ -3948,7 +3948,7 @@ function ne({
   size: i = "md",
   tone: r
 }) {
-  const a = k(n);
+  const a = g(n);
   return {
     kind: "element",
     tag: "span",
@@ -4041,23 +4041,25 @@ function j({
   id: i,
   linkVisited: r = !0,
   measured: a,
+  monospaced: d,
   responsive: o,
-  size: d = "md",
-  tone: p = "default"
+  size: l = "md",
+  tone: s = "default"
 }) {
-  const s = k(i), l = n === "p" ? "p" : "span", c = l === "p", u = c ? t ?? "start" : void 0;
+  const p = g(i), c = n === "p" ? "p" : "span", u = c === "p", k = u ? t ?? "start" : void 0;
   return {
     kind: "element",
-    tag: l,
+    tag: c,
     attrs: {
       class: "set-text",
-      "data-align": u && u !== "start" ? u : void 0,
+      "data-align": k && k !== "start" ? k : void 0,
       "data-link-visited": r ? void 0 : "off",
-      "data-measured": c ? a ?? !0 : void 0,
+      "data-measured": u ? a ?? !0 : void 0,
+      "data-monospaced": d,
       "data-responsive": o,
-      "data-size": d,
-      "data-tone": p === "muted" ? "muted" : void 0,
-      id: s
+      "data-size": l,
+      "data-tone": s === "muted" ? "muted" : void 0,
+      id: p
     },
     children: [{ kind: "raw", html: e }]
   };
@@ -4110,6 +4112,11 @@ const ai = {
       ignoredWhen: "`as` is span",
       type: { kind: "boolean" }
     },
+    monospaced: {
+      default: !1,
+      description: "Applies monospaced word spacing throughout.",
+      type: { kind: "boolean" }
+    },
     size: {
       default: "md",
       description: "Size variant.",
@@ -4153,6 +4160,11 @@ const ai = {
           ]
         }
       },
+      {
+        target: { on: "host" },
+        attribute: "data-monospaced",
+        condition: { kind: "when-truthy", prop: "monospaced" }
+      },
       {
         target: { on: "host" },
         attribute: "data-responsive",
@@ -4186,16 +4198,16 @@ function re({
   measured: i = !0,
   quote: r,
   responsive: a = !1,
-  size: o = "md"
+  size: d = "md"
 }) {
-  const d = k(e);
+  const o = g(e);
   return {
     kind: "element",
     tag: "figure",
     attrs: {
       class: "set-blockquote",
       "data-align": t === "start" ? void 0 : t,
-      id: d
+      id: o
     },
     children: [
       {
@@ -4209,7 +4221,7 @@ function re({
             children: r,
             measured: i,
             responsive: a,
-            size: o
+            size: d
           })
         ]
       },
@@ -4308,11 +4320,11 @@ function ae({
   id: i,
   paddingBlock: r = "md",
   paddingInline: a = "md",
-  radius: o,
-  responsive: d,
-  surface: p
+  radius: d,
+  responsive: o,
+  surface: l
 }) {
-  const s = k(i);
+  const s = g(i);
   return {
     kind: "element",
     tag: "div",
@@ -4320,11 +4332,11 @@ function ae({
       class: "set-box",
       "data-background": t === "default" ? void 0 : t,
       "data-border": n,
-      "data-set-surface": p,
+      "data-set-surface": l,
       "data-padding-block": r,
       "data-padding-inline": a,
-      "data-radius": o,
-      "data-responsive": d,
+      "data-radius": d,
+      "data-responsive": o,
       id: s
     },
     children: e ? [{ kind: "raw", html: e }] : []
@@ -4453,17 +4465,17 @@ function oe({
   id: i,
   note: r,
   surface: a,
-  title: o
+  title: d
 }) {
-  const d = k(i), p = n ? `h${n}` : "div", s = e ? [
+  const o = g(i), l = n ? `h${n}` : "div", s = e ? [
     {
       kind: "element",
       tag: "a",
       attrs: { href: e },
-      children: [{ kind: "text", value: o }]
+      children: [{ kind: "text", value: d }]
     }
-  ] : [{ kind: "text", value: o }], l = r ? [{ kind: "raw", html: r }] : [];
-  r && e && l.push({
+  ] : [{ kind: "text", value: d }], p = r ? [{ kind: "raw", html: r }] : [];
+  r && e && p.push({
     kind: "element",
     tag: "span",
     attrs: { class: "icon-wrapper" },
@@ -4485,7 +4497,7 @@ function oe({
     },
     {
       kind: "element",
-      tag: p,
+      tag: l,
       attrs: { class: "title" },
       children: s
     },
@@ -4500,14 +4512,14 @@ function oe({
     kind: "element",
     tag: "p",
     attrs: { class: "note" },
-    children: l
+    children: p
   }), {
     kind: "element",
     tag: "div",
     attrs: {
       class: "set-card",
       "data-set-surface": a,
-      id: d
+      id: o
     },
     children: c
   };
@@ -4590,15 +4602,15 @@ function de({
   id: i,
   invalid: r,
   label: a,
-  name: o,
-  required: d,
-  size: p = "md",
+  name: d,
+  required: o,
+  size: l = "md",
   value: s
 }) {
-  const l = k(i), c = n?.trim();
-  if (c && !l)
+  const p = g(i), c = n?.trim();
+  if (c && !p)
     throw new Error("id must be provided when description is provided.");
-  const u = c ? `${l}-description` : void 0, g = !!e, m = [
+  const u = c ? `${p}-description` : void 0, k = !!e, m = [
     {
       kind: "element",
       tag: "label",
@@ -4609,13 +4621,13 @@ function de({
           tag: "input",
           attrs: {
             "aria-describedby": u,
-            "aria-invalid": !g && !!r ? "true" : void 0,
+            "aria-invalid": !k && !!r ? "true" : void 0,
             checked: !!t,
             class: "checkbox",
-            disabled: g,
-            id: l,
-            name: o || void 0,
-            required: !!d,
+            disabled: k,
+            id: p,
+            name: d || void 0,
+            required: !!o,
             type: "checkbox",
             value: s || void 0
           },
@@ -4638,7 +4650,7 @@ function de({
   }), {
     kind: "element",
     tag: "div",
-    attrs: { class: "set-checkbox", "data-size": p },
+    attrs: { class: "set-checkbox", "data-size": l },
     children: m
   };
 }
@@ -4781,7 +4793,7 @@ function se({
   id: e,
   maxInlineSize: i = "default"
 }) {
-  const r = k(e);
+  const r = g(e);
   return {
     kind: "element",
     tag: "div",
@@ -4861,7 +4873,7 @@ function le({
   summary: i,
   inlineSize: r = "full"
 }) {
-  const a = k(n);
+  const a = g(n);
   return {
     kind: "element",
     tag: "details",
@@ -4973,7 +4985,7 @@ function pe({
   orientation: n = "horizontal",
   tone: e = "default"
 } = {}) {
-  const i = k(t);
+  const i = g(t);
   return {
     kind: "element",
     tag: n === "horizontal" ? "hr" : "span",
@@ -5059,16 +5071,16 @@ function gt({
   id: i,
   invalid: r,
   legend: a,
-  inlineSize: o = "full"
+  inlineSize: d = "full"
 }) {
-  const d = n?.trim(), p = i.trim();
-  if (!p)
+  const o = n?.trim(), l = i.trim();
+  if (!l)
     throw new Error("id must be a non-empty string.");
-  if (!I(p))
+  if (!I(l))
     throw new Error(
       "id must start with a letter and contain only letters, numbers, '_', '-', or ':'."
     );
-  const s = d ? `${p}-description` : void 0, l = !!e, c = !l && !!r, u = [
+  const s = o ? `${l}-description` : void 0, p = !!e, c = !p && !!r, u = [
     {
       kind: "element",
       tag: "legend",
@@ -5076,21 +5088,21 @@ function gt({
       children: [{ kind: "text", value: a }]
     }
   ];
-  return d && u.push({
+  return o && u.push({
     kind: "element",
     tag: "p",
     attrs: { class: "description", id: s },
-    children: [{ kind: "text", value: d }]
+    children: [{ kind: "text", value: o }]
   }), t && u.push({ kind: "raw", html: t }), {
     kind: "element",
     tag: "fieldset",
     attrs: {
-      "aria-describedby": d ? s : void 0,
+      "aria-describedby": o ? s : void 0,
       "aria-invalid": c ? "true" : void 0,
       class: "set-fieldset",
-      "data-inline-size": o === "fit" ? "fit" : void 0,
-      disabled: l,
-      id: p
+      "data-inline-size": d === "fit" ? "fit" : void 0,
+      disabled: p,
+      id: l
     },
     children: u
   };
@@ -5193,7 +5205,7 @@ function ce({
   id: i,
   responsive: r = !1
 }) {
-  const a = k(i);
+  const a = g(i);
   return {
     kind: "element",
     tag: "figure",
@@ -5290,7 +5302,7 @@ function ue({
   gap: n = "default",
   id: e
 }) {
-  const i = k(e);
+  const i = g(e);
   return {
     kind: "element",
     tag: "div",
@@ -5319,18 +5331,18 @@ function he({
   colSpanNarrow: i,
   colSpanWide: r,
   colStart: a,
-  colStartNarrow: o,
-  colStartWide: d,
-  id: p,
+  colStartNarrow: d,
+  colStartWide: o,
+  id: l,
   justify: s,
-  rowSpan: l,
+  rowSpan: p,
   rowSpanNarrow: c,
   rowSpanWide: u,
-  rowStart: g,
-  rowStartNarrow: v,
+  rowStart: k,
+  rowStartNarrow: b,
   rowStartWide: m
 }) {
-  const f = k(p);
+  const f = g(l);
   return {
     kind: "element",
     tag: "div",
@@ -5339,15 +5351,15 @@ function he({
       "data-align": t,
       "data-justify": s,
       "data-col-span-narrow": L(i),
-      "data-col-start-narrow": L(o),
+      "data-col-start-narrow": L(d),
       "data-col-span": L(e),
       "data-col-start": L(a),
       "data-col-span-wide": L(r),
-      "data-col-start-wide": L(d),
+      "data-col-start-wide": L(o),
       "data-row-span-narrow": L(c),
-      "data-row-start-narrow": L(v),
-      "data-row-span": L(l),
-      "data-row-start": L(g),
+      "data-row-start-narrow": L(b),
+      "data-row-span": L(p),
+      "data-row-start": L(k),
       "data-row-span-wide": L(u),
       "data-row-start-wide": L(m),
       id: f
@@ -5575,22 +5587,24 @@ function me({
   align: t = "start",
   id: n,
   level: e,
-  responsive: i,
-  size: r = "md",
-  text: a
+  opticalAlign: i,
+  responsive: r,
+  size: a = "md",
+  text: d
 }) {
-  const o = k(n);
+  const o = g(n);
   return {
     kind: "element",
     tag: e ? `h${e}` : "span",
     attrs: {
       class: "set-heading",
       "data-align": t === "start" ? void 0 : t,
-      "data-responsive": i,
-      "data-size": r,
+      "data-optical-align": i,
+      "data-responsive": r,
+      "data-size": a,
       id: o
     },
-    children: [{ kind: "text", value: a }]
+    children: [{ kind: "text", value: d }]
   };
 }
 function Mi(t) {
@@ -5629,6 +5643,11 @@ const qi = {
       description: "Semantic heading level. Renders a `<span>` when omitted.",
       type: { kind: "enum", values: [1, 2, 3, 4, 5, 6] }
     },
+    opticalAlign: {
+      default: !1,
+      description: "Optically aligns left sidebearing-heavy glyphs with the content edge.",
+      type: { kind: "boolean" }
+    },
     responsive: {
       default: !1,
       description: "Scales type across breakpoints.",
@@ -5661,6 +5680,11 @@ const qi = {
         },
         value: { kind: "prop", prop: "align" }
       },
+      {
+        target: { on: "host" },
+        attribute: "data-optical-align",
+        condition: { kind: "when-truthy", prop: "opticalAlign" }
+      },
       {
         target: { on: "host" },
         attribute: "data-responsive",
@@ -5688,17 +5712,17 @@ function ke({
   gravity: i = "C",
   height: r,
   id: a,
-  lazy: o,
-  priority: d,
-  radius: p,
+  lazy: d,
+  priority: o,
+  radius: l,
   shadow: s,
-  sizes: l,
+  sizes: p,
   sources: c,
   src: u,
-  srcSet: g,
-  width: v
+  srcSet: k,
+  width: b
 }) {
-  const m = e === "cover", f = k(a), E = u.trim(), S = g?.trim(), b = l?.trim(), y = c?.map((z, C) => {
+  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();
     if (!A)
       throw new Error(`sources[${C}].srcSet must be non-empty.`);
@@ -5719,13 +5743,13 @@ function ke({
     attrs: {
       alt: t,
       class: "img",
-      fetchpriority: d ? "high" : void 0,
+      fetchpriority: o ? "high" : void 0,
       height: m ? void 0 : r ? String(r) : void 0,
-      loading: o && !d ? "lazy" : void 0,
-      sizes: y.length > 0 ? void 0 : b || void 0,
+      loading: d && !o ? "lazy" : void 0,
+      sizes: y.length > 0 ? void 0 : v || void 0,
       src: E,
       srcset: S || void 0,
-      width: m ? void 0 : v ? String(v) : void 0
+      width: m ? void 0 : b ? String(b) : void 0
     },
     children: []
   };
@@ -5753,7 +5777,7 @@ function ke({
   } else
     x = w;
   const q = [];
-  return r && q.push(`--set-image-block-size: ${r / 16}rem`), v && q.push(`--set-image-inline-size: ${v / 16}rem`), {
+  return r && q.push(`--set-image-block-size: ${r / 16}rem`), b && q.push(`--set-image-inline-size: ${b / 16}rem`), {
     kind: "element",
     tag: "div",
     attrs: {
@@ -5763,7 +5787,7 @@ function ke({
       "data-gravity": m && i !== "C" ? i : void 0,
       "data-shadow": !!s,
       "data-object-fit": m ? "cover" : void 0,
-      "data-radius": !!p,
+      "data-radius": !!l,
       id: f,
       style: q.length > 0 ? q.join("; ") : void 0
     },
@@ -5968,9 +5992,9 @@ function be({
   gap: i = "md",
   id: r,
   justify: a = "start",
-  nowrap: o
+  nowrap: d
 }) {
-  const d = k(r);
+  const o = g(r);
   return {
     kind: "element",
     tag: n,
@@ -5979,8 +6003,8 @@ function be({
       "data-align": t === "center" ? void 0 : t,
       "data-gap": i,
       "data-justify": a === "start" ? void 0 : a,
-      "data-nowrap": o,
-      id: d
+      "data-nowrap": d,
+      id: o
     },
     children: e ? [{ kind: "raw", html: e }] : []
   };
@@ -6080,24 +6104,24 @@ function ve({
   id: i,
   invalid: r,
   label: a,
-  name: o,
-  pattern: d,
-  readOnly: p,
+  name: d,
+  pattern: o,
+  readOnly: l,
   required: s,
-  size: l = "md",
+  size: p = "md",
   spellcheck: c,
   type: u = "text",
-  value: g,
-  inlineSize: v = "full"
+  value: k,
+  inlineSize: b = "full"
 }) {
-  const m = i.trim(), f = n?.trim(), E = t === !1 ? !1 : t?.trim(), S = o?.trim(), b = d?.trim(), y = g;
+  const m = i.trim(), f = n?.trim(), E = t === !1 ? !1 : t?.trim(), S = d?.trim(), v = o?.trim(), y = k;
   if (!m)
     throw new Error("id must be a non-empty string.");
   if (!I(m))
     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 = b || (x ? "^[0-9]*$" : void 0), C = c === void 0 && x ? !1 : c, A = !!e, V = !A && !!p, 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, V = !A && !!l, O = [
     {
       kind: "element",
       tag: "label",
@@ -6136,8 +6160,8 @@ function ve({
     tag: "div",
     attrs: {
       class: "set-input",
-      "data-size": l,
-      "data-inline-size": v === "fit" ? "fit" : void 0
+      "data-size": p,
+      "data-inline-size": b === "fit" ? "fit" : void 0
     },
     children: O
   };
@@ -6348,7 +6372,7 @@ function fe({
   tone: i = "default",
   variant: r = "primary"
 }) {
-  const a = k(t);
+  const a = g(t);
   return {
     kind: "element",
     tag: "div",
@@ -6447,22 +6471,22 @@ function ye({
   footer: i,
   header: r,
   headerBorder: a,
-  headerSize: o = "md",
-  id: d,
-  stickyHeader: p
+  headerSize: d = "md",
+  id: o,
+  stickyHeader: l
 }) {
-  const s = k(d), l = [];
-  return t && l.push({ kind: "raw", html: t }), l.push({
+  const s = g(o), p = [];
+  return t && p.push({ kind: "raw", html: t }), p.push({
     kind: "element",
     tag: "header",
     attrs: { class: "header" },
     children: [{ kind: "raw", html: r }]
-  }), l.push({
+  }), p.push({
     kind: "element",
     tag: "main",
     attrs: { class: "main" },
     children: e ? [{ kind: "raw", html: e }] : []
-  }), l.push({
+  }), p.push({
     kind: "element",
     tag: "footer",
     attrs: { class: "footer" },
@@ -6474,11 +6498,11 @@ function ye({
       class: "set-page",
       "data-center-main": n,
       "data-header-border": a,
-      "data-header-size": o,
-      "data-sticky-header": p,
+      "data-header-size": d,
+      "data-sticky-header": l,
       id: s
     },
-    children: l
+    children: p
   };
 }
 function Vi(t) {
@@ -6580,7 +6604,7 @@ function we({
   padding: e = "md",
   surface: i
 }) {
-  const r = k(n);
+  const r = g(n);
   return {
     kind: "element",
     tag: "div",
@@ -6654,7 +6678,7 @@ function Se({
   tone: i = "default",
   variant: r = "tile"
 } = {}) {
-  const a = k(n);
+  const a = g(n);
   return {
     kind: "element",
     tag: "div",
@@ -6753,7 +6777,7 @@ function xe({
   media: i,
   surface: r
 }) {
-  const a = k(e), o = n ? r ?? "default" : r, d = [
+  const a = g(e), d = n ? r ?? "default" : r, o = [
     {
       kind: "element",
       tag: "div",
@@ -6761,7 +6785,7 @@ function xe({
       children: [{ kind: "raw", html: i }]
     }
   ];
-  return t && d.push({
+  return t && o.push({
     kind: "element",
     tag: "div",
     attrs: { class: "content" },
@@ -6772,10 +6796,10 @@ function xe({
     attrs: {
       class: "set-poster",
       "data-set-content-theme": n,
-      "data-set-surface": o,
+      "data-set-surface": d,
       id: a
     },
-    children: d
+    children: o
   };
 }
 function $i(t) {
@@ -6856,10 +6880,12 @@ function Ee({
   children: n,
   hangingPunctuation: e,
   id: i,
-  measured: r = !0,
-  responsive: a
+  linkVisited: r = !0,
+  measured: a = !0,
+  monospaced: d,
+  responsive: o
 }) {
-  const o = k(i);
+  const l = g(i);
   return {
     kind: "element",
     tag: "div",
@@ -6867,9 +6893,11 @@ function Ee({
       class: "set-prose",
       "data-align": t !== "start" ? t : void 0,
       "data-hanging-punctuation": e,
-      "data-measured": r,
-      "data-responsive": a,
-      id: o
+      "data-link-visited": r ? void 0 : "off",
+      "data-measured": a,
+      "data-monospaced": d,
+      "data-responsive": o,
+      id: l
     },
     children: [{ kind: "raw", html: n }]
   };
@@ -6901,11 +6929,21 @@ const Fi = {
       description: "DOM id.",
       type: { kind: "string" }
     },
+    linkVisited: {
+      default: !0,
+      description: "Styles visited links inside the prose.",
+      type: { kind: "boolean" }
+    },
     measured: {
       default: !0,
       description: "Caps line length for comfortable reading.",
       type: { kind: "boolean" }
     },
+    monospaced: {
+      default: !1,
+      description: "Applies monospaced word spacing throughout.",
+      type: { kind: "boolean" }
+    },
     responsive: {
       default: !1,
       description: "Scales body text across breakpoints.",
@@ -6931,11 +6969,22 @@ const Fi = {
         condition: { kind: "when-provided", prop: "hangingPunctuation" },
         value: { kind: "prop", prop: "hangingPunctuation" }
       },
+      {
+        target: { on: "host" },
+        attribute: "data-link-visited",
+        condition: { kind: "when-equals", prop: "linkVisited", to: !1 },
+        value: { kind: "literal", text: "off" }
+      },
       {
         target: { on: "host" },
         attribute: "data-measured",
         condition: { kind: "when-truthy", prop: "measured" }
       },
+      {
+        target: { on: "host" },
+        attribute: "data-monospaced",
+        condition: { kind: "when-truthy", prop: "monospaced" }
+      },
       {
         target: { on: "host" },
         attribute: "data-responsive",
@@ -6957,13 +7006,13 @@ function ze({
   invalid: i,
   radios: r,
   legend: a,
-  name: o,
-  orientation: d = "vertical",
-  required: p,
+  name: d,
+  orientation: o = "vertical",
+  required: l,
   size: s = "md",
-  value: l
+  value: p
 }) {
-  const c = e.trim(), u = o.trim(), g = l?.trim();
+  const c = e.trim(), u = d.trim(), k = p?.trim();
   if (!c)
     throw new Error("id must be a non-empty string.");
   if (!I(c))
@@ -6974,23 +7023,23 @@ function ze({
     throw new Error("name must be a non-empty string.");
   if (r.length < 2)
     throw new Error("radios must include at least 2 options.");
-  const v = r.map((b, y) => {
-    const w = b.value.trim(), x = b.label.trim(), q = b.description?.trim();
+  const b = r.map((v, y) => {
+    const w = v.value.trim(), x = v.label.trim(), q = v.description?.trim();
     if (!w)
       throw new Error(`radios[${y}].value must be non-empty.`);
     if (!x)
       throw new Error(`radios[${y}].label must be non-empty.`);
     return {
       description: q,
-      disabled: !!b.disabled,
+      disabled: !!v.disabled,
       label: x,
       value: w
     };
   });
-  if (new Set(v.map((b) => b.value)).size !== v.length)
+  if (new Set(b.map((v) => v.value)).size !== b.length)
     throw new Error("radios values must be unique.");
-  const f = !!n, E = v.map((b) => {
-    const y = !!b.disabled, w = b.description ? `${c}-${b.value}-description` : void 0, x = [
+  const f = !!n, E = b.map((v) => {
+    const y = !!v.disabled, w = v.description ? `${c}-${v.value}-description` : void 0, x = [
       {
         kind: "element",
         tag: "label",
@@ -7001,13 +7050,13 @@ function ze({
             tag: "input",
             attrs: {
               "aria-describedby": w,
-              checked: g === b.value,
+              checked: k === v.value,
               class: "radio",
               disabled: y,
               name: u,
-              required: !!p && !f && !y,
+              required: !!l && !f && !y,
               type: "radio",
-              value: b.value
+              value: v.value
             },
             children: []
           },
@@ -7015,16 +7064,16 @@ function ze({
             kind: "element",
             tag: "span",
             attrs: {},
-            children: [{ kind: "text", value: b.label }]
+            children: [{ kind: "text", value: v.label }]
           }
         ]
       }
     ];
-    return b.description && x.push({
+    return v.description && x.push({
       kind: "element",
       tag: "p",
       attrs: { class: "radio-description", id: w },
-      children: [{ kind: "text", value: b.description }]
+      children: [{ kind: "text", value: v.description }]
     }), {
       kind: "element",
       tag: "div",
@@ -7038,7 +7087,7 @@ function ze({
       tag: "div",
       attrs: {
         class: "set-radios",
-        "data-orientation": d,
+        "data-orientation": o,
         "data-size": s
       },
       children: E
@@ -7209,10 +7258,10 @@ function Ce({
   children: i,
   dir: r,
   id: a,
-  lang: o,
-  theme: d
+  lang: d,
+  theme: o
 }) {
-  const p = k(a);
+  const l = g(a);
   return {
     kind: "element",
     tag: "div",
@@ -7221,9 +7270,9 @@ function Ce({
       "data-app-root": n,
       "data-app-overscroll-behavior": t === "none" ? "none" : void 0,
       "data-set-brand": e,
-      "data-set-theme": d,
-      id: p,
-      lang: o === "" ? void 0 : o,
+      "data-set-theme": o,
+      id: l,
+      lang: d === "" ? void 0 : d,
       dir: r
     },
     children: i ? [{ kind: "raw", html: i }] : []
@@ -7331,7 +7380,7 @@ function Le({
   size: e = "md",
   tone: i = "default"
 } = {}) {
-  const r = k(t), o = [
+  const r = g(t), d = [
     {
       kind: "element",
       tag: "svg",
@@ -7350,13 +7399,13 @@ function Le({
         [360, 660],
         [360, 360],
         [360, 60]
-      ].map(([d, p]) => ({
+      ].map(([o, l]) => ({
         kind: "element",
         tag: "rect",
         attrs: {
           class: "cell",
-          x: String(d),
-          y: String(p),
+          x: String(o),
+          y: String(l),
           width: "180",
           height: "180"
         },
@@ -7364,7 +7413,7 @@ function Le({
       }))
     }
   ];
-  return n && o.push({
+  return n && d.push({
     kind: "element",
     tag: "span",
     attrs: { class: "visually-hidden" },
@@ -7379,7 +7428,7 @@ function Le({
       id: r,
       role: n ? "status" : void 0
     },
-    children: o
+    children: d
   };
 }
 function Yi(t = {}) {
@@ -7451,7 +7500,7 @@ function Me({
   id: r,
   responsive: a
 }) {
-  const o = k(r);
+  const d = g(r);
   return {
     kind: "element",
     tag: n,
@@ -7460,7 +7509,7 @@ function Me({
       "data-align": t === "stretch" ? void 0 : t,
       "data-gap": i,
       "data-responsive": a,
-      id: o
+      id: d
     },
     children: e ? [{ kind: "raw", html: e }] : []
   };
@@ -7545,7 +7594,7 @@ function qe({
   id: e,
   variant: i = "default"
 }) {
-  const r = k(e);
+  const r = g(e);
   return {
     kind: "element",
     tag: "div",
@@ -7620,13 +7669,13 @@ function Ie({
   id: i,
   label: r,
   name: a,
-  size: o = "md",
-  value: d
+  size: d = "md",
+  value: o
 }) {
-  const p = k(i), s = n?.trim();
-  if (s && !p)
+  const l = g(i), s = n?.trim();
+  if (s && !l)
     throw new Error("id must be provided when description is provided.");
-  const l = s ? `${p}-description` : void 0, c = [
+  const p = s ? `${l}-description` : void 0, c = [
     {
       kind: "element",
       tag: "label",
@@ -7636,15 +7685,15 @@ function Ie({
           kind: "element",
           tag: "input",
           attrs: {
-            "aria-describedby": l,
+            "aria-describedby": p,
             checked: !!t,
             class: "switch",
             disabled: !!e,
-            id: p,
+            id: l,
             name: a || void 0,
             role: "switch",
             type: "checkbox",
-            value: d || void 0
+            value: o || void 0
           },
           children: []
         },
@@ -7660,12 +7709,12 @@ function Ie({
   return s && c.push({
     kind: "element",
     tag: "p",
-    attrs: { class: "description", id: l },
+    attrs: { class: "description", id: p },
     children: [{ kind: "text", value: s }]
   }), {
     kind: "element",
     tag: "div",
-    attrs: { class: "set-switch", "data-size": o },
+    attrs: { class: "set-switch", "data-size": d },
     children: c
   };
 }
@@ -7787,26 +7836,26 @@ function Te({
   id: i,
   invalid: r,
   label: a,
-  name: o,
-  readOnly: d,
-  required: p,
+  name: d,
+  readOnly: o,
+  required: l,
   resize: s = "vertical",
-  rows: l = 2,
+  rows: p = 2,
   size: c = "md",
   spellcheck: u,
-  value: g,
-  inlineSize: v = "full"
+  value: k,
+  inlineSize: b = "full"
 }) {
-  const m = i.trim(), f = n?.trim(), E = t === !1 ? !1 : t?.trim(), S = o?.trim(), b = g;
+  const m = i.trim(), f = n?.trim(), E = t === !1 ? !1 : t?.trim(), S = d?.trim(), v = k;
   if (!m)
     throw new Error("id must be a non-empty string.");
   if (!I(m))
     throw new Error(
       "id must start with a letter and contain only letters, numbers, '_', '-', or ':'."
     );
-  if (!Number.isInteger(l) || l < 2)
+  if (!Number.isInteger(p) || p < 2)
     throw new Error("rows must be an integer greater than or equal to 2.");
-  const y = f ? `${m}-description` : void 0, w = !!e, x = !w && !!d, z = [
+  const y = f ? `${m}-description` : void 0, w = !!e, x = !w && !!o, z = [
     {
       kind: "element",
       tag: "label",
@@ -7825,11 +7874,11 @@ function Te({
         id: m,
         name: S || void 0,
         readonly: x,
-        required: !!p,
-        rows: String(l),
+        required: !!l,
+        rows: String(p),
         spellcheck: u === void 0 ? void 0 : String(u)
       },
-      children: [{ kind: "text", value: b || "" }]
+      children: [{ kind: "text", value: v || "" }]
     }
   ];
   return f && z.push({
@@ -7844,7 +7893,7 @@ function Te({
       class: "set-textarea",
       "data-resize": s === "none" ? "none" : void 0,
       "data-size": c,
-      "data-inline-size": v === "fit" ? "fit" : void 0
+      "data-inline-size": b === "fit" ? "fit" : void 0
     },
     children: z
   };