@bedrock-layout/solid 1.7.4 → 2.0.0

package/lib/index.m.js

@@ -1,9 +1,10 @@
-import rt from "open-props";
-import { splitProps as X, untrack as W, createRenderEffect as w, createMemo as M, sharedConfig as g, createComponent as T, mergeProps as d, createContext as ct, useContext as lt, createSignal as O, onMount as U, createEffect as q, onCleanup as Q, children as at } from "solid-js";
-import { init as Y, registerCallback as J } from "@bedrock-layout/register-resize-callback";
-const ft = [
+import { getSizeValue as A, getSpacingValue as w, getSafeGutter as B } from "@bedrock-layout/spacing-constants";
+export * from "@bedrock-layout/spacing-constants";
+import { splitProps as G, createMemo as P, sharedConfig as g, untrack as x, createRenderEffect as S, createComponent as V, mergeProps as y } from "solid-js";
+const z = [
   "allowfullscreen",
   "async",
+  "alpha",
   "autofocus",
   "autoplay",
   "checked",
@@ -26,26 +27,55 @@ const ft = [
   "required",
   "reversed",
   "seamless",
-  "selected"
-], ut = /* @__PURE__ */ new Set([
+  "selected",
+  "adauctionheaders",
+  "browsingtopics",
+  "credentialless",
+  "defaultchecked",
+  "defaultmuted",
+  "defaultselected",
+  "defer",
+  "disablepictureinpicture",
+  "disableremoteplayback",
+  "preservespitch",
+  "shadowrootclonable",
+  "shadowrootcustomelementregistry",
+  "shadowrootdelegatesfocus",
+  "shadowrootserializable",
+  "sharedstoragewritable"
+], v = /* @__PURE__ */ new Set([
   "className",
   "value",
   "readOnly",
+  "noValidate",
   "formNoValidate",
   "isMap",
   "noModule",
   "playsInline",
-  ...ft
-]), dt = /* @__PURE__ */ new Set([
-  "innerHTML",
-  "textContent",
-  "innerText",
-  "children"
-]), yt = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
+  "adAuctionHeaders",
+  "allowFullscreen",
+  "browsingTopics",
+  "defaultChecked",
+  "defaultMuted",
+  "defaultSelected",
+  "disablePictureInPicture",
+  "disableRemotePlayback",
+  "preservesPitch",
+  "shadowRootClonable",
+  "shadowRootCustomElementRegistry",
+  "shadowRootDelegatesFocus",
+  "shadowRootSerializable",
+  "sharedStorageWritable",
+  ...z
+]), H = /* @__PURE__ */ new Set(["innerHTML", "textContent", "innerText", "children"]), U = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
   className: "class",
   htmlFor: "for"
-}), gt = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
+}), _ = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
   class: "className",
+  novalidate: {
+    $: "noValidate",
+    FORM: 1
+  },
   formnovalidate: {
     $: "formNoValidate",
     BUTTON: 1,
@@ -67,36 +97,69 @@ const ft = [
     $: "readOnly",
     INPUT: 1,
     TEXTAREA: 1
+  },
+  adauctionheaders: {
+    $: "adAuctionHeaders",
+    IFRAME: 1
+  },
+  allowfullscreen: {
+    $: "allowFullscreen",
+    IFRAME: 1
+  },
+  browsingtopics: {
+    $: "browsingTopics",
+    IMG: 1
+  },
+  defaultchecked: {
+    $: "defaultChecked",
+    INPUT: 1
+  },
+  defaultmuted: {
+    $: "defaultMuted",
+    AUDIO: 1,
+    VIDEO: 1
+  },
+  defaultselected: {
+    $: "defaultSelected",
+    OPTION: 1
+  },
+  disablepictureinpicture: {
+    $: "disablePictureInPicture",
+    VIDEO: 1
+  },
+  disableremoteplayback: {
+    $: "disableRemotePlayback",
+    AUDIO: 1,
+    VIDEO: 1
+  },
+  preservespitch: {
+    $: "preservesPitch",
+    AUDIO: 1,
+    VIDEO: 1
+  },
+  shadowrootclonable: {
+    $: "shadowRootClonable",
+    TEMPLATE: 1
+  },
+  shadowrootdelegatesfocus: {
+    $: "shadowRootDelegatesFocus",
+    TEMPLATE: 1
+  },
+  shadowrootserializable: {
+    $: "shadowRootSerializable",
+    TEMPLATE: 1
+  },
+  sharedstoragewritable: {
+    $: "sharedStorageWritable",
+    IFRAME: 1,
+    IMG: 1
   }
 });
-function mt(t, e) {
-  const n = gt[t];
-  return typeof n == "object" ? n[e] ? n.$ : void 0 : n;
-}
-const ht = /* @__PURE__ */ new Set([
-  "beforeinput",
-  "click",
-  "dblclick",
-  "contextmenu",
-  "focusin",
-  "focusout",
-  "input",
-  "keydown",
-  "keyup",
-  "mousedown",
-  "mousemove",
-  "mouseout",
-  "mouseover",
-  "mouseup",
-  "pointerdown",
-  "pointermove",
-  "pointerout",
-  "pointerover",
-  "pointerup",
-  "touchend",
-  "touchmove",
-  "touchstart"
-]), bt = /* @__PURE__ */ new Set([
+function K(e, t) {
+  const n = _[e];
+  return typeof n == "object" ? n[t] ? n.$ : void 0 : n;
+}
+const X = /* @__PURE__ */ new Set(["beforeinput", "click", "dblclick", "contextmenu", "focusin", "focusout", "input", "keydown", "keyup", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "pointerdown", "pointermove", "pointerout", "pointerover", "pointerup", "touchend", "touchmove", "touchstart"]), q = /* @__PURE__ */ new Set([
   "altGlyph",
   "altGlyphDef",
   "altGlyphItem",
@@ -174,690 +237,432 @@ const ht = /* @__PURE__ */ new Set([
   "use",
   "view",
   "vkern"
-]), $t = {
+]), Y = {
   xlink: "http://www.w3.org/1999/xlink",
   xml: "http://www.w3.org/XML/1998/namespace"
 };
-function St(t, e, n) {
-  let i = n.length, s = e.length, o = i, c = 0, r = 0, l = e[s - 1].nextSibling, a = null;
-  for (; c < s || r < o; ) {
-    if (e[c] === n[r]) {
-      c++, r++;
+function J(e, t, n) {
+  let s = n.length, c = t.length, o = s, r = 0, i = 0, a = t[c - 1].nextSibling, l = null;
+  for (; r < c || i < o; ) {
+    if (t[r] === n[i]) {
+      r++, i++;
       continue;
     }
-    for (; e[s - 1] === n[o - 1]; )
-      s--, o--;
-    if (s === c) {
-      const f = o < i ? r ? n[r - 1].nextSibling : n[o - r] : l;
-      for (; r < o; ) t.insertBefore(n[r++], f);
-    } else if (o === r)
-      for (; c < s; )
-        (!a || !a.has(e[c])) && e[c].remove(), c++;
-    else if (e[c] === n[o - 1] && n[r] === e[s - 1]) {
-      const f = e[--s].nextSibling;
-      t.insertBefore(n[r++], e[c++].nextSibling), t.insertBefore(n[--o], f), e[s] = n[o];
+    for (; t[c - 1] === n[o - 1]; )
+      c--, o--;
+    if (c === r) {
+      const u = o < s ? i ? n[i - 1].nextSibling : n[o - i] : a;
+      for (; i < o; ) e.insertBefore(n[i++], u);
+    } else if (o === i)
+      for (; r < c; )
+        (!l || !l.has(t[r])) && t[r].remove(), r++;
+    else if (t[r] === n[o - 1] && n[i] === t[c - 1]) {
+      const u = t[--c].nextSibling;
+      e.insertBefore(n[i++], t[r++].nextSibling), e.insertBefore(n[--o], u), t[c] = n[o];
     } else {
-      if (!a) {
-        a = /* @__PURE__ */ new Map();
-        let y = r;
-        for (; y < o; ) a.set(n[y], y++);
+      if (!l) {
+        l = /* @__PURE__ */ new Map();
+        let d = i;
+        for (; d < o; ) l.set(n[d], d++);
       }
-      const f = a.get(e[c]);
-      if (f != null)
-        if (r < f && f < o) {
-          let y = c, u = 1, $;
-          for (; ++y < s && y < o && !(($ = a.get(e[y])) == null || $ !== f + u); )
-            u++;
-          if (u > f - r) {
-            const C = e[c];
-            for (; r < f; ) t.insertBefore(n[r++], C);
-          } else t.replaceChild(n[r++], e[c++]);
-        } else c++;
-      else e[c++].remove();
+      const u = l.get(t[r]);
+      if (u != null)
+        if (i < u && u < o) {
+          let d = r, f = 1, $;
+          for (; ++d < c && d < o && !(($ = l.get(t[d])) == null || $ !== u + f); )
+            f++;
+          if (f > u - i) {
+            const E = t[r];
+            for (; i < u; ) e.insertBefore(n[i++], E);
+          } else e.replaceChild(n[i++], t[r++]);
+        } else r++;
+      else t[r++].remove();
     }
   }
 }
-const R = "_$DX_DELEGATE";
-function Z(t, e, n, i) {
-  let s;
-  const o = () => {
-    const r = document.createElement("template");
-    return r.innerHTML = t, r.content.firstChild;
-  }, c = e ? () => W(() => document.importNode(s || (s = o()), !0)) : () => (s || (s = o())).cloneNode(!0);
-  return c.cloneNode = c, c;
-}
-function xt(t, e = window.document) {
-  const n = e[R] || (e[R] = /* @__PURE__ */ new Set());
-  for (let i = 0, s = t.length; i < s; i++) {
-    const o = t[i];
-    n.has(o) || (n.add(o), e.addEventListener(o, Ot));
+const M = "_$DX_DELEGATE";
+function Q(e, t = window.document) {
+  const n = t[M] || (t[M] = /* @__PURE__ */ new Set());
+  for (let s = 0, c = e.length; s < c; s++) {
+    const o = e[s];
+    n.has(o) || (n.add(o), t.addEventListener(o, le));
   }
 }
-function N(t, e, n) {
-  j(t) || (n == null ? t.removeAttribute(e) : t.setAttribute(e, n));
+function I(e, t, n) {
+  j(e) || (n == null ? e.removeAttribute(t) : e.setAttribute(t, n));
 }
-function wt(t, e, n, i) {
-  j(t) || (i == null ? t.removeAttributeNS(e, n) : t.setAttributeNS(e, n, i));
+function Z(e, t, n, s) {
+  j(e) || (s == null ? e.removeAttributeNS(t, n) : e.setAttributeNS(t, n, s));
 }
-function jt(t, e, n) {
-  j(t) || (n ? t.setAttribute(e, "") : t.removeAttribute(e));
+function p(e, t, n) {
+  j(e) || (n ? e.setAttribute(t, "") : e.removeAttribute(t));
 }
-function At(t, e) {
-  j(t) || (e == null ? t.removeAttribute("class") : t.className = e);
+function ee(e, t) {
+  j(e) || (t == null ? e.removeAttribute("class") : e.className = t);
 }
-function Ct(t, e, n, i) {
-  if (i)
-    Array.isArray(n) ? (t[`$$${e}`] = n[0], t[`$$${e}Data`] = n[1]) : t[`$$${e}`] = n;
+function te(e, t, n, s) {
+  if (s)
+    Array.isArray(n) ? (e[`$$${t}`] = n[0], e[`$$${t}Data`] = n[1]) : e[`$$${t}`] = n;
   else if (Array.isArray(n)) {
-    const s = n[0];
-    t.addEventListener(e, n[0] = (o) => s.call(t, n[1], o));
-  } else t.addEventListener(e, n, typeof n != "function" && n);
-}
-function Et(t, e, n = {}) {
-  const i = Object.keys(e || {}), s = Object.keys(n);
-  let o, c;
-  for (o = 0, c = s.length; o < c; o++) {
-    const r = s[o];
-    !r || r === "undefined" || e[r] || (G(t, r, !1), delete n[r]);
+    const c = n[0];
+    e.addEventListener(t, n[0] = (o) => c.call(e, n[1], o));
+  } else e.addEventListener(t, n, typeof n != "function" && n);
+}
+function ne(e, t, n = {}) {
+  const s = Object.keys(t || {}), c = Object.keys(n);
+  let o, r;
+  for (o = 0, r = c.length; o < r; o++) {
+    const i = c[o];
+    !i || i === "undefined" || t[i] || (N(e, i, !1), delete n[i]);
   }
-  for (o = 0, c = i.length; o < c; o++) {
-    const r = i[o], l = !!e[r];
-    !r || r === "undefined" || n[r] === l || !l || (G(t, r, !0), n[r] = l);
+  for (o = 0, r = s.length; o < r; o++) {
+    const i = s[o], a = !!t[i];
+    !i || i === "undefined" || n[i] === a || !a || (N(e, i, !0), n[i] = a);
   }
   return n;
 }
-function K(t, e, n) {
-  if (!e) return n ? N(t, "style") : e;
-  const i = t.style;
-  if (typeof e == "string") return i.cssText = e;
-  typeof n == "string" && (i.cssText = n = void 0), n || (n = {}), e || (e = {});
-  let s, o;
+function ie(e, t, n) {
+  if (!t) return n ? I(e, "style") : t;
+  const s = e.style;
+  if (typeof t == "string") return s.cssText = t;
+  typeof n == "string" && (s.cssText = n = void 0), n || (n = {}), t || (t = {});
+  let c, o;
   for (o in n)
-    e[o] == null && i.removeProperty(o), delete n[o];
-  for (o in e)
-    s = e[o], s !== n[o] && (i.setProperty(o, s), n[o] = s);
+    t[o] == null && s.removeProperty(o), delete n[o];
+  for (o in t)
+    c = t[o], c !== n[o] && (s.setProperty(o, c), n[o] = c);
   return n;
 }
-function Tt(t, e = {}, n, i) {
-  const s = {};
-  return w(
-    () => s.children = I(t, e.children, s.children)
-  ), w(() => typeof e.ref == "function" && p(e.ref, t)), w(() => It(t, e, n, !0, s, !0)), s;
-}
-function p(t, e, n) {
-  return W(() => t(e, n));
-}
-function tt(t, e, n, i) {
-  if (typeof e != "function") return I(t, e, i, n);
-  w((s) => I(t, e(), s, n), i);
-}
-function It(t, e, n, i, s = {}, o = !1) {
-  e || (e = {});
-  for (const c in s)
-    if (!(c in e)) {
-      if (c === "children") continue;
-      s[c] = H(t, c, null, s[c], n, o, e);
+function se(e, t = {}, n, s) {
+  const c = {};
+  return S(() => c.children = T(e, t.children, c.children)), S(() => typeof t.ref == "function" && oe(t.ref, e)), S(() => ce(e, t, n, !0, c, !0)), c;
+}
+function oe(e, t, n) {
+  return x(() => e(t, n));
+}
+function ce(e, t, n, s, c = {}, o = !1) {
+  t || (t = {});
+  for (const r in c)
+    if (!(r in t)) {
+      if (r === "children") continue;
+      c[r] = k(e, r, null, c[r], n, o, t);
     }
-  for (const c in e) {
-    if (c === "children")
+  for (const r in t) {
+    if (r === "children")
       continue;
-    const r = e[c];
-    s[c] = H(t, c, r, s[c], n, o, e);
+    const i = t[r];
+    c[r] = k(e, r, i, c[r], n, o, t);
   }
 }
-function vt(t) {
-  let e, n;
-  return !j() || !(e = g.registry.get(n = Pt())) ? t() : (g.completed && g.completed.add(e), g.registry.delete(n), e);
-}
-function j(t) {
-  return !!g.context && !g.done && (!t || t.isConnected);
-}
-function Mt(t) {
-  return t.toLowerCase().replace(/-([a-z])/g, (e, n) => n.toUpperCase());
-}
-function G(t, e, n) {
-  const i = e.trim().split(/\s+/);
-  for (let s = 0, o = i.length; s < o; s++)
-    t.classList.toggle(i[s], n);
-}
-function H(t, e, n, i, s, o, c) {
-  let r, l, a, f, y;
-  if (e === "style") return K(t, n, i);
-  if (e === "classList") return Et(t, n, i);
-  if (n === i) return i;
-  if (e === "ref")
-    o || n(t);
-  else if (e.slice(0, 3) === "on:") {
-    const u = e.slice(3);
-    i && t.removeEventListener(u, i, typeof i != "function" && i), n && t.addEventListener(u, n, typeof n != "function" && n);
-  } else if (e.slice(0, 10) === "oncapture:") {
-    const u = e.slice(10);
-    i && t.removeEventListener(u, i, !0), n && t.addEventListener(u, n, !0);
-  } else if (e.slice(0, 2) === "on") {
-    const u = e.slice(2).toLowerCase(), $ = ht.has(u);
-    if (!$ && i) {
-      const C = Array.isArray(i) ? i[0] : i;
-      t.removeEventListener(u, C);
+function re(e) {
+  let t, n;
+  return !j() || !(t = g.registry.get(n = fe())) ? e() : (g.completed && g.completed.add(t), g.registry.delete(n), t);
+}
+function j(e) {
+  return !!g.context && !g.done && (!e || e.isConnected);
+}
+function ae(e) {
+  return e.toLowerCase().replace(/-([a-z])/g, (t, n) => n.toUpperCase());
+}
+function N(e, t, n) {
+  const s = t.trim().split(/\s+/);
+  for (let c = 0, o = s.length; c < o; c++) e.classList.toggle(s[c], n);
+}
+function k(e, t, n, s, c, o, r) {
+  let i, a, l, u, d;
+  if (t === "style") return ie(e, n, s);
+  if (t === "classList") return ne(e, n, s);
+  if (n === s) return s;
+  if (t === "ref")
+    o || n(e);
+  else if (t.slice(0, 3) === "on:") {
+    const f = t.slice(3);
+    s && e.removeEventListener(f, s, typeof s != "function" && s), n && e.addEventListener(f, n, typeof n != "function" && n);
+  } else if (t.slice(0, 10) === "oncapture:") {
+    const f = t.slice(10);
+    s && e.removeEventListener(f, s, !0), n && e.addEventListener(f, n, !0);
+  } else if (t.slice(0, 2) === "on") {
+    const f = t.slice(2).toLowerCase(), $ = X.has(f);
+    if (!$ && s) {
+      const E = Array.isArray(s) ? s[0] : s;
+      e.removeEventListener(f, E);
     }
-    ($ || n) && (Ct(t, u, n, $), $ && xt([u]));
-  } else if (e.slice(0, 5) === "attr:")
-    N(t, e.slice(5), n);
-  else if (e.slice(0, 5) === "bool:")
-    jt(t, e.slice(5), n);
-  else if ((y = e.slice(0, 5) === "prop:") || (a = dt.has(e)) || !s && ((f = mt(e, t.tagName)) || (l = ut.has(e))) || (r = t.nodeName.includes("-") || "is" in c)) {
-    if (y)
-      e = e.slice(5), l = !0;
-    else if (j(t)) return n;
-    e === "class" || e === "className" ? At(t, n) : r && !l && !a ? t[Mt(e)] = n : t[f || e] = n;
+    ($ || n) && (te(e, f, n, $), $ && Q([f]));
+  } else if (t.slice(0, 5) === "attr:")
+    I(e, t.slice(5), n);
+  else if (t.slice(0, 5) === "bool:")
+    p(e, t.slice(5), n);
+  else if ((d = t.slice(0, 5) === "prop:") || (l = H.has(t)) || !c && ((u = K(t, e.tagName)) || (a = v.has(t))) || (i = e.nodeName.includes("-") || "is" in r)) {
+    if (d)
+      t = t.slice(5), a = !0;
+    else if (j(e)) return n;
+    t === "class" || t === "className" ? ee(e, n) : i && !a && !l ? e[ae(t)] = n : e[u || t] = n;
   } else {
-    const u = s && e.indexOf(":") > -1 && $t[e.split(":")[0]];
-    u ? wt(t, u, e, n) : N(t, yt[e] || e, n);
+    const f = c && t.indexOf(":") > -1 && Y[t.split(":")[0]];
+    f ? Z(e, f, t, n) : I(e, U[t] || t, n);
   }
   return n;
 }
-function Ot(t) {
-  if (g.registry && g.events && g.events.find(([l, a]) => a === t))
+function le(e) {
+  if (g.registry && g.events && g.events.find(([a, l]) => l === e))
     return;
-  let e = t.target;
-  const n = `$$${t.type}`, i = t.target, s = t.currentTarget, o = (l) => Object.defineProperty(t, "target", {
+  let t = e.target;
+  const n = `$$${e.type}`, s = e.target, c = e.currentTarget, o = (a) => Object.defineProperty(e, "target", {
     configurable: !0,
-    value: l
-  }), c = () => {
-    const l = e[n];
-    if (l && !e.disabled) {
-      const a = e[`${n}Data`];
-      if (a !== void 0 ? l.call(e, a, t) : l.call(e, t), t.cancelBubble) return;
+    value: a
+  }), r = () => {
+    const a = t[n];
+    if (a && !t.disabled) {
+      const l = t[`${n}Data`];
+      if (l !== void 0 ? a.call(t, l, e) : a.call(t, e), e.cancelBubble) return;
     }
-    return e.host && typeof e.host != "string" && !e.host._$host && e.contains(t.target) && o(e.host), !0;
-  }, r = () => {
-    for (; c() && (e = e._$host || e.parentNode || e.host); ) ;
+    return t.host && typeof t.host != "string" && !t.host._$host && t.contains(e.target) && o(t.host), !0;
+  }, i = () => {
+    for (; r() && (t = t._$host || t.parentNode || t.host); ) ;
   };
-  if (Object.defineProperty(t, "currentTarget", {
+  if (Object.defineProperty(e, "currentTarget", {
     configurable: !0,
     get() {
-      return e || document;
+      return t || document;
     }
-  }), g.registry && !g.done && (g.done = _$HY.done = !0), t.composedPath) {
-    const l = t.composedPath();
-    o(l[0]);
-    for (let a = 0; a < l.length - 2 && (e = l[a], !!c()); a++) {
-      if (e._$host) {
-        e = e._$host, r();
+  }), g.registry && !g.done && (g.done = _$HY.done = !0), e.composedPath) {
+    const a = e.composedPath();
+    o(a[0]);
+    for (let l = 0; l < a.length - 2 && (t = a[l], !!r()); l++) {
+      if (t._$host) {
+        t = t._$host, i();
         break;
       }
-      if (e.parentNode === s)
+      if (t.parentNode === c)
         break;
     }
-  } else r();
-  o(i);
+  } else i();
+  o(s);
 }
-function I(t, e, n, i, s) {
-  const o = j(t);
+function T(e, t, n, s, c) {
+  const o = j(e);
   if (o) {
-    !n && (n = [...t.childNodes]);
-    let r = [];
-    for (let l = 0; l < n.length; l++) {
-      const a = n[l];
-      a.nodeType === 8 && a.data.slice(0, 2) === "!$" ? a.remove() : r.push(a);
+    !n && (n = [...e.childNodes]);
+    let i = [];
+    for (let a = 0; a < n.length; a++) {
+      const l = n[a];
+      l.nodeType === 8 && l.data.slice(0, 2) === "!$" ? l.remove() : i.push(l);
     }
-    n = r;
+    n = i;
   }
   for (; typeof n == "function"; ) n = n();
-  if (e === n) return n;
-  const c = typeof e;
-  if (t = t, c === "string" || c === "number") {
-    if (o || c === "number" && (e = e.toString(), e === n))
+  if (t === n) return n;
+  const r = typeof t;
+  if (e = e, r === "string" || r === "number") {
+    if (o || r === "number" && (t = t.toString(), t === n))
       return n;
-    n !== "" && typeof n == "string" ? n = t.firstChild.data = e : n = t.textContent = e;
-  } else if (e == null || c === "boolean") {
+    n !== "" && typeof n == "string" ? n = e.firstChild.data = t : n = e.textContent = t;
+  } else if (t == null || r === "boolean") {
     if (o) return n;
-    n = v(t, n, i);
+    n = C(e, n, s);
   } else {
-    if (c === "function")
-      return w(() => {
-        let r = e();
-        for (; typeof r == "function"; ) r = r();
-        n = I(t, r, n, i);
+    if (r === "function")
+      return S(() => {
+        let i = t();
+        for (; typeof i == "function"; ) i = i();
+        n = T(e, i, n, s);
       }), () => n;
-    if (Array.isArray(e)) {
-      const r = [], l = n && Array.isArray(n);
-      if (k(r, e, n, s))
-        return w(() => n = I(t, r, n, i, !0)), () => n;
+    if (Array.isArray(t)) {
+      const i = [], a = n && Array.isArray(n);
+      if (O(i, t, n, c))
+        return S(() => n = T(e, i, n, s, !0)), () => n;
       if (o)
-        return r.length ? n = [...t.childNodes] : n;
-      r.length === 0 ? n = v(t, n, i) : l ? n.length === 0 ? _(t, r, i) : St(t, n, r) : (n && v(t), _(t, r)), n = r;
-    } else if (e.nodeType) {
-      if (o && e.parentNode) return n = e;
-      Array.isArray(n) ? v(t, n, null, e) : n == null || n === "" || !t.firstChild ? t.appendChild(e) : t.replaceChild(e, t.firstChild), n = e;
+        return i.length ? n = [...e.childNodes] : n;
+      i.length === 0 ? n = C(e, n, s) : a ? n.length === 0 ? L(e, i, s) : J(e, n, i) : (n && C(e), L(e, i)), n = i;
+    } else if (t.nodeType) {
+      if (o && t.parentNode) return n = t;
+      Array.isArray(n) ? C(e, n, null, t) : n == null || n === "" || !e.firstChild ? e.appendChild(t) : e.replaceChild(t, e.firstChild), n = t;
     }
   }
   return n;
 }
-function k(t, e, n, i) {
-  let s = !1;
-  for (let o = 0, c = e.length; o < c; o++) {
-    let r = e[o], l = n && n[t.length], a;
-    if (!(r == null || r === !0 || r === !1)) if ((a = typeof r) == "object" && r.nodeType)
-      t.push(r);
-    else if (Array.isArray(r))
-      s = k(t, r, l) || s;
-    else if (a === "function")
-      if (i) {
-        for (; typeof r == "function"; ) r = r();
-        s = k(
-          t,
-          Array.isArray(r) ? r : [r],
-          Array.isArray(l) ? l : [l]
-        ) || s;
+function O(e, t, n, s) {
+  let c = !1;
+  for (let o = 0, r = t.length; o < r; o++) {
+    let i = t[o], a = n && n[e.length], l;
+    if (!(i == null || i === !0 || i === !1)) if ((l = typeof i) == "object" && i.nodeType)
+      e.push(i);
+    else if (Array.isArray(i))
+      c = O(e, i, a) || c;
+    else if (l === "function")
+      if (s) {
+        for (; typeof i == "function"; ) i = i();
+        c = O(e, Array.isArray(i) ? i : [i], Array.isArray(a) ? a : [a]) || c;
       } else
-        t.push(r), s = !0;
+        e.push(i), c = !0;
     else {
-      const f = String(r);
-      l && l.nodeType === 3 && l.data === f ? t.push(l) : t.push(document.createTextNode(f));
+      const u = String(i);
+      a && a.nodeType === 3 && a.data === u ? e.push(a) : e.push(document.createTextNode(u));
     }
   }
-  return s;
+  return c;
 }
-function _(t, e, n = null) {
-  for (let i = 0, s = e.length; i < s; i++) t.insertBefore(e[i], n);
+function L(e, t, n = null) {
+  for (let s = 0, c = t.length; s < c; s++) e.insertBefore(t[s], n);
 }
-function v(t, e, n, i) {
-  if (n === void 0) return t.textContent = "";
-  const s = i || document.createTextNode("");
-  if (e.length) {
+function C(e, t, n, s) {
+  if (n === void 0) return e.textContent = "";
+  const c = s || document.createTextNode("");
+  if (t.length) {
     let o = !1;
-    for (let c = e.length - 1; c >= 0; c--) {
-      const r = e[c];
-      if (s !== r) {
-        const l = r.parentNode === t;
-        !o && !c ? l ? t.replaceChild(s, r) : t.insertBefore(s, n) : l && r.remove();
+    for (let r = t.length - 1; r >= 0; r--) {
+      const i = t[r];
+      if (c !== i) {
+        const a = i.parentNode === e;
+        !o && !r ? a ? e.replaceChild(c, i) : e.insertBefore(c, n) : a && i.remove();
       } else o = !0;
     }
-  } else t.insertBefore(s, n);
-  return [s];
+  } else e.insertBefore(c, n);
+  return [c];
 }
-function Pt() {
+function fe() {
   return g.getNextContextId();
 }
-const zt = "http://www.w3.org/2000/svg";
-function Nt(t, e = !1) {
-  return e ? document.createElementNS(zt, t) : document.createElement(t);
+const ue = "http://www.w3.org/2000/svg";
+function de(e, t = !1, n = void 0) {
+  return t ? document.createElementNS(ue, e) : document.createElement(e, {
+    is: n
+  });
 }
-function kt(t, e) {
-  const n = M(t);
-  return M(() => {
-    const i = n();
-    switch (typeof i) {
+function ye(e, t) {
+  const n = P(e);
+  return P(() => {
+    const s = n();
+    switch (typeof s) {
       case "function":
-        return W(() => i(e));
+        return x(() => s(t));
       case "string":
-        const s = bt.has(i), o = g.context ? vt() : Nt(i, s);
-        return Tt(o, e, s), o;
+        const c = q.has(s), o = g.context ? re() : de(s, c, x(() => t.is));
+        return se(o, t, c), o;
     }
   });
 }
-function Lt(t) {
-  const [, e] = X(t, ["component"]);
-  return kt(() => t.component, e);
+function ge(e) {
+  const [, t] = G(e, ["component"]);
+  return ye(() => e.component, t);
 }
-function A(t) {
-  return t ?? void 0;
+function he(e) {
+  return e ?? void 0;
 }
-function m(t, e) {
-  return Object.keys(t).filter((n) => !e.includes(n)).reduce((n, i) => Object.defineProperty({
+function h(e, t) {
+  return Object.keys(e).filter((n) => !t.includes(n)).reduce((n, s) => Object.defineProperty({
     ...n
-  }, i, {
+  }, s, {
     get() {
-      return t[i];
+      return e[s];
     },
     configurable: !0,
     enumerable: !0
   }), {});
 }
-function h(t, e) {
-  return T(Lt, d({
+function m(e, t) {
+  return V(ge, y({
     get component() {
-      return t();
+      return e();
     }
-  }, e));
+  }, t));
 }
-function b(t) {
-  return Object.values(t).every((e) => typeof e == "function") ? Object.keys(t).reduce((e, n) => {
-    const i = t[n];
-    return Object.defineProperty(e, n, {
+function b(e) {
+  return Object.values(e).every((t) => typeof t == "function") ? Object.keys(e).reduce((t, n) => {
+    const s = e[n];
+    return Object.defineProperty(t, n, {
       get() {
-        return i();
+        return s();
       },
       configurable: !0,
       enumerable: !0
     });
   }, {}) : new Error("Please provide an object with accessor values only.");
 }
-const et = /^--\D{1}.{0,100}$/;
-function nt(t) {
-  return et.test(t);
-}
-function B(t) {
-  return typeof t != "string" ? !1 : [/^[0-9]{0,10000}\.?[0-9]{1,10000}(vmin|vmax|vh|vw|%|ch|ex|em|rem|in|cm|mm|pt|pc|px)$/, /^var\(--\D{1}.{0,100}\)$/, et].some((e) => e.test(t));
-}
-const {
-  sizeXxs: Wt,
-  sizeXs: Bt,
-  sizeSm: Dt,
-  sizeMd: Rt,
-  sizeLg: Gt,
-  sizeXl: Ht,
-  sizeXxl: _t,
-  sizeContent1: Ft,
-  sizeContent2: Vt,
-  sizeContent3: Xt,
-  sizeHeader1: Ut,
-  sizeHeader2: qt,
-  sizeHeader3: Qt,
-  size000: Yt,
-  size00: Jt,
-  size1: Zt,
-  size2: Kt,
-  size3: pt,
-  size4: te,
-  size5: ee,
-  size6: ne,
-  size7: ie,
-  size8: se,
-  size9: oe,
-  size10: re,
-  size11: ce,
-  size12: le,
-  size13: ae,
-  size14: fe,
-  size15: ue
-} = rt, de = {
-  size000: Yt,
-  size00: Jt,
-  size1: Zt,
-  size2: Kt,
-  size3: pt,
-  size4: te,
-  size5: ee,
-  size6: ne,
-  size7: ie,
-  size8: se,
-  size9: oe,
-  size10: re,
-  size11: ce,
-  size12: le,
-  size13: ae,
-  size14: fe,
-  size15: ue
-}, ye = {
-  sizeXxs: Wt,
-  sizeXs: Bt,
-  sizeSm: Dt,
-  sizeMd: Rt,
-  sizeLg: Gt,
-  sizeXl: Ht,
-  sizeXxl: _t,
-  sizeContent1: Ft,
-  sizeContent2: Vt,
-  sizeContent3: Xt,
-  sizeHeader1: Ut,
-  sizeHeader2: qt,
-  sizeHeader3: Qt
-}, ge = de, me = ye;
-function it(t) {
-  return t.reduce((e, [n, i]) => ({
-    ...e,
-    [n]: i
-  }), {});
-}
-function F(t, e) {
-  if (e !== void 0)
-    return typeof e == "number" && e >= 0 ? `${e}px` : typeof e == "string" && B(e) ? nt(e) ? `var(${e})` : e : A(S(t, e));
-}
-function S(t, e) {
-  const n = t.space ?? ge, i = it(Object.entries(n).map(([s, o]) => [s, typeof o == "number" ? `${o}px` : o]));
-  return A(i[e]);
-}
-function P(t, e) {
-  if (e === void 0) return;
-  if (typeof e == "number" && e >= 0) return `${e}px`;
-  if (typeof e == "string" && B(e)) return nt(e) ? `var(${e})` : e;
-  const n = t.sizes ?? me, i = it(Object.entries(n).map(([s, o]) => [s, typeof o == "number" ? `${o}px` : o]));
-  return A(i[e]);
+function me(e) {
+  return e === void 0 ? "100%" : typeof e == "number" ? `${e}px` : A(e) ?? e;
 }
-function he(t) {
-  return t === void 0 ? "100%" : typeof t == "number" ? `${t}px` : t;
-}
-function Ge(t) {
-  const e = () => typeof t.style == "string" ? t.style : Object.entries(t.style ?? {}).reduce((r, [l, a]) => r + `${l}:${a};`, ""), n = () => `--maxWidth: ${he(t.maxWidth)};`, i = () => t.centerText ? "center-text" : "", s = () => t.centerChildren ? "center-children" : "", o = () => [i(), s()].filter(Boolean).join(" "), c = () => [e(), n()].join("; ");
-  return h(() => t.as ?? "div", d(m(t, ["as", "maxWidth", "centerText", "centerChildren"]), b({
+function Pe(e) {
+  const t = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((o, [r, i]) => o + `${r}:${i};`, ""), n = () => `--max-width: ${me(e.maxWidth)};`, s = () => "", c = () => [t(), n()].join("; ");
+  return m(() => e.as ?? "div", y(h(e, ["as", "maxWidth"]), b({
     style: c,
-    "data-br-center": o
+    "data-br-center": s
   })));
 }
-const st = ct({});
-function He(t) {
-  return T(st.Provider, {
-    get value() {
-      return t.theme;
-    },
-    get children() {
-      return t.children;
-    }
-  });
-}
-function x() {
-  try {
-    return lt(st);
-  } catch {
-    return {};
-  }
+function be(e) {
+  return A(e);
 }
-function be(t, e) {
-  return P(t, e);
-}
-function _e(t) {
-  const e = x(), n = () => typeof t.style == "string" ? t.style : Object.entries(t.style ?? {}).reduce((r, [l, a]) => r + `${l}:${a};`, ""), i = () => `--gutter: ${S(e, t.gap ?? t.gutter ?? "size00") ?? "0px"}`, s = () => `--minItemWidth: ${be(e, t.minItemWidth)}`, o = () => t.noStretchedColumns === !0 ? "no-stretched-columns" : "", c = () => [n(), i(), s()].join("; ");
-  return h(() => t.as ?? "div", d(m(t, ["as", "gutter", "minItemWidth", "noStretchedColumns"]), b({
-    style: c,
-    "data-br-column-drop": o
+function Me(e) {
+  const t = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((r, [i, a]) => r + `${i}:${a};`, ""), n = () => `--gap: ${w(e.gap ?? "size00") ?? "0px"}`, s = () => `--min-item-width: ${be(e.minItemWidth)}`, c = () => e.variant === "centered" ? "variant:centered" : "", o = () => [t(), n(), s()].join("; ");
+  return m(() => e.as ?? "div", y(h(e, ["as", "minItemWidth", "variant"]), b({
+    style: o,
+    "data-br-column-drop": c
   })));
 }
-function Fe(t, e) {
-  const [n, i] = O(!1), [s, o] = O();
-  return U(() => {
-    Y();
-  }), q(() => {
-    if (A(s()) === void 0) return;
-    e && e(s());
-    const c = J(s(), (r) => {
-      var a;
-      const l = ((a = r.borderBoxSize) == null ? void 0 : a.inlineSize) ?? r.contentRect.width;
-      if (l > 0) {
-        const f = l <= t;
-        i(f);
-      }
-    });
-    Q(c);
-  }), [n, o];
-}
-function $e(t) {
-  return Array.isArray(t) && t.length === 2 && t.every(Number.isFinite) || typeof t == "string" && /^\d{1,1000} {0,1}\/ {0,1}\d{1,1000}$/.test(t);
+function $e(e) {
+  return Array.isArray(e) && e.length === 2 && e.every(Number.isFinite) || typeof e == "string" && /^\d{1,1000} ?\/ ?\d{1,1000}$/.test(e);
 }
-function Se(t) {
-  return Array.isArray(t) ? t.join("/") : t;
+function we(e) {
+  return Array.isArray(e) ? e.join("/") : e;
 }
-function xe(t) {
-  return $e(t) ? Se(t) : void 0;
+function Ae(e) {
+  return $e(e) ? we(e) : void 0;
 }
-function Ve(t) {
-  const e = () => typeof t.style == "string" ? t.style : Object.entries(t.style ?? {}).reduce((c, [r, l]) => c + `${r}:${l};`, ""), n = () => xe(t.ratio), i = () => n() ? `--ratio: ${n()}` : "", s = () => typeof t.position == "string" ? `--position: ${t.position}` : "50%", o = () => [e(), i(), s()].join("; ");
-  return h(() => t.as ?? "div", d(m(t, ["as", "ratio", "position"]), b({
+function Ne(e) {
+  const t = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((r, [i, a]) => r + `${i}:${a};`, ""), n = () => Ae(e.ratio), s = () => n() ? `--ratio: ${n()}` : "", c = () => typeof e.position == "string" ? `--position: ${e.position}` : "50%", o = () => [t(), s(), c()].join("; ");
+  return m(() => e.as ?? "div", y(h(e, ["as", "ratio", "position"]), b({
     style: o,
     "data-br-frame": () => ""
   })));
 }
-function we(t) {
-  const e = x(), n = () => typeof t.style == "string" ? t.style : Object.entries(t.style ?? {}).reduce((c, [r, l]) => c + `${r}:${l};`, ""), i = () => `--gutter: ${S(e, t.gap ?? t.gutter ?? "size00") ?? "0px"}`, s = () => `--minItemWidth: ${typeof t.minItemWidth == "string" ? t.minItemWidth : `${t.minItemWidth ?? 0}px`};`, o = () => [n(), i(), s()].join("; ");
-  return h(() => t.as ?? "div", d(m(t, ["as", "gutter", "minItemWidth"]), b({
-    style: o,
-    "data-br-grid": () => t.variant === "masonry" ? "variant:masonry" : ""
+function ke(e) {
+  const t = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((o, [r, i]) => o + `${r}:${i};`, ""), n = () => `--gap: ${w(e.gap ?? "size00") ?? "0px"}`, s = () => `--min-item-width: ${typeof e.minItemWidth == "string" ? e.minItemWidth : `${e.minItemWidth ?? 0}px`};`, c = () => [t(), n(), s()].join("; ");
+  return m(() => e.as ?? "div", y(h(e, ["as", "minItemWidth"]), b({
+    style: c,
+    "data-br-grid": () => e.variant === "masonry" ? "variant:masonry" : ""
   })));
 }
-const E = 96;
-function ot(t) {
-  const e = String(t), n = parseFloat(e), [, i] = e.match(/[\d.\-+]*\s*(.*)/) ?? ["", ""];
-  return [n, i];
-}
-function D(t, e) {
-  if (!t) return;
-  const n = e ?? document.body, i = (t ?? "px").trim().toLowerCase();
-  switch (i) {
-    case "vmin":
-    case "vmax":
-    case "vh":
-    case "vw":
-    case "%":
-      return;
-    case "ch":
-    case "ex":
-      return je(i, n);
-    case "em":
-      return L(n, "font-size");
-    case "rem":
-      return L(document.body, "font-size");
-    case "in":
-      return E;
-    case "cm":
-      return E / 2.54;
-    case "mm":
-      return E / 25.4;
-    case "pt":
-      return E / 72;
-    case "pc":
-      return E / 6;
-    case "px":
-      return 1;
-    default: {
-      const [s, o] = ot(i);
-      if (isNaN(s)) return;
-      if (!o) return s;
-      const c = D(o, e);
-      return typeof c == "number" ? s * c : void 0;
-    }
-  }
-}
-function L(t, e) {
-  const [n, i] = ot(
-    getComputedStyle(t).getPropertyValue(e)
-  );
-  return n * (D(i, t) ?? 1);
-}
-function je(t, e) {
-  const n = document.createElement("div");
-  n.style.height = "128" + t, e.appendChild(n);
-  const i = L(n, "height") / 128;
-  return e.removeChild(n), i;
-}
-var Ae = /* @__PURE__ */ Z("<div>");
-const z = 1, Ce = typeof window == "object" && typeof document == "object" && document.nodeType === 9, Ee = (t) => {
-  const [e, n] = O(1), [i, s] = O(), o = x();
-  return U(() => (Y(), 0)), q(() => {
-    const c = A(i());
-    if (c === void 0) return;
-    const r = J(c, ({
-      target: l
-    }) => {
-      n(1);
-      const a = t.gutter ? S(o, t.gutter) ?? "1px" : "1px", f = Ce ? D(a, l) : void 0, y = Math.max(f ?? z, z), [u] = Array.from(l.children), $ = 1 + Math.min(l.scrollHeight, u.scrollHeight), C = Math.max(Math.ceil($ / y), z);
-      return n(C), 0;
-    });
-    return Q(r), 0;
-  }), (() => {
-    var c = Ae();
-    return p(s, c), tt(c, () => t.children), w((r) => K(c, `grid-row: span ${e()};`, r)), c;
-  })();
-}, Xe = (t) => {
-  const e = at(() => t.children), i = [].concat(e()).filter(Boolean).map((s) => T(Ee, {
-    get gutter() {
-      return t.gutter;
-    },
-    children: s
-  }));
-  return T(we, d({
-    style: "grid-template-rows: 1px;"
-  }, t, {
-    children: i
-  }));
-}, Te = {
+const je = {
   start: "justify:start",
   end: "justify:end",
   center: "justify:center",
   "space-between": "justify:space-between",
   "space-around": "justify:space-around"
-}, Ie = {
+}, R = {
   start: "align:start",
   end: "align:end",
   center: "align:center",
   stretch: "align:stretch"
 };
-function Ue(t) {
-  const e = x(), n = () => typeof t.style == "string" ? t.style : Object.entries(t.style ?? {}).reduce((l, [a, f]) => l + `${a}:${f};`, ""), i = () => `--gutter: ${S(e, t.gap ?? t.gutter ?? "size00") ?? "0px"}`, s = () => t.justify !== void 0 ? Te[t.justify] : void 0, o = () => t.align !== void 0 ? Ie[t.align] : void 0, c = () => [n(), i()].join("; "), r = () => [s(), o()].filter(Boolean).join(" ");
-  return h(() => t.as ?? "div", d(m(t, ["as", "gutter", "justify", "align"]), b({
-    style: c,
+function Le(e) {
+  const t = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((i, [a, l]) => i + `${a}:${l};`, ""), n = () => `--gap: ${w(e.gap ?? "size00") ?? "0px"}`, s = () => e.justify ? je[e.justify] : void 0, c = () => e.align ? R[e.align] : R.center, o = () => [t(), n()].join("; "), r = () => [s(), c()].filter(Boolean).join(" ");
+  return m(() => e.as ?? "div", y(h(e, ["as", "justify", "align", "gap"]), b({
+    style: o,
     "data-br-inline-cluster": r
   })));
 }
-const ve = {
+const Se = {
   start: "justify:start",
   end: "justify:end",
   center: "justify:center",
   "space-between": "justify:space-between",
   "space-around": "justify:space-around"
-}, Me = {
+}, D = {
   start: "align:start",
   end: "align:end",
   center: "align:center",
   stretch: "align:stretch"
 };
-function qe(t) {
-  const e = x(), n = () => typeof t.style == "string" ? t.style : Object.entries(t.style ?? {}).reduce((y, [u, $]) => y + `${u}:${$};`, ""), i = () => `--gutter: ${S(e, t.gap ?? t.gutter ?? "size00") ?? "0px"}`, s = () => t.minItemWidth ? `--minItemWidth: ${typeof t.minItemWidth == "string" ? t.minItemWidth : `${t.minItemWidth}px`};` : void 0, o = () => t.switchAt ? `--switchAt: ${P(e, t.switchAt) ?? "0px"};` : "", c = () => t.justify !== void 0 ? ve[t.justify] : void 0, r = () => t.align !== void 0 ? Me[t.align] : void 0, l = () => t.stretch ? `stretch:${t.stretch}` : void 0, a = () => [n(), i(), o(), s()].join("; "), f = () => [c(), r(), l()].filter(Boolean).join(" ");
-  return h(() => t.as ?? "div", d(m(t, ["as", "gutter", "justify", "align", "stretch", "switchAt"]), b({
-    style: a,
-    "data-br-inline": f
-  })));
-}
-const Oe = (t) => ({
-  left: "padding-inline-start",
-  right: "padding-inline-end",
-  top: "padding-block-start",
-  bottom: "padding-block-end",
-  inlineStart: "padding-inline-start",
-  inlineEnd: "padding-inline-end",
-  blockStart: "padding-block-start",
-  blockEnd: "padding-block-end"
-})[t], Pe = (t, e) => {
-  if (!e) return "";
-  if (Array.isArray(e) && e.length > 4)
-    throw new Error("padding arrays can only be 4 or less in length");
-  const n = typeof e == "object" && !Array.isArray(e) ? Object.entries(e).reduce((i, [s, o]) => ({
-    ...i,
-    [Oe(s)]: F(t, o) ?? "0px"
-  }), {}) : {
-    padding: Array.from(Array.isArray(e) ? e : [e]).map((i) => F(t, i) ?? "0px").join(" ")
-  };
-  return Object.entries(n).reduce((i, [s, o]) => i + `${s}:${o};`, "");
-};
-function Qe(t) {
-  const e = x(), n = () => typeof t.style == "string" ? t.style : Object.entries(t.style ?? {}).reduce((o, [c, r]) => o + `${c}:${r};`, ""), i = () => Pe(e, t.padding), s = () => [n(), i()].join("; ");
-  return h(() => t.as ?? "div", d(m(t, ["as", "padding"]), b({
-    style: s,
-    "data-br-padbox": () => ""
+function Re(e) {
+  const t = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((d, [f, $]) => d + `${f}:${$};`, ""), n = () => `--gap: ${w(e.gap ?? "size00") ?? "0px"}`, s = (d) => typeof d == "string" ? A(d) ?? d : `${d}px`, c = () => e.minItemWidth ? `--min-item-width: ${s(e.minItemWidth)};` : void 0, o = () => e.switchAt ? `--switch-at: ${A(e.switchAt) ?? "0px"};` : "", r = () => e.justify ? Se[e.justify] : void 0, i = () => e.align === void 0 ? D.center : D[e.align], a = () => e.stretch ? `stretch:${e.stretch}` : void 0, l = () => [t(), n(), o(), c()].join("; "), u = () => [r(), i(), a()].filter(Boolean).join(" ");
+  return m(() => e.as ?? "div", y(h(e, ["as", "justify", "align", "stretch", "switchAt"]), b({
+    style: l,
+    "data-br-inline": u
   })));
 }
-function Ye(t) {
-  const e = x(), n = () => typeof t.style == "string" ? t.style : Object.entries(t.style ?? {}).reduce((c, [r, l]) => c + `${r}:${l};`, ""), i = () => `--gutter: ${S(e, t.gap ?? t.gutter ?? "size00") ?? "0px"}`, s = () => {
-    switch (t.snapType) {
+function De(e) {
+  const t = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((o, [r, i]) => o + `${r}:${i};`, ""), n = () => `--gap: ${w(e.gap ?? e.gutter ?? "size00") ?? "0px"}`, s = () => {
+    switch (e.snapType) {
       case "none":
         return "snapType:none";
       case "proximity":
@@ -867,13 +672,13 @@ function Ye(t) {
       default:
         return "snapType:none";
     }
-  }, o = () => [n(), i()].join("; ");
-  return h(() => t.as ?? "div", d(m(t, ["as", "gutter"]), b({
-    style: o,
+  }, c = () => [t(), n()].join("; ");
+  return m(() => e.as ?? "div", y(h(e, ["as", "gutter"]), b({
+    style: c,
     "data-br-reel": s
   })));
 }
-const V = {
+const W = {
   "1/4": "fraction:1/4",
   "1/3": "fraction:1/3",
   "1/2": "fraction:1/2",
@@ -882,85 +687,79 @@ const V = {
   "auto-start": "fraction:auto-start",
   "auto-end": "fraction:auto-end"
 };
-function Je(t) {
-  const e = x(), n = () => typeof t.style == "string" ? t.style : Object.entries(t.style ?? {}).reduce((l, [a, f]) => l + `${a}:${f};`, ""), i = () => t.switchAt ? `--switchAt: ${P(e, t.switchAt) ?? "0px"};` : "", s = () => `--gutter: ${S(e, t.gap ?? t.gutter ?? "size00") ?? "0px"}`, o = () => V[t.fraction ?? "1/2"] ?? V["1/2"], c = () => t.minItemWidth ? `--minItemWidth: ${typeof t.minItemWidth == "string" ? t.minItemWidth : `${t.minItemWidth}px`};` : void 0, r = () => [n(), s(), i(), c()].join("; ");
-  return h(() => t.as ?? "div", d(m(t, ["as", "gutter", "fraction"]), b({
+function We(e) {
+  const t = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((i, [a, l]) => i + `${a}:${l};`, ""), n = () => e.switchAt ? `--switch-at: ${A(e.switchAt) ?? "0px"};` : "", s = () => `--gap: ${w(e.gap ?? "size00") ?? "0px"}`, c = () => W[e.fraction ?? "1/2"] ?? W["1/2"], o = () => e.minItemWidth ? `--min-item-width: ${typeof e.minItemWidth == "string" ? e.minItemWidth : `${e.minItemWidth}px`};` : void 0, r = () => [t(), s(), n(), o()].join("; ");
+  return m(() => e.as ?? "div", y(h(e, ["as", "fraction"]), b({
     style: r,
-    "data-br-split": o
+    "data-br-split": c
   })));
 }
-const ze = {
+const Ce = {
   start: "align:start",
   end: "align:end",
   center: "align:center",
   stretch: "align:stretch"
 };
-function Ze(t) {
-  const e = x(), n = () => typeof t.style == "string" ? t.style : Object.entries(t.style ?? {}).reduce((r, [l, a]) => r + `${l}:${a};`, ""), i = () => `--gutter: ${S(e, t.gap ?? t.gutter ?? "size00") ?? "0px"}`, s = () => [n(), i()].join("; "), o = () => t.align !== void 0 ? ze[t.align] : void 0, c = () => [o()].filter(Boolean).join(" ");
-  return h(() => t.as ?? "div", d(m(t, ["as", "gutter"]), b({
+function Ve(e) {
+  const t = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((r, [i, a]) => r + `${i}:${a};`, ""), n = () => `--gap: ${w(e.gap ?? "size00") ?? "0px"}`, s = () => [t(), n()].join("; "), c = () => e.align ? Ce[e.align] : void 0, o = () => [c()].filter(Boolean).join(" ");
+  return m(() => e.as ?? "div", y(h(e, ["as"]), b({
     style: s,
-    "data-br-stack": c
+    "data-br-stack": o
   })));
 }
-var Ne = /* @__PURE__ */ Z("<div data-br-cover-centered>");
-function ke(t) {
-  return typeof t == "number" ? `${t}px` : t && B(t) ? t : "100vh";
+function Ee(e) {
+  return typeof e == "number" ? `${e}px` : A(e) ?? "100%";
 }
-function Le(t) {
-  const e = x(), n = () => typeof t.style == "string" ? t.style : Object.entries(t.style ?? {}).reduce((r, [l, a]) => r + `${l}:${a};`, ""), i = () => `--gutter: ${S(e, t.gap ?? t.gutter ?? "size00") ?? "0px"}`, s = () => `--minHeight: ${ke(t.minHeight)};`, o = () => t.variant === "stretch-content" || t.stretchContent === !0 ? "stretch-content" : "", c = () => [n(), i(), s()].join("; ");
-  return h(() => t.as ?? "div", d(m(t, ["as", "minHeight", "stretchContent"]), b({
-    style: c,
-    "data-br-cover": o
+function xe(e) {
+  const t = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((r, [i, a]) => r + `${i}:${a};`, ""), n = () => `--gap: ${w(e.gap ?? "size00") ?? "0px"}`, s = () => `--min-height: ${Ee(e.minHeight)};`, c = () => e.variant === "stretch-content" ? "stretch-content" : "", o = () => [t(), n(), s()].join("; ");
+  return m(() => e.as ?? "div", y(h(e, ["as", "minHeight"]), b({
+    style: o,
+    "data-br-cover": c
   })));
 }
-function Ke(t) {
-  const [e, n] = X(t, ["children", "top", "bottom"]);
-  return T(Le, d(n, {
+function Fe(e) {
+  return m(() => e.as ?? "div", y(h(e, ["as"]), {
+    "data-br-cover-centered": ""
+  }));
+}
+function Be(e) {
+  return V(xe, y(e, {
     get children() {
-      return [M(() => e.top), (() => {
-        var i = Ne();
-        return tt(i, () => e.children), i;
-      })(), M(() => e.bottom)];
+      return e.children;
     }
   }));
 }
-function pe(t) {
-  const e = x(), n = () => typeof t.style == "string" ? t.style : Object.entries(t.style ?? {}).reduce((r, [l, a]) => r + `${l}:${a};`, ""), i = () => `--gutter: ${S(e, t.gap ?? t.gutter ?? "size00") ?? "0px"}`, s = () => `--columns: ${A(Math.max(t.colCount ?? t.columns ?? 1, 1)) ?? 1};`, o = () => t.switchAt ? `--switchAt: ${P(e, t.switchAt) ?? "0px"};` : "", c = () => [n(), i(), s(), o()].filter(Boolean).join("; ");
-  return h(() => t.as ?? "div", d(m(t, ["as", "gutter", "columns", "colCount", "switchAt"]), b({
-    style: c,
+const F = (e) => typeof e == "string" ? e : Object.entries(e ?? {}).reduce((t, [n, s]) => t + `${n}:${s};`, "");
+function Ge(e) {
+  const t = () => F(e.style), n = () => {
+    const r = B(e.gap);
+    return r ? `--gap: ${r};` : "";
+  }, s = () => `--col-count: ${he(Math.max(e.colCount ?? 1, 1)) ?? 1};`, c = () => e.switchAt ? `--switch-at: ${A(e.switchAt) ?? "0px"};` : "", o = () => [t(), n(), s(), c()].filter(Boolean).join("; ");
+  return m(() => e.as ?? "div", y(h(e, ["as", "colCount", "switchAt"]), b({
+    style: o,
     "data-br-columns": () => ""
   })));
 }
-const We = (t) => typeof t == "number" ? t : 1;
-function tn(t) {
-  const e = () => typeof t.style == "string" ? t.style : Object.entries(t.style ?? {}).reduce((c, [r, l]) => c + `${r}:${l};`, ""), n = () => `--span: ${We(t.span)};`, i = () => t.offsetStart && t.offsetStart > 0 ? `--offsetStart: ${t.offsetStart};` : "", s = () => t.offsetEnd && t.offsetEnd > 0 ? `--offsetEnd: ${t.offsetEnd};` : "", o = () => [e(), n(), i(), s()].join("; ");
-  return h(() => t.as ?? "div", d(m(t, ["as", "span", "offsetStart", "offsetEnd"]), b({
+const Ie = (e) => typeof e == "number" ? e : 1;
+function ze(e) {
+  const t = () => F(e.style), n = () => `--col-span: ${Ie(e.span)};`, s = () => e.offsetStart && e.offsetStart > 0 ? `--offset-start: ${e.offsetStart};` : "", c = () => e.offsetEnd && e.offsetEnd > 0 ? `--offset-end: ${e.offsetEnd};` : "", o = () => [t(), n(), s(), c()].join("; ");
+  return m(() => e.as ?? "div", y(h(e, ["as", "span", "offsetStart", "offsetEnd"]), b({
     style: o,
     "data-br-column": () => ""
   })));
 }
 export {
-  Ge as Center,
-  tn as Column,
-  _e as ColumnDrop,
-  pe as Columns,
-  Ke as Cover,
-  Ve as Frame,
-  we as Grid,
-  qe as Inline,
-  Ue as InlineCluster,
-  Xe as MasonryGrid,
-  Qe as PadBox,
-  Ye as Reel,
-  Je as Split,
-  Ze as Stack,
-  He as ThemeProvider,
-  B as checkIsCSSLength,
-  Fe as createContainerQuery,
-  F as getSafeGutter,
-  P as getSizeValue,
-  S as getSpacingValue,
-  me as sizes,
-  ge as spacing,
-  x as useTheme
+  Pe as Center,
+  ze as Column,
+  Me as ColumnDrop,
+  Ge as Columns,
+  Be as Cover,
+  Fe as CoverCentered,
+  Ne as Frame,
+  ke as Grid,
+  Re as Inline,
+  Le as InlineCluster,
+  De as Reel,
+  We as Split,
+  Ve as Stack
 };