@monospaced/set-core 0.11.0 → 0.12.0

package/dist/index.js

@@ -792,21 +792,21 @@ function O({
   size: r = "md",
   title: a
 }) {
-  const d = st[i];
-  if (!d)
+  const o = st[i];
+  if (!o)
     throw new Error(`Unknown icon name: ${i}`);
-  const o = g(n), s = a?.trim();
+  const d = g(n), s = a?.trim();
   if (!t && !s)
     throw new Error("title must be non-empty when ariaHidden is false.");
-  if (!t && !o)
+  if (!t && !d)
     throw new Error("id must be provided when ariaHidden is false.");
-  const l = t ? void 0 : `${o}-title`, p = [];
+  const l = t ? void 0 : `${d}-title`, p = [];
   return t || p.push({
     kind: "element",
     tag: "title",
     attrs: { id: l },
     children: [{ kind: "text", value: s }]
-  }), p.push(...lt(d)), {
+  }), p.push(...lt(o)), {
     kind: "element",
     tag: "svg",
     attrs: {
@@ -817,7 +817,7 @@ function O({
       "data-size": r,
       fill: "none",
       height: "24",
-      id: o,
+      id: d,
       role: t ? void 0 : "img",
       stroke: "currentColor",
       "stroke-width": "1.75",
@@ -951,8 +951,8 @@ function it(t) {
     disabled: i,
     disclosure: r,
     form: a,
-    haspopup: d,
-    id: o,
+    haspopup: o,
+    id: d,
     icon: s,
     iconMirrored: l,
     iconPlacement: p = "start",
@@ -993,7 +993,7 @@ function it(t) {
     attrs: {
       "aria-controls": r && e || void 0,
       "aria-expanded": r ? "false" : void 0,
-      "aria-haspopup": d || void 0,
+      "aria-haspopup": o || void 0,
       class: "set-button",
       "data-appearance": n,
       "data-label-visibility": u === "visible" ? void 0 : u,
@@ -1001,7 +1001,7 @@ function it(t) {
       "data-tone": k === "neutral" ? "neutral" : void 0,
       disabled: !!i,
       form: a || void 0,
-      id: o || void 0,
+      id: d || void 0,
       name: m || void 0,
       type: v || "button",
       value: C || void 0
@@ -1231,15 +1231,15 @@ function Lt({
   inlineSize: i = "full",
   message: r,
   size: a = "md",
-  tone: d,
-  title: o
+  tone: o,
+  title: d
 }) {
   const s = g(e), l = n.trim() === "" ? P : n, p = [];
-  return o && p.push({
+  return d && p.push({
     kind: "element",
     tag: "p",
     attrs: { class: "title" },
-    children: [{ kind: "text", value: o }]
+    children: [{ kind: "text", value: d }]
   }), p.push({
     kind: "element",
     tag: "p",
@@ -1254,9 +1254,9 @@ function Lt({
       "data-dismissible-label": t ? l : void 0,
       "data-inline-size": i === "fit" ? "fit" : void 0,
       "data-size": a,
-      "data-tone": d || void 0,
+      "data-tone": o || void 0,
       id: s,
-      role: Ct(d)
+      role: Ct(o)
     },
     children: [
       {
@@ -1266,7 +1266,7 @@ function Lt({
         children: [
           O({
             ariaHidden: !0,
-            name: zt(d),
+            name: zt(o),
             size: a
           })
         ]
@@ -1479,8 +1479,8 @@ function ut(t) {
     download: i,
     href: r,
     id: a,
-    icon: d,
-    iconPlacement: o = "start",
+    icon: o,
+    iconPlacement: d = "start",
     label: s,
     labelVisibility: l = "visible",
     rel: p,
@@ -1488,7 +1488,7 @@ function ut(t) {
     target: u,
     tone: m = "default",
     underline: y
-  } = t, k = g(a), v = d?.trim() || void 0;
+  } = t, k = g(a), v = o?.trim() || void 0;
   if (l !== "visible" && !!!v)
     throw new Error("labelVisibility requires icon when label is not visible.");
   const S = qt(i), b = v ? {
@@ -1519,7 +1519,7 @@ function ut(t) {
       rel: S ? void 0 : p || void 0,
       target: S ? void 0 : u || void 0
     },
-    children: b ? o === "end" ? [x, b] : [b, x] : [x]
+    children: b ? d === "end" ? [x, b] : [b, x] : [x]
   };
 }
 function Ke(t) {
@@ -1731,11 +1731,11 @@ function Tt({
   dismissibleLabel: i = U,
   id: r,
   message: a,
-  tone: d
+  tone: o
 }) {
   if (!!t != !!n)
     throw new Error("actionHref and actionLabel must be provided together.");
-  const o = g(r), s = i.trim() === "" ? U : i, l = [{ kind: "text", value: a }];
+  const d = g(r), s = i.trim() === "" ? U : i, l = [{ kind: "text", value: a }];
   return t && n && (l.push({ kind: "text", value: " " }), l.push(
     ut({
       href: t,
@@ -1751,8 +1751,8 @@ function Tt({
       "data-set-surface": "default",
       "data-dismissible": e,
       "data-dismissible-label": e ? s : void 0,
-      "data-tone": d || void 0,
-      id: o
+      "data-tone": o || void 0,
+      id: d
     },
     children: [
       {
@@ -1932,7 +1932,7 @@ function Ht({
   labelLight: i = J,
   size: r = "md"
 }) {
-  const a = g(n), d = e.trim() === "" ? Y : e, o = i.trim() === "" ? J : i;
+  const a = g(n), o = e.trim() === "" ? Y : e, d = i.trim() === "" ? J : i;
   return {
     kind: "element",
     tag: $,
@@ -1951,8 +1951,8 @@ function Ht({
           type: "button"
         },
         children: [
-          rt("dark", d),
-          rt("light", o)
+          rt("dark", o),
+          rt("light", d)
         ]
       }
     ]
@@ -2110,8 +2110,8 @@ function Nt({
   size: i = "md",
   triggerIcon: r,
   triggerIconMirrored: a,
-  triggerIconPlacement: d,
-  triggerLabel: o,
+  triggerIconPlacement: o,
+  triggerLabel: d,
   triggerLabelVisibility: s
 }) {
   const l = n.trim();
@@ -2157,9 +2157,9 @@ function Nt({
             haspopup: "menu",
             icon: r,
             iconMirrored: a,
-            iconPlacement: d,
+            iconPlacement: o,
             id: p,
-            label: o,
+            label: d,
             labelVisibility: s,
             size: i,
             tone: "neutral",
@@ -2273,9 +2273,9 @@ function Ot() {
           e.preventDefault(), this.#o(!0);
           return;
         }
-        const a = this.ownerDocument.activeElement, d = this.#c(), o = d.indexOf(a);
+        const a = this.ownerDocument.activeElement, o = this.#c(), d = o.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(d.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(o.length - 1));
           return;
         }
         if (r.contains(a)) {
@@ -2283,7 +2283,7 @@ function Ot() {
             e.preventDefault(), this.#s(a) || (this.#h(a), this.#o(!0));
             return;
           }
-          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);
+          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);
         }
       }, this.#i = (e) => {
         const i = e.relatedTarget;
@@ -2446,7 +2446,7 @@ function Pt({
   label: i = tt,
   size: r = "md"
 } = {}) {
-  const a = g(e), d = i.trim() === "" ? tt : i;
+  const a = g(e), o = i.trim() === "" ? tt : i;
   return {
     kind: "element",
     tag: "button",
@@ -2474,7 +2474,7 @@ function Pt({
             kind: "element",
             tag: "span",
             attrs: { class: "visually-hidden" },
-            children: [{ kind: "text", value: d }]
+            children: [{ kind: "text", value: o }]
           }
         ]
       }
@@ -2557,8 +2557,8 @@ function Rt({
   expanderPosition: i = "start",
   id: r,
   items: a,
-  label: d,
-  size: o = "md"
+  label: o,
+  size: d = "md"
 }) {
   const s = g(r), l = e?.trim() || void 0, p = n?.trim();
   if (t && !p)
@@ -2594,7 +2594,7 @@ function Rt({
       "data-collapsible": t,
       "data-expander-label": t && l ? l : void 0,
       "data-expander-position": t ? i : void 0,
-      "data-size": o,
+      "data-size": d,
       id: s
     },
     children: [
@@ -2602,7 +2602,7 @@ function Rt({
         kind: "element",
         tag: "nav",
         attrs: {
-          "aria-label": d || void 0,
+          "aria-label": o || void 0,
           class: "nav"
         },
         children: [
@@ -2832,13 +2832,13 @@ function Ut({
   inlineSize: i = "full",
   label: r,
   max: a,
-  min: d,
-  name: o,
+  min: o,
+  name: d,
   size: s = "md",
   step: l,
   value: p
 }) {
-  const c = e.trim(), u = t?.trim(), m = o?.trim();
+  const c = e.trim(), u = t?.trim(), m = d?.trim();
   if (!c)
     throw new Error("id must be a non-empty string.");
   if (!I(c))
@@ -2874,7 +2874,7 @@ function Ut({
         disabled: !!n,
         id: c,
         max: a != null ? String(a) : void 0,
-        min: d != null ? String(d) : void 0,
+        min: o != null ? String(o) : void 0,
         name: m || void 0,
         step: l != null ? String(l) : void 0,
         type: "range",
@@ -2941,15 +2941,15 @@ function $t() {
         "value"
       );
       if (!i?.get || !i.set) return;
-      const r = i.get, a = i.set, d = () => this.#i();
+      const r = i.get, a = i.set, o = () => this.#i();
       Object.defineProperty(e, "value", {
         configurable: !0,
         enumerable: i.enumerable,
         get() {
           return r.call(this);
         },
-        set(o) {
-          a.call(this, o), d();
+        set(d) {
+          a.call(this, d), o();
         }
       }), this.#t = e;
     }
@@ -3111,11 +3111,11 @@ function Ft({
   collapseLabel: i = V,
   footer: r,
   header: a,
-  id: d,
-  surface: o,
+  id: o,
+  surface: d,
   triggerLabel: s = et
 }) {
-  const l = d.trim(), p = i.trim() || V, c = s.trim() || et;
+  const l = o.trim(), p = i.trim() || V, c = s.trim() || et;
   if (!l)
     throw new Error("id must be a non-empty string.");
   if (!I(l))
@@ -3178,7 +3178,7 @@ function Ft({
         tag: "div",
         attrs: {
           class: "sidebar",
-          "data-set-surface": o,
+          "data-set-surface": d,
           id: m,
           tabindex: "-1"
         },
@@ -3480,8 +3480,8 @@ function Kt({
   height: i,
   id: r,
   loop: a,
-  muted: d,
-  playsInline: o,
+  muted: o,
+  playsInline: d,
   poster: s,
   preload: l,
   src: p,
@@ -3499,8 +3499,8 @@ function Kt({
       controls: !!n,
       height: i ? String(i) : void 0,
       loop: !!a,
-      muted: !!d,
-      playsinline: !!o,
+      muted: !!o,
+      playsinline: !!d,
       poster: y || void 0,
       preload: l,
       src: m,
@@ -3696,13 +3696,13 @@ function te(t) {
     return r[0];
   const a = e.slice(1).find(Jt);
   if (a) {
-    const o = D(a);
-    return o ? `${r[0]}${o}` : void 0;
+    const d = D(a);
+    return d ? `${r[0]}${d}` : void 0;
   }
   if (e.length === 2) {
-    const o = D(e[1]);
-    if (!o) return;
-    r.push(o);
+    const d = D(e[1]);
+    if (!d) return;
+    r.push(d);
     const s = e[1].split("-").filter(Boolean);
     if (s.length === 2) {
       const l = D(s[1]);
@@ -3711,12 +3711,12 @@ function te(t) {
     return r.slice(0, 3).join("");
   }
   if (e.length === 3) {
-    const o = D(e[1]), s = D(e[2]);
-    return !o || !s ? void 0 : (r.push(o, s), r.slice(0, 3).join(""));
+    const d = D(e[1]), s = D(e[2]);
+    return !d || !s ? void 0 : (r.push(d, s), r.slice(0, 3).join(""));
   }
-  const d = D(e.at(-1) || "");
-  if (d)
-    return r.push(d), r.slice(0, 3).join("");
+  const o = D(e.at(-1) || "");
+  if (o)
+    return r.push(o), r.slice(0, 3).join("");
 }
 const ee = {
   bot: "robot-1",
@@ -3777,11 +3777,11 @@ function oe({
   entity: i = "person",
   id: r,
   initials: a,
-  name: d,
-  size: o = "md",
+  name: o,
+  size: d = "md",
   src: s
 }) {
-  const l = g(r), p = ne(a), c = N(d), u = N(s), m = re({
+  const l = g(r), p = ne(a), c = N(o), u = N(s), m = re({
     alt: t,
     ariaHidden: n,
     name: c
@@ -3794,7 +3794,7 @@ function oe({
     class: "set-avatar",
     "data-color": v === "neutral" ? void 0 : v,
     "data-entity": i === "person" ? void 0 : i,
-    "data-size": o,
+    "data-size": d,
     id: l,
     role: !n && !k ? "img" : void 0
   };
@@ -4041,8 +4041,8 @@ function X({
   id: i,
   linkVisited: r = !0,
   measured: a,
-  monospaced: d,
-  responsive: o,
+  monospaced: o,
+  responsive: d,
   size: s = "md",
   tone: l = "default"
 }) {
@@ -4055,8 +4055,8 @@ function X({
       "data-align": m && m !== "start" ? m : void 0,
       "data-link-visited": r ? void 0 : "off",
       "data-measured": u ? a ?? !0 : void 0,
-      "data-monospaced": d,
-      "data-responsive": o,
+      "data-monospaced": o,
+      "data-responsive": d,
       "data-size": s,
       "data-tone": l === "muted" ? "muted" : void 0,
       id: p
@@ -4198,16 +4198,16 @@ function se({
   measured: i = !0,
   quote: r,
   responsive: a = !1,
-  size: d = "md"
+  size: o = "md"
 }) {
-  const o = g(e);
+  const d = g(e);
   return {
     kind: "element",
     tag: "figure",
     attrs: {
       class: "set-blockquote",
       "data-align": t === "start" ? void 0 : t,
-      id: o
+      id: d
     },
     children: [
       {
@@ -4221,7 +4221,7 @@ function se({
             children: r,
             measured: i,
             responsive: a,
-            size: d
+            size: o
           })
         ]
       },
@@ -4320,8 +4320,8 @@ function le({
   id: i,
   paddingBlock: r = "md",
   paddingInline: a = "md",
-  radius: d,
-  responsive: o,
+  radius: o,
+  responsive: d,
   surface: s
 }) {
   const l = g(i);
@@ -4335,8 +4335,8 @@ function le({
       "data-set-surface": s,
       "data-padding-block": r,
       "data-padding-inline": a,
-      "data-radius": d,
-      "data-responsive": o,
+      "data-radius": o,
+      "data-responsive": d,
       id: l
     },
     children: e ? [{ kind: "raw", html: e }] : []
@@ -4465,16 +4465,16 @@ function pe({
   id: i,
   note: r,
   surface: a,
-  title: d
+  title: o
 }) {
-  const o = g(i), s = n ? `h${n}` : "div", l = e ? [
+  const d = g(i), s = n ? `h${n}` : "div", l = e ? [
     {
       kind: "element",
       tag: "a",
       attrs: { href: e },
-      children: [{ kind: "text", value: d }]
+      children: [{ kind: "text", value: o }]
     }
-  ] : [{ kind: "text", value: d }], p = r ? [{ kind: "raw", html: r }] : [];
+  ] : [{ kind: "text", value: o }], p = r ? [{ kind: "raw", html: r }] : [];
   r && e && p.push({
     kind: "element",
     tag: "span",
@@ -4519,7 +4519,7 @@ function pe({
     attrs: {
       class: "set-card",
       "data-set-surface": a,
-      id: o
+      id: d
     },
     children: c
   };
@@ -4602,8 +4602,8 @@ function ce({
   id: i,
   invalid: r,
   label: a,
-  name: d,
-  required: o,
+  name: o,
+  required: d,
   size: s = "md",
   value: l
 }) {
@@ -4626,8 +4626,8 @@ function ce({
             class: "checkbox",
             disabled: m,
             id: p,
-            name: d || void 0,
-            required: !!o,
+            name: o || void 0,
+            required: !!d,
             type: "checkbox",
             value: l || void 0
           },
@@ -5071,16 +5071,16 @@ function bt({
   id: i,
   invalid: r,
   legend: a,
-  inlineSize: d = "full"
+  inlineSize: o = "full"
 }) {
-  const o = n?.trim(), s = i.trim();
+  const d = n?.trim(), s = i.trim();
   if (!s)
     throw new Error("id must be a non-empty string.");
   if (!I(s))
     throw new Error(
       "id must start with a letter and contain only letters, numbers, '_', '-', or ':'."
     );
-  const l = o ? `${s}-description` : void 0, p = !!e, c = !p && !!r, u = [
+  const l = d ? `${s}-description` : void 0, p = !!e, c = !p && !!r, u = [
     {
       kind: "element",
       tag: "legend",
@@ -5088,19 +5088,19 @@ function bt({
       children: [{ kind: "text", value: a }]
     }
   ];
-  return o && u.push({
+  return d && u.push({
     kind: "element",
     tag: "p",
     attrs: { class: "description", id: l },
-    children: [{ kind: "text", value: o }]
+    children: [{ kind: "text", value: d }]
   }), t && u.push({ kind: "raw", html: t }), {
     kind: "element",
     tag: "fieldset",
     attrs: {
-      "aria-describedby": o ? l : void 0,
+      "aria-describedby": d ? l : void 0,
       "aria-invalid": c ? "true" : void 0,
       class: "set-fieldset",
-      "data-inline-size": d === "fit" ? "fit" : void 0,
+      "data-inline-size": o === "fit" ? "fit" : void 0,
       disabled: p,
       id: s
     },
@@ -5203,16 +5203,18 @@ function ke({
   caption: n,
   children: e,
   id: i,
-  responsive: r = !1
+  inlineSize: r = "full",
+  responsive: a = !1
 }) {
-  const a = g(i);
+  const o = g(i);
   return {
     kind: "element",
     tag: "figure",
     attrs: {
       class: "set-figure",
       "data-align": t === "start" ? void 0 : t,
-      id: a
+      "data-inline-size": r === "full" ? void 0 : r,
+      id: o
     },
     children: [
       { kind: "raw", html: e },
@@ -5224,7 +5226,7 @@ function ke({
           X({
             as: "span",
             children: n,
-            responsive: r,
+            responsive: a,
             size: "sm"
           })
         ]
@@ -5266,6 +5268,11 @@ const Hi = {
       description: "DOM id.",
       type: { kind: "string" }
     },
+    inlineSize: {
+      default: "full",
+      description: "Whether the figure fills its container or shrinks to fit the media.",
+      type: { kind: "enum", values: ["full", "fit"] }
+    },
     responsive: {
       default: !1,
       description: "Scales the caption across breakpoints.",
@@ -5275,6 +5282,12 @@ const Hi = {
   events: {},
   rules: {
     attributes: [
+      {
+        target: { on: "host" },
+        attribute: "data-inline-size",
+        condition: { kind: "when-equals", prop: "inlineSize", to: "fit" },
+        value: { kind: "literal", text: "fit" }
+      },
       {
         target: { on: "host" },
         attribute: "data-align",
@@ -5331,8 +5344,8 @@ function be({
   colSpanNarrow: i,
   colSpanWide: r,
   colStart: a,
-  colStartNarrow: d,
-  colStartWide: o,
+  colStartNarrow: o,
+  colStartWide: d,
   id: s,
   justify: l,
   rowSpan: p,
@@ -5351,11 +5364,11 @@ function be({
       "data-align": t,
       "data-justify": l,
       "data-col-span-narrow": L(i),
-      "data-col-start-narrow": L(d),
+      "data-col-start-narrow": L(o),
       "data-col-span": L(e),
       "data-col-start": L(a),
       "data-col-span-wide": L(r),
-      "data-col-start-wide": L(o),
+      "data-col-start-wide": L(d),
       "data-row-span-narrow": L(c),
       "data-row-start-narrow": L(y),
       "data-row-span": L(p),
@@ -5590,9 +5603,9 @@ function ve({
   opticalAlign: i,
   responsive: r,
   size: a = "md",
-  text: d
+  text: o
 }) {
-  const o = g(n);
+  const d = g(n);
   return {
     kind: "element",
     tag: e ? `h${e}` : "span",
@@ -5602,9 +5615,9 @@ function ve({
       "data-optical-align": i,
       "data-responsive": r,
       "data-size": a,
-      id: o
+      id: d
     },
-    children: [{ kind: "text", value: d }]
+    children: [{ kind: "text", value: o }]
   };
 }
 function Bi(t) {
@@ -5712,8 +5725,8 @@ function fe({
   fit: i = "intrinsic",
   gravity: r = "C",
   height: a,
-  id: d,
-  lazy: o,
+  id: o,
+  lazy: d,
   priority: s,
   radius: l,
   shadow: p,
@@ -5723,7 +5736,7 @@ function fe({
   srcSet: y,
   width: k
 }) {
-  const v = i === "cover", C = g(d), S = m.trim(), b = y?.trim(), x = c?.trim(), w = u?.map((f, q) => {
+  const v = i === "cover", C = g(o), S = m.trim(), b = y?.trim(), x = c?.trim(), w = u?.map((f, q) => {
     const _ = f.srcSet.trim(), z = f.media?.trim(), B = f.type?.trim(), yt = f.sizes?.trim();
     if (!_)
       throw new Error(`sources[${q}].srcSet must be non-empty.`);
@@ -5761,7 +5774,7 @@ function fe({
         "data-scheme": f && w.length === 0 ? f : void 0,
         fetchpriority: s ? "high" : void 0,
         height: v ? void 0 : a ? String(a) : void 0,
-        loading: o && !s ? "lazy" : void 0,
+        loading: d && !s ? "lazy" : void 0,
         sizes: w.length > 0 ? void 0 : x || void 0,
         src: f ? `${S}#${f}` : S,
         srcset: b && f ? E(b, f) : b || void 0,
@@ -6017,9 +6030,9 @@ function we({
   gap: i = "md",
   id: r,
   justify: a = "start",
-  nowrap: d
+  nowrap: o
 }) {
-  const o = g(r);
+  const d = g(r);
   return {
     kind: "element",
     tag: n,
@@ -6028,8 +6041,8 @@ function we({
       "data-align": t === "center" ? void 0 : t,
       "data-gap": i,
       "data-justify": a === "start" ? void 0 : a,
-      "data-nowrap": d,
-      id: o
+      "data-nowrap": o,
+      id: d
     },
     children: e ? [{ kind: "raw", html: e }] : []
   };
@@ -6129,8 +6142,8 @@ function Se({
   id: i,
   invalid: r,
   label: a,
-  name: d,
-  pattern: o,
+  name: o,
+  pattern: d,
   readOnly: s,
   required: l,
   size: p = "md",
@@ -6139,7 +6152,7 @@ function Se({
   value: m,
   inlineSize: y = "full"
 }) {
-  const k = i.trim(), v = n?.trim(), C = t === !1 ? !1 : t?.trim(), S = d?.trim(), b = o?.trim(), x = m;
+  const k = i.trim(), v = n?.trim(), C = t === !1 ? !1 : t?.trim(), S = o?.trim(), b = d?.trim(), x = m;
   if (!k)
     throw new Error("id must be a non-empty string.");
   if (!I(k))
@@ -6449,7 +6462,7 @@ function Te({
   tone: r = "default",
   variant: a = "primary"
 }) {
-  const d = g(n), o = !!t && (a === "primary" || a === "graphic"), s = [
+  const o = g(n), d = !!t && (a === "primary" || a === "graphic"), s = [
     {
       kind: "element",
       tag: "span",
@@ -6457,18 +6470,18 @@ function Te({
       children: [{ kind: "text", value: e }]
     }
   ];
-  return o && s.push(
+  return d && s.push(
     a === "graphic" ? Ie() : qe()
   ), {
     kind: "element",
     tag: "div",
     attrs: {
       class: "set-logo",
-      "data-animated": o,
+      "data-animated": d,
       "data-size": i,
       "data-tone": r === "neutral" ? "neutral" : void 0,
       "data-variant": a === "primary" ? void 0 : a,
-      id: d
+      id: o
     },
     children: s
   };
@@ -6571,11 +6584,11 @@ function Ae({
   footer: i,
   header: r,
   headerBorder: a,
-  headerSize: d = "md",
-  id: o,
+  headerSize: o = "md",
+  id: d,
   stickyHeader: s
 }) {
-  const l = g(o), p = [];
+  const l = g(d), p = [];
   return t && p.push({ kind: "raw", html: t }), p.push({
     kind: "element",
     tag: "header",
@@ -6598,7 +6611,7 @@ function Ae({
       class: "set-page",
       "data-center-main": n,
       "data-header-border": a,
-      "data-header-size": d,
+      "data-header-size": o,
       "data-sticky-header": s,
       id: l
     },
@@ -6877,7 +6890,7 @@ function He({
   media: i,
   surface: r
 }) {
-  const a = g(e), d = n ? r ?? "default" : r, o = [
+  const a = g(e), o = n ? r ?? "default" : r, d = [
     {
       kind: "element",
       tag: "div",
@@ -6885,7 +6898,7 @@ function He({
       children: [{ kind: "raw", html: i }]
     }
   ];
-  return t && o.push({
+  return t && d.push({
     kind: "element",
     tag: "div",
     attrs: { class: "content" },
@@ -6896,10 +6909,10 @@ function He({
     attrs: {
       class: "set-poster",
       "data-set-content-theme": n,
-      "data-set-surface": d,
+      "data-set-surface": o,
       id: a
     },
-    children: o
+    children: d
   };
 }
 function nn(t) {
@@ -6983,8 +6996,8 @@ function Ve({
   id: i,
   linkVisited: r = !0,
   measured: a = !0,
-  monospaced: d,
-  responsive: o
+  monospaced: o,
+  responsive: d
 }) {
   const s = g(i);
   return {
@@ -6996,8 +7009,8 @@ function Ve({
       "data-hanging-punctuation": e,
       "data-link-visited": r ? void 0 : "off",
       "data-measured": a,
-      "data-monospaced": d,
-      "data-responsive": o,
+      "data-monospaced": o,
+      "data-responsive": d,
       id: s
     },
     children: [{ kind: "raw", html: n }]
@@ -7107,13 +7120,13 @@ function Ne({
   invalid: i,
   radios: r,
   legend: a,
-  name: d,
-  orientation: o = "vertical",
+  name: o,
+  orientation: d = "vertical",
   required: s,
   size: l = "md",
   value: p
 }) {
-  const c = e.trim(), u = d.trim(), m = p?.trim();
+  const c = e.trim(), u = o.trim(), m = p?.trim();
   if (!c)
     throw new Error("id must be a non-empty string.");
   if (!I(c))
@@ -7188,7 +7201,7 @@ function Ne({
       tag: "div",
       attrs: {
         class: "set-radios",
-        "data-orientation": o,
+        "data-orientation": d,
         "data-size": l
       },
       children: C
@@ -7359,8 +7372,8 @@ function Oe({
   children: i,
   dir: r,
   id: a,
-  lang: d,
-  theme: o
+  lang: o,
+  theme: d
 }) {
   const s = g(a);
   return {
@@ -7371,9 +7384,9 @@ function Oe({
       "data-app-root": n,
       "data-app-overscroll-behavior": t === "none" ? "none" : void 0,
       "data-set-brand": e,
-      "data-set-theme": o,
+      "data-set-theme": d,
       id: s,
-      lang: d === "" ? void 0 : d,
+      lang: o === "" ? void 0 : o,
       dir: r
     },
     children: i ? [{ kind: "raw", html: i }] : []
@@ -7481,7 +7494,7 @@ function Pe({
   size: e = "md",
   tone: i = "default"
 } = {}) {
-  const r = g(t), d = [
+  const r = g(t), o = [
     {
       kind: "element",
       tag: "svg",
@@ -7500,12 +7513,12 @@ function Pe({
         [360, 660],
         [360, 360],
         [360, 60]
-      ].map(([o, s]) => ({
+      ].map(([d, s]) => ({
         kind: "element",
         tag: "rect",
         attrs: {
           class: "cell",
-          x: String(o),
+          x: String(d),
           y: String(s),
           width: "180",
           height: "180"
@@ -7514,7 +7527,7 @@ function Pe({
       }))
     }
   ];
-  return n && d.push({
+  return n && o.push({
     kind: "element",
     tag: "span",
     attrs: { class: "visually-hidden" },
@@ -7529,7 +7542,7 @@ function Pe({
       id: r,
       role: n ? "status" : void 0
     },
-    children: d
+    children: o
   };
 }
 function cn(t = {}) {
@@ -7601,7 +7614,7 @@ function Be({
   id: r,
   responsive: a
 }) {
-  const d = g(r);
+  const o = g(r);
   return {
     kind: "element",
     tag: n,
@@ -7610,7 +7623,7 @@ function Be({
       "data-align": t === "stretch" ? void 0 : t,
       "data-gap": i,
       "data-responsive": a,
-      id: d
+      id: o
     },
     children: e ? [{ kind: "raw", html: e }] : []
   };
@@ -7770,8 +7783,8 @@ function We({
   id: i,
   label: r,
   name: a,
-  size: d = "md",
-  value: o
+  size: o = "md",
+  value: d
 }) {
   const s = g(i), l = n?.trim();
   if (l && !s)
@@ -7794,7 +7807,7 @@ function We({
             name: a || void 0,
             role: "switch",
             type: "checkbox",
-            value: o || void 0
+            value: d || void 0
           },
           children: []
         },
@@ -7815,7 +7828,7 @@ function We({
   }), {
     kind: "element",
     tag: "div",
-    attrs: { class: "set-switch", "data-size": d },
+    attrs: { class: "set-switch", "data-size": o },
     children: c
   };
 }
@@ -7937,8 +7950,8 @@ function Ue({
   id: i,
   invalid: r,
   label: a,
-  name: d,
-  readOnly: o,
+  name: o,
+  readOnly: d,
   required: s,
   resize: l = "vertical",
   rows: p = 2,
@@ -7947,7 +7960,7 @@ function Ue({
   value: m,
   inlineSize: y = "full"
 }) {
-  const k = i.trim(), v = n?.trim(), C = t === !1 ? !1 : t?.trim(), S = d?.trim(), b = m;
+  const k = i.trim(), v = n?.trim(), C = t === !1 ? !1 : t?.trim(), S = o?.trim(), b = m;
   if (!k)
     throw new Error("id must be a non-empty string.");
   if (!I(k))
@@ -7956,7 +7969,7 @@ function Ue({
     );
   if (!Number.isInteger(p) || p < 2)
     throw new Error("rows must be an integer greater than or equal to 2.");
-  const x = v ? `${k}-description` : void 0, w = !!e, E = !w && !!o, H = [
+  const x = v ? `${k}-description` : void 0, w = !!e, E = !w && !!d, H = [
     {
       kind: "element",
       tag: "label",