@monospaced/set-react 0.3.0 → 0.5.0

package/dist/index.js

@@ -1,7 +1,7 @@
-import { serializeSetNode as ae, defineSetAlert as ue, SET_ALERT_EVENT_BEFORE_DISMISS as b, SET_ALERT_EVENT_DISMISS as v, buildSetAlert as de, buildSetAvatar as Se, buildSetBadge as Ee, defineSetBanner as fe, SET_BANNER_EVENT_BEFORE_DISMISS as g, SET_BANNER_EVENT_DISMISS as A, buildSetBanner as Te, buildSetBlockquote as Le, buildSetBox as Re, buildSetButton as he, buildSetCard as Oe, buildSetCheckbox as Ie, buildSetContainer as Ne, buildSetDetails as Ce, buildSetDivider as me, buildSetExpander as De, buildSetFieldset as be, buildSetFigure as ve, buildSetGrid as ge, buildSetGridItem as Ae, buildSetHeading as He, buildSetIcon as pe, buildSetImage as Pe, buildSetInline as Be, buildSetInput as ke, buildSetLink as Fe, buildSetLogo as xe, defineSetMenu as ye, SET_MENU_EVENT_CHOOSE as H, buildSetMenu as we, defineSetNav as Ge, buildSetNav as Me, buildSetPage as Ue, buildSetPanel as ze, buildSetPattern as je, buildSetPoster as Ke, buildSetProse as We, buildSetRadios as Ve, defineSetRange as Qe, buildSetRange as qe, buildSetRoot as Xe, buildSetSidebar as $e, defineSetSidebar as Ye, buildSetSpinner as Je, buildSetStack as Ze, buildSetSurface as en, buildSetSwitch as nn, buildSetText as tn, buildSetTextarea as rn } from "@monospaced/set-core";
-import { defineSetComponents as ot } from "@monospaced/set-core";
-import { createElement as T, Fragment as O, useEffect as f, useRef as C, useCallback as m } from "react";
-const on = {
+import { serializeSetNode as ue, defineSetAlert as de, SET_ALERT_EVENT_BEFORE_DISMISS as b, SET_ALERT_EVENT_DISMISS as v, buildSetAlert as Se, buildSetAvatar as Ee, buildSetBadge as fe, defineSetBanner as Te, SET_BANNER_EVENT_BEFORE_DISMISS as g, SET_BANNER_EVENT_DISMISS as A, buildSetBanner as Le, buildSetBlockquote as he, buildSetBox as Re, buildSetButton as Oe, buildSetCard as Ie, buildSetCheckbox as Ne, buildSetContainer as Ce, buildSetDetails as me, buildSetDivider as De, buildSetExpander as be, buildSetFieldset as ve, buildSetFigure as ge, buildSetGrid as Ae, buildSetGridItem as He, buildSetHeading as pe, buildSetIcon as Pe, buildSetImage as Be, buildSetInline as ke, buildSetInput as Fe, defineSetLightswitch as xe, SET_LIGHTSWITCH_EVENT_CHANGE as H, buildSetLightswitch as ye, buildSetLink as we, buildSetLogo as Ge, defineSetMenu as Me, SET_MENU_EVENT_CHOOSE as p, buildSetMenu as Ue, defineSetNav as Ve, buildSetNav as ze, buildSetPage as We, buildSetPanel as je, buildSetPattern as Ke, buildSetPoster as Qe, buildSetProse as qe, buildSetRadios as Xe, defineSetRange as $e, buildSetRange as Ye, buildSetRoot as Je, buildSetSidebar as Ze, defineSetSidebar as en, buildSetSpinner as nn, buildSetStack as tn, buildSetSurface as rn, buildSetSwitch as on, buildSetText as sn, buildSetTextarea as cn, defineSetVideo as ln, buildSetVideo as _n } from "@monospaced/set-core";
+import { defineSetComponents as St } from "@monospaced/set-core";
+import { createElement as T, Fragment as O, useEffect as E, useRef as I, useCallback as N } from "react";
+const an = {
   autocomplete: "autoComplete",
   class: "className",
   for: "htmlFor",
@@ -12,27 +12,27 @@ const on = {
   "stroke-linejoin": "strokeLinejoin",
   "stroke-width": "strokeWidth",
   tabindex: "tabIndex"
-}, sn = /* @__PURE__ */ new Set(["input", "textarea", "select"]);
-function cn(e) {
+}, un = /* @__PURE__ */ new Set(["input", "textarea", "select"]);
+function dn(e) {
   const n = {};
   for (const [t, r] of Object.entries(e)) {
     if (r == null || r === !1 && (t.startsWith("data-") || t.startsWith("aria-")))
       continue;
-    const c = on[t] ?? t;
+    const c = an[t] ?? t;
     n[c] = r === !0 && t.startsWith("data-") ? "" : r;
   }
   return n;
 }
-function ln(e) {
+function Sn(e) {
   const n = [], t = (r) => {
     if (r.kind === "element") {
-      sn.has(r.tag) && n.push(r);
+      un.has(r.tag) && n.push(r);
       for (const c of r.children) t(c);
     }
   };
   return t(e), n;
 }
-function _n(e) {
+function En(e) {
   const n = {}, t = {};
   let r;
   for (const [s, i] of Object.entries(e))
@@ -40,14 +40,14 @@ function _n(e) {
   const c = r !== void 0 ? { autoFocus: r, ...t } : { ...t };
   return { rootExtras: n, primaryFirstExtras: c, primaryRestExtras: t };
 }
-function an(e, n) {
+function fn(e, n) {
   if (n.primaries.length === 0) return {};
   const t = n.primaries.indexOf(e);
   return t === 0 ? n.primaryFirstExtras : t > 0 ? n.primaryRestExtras : {};
 }
-function ce(e, n, t) {
+function le(e, n, t) {
   const r = {
-    ...cn(e.attrs),
+    ...dn(e.attrs),
     ...n
   };
   if (e.tag === "textarea" && e.children.length > 0) {
@@ -58,12 +58,12 @@ function ce(e, n, t) {
     (i) => i.kind === "raw" && !(i.html in t.slots)
   ))
     return r.dangerouslySetInnerHTML = {
-      __html: e.children.map(ae).join("")
+      __html: e.children.map(ue).join("")
     }, { props: r, children: null };
-  const s = e.children.map((i, o) => i.kind === "raw" && i.html in t.slots ? T(O, { key: o }, t.slots[i.html]) : le(i, o, t));
+  const s = e.children.map((i, o) => i.kind === "raw" && i.html in t.slots ? T(O, { key: o }, t.slots[i.html]) : _e(i, o, t));
   return { props: r, children: s };
 }
-function le(e, n, t) {
+function _e(e, n, t) {
   if (e.kind === "text")
     return e.value in t.slots ? T(O, { key: n }, t.slots[e.value]) : e.value;
   if (e.kind === "raw")
@@ -71,22 +71,22 @@ function le(e, n, t) {
       key: n,
       dangerouslySetInnerHTML: { __html: e.html }
     });
-  const { props: r, children: c } = ce(
+  const { props: r, children: c } = le(
     e,
-    an(e, t),
+    fn(e, t),
     t
   );
   return n !== void 0 && (r.key = n), c === null ? T(e.tag, r) : T(e.tag, r, ...c);
 }
 function l(e, n = {}, t = {}) {
   if (e.kind !== "element")
-    return T(O, null, le(e, void 0, {
+    return T(O, null, _e(e, void 0, {
       slots: t,
       primaries: [],
       primaryFirstExtras: {},
       primaryRestExtras: {}
     }));
-  const r = ln(e), c = r.length > 0 ? _n(n) : {
+  const r = Sn(e), c = r.length > 0 ? En(n) : {
     rootExtras: n,
     primaryFirstExtras: {},
     primaryRestExtras: {}
@@ -95,7 +95,7 @@ function l(e, n = {}, t = {}) {
     primaries: r,
     primaryFirstExtras: c.primaryFirstExtras,
     primaryRestExtras: c.primaryRestExtras
-  }, { props: i, children: o } = ce(e, c.rootExtras, s);
+  }, { props: i, children: o } = le(e, c.rootExtras, s);
   return o === null ? T(e.tag, i) : T(e.tag, i, ...o);
 }
 function _(e) {
@@ -104,16 +104,16 @@ function _(e) {
     r !== void 0 && (t === "ref" || t === "autoFocus" || t === "value" || t.startsWith("on")) && (n[t] = r);
   return n;
 }
-function un(e, n) {
+function Tn(e, n) {
   typeof e == "function" ? e(n) : e && (e.current = n);
 }
-function Tn(e) {
+function Nn(e) {
   const { onBeforeDismiss: n, onDismiss: t, ref: r, ...c } = e;
-  f(() => {
-    ue();
+  E(() => {
+    de();
   }, []);
-  const s = C(null);
-  f(() => {
+  const s = I(null);
+  E(() => {
     const o = s.current;
     if (!(!o || !n))
       return o.addEventListener(
@@ -123,7 +123,7 @@ function Tn(e) {
         b,
         n
       );
-  }, [n]), f(() => {
+  }, [n]), E(() => {
     const o = s.current;
     if (!(!o || !t))
       return o.addEventListener(v, t), () => o.removeEventListener(
@@ -131,39 +131,39 @@ function Tn(e) {
         t
       );
   }, [t]);
-  const i = m(
+  const i = N(
     (o) => {
-      s.current = o, un(r, o);
+      s.current = o, Tn(r, o);
     },
     [r]
   );
-  return l(de(e), {
+  return l(Se(e), {
     ..._(c),
     ref: i
   });
 }
-function Ln(e) {
+function Cn(e) {
   return l(
-    Se(e),
+    Ee(e),
     _(e)
   );
 }
-function Rn(e) {
+function mn(e) {
   return l(
-    Ee(e),
+    fe(e),
     _(e)
   );
 }
-function dn(e, n) {
+function Ln(e, n) {
   typeof e == "function" ? e(n) : e && (e.current = n);
 }
-function hn(e) {
+function Dn(e) {
   const { onBeforeDismiss: n, onDismiss: t, ref: r, ...c } = e;
-  f(() => {
-    fe();
+  E(() => {
+    Te();
   }, []);
-  const s = C(null);
-  f(() => {
+  const s = I(null);
+  E(() => {
     const o = s.current;
     if (!(!o || !n))
       return o.addEventListener(
@@ -173,7 +173,7 @@ function hn(e) {
         g,
         n
       );
-  }, [n]), f(() => {
+  }, [n]), E(() => {
     const o = s.current;
     if (!(!o || !t))
       return o.addEventListener(A, t), () => o.removeEventListener(
@@ -181,25 +181,25 @@ function hn(e) {
         t
       );
   }, [t]);
-  const i = m(
+  const i = N(
     (o) => {
-      s.current = o, dn(r, o);
+      s.current = o, Ln(r, o);
     },
     [r]
   );
-  return l(Te(e), {
+  return l(Le(e), {
     ..._(c),
     ref: i
   });
 }
-const p = "__SET_SLOT_BLOCKQUOTE_QUOTE__", P = "__SET_SLOT_BLOCKQUOTE_ATTRIBUTION__";
-function On(e) {
-  const { align: n, attribution: t, id: r, measured: c, quote: s, responsive: i, size: o, ...a } = e, u = Le({
+const P = "__SET_SLOT_BLOCKQUOTE_QUOTE__", B = "__SET_SLOT_BLOCKQUOTE_ATTRIBUTION__";
+function bn(e) {
+  const { align: n, attribution: t, id: r, measured: c, quote: s, responsive: i, size: o, ...a } = e, u = he({
     align: n,
-    attribution: P,
+    attribution: B,
     id: r,
     measured: c,
-    quote: p,
+    quote: P,
     responsive: i,
     size: o
   });
@@ -207,13 +207,13 @@ function On(e) {
     u,
     _(a),
     {
-      [p]: s,
-      [P]: t
+      [P]: s,
+      [B]: t
     }
   );
 }
-const B = "__SET_SLOT_BOX_CHILDREN__";
-function In(e) {
+const k = "__SET_SLOT_BOX_CHILDREN__";
+function vn(e) {
   const {
     background: n,
     border: t,
@@ -225,10 +225,10 @@ function In(e) {
     responsive: a,
     surface: u,
     ...d
-  } = e, S = r != null && r !== !1, E = Re({
+  } = e, S = r != null && r !== !1, f = Re({
     background: n,
     border: t,
-    children: S ? B : void 0,
+    children: S ? k : void 0,
     id: c,
     paddingBlock: s,
     paddingInline: i,
@@ -237,27 +237,27 @@ function In(e) {
     surface: u
   });
   return l(
-    E,
+    f,
     _(d),
     {
-      ...S ? { [B]: r } : {}
+      ...S ? { [k]: r } : {}
     }
   );
 }
-function Nn(e) {
+function gn(e) {
   return l(
-    he(e),
+    Oe(e),
     _(e)
   );
 }
-const k = "__SET_SLOT_CARD_DESCRIPTION__", F = "__SET_SLOT_CARD_NOTE__";
-function Cn(e) {
-  const { description: n, headingLevel: t, href: r, id: c, note: s, surface: i, title: o, ...a } = e, u = s != null && s !== !1, d = Oe({
-    description: k,
+const F = "__SET_SLOT_CARD_DESCRIPTION__", x = "__SET_SLOT_CARD_NOTE__";
+function An(e) {
+  const { description: n, headingLevel: t, href: r, id: c, note: s, surface: i, title: o, ...a } = e, u = s != null && s !== !1, d = Ie({
+    description: F,
     headingLevel: t,
     href: r,
     id: c,
-    note: u ? F : void 0,
+    note: u ? x : void 0,
     surface: i,
     title: o
   });
@@ -265,21 +265,21 @@ function Cn(e) {
     d,
     _(a),
     {
-      [k]: n,
-      ...u ? { [F]: s } : {}
+      [F]: n,
+      ...u ? { [x]: s } : {}
     }
   );
 }
-function mn(e) {
+function Hn(e) {
   return l(
-    Ie(e),
+    Ne(e),
     _(e)
   );
 }
-const x = "__SET_SLOT_CONTAINER_CHILDREN__";
-function Dn(e) {
-  const { children: n, gutter: t, id: r, maxInlineSize: c, ...s } = e, i = n != null && n !== !1, o = Ne({
-    children: i ? x : void 0,
+const y = "__SET_SLOT_CONTAINER_CHILDREN__";
+function pn(e) {
+  const { children: n, gutter: t, id: r, maxInlineSize: c, ...s } = e, i = n != null && n !== !1, o = Ce({
+    children: i ? y : void 0,
     gutter: t,
     id: r,
     maxInlineSize: c
@@ -288,14 +288,14 @@ function Dn(e) {
     o,
     _(s),
     {
-      ...i ? { [x]: n } : {}
+      ...i ? { [y]: n } : {}
     }
   );
 }
-const y = "__SET_SLOT_DETAILS_CHILDREN__";
-function bn(e) {
-  const { children: n, id: t, inlineSize: r, open: c, summary: s, ...i } = e, o = n != null && n !== !1, a = Ce({
-    children: o ? y : void 0,
+const w = "__SET_SLOT_DETAILS_CHILDREN__";
+function Pn(e) {
+  const { children: n, id: t, inlineSize: r, open: c, summary: s, ...i } = e, o = n != null && n !== !1, a = me({
+    children: o ? w : void 0,
     id: t,
     inlineSize: r,
     open: c,
@@ -305,24 +305,24 @@ function bn(e) {
     a,
     _(i),
     {
-      ...o ? { [y]: n } : {}
+      ...o ? { [w]: n } : {}
     }
   );
 }
-function vn(e) {
+function Bn(e) {
   return l(
-    me(e),
+    De(e),
     _(e)
   );
 }
-function gn(e) {
+function kn(e) {
   return l(
-    De(e),
+    be(e),
     _(e)
   );
 }
-const w = "__SET_SLOT_FIELDSET_CHILDREN__";
-function An(e) {
+const G = "__SET_SLOT_FIELDSET_CHILDREN__";
+function Fn(e) {
   const {
     children: n,
     description: t,
@@ -332,8 +332,8 @@ function An(e) {
     legend: i,
     inlineSize: o,
     ...a
-  } = e, u = n != null && n !== !1, d = be({
-    children: u ? w : void 0,
+  } = e, u = n != null && n !== !1, d = ve({
+    children: u ? G : void 0,
     description: t,
     disabled: r,
     id: c,
@@ -345,16 +345,16 @@ function An(e) {
     d,
     _(a),
     {
-      ...u ? { [w]: n } : {}
+      ...u ? { [G]: n } : {}
     }
   );
 }
-const G = "__SET_SLOT_FIGURE_CHILDREN__", M = "__SET_SLOT_FIGURE_CAPTION__";
-function Hn(e) {
-  const { align: n, caption: t, children: r, id: c, responsive: s, ...i } = e, o = ve({
+const M = "__SET_SLOT_FIGURE_CHILDREN__", U = "__SET_SLOT_FIGURE_CAPTION__";
+function xn(e) {
+  const { align: n, caption: t, children: r, id: c, responsive: s, ...i } = e, o = ge({
     align: n,
-    caption: M,
-    children: G,
+    caption: U,
+    children: M,
     id: c,
     responsive: s
   });
@@ -362,15 +362,15 @@ function Hn(e) {
     o,
     _(i),
     {
-      [G]: r,
-      [M]: t
+      [M]: r,
+      [U]: t
     }
   );
 }
-const U = "__SET_SLOT_GRID_CHILDREN__";
-function pn(e) {
-  const { children: n, gap: t, id: r, ...c } = e, s = n != null && n !== !1, i = ge({
-    children: s ? U : void 0,
+const V = "__SET_SLOT_GRID_CHILDREN__";
+function yn(e) {
+  const { children: n, gap: t, id: r, ...c } = e, s = n != null && n !== !1, i = Ae({
+    children: s ? V : void 0,
     gap: t,
     id: r
   });
@@ -378,12 +378,12 @@ function pn(e) {
     i,
     _(c),
     {
-      ...s ? { [U]: n } : {}
+      ...s ? { [V]: n } : {}
     }
   );
 }
 const z = "__SET_SLOT_GRID_ITEM_CHILDREN__";
-function Pn(e) {
+function wn(e) {
   const {
     children: n,
     align: t,
@@ -396,13 +396,13 @@ function Pn(e) {
     rowSpanWide: u,
     rowStart: d,
     rowStartNarrow: S,
-    rowStartWide: E,
+    rowStartWide: f,
     colSpanNarrow: L,
-    colStartNarrow: R,
-    colSpanWide: I,
-    colStartWide: h,
-    ...N
-  } = e, D = n != null && n !== !1, _e = Ae({
+    colStartNarrow: h,
+    colSpanWide: C,
+    colStartWide: R,
+    ...m
+  } = e, D = n != null && n !== !1, ae = He({
     children: D ? z : void 0,
     align: t,
     justify: r,
@@ -414,44 +414,44 @@ function Pn(e) {
     rowSpanWide: u,
     rowStart: d,
     rowStartNarrow: S,
-    rowStartWide: E,
+    rowStartWide: f,
     colSpanNarrow: L,
-    colStartNarrow: R,
-    colSpanWide: I,
-    colStartWide: h
+    colStartNarrow: h,
+    colSpanWide: C,
+    colStartWide: R
   });
   return l(
-    _e,
-    _(N),
+    ae,
+    _(m),
     {
       ...D ? { [z]: n } : {}
     }
   );
 }
-function Bn(e) {
+function Gn(e) {
   return l(
-    He(e),
+    pe(e),
     _(e)
   );
 }
-function kn(e) {
+function Mn(e) {
   return l(
-    pe(e),
+    Pe(e),
     _(e)
   );
 }
-function Fn(e) {
+function Un(e) {
   return l(
-    Pe(e),
+    Be(e),
     _(e)
   );
 }
-const j = "__SET_SLOT_INLINE_CHILDREN__";
-function xn(e) {
-  const { as: n, align: t, children: r, gap: c, id: s, justify: i, nowrap: o, ...a } = e, u = r != null && r !== !1, d = Be({
+const W = "__SET_SLOT_INLINE_CHILDREN__";
+function Vn(e) {
+  const { as: n, align: t, children: r, gap: c, id: s, justify: i, nowrap: o, ...a } = e, u = r != null && r !== !1, d = ke({
     as: n,
     align: t,
-    children: u ? j : void 0,
+    children: u ? W : void 0,
     gap: c,
     id: s,
     justify: i,
@@ -461,18 +461,49 @@ function xn(e) {
     d,
     _(a),
     {
-      ...u ? { [j]: r } : {}
+      ...u ? { [W]: r } : {}
     }
   );
 }
-function yn(e) {
+function zn(e) {
   return l(
-    ke(e),
+    Fe(e),
     _(e)
   );
 }
-const K = "__SET_SLOT_LINK_ICON__";
-function wn(e) {
+function hn(e, n) {
+  typeof e == "function" ? e(n) : e && (e.current = n);
+}
+function Wn(e) {
+  const { onChange: n, ref: t, ...r } = e;
+  E(() => {
+    xe();
+  }, []);
+  const c = I(null);
+  E(() => {
+    const i = c.current;
+    if (!(!i || !n))
+      return i.addEventListener(
+        H,
+        n
+      ), () => i.removeEventListener(
+        H,
+        n
+      );
+  }, [n]);
+  const s = N(
+    (i) => {
+      c.current = i, hn(t, i);
+    },
+    [t]
+  );
+  return l(ye(e), {
+    ..._(r),
+    ref: s
+  });
+}
+const j = "__SET_SLOT_LINK_ICON__";
+function jn(e) {
   const {
     appearance: n,
     current: t,
@@ -485,75 +516,75 @@ function wn(e) {
     labelVisibility: u,
     rel: d,
     size: S,
-    target: E,
+    target: f,
     tone: L,
-    underline: R,
-    ...I
-  } = e, h = i != null && i !== !1, N = Fe({
+    underline: h,
+    ...C
+  } = e, R = i != null && i !== !1, m = we({
     appearance: n,
     current: t,
     download: r,
     href: c,
     id: s,
-    icon: h ? K : void 0,
+    icon: R ? j : void 0,
     iconPlacement: o,
     label: a,
     labelVisibility: u,
     rel: d,
     size: S,
-    target: E,
+    target: f,
     tone: L,
-    underline: R
+    underline: h
   });
   return l(
-    N,
-    _(I),
+    m,
+    _(C),
     {
-      ...h ? { [K]: i } : {}
+      ...R ? { [j]: i } : {}
     }
   );
 }
-function Gn(e) {
+function Kn(e) {
   return l(
-    xe(e),
+    Ge(e),
     _(e)
   );
 }
-function Sn(e, n) {
+function Rn(e, n) {
   typeof e == "function" ? e(n) : e && (e.current = n);
 }
-function Mn(e) {
+function Qn(e) {
   const { onChoose: n, ref: t, ...r } = e;
-  f(() => {
-    ye();
+  E(() => {
+    Me();
   }, []);
-  const c = C(null);
-  f(() => {
+  const c = I(null);
+  E(() => {
     const i = c.current;
     if (!(!i || !n))
-      return i.addEventListener(H, n), () => i.removeEventListener(H, n);
+      return i.addEventListener(p, n), () => i.removeEventListener(p, n);
   }, [n]);
-  const s = m(
+  const s = N(
     (i) => {
-      c.current = i, Sn(t, i);
+      c.current = i, Rn(t, i);
     },
     [t]
   );
-  return l(we(e), {
+  return l(Ue(e), {
     ..._(r),
     ref: s
   });
 }
-function Un(e) {
-  return f(() => {
-    Ge();
+function qn(e) {
+  return E(() => {
+    Ve();
   }, []), l(
-    Me(e),
+    ze(e),
     _(e)
   );
 }
-const W = "__SET_SLOT_PAGE_BANNER__", V = "__SET_SLOT_PAGE_HEADER__", Q = "__SET_SLOT_PAGE_CHILDREN__", q = "__SET_SLOT_PAGE_FOOTER__";
-function zn(e) {
+const K = "__SET_SLOT_PAGE_BANNER__", Q = "__SET_SLOT_PAGE_HEADER__", q = "__SET_SLOT_PAGE_CHILDREN__", X = "__SET_SLOT_PAGE_FOOTER__";
+function Xn(e) {
   const {
     banner: n,
     children: t,
@@ -565,32 +596,32 @@ function zn(e) {
     stickyHeader: a,
     footer: u,
     ...d
-  } = e, S = n != null && n !== !1, E = t != null && t !== !1, L = Ue({
-    banner: S ? W : void 0,
-    children: E ? Q : void 0,
+  } = e, S = n != null && n !== !1, f = t != null && t !== !1, L = We({
+    banner: S ? K : void 0,
+    children: f ? q : void 0,
     centerMain: r,
-    header: V,
+    header: Q,
     headerBorder: s,
     headerSize: i,
     id: o,
     stickyHeader: a,
-    footer: q
+    footer: X
   });
   return l(
     L,
     _(d),
     {
-      ...S ? { [W]: n } : {},
-      [V]: c,
-      ...E ? { [Q]: t } : {},
-      [q]: u
+      ...S ? { [K]: n } : {},
+      [Q]: c,
+      ...f ? { [q]: t } : {},
+      [X]: u
     }
   );
 }
-const X = "__SET_SLOT_PANEL_CHILDREN__";
-function jn(e) {
-  const { children: n, id: t, padding: r, surface: c, ...s } = e, i = n != null && n !== !1, o = ze({
-    children: i ? X : void 0,
+const $ = "__SET_SLOT_PANEL_CHILDREN__";
+function $n(e) {
+  const { children: n, id: t, padding: r, surface: c, ...s } = e, i = n != null && n !== !1, o = je({
+    children: i ? $ : void 0,
     id: t,
     padding: r,
     surface: c
@@ -599,14 +630,14 @@ function jn(e) {
     o,
     _(s),
     {
-      ...i ? { [X]: n } : {}
+      ...i ? { [$]: n } : {}
     }
   );
 }
-const $ = "__SET_SLOT_PATTERN_CHILDREN__";
-function Kn(e) {
-  const { children: n, id: t, tone: r, size: c, variant: s, ...i } = e, o = n != null && n !== !1, a = je({
-    children: o ? $ : void 0,
+const Y = "__SET_SLOT_PATTERN_CHILDREN__";
+function Yn(e) {
+  const { children: n, id: t, tone: r, size: c, variant: s, ...i } = e, o = n != null && n !== !1, a = Ke({
+    children: o ? Y : void 0,
     id: t,
     tone: r,
     size: c,
@@ -616,30 +647,30 @@ function Kn(e) {
     a,
     _(i),
     {
-      ...o ? { [$]: n } : {}
+      ...o ? { [Y]: n } : {}
     }
   );
 }
-const Y = "__SET_SLOT_POSTER_MEDIA__", J = "__SET_SLOT_POSTER_CHILDREN__";
-function Wn(e) {
-  const { children: n, contentTheme: t, id: r, media: c, surface: s, ...i } = e, o = n != null && n !== !1, a = Ke({
-    children: o ? J : void 0,
+const J = "__SET_SLOT_POSTER_MEDIA__", Z = "__SET_SLOT_POSTER_CHILDREN__";
+function Jn(e) {
+  const { children: n, contentTheme: t, id: r, media: c, surface: s, ...i } = e, o = n != null && n !== !1, a = Qe({
+    children: o ? Z : void 0,
     contentTheme: t,
     id: r,
-    media: Y,
+    media: J,
     surface: s
   });
   return l(
     a,
     _(i),
     {
-      [Y]: c,
-      ...o ? { [J]: n } : {}
+      [J]: c,
+      ...o ? { [Z]: n } : {}
     }
   );
 }
-const Z = "__SET_SLOT_PROSE_CHILDREN__";
-function Vn(e) {
+const ee = "__SET_SLOT_PROSE_CHILDREN__";
+function Zn(e) {
   const {
     children: n,
     align: t,
@@ -648,8 +679,8 @@ function Vn(e) {
     measured: s,
     responsive: i,
     ...o
-  } = e, a = We({
-    children: Z,
+  } = e, a = qe({
+    children: ee,
     align: t,
     hangingPunctuation: r,
     id: c,
@@ -660,26 +691,26 @@ function Vn(e) {
     a,
     _(o),
     {
-      [Z]: n
+      [ee]: n
     }
   );
 }
-function Qn(e) {
+function et(e) {
   return l(
-    Ve(e),
+    Xe(e),
     _(e)
   );
 }
-function qn(e) {
-  return f(() => {
-    Qe();
+function nt(e) {
+  return E(() => {
+    $e();
   }, []), l(
-    qe(e),
+    Ye(e),
     _(e)
   );
 }
-const ee = "__SET_SLOT_ROOT_CHILDREN__";
-function Xn(e) {
+const ne = "__SET_SLOT_ROOT_CHILDREN__";
+function tt(e) {
   const {
     appOverscrollBehavior: n,
     appRoot: t,
@@ -690,11 +721,11 @@ function Xn(e) {
     lang: o,
     theme: a,
     ...u
-  } = e, d = Xe({
+  } = e, d = Je({
     appOverscrollBehavior: n,
     appRoot: t,
     brand: r,
-    children: ee,
+    children: ne,
     dir: s,
     id: i,
     lang: o,
@@ -704,12 +735,12 @@ function Xn(e) {
     d,
     _(u),
     {
-      [ee]: c
+      [ne]: c
     }
   );
 }
-const ne = "__SET_SLOT_SIDEBAR_HEADER__", te = "__SET_SLOT_SIDEBAR_CHILDREN__", re = "__SET_SLOT_SIDEBAR_FOOTER__";
-function $n(e) {
+const te = "__SET_SLOT_SIDEBAR_HEADER__", re = "__SET_SLOT_SIDEBAR_CHILDREN__", ie = "__SET_SLOT_SIDEBAR_FOOTER__";
+function rt(e) {
   const {
     aboveNotebook: n,
     buttonSize: t,
@@ -721,41 +752,41 @@ function $n(e) {
     surface: a,
     triggerLabel: u,
     ...d
-  } = e, S = i != null && i !== !1, E = r != null && r !== !1, L = s != null && s !== !1, R = $e({
+  } = e, S = i != null && i !== !1, f = r != null && r !== !1, L = s != null && s !== !1, h = Ze({
     aboveNotebook: n,
     buttonSize: t,
-    children: E ? te : void 0,
+    children: f ? re : void 0,
     collapseLabel: c,
-    footer: L ? re : void 0,
-    header: S ? ne : void 0,
+    footer: L ? ie : void 0,
+    header: S ? te : void 0,
     id: o,
     surface: a,
     triggerLabel: u
   });
-  return f(() => {
-    Ye();
+  return E(() => {
+    en();
   }, []), l(
-    R,
+    h,
     _(d),
     {
-      ...S ? { [ne]: i } : {},
-      ...E ? { [te]: r } : {},
-      ...L ? { [re]: s } : {}
+      ...S ? { [te]: i } : {},
+      ...f ? { [re]: r } : {},
+      ...L ? { [ie]: s } : {}
     }
   );
 }
-function Yn(e) {
+function it(e) {
   return l(
-    Je(e),
+    nn(e),
     _(e)
   );
 }
-const ie = "__SET_SLOT_STACK_CHILDREN__";
-function Jn(e) {
-  const { align: n, as: t, children: r, gap: c, id: s, responsive: i, ...o } = e, a = r != null && r !== !1, u = Ze({
+const oe = "__SET_SLOT_STACK_CHILDREN__";
+function ot(e) {
+  const { align: n, as: t, children: r, gap: c, id: s, responsive: i, ...o } = e, a = r != null && r !== !1, u = tn({
     align: n,
     as: t,
-    children: a ? ie : void 0,
+    children: a ? oe : void 0,
     gap: c,
     id: s,
     responsive: i
@@ -764,14 +795,14 @@ function Jn(e) {
     u,
     _(o),
     {
-      ...a ? { [ie]: r } : {}
+      ...a ? { [oe]: r } : {}
     }
   );
 }
-const oe = "__SET_SLOT_SURFACE_CHILDREN__";
-function Zn(e) {
-  const { children: n, contentTheme: t, id: r, variant: c, ...s } = e, i = en({
-    children: oe,
+const se = "__SET_SLOT_SURFACE_CHILDREN__";
+function st(e) {
+  const { children: n, contentTheme: t, id: r, variant: c, ...s } = e, i = rn({
+    children: se,
     contentTheme: t,
     id: r,
     variant: c
@@ -780,18 +811,18 @@ function Zn(e) {
     i,
     _(s),
     {
-      [oe]: n
+      [se]: n
     }
   );
 }
-function et(e) {
+function ct(e) {
   return l(
-    nn(e),
+    on(e),
     _(e)
   );
 }
-const se = "__SET_SLOT_TEXT_CHILDREN__";
-function nt(e) {
+const ce = "__SET_SLOT_TEXT_CHILDREN__";
+function lt(e) {
   const {
     as: n,
     children: t,
@@ -803,9 +834,9 @@ function nt(e) {
     size: a,
     tone: u,
     ...d
-  } = e, S = tn({
+  } = e, S = sn({
     as: n,
-    children: se,
+    children: ce,
     id: r,
     linkVisited: c,
     responsive: s,
@@ -818,58 +849,68 @@ function nt(e) {
     S,
     _(d),
     {
-      [se]: t
+      [ce]: t
     }
   );
 }
-function tt(e) {
+function _t(e) {
   return l(
-    rn(e),
+    cn(e),
+    _(e)
+  );
+}
+function at(e) {
+  return E(() => {
+    ln();
+  }, []), l(
+    _n(e),
     _(e)
   );
 }
 export {
-  Tn as Alert,
-  Ln as Avatar,
-  Rn as Badge,
-  hn as Banner,
-  On as Blockquote,
-  In as Box,
-  Nn as Button,
-  Cn as Card,
-  mn as Checkbox,
-  Dn as Container,
-  bn as Details,
-  vn as Divider,
-  gn as Expander,
-  An as Fieldset,
-  Hn as Figure,
-  pn as Grid,
-  Pn as GridItem,
-  Bn as Heading,
-  kn as Icon,
-  Fn as Image,
-  xn as Inline,
-  yn as Input,
-  wn as Link,
-  Gn as Logo,
-  Mn as Menu,
-  Un as Nav,
-  zn as Page,
-  jn as Panel,
-  Kn as Pattern,
-  Wn as Poster,
-  Vn as Prose,
-  Qn as Radios,
-  qn as Range,
-  Xn as Root,
-  $n as Sidebar,
-  Yn as Spinner,
-  Jn as Stack,
-  Zn as Surface,
-  et as Switch,
-  nt as Text,
-  tt as Textarea,
-  ot as defineSetAll
+  Nn as Alert,
+  Cn as Avatar,
+  mn as Badge,
+  Dn as Banner,
+  bn as Blockquote,
+  vn as Box,
+  gn as Button,
+  An as Card,
+  Hn as Checkbox,
+  pn as Container,
+  Pn as Details,
+  Bn as Divider,
+  kn as Expander,
+  Fn as Fieldset,
+  xn as Figure,
+  yn as Grid,
+  wn as GridItem,
+  Gn as Heading,
+  Mn as Icon,
+  Un as Image,
+  Vn as Inline,
+  zn as Input,
+  Wn as Lightswitch,
+  jn as Link,
+  Kn as Logo,
+  Qn as Menu,
+  qn as Nav,
+  Xn as Page,
+  $n as Panel,
+  Yn as Pattern,
+  Jn as Poster,
+  Zn as Prose,
+  et as Radios,
+  nt as Range,
+  tt as Root,
+  rt as Sidebar,
+  it as Spinner,
+  ot as Stack,
+  st as Surface,
+  ct as Switch,
+  lt as Text,
+  _t as Textarea,
+  at as Video,
+  St as defineSetAll
 };
 //# sourceMappingURL=index.js.map