@bedrock-layout/solid 1.7.5 → 2.0.1

package/lib/index.m.js

@@ -1,7 +1,7 @@
-import ce from "open-props";
-import { splitProps as X, createMemo as N, createRenderEffect as A, sharedConfig as h, untrack as M, createComponent as I, mergeProps as d, useContext as ae, createContext as le, createSignal as O, onMount as q, createEffect as Q, onCleanup as Y, children as fe } from "solid-js";
-import { init as J, registerCallback as Z } from "@bedrock-layout/register-resize-callback";
-const ue = [
+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",
@@ -43,7 +43,7 @@ const ue = [
   "shadowrootdelegatesfocus",
   "shadowrootserializable",
   "sharedstoragewritable"
-], de = /* @__PURE__ */ new Set([
+], v = /* @__PURE__ */ new Set([
   "className",
   "value",
   "readOnly",
@@ -66,11 +66,11 @@ const ue = [
   "shadowRootDelegatesFocus",
   "shadowRootSerializable",
   "sharedStorageWritable",
-  ...ue
-]), ye = /* @__PURE__ */ new Set(["innerHTML", "textContent", "innerText", "children"]), he = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
+  ...z
+]), H = /* @__PURE__ */ new Set(["innerHTML", "textContent", "innerText", "children"]), U = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
   className: "class",
   htmlFor: "for"
-}), ge = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
+}), _ = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
   class: "className",
   novalidate: {
     $: "noValidate",
@@ -155,11 +155,11 @@ const ue = [
     IMG: 1
   }
 });
-function me(e, t) {
-  const n = ge[e];
+function K(e, t) {
+  const n = _[e];
   return typeof n == "object" ? n[t] ? n.$ : void 0 : n;
 }
-const be = /* @__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"]), $e = /* @__PURE__ */ new Set([
+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",
@@ -237,343 +237,331 @@ const be = /* @__PURE__ */ new Set(["beforeinput", "click", "dblclick", "context
   "use",
   "view",
   "vkern"
-]), we = {
+]), Y = {
   xlink: "http://www.w3.org/1999/xlink",
   xml: "http://www.w3.org/XML/1998/namespace"
-}, B = (e) => N(() => e());
-function Se(e, t, n) {
-  let i = n.length, s = t.length, o = i, c = 0, r = 0, a = t[s - 1].nextSibling, l = null;
-  for (; c < s || r < o; ) {
-    if (t[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 (; t[s - 1] === n[o - 1]; )
-      s--, o--;
-    if (s === c) {
-      const f = o < i ? r ? n[r - 1].nextSibling : n[o - r] : a;
-      for (; r < o; ) e.insertBefore(n[r++], f);
-    } else if (o === r)
-      for (; c < s; )
-        (!l || !l.has(t[c])) && t[c].remove(), c++;
-    else if (t[c] === n[o - 1] && n[r] === t[s - 1]) {
-      const f = t[--s].nextSibling;
-      e.insertBefore(n[r++], t[c++].nextSibling), e.insertBefore(n[--o], f), t[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 (!l) {
         l = /* @__PURE__ */ new Map();
-        let y = r;
-        for (; y < o; ) l.set(n[y], y++);
+        let d = i;
+        for (; d < o; ) l.set(n[d], d++);
       }
-      const f = l.get(t[c]);
-      if (f != null)
-        if (r < f && f < o) {
-          let y = c, u = 1, $;
-          for (; ++y < s && y < o && !(($ = l.get(t[y])) == null || $ !== f + u); )
-            u++;
-          if (u > f - r) {
-            const j = t[c];
-            for (; r < f; ) e.insertBefore(n[r++], j);
-          } else e.replaceChild(n[r++], t[c++]);
-        } else c++;
-      else t[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 F = "_$DX_DELEGATE";
-function K(e, t, n, i) {
-  let s;
-  const o = () => {
-    const r = document.createElement("template");
-    return r.innerHTML = e, r.content.firstChild;
-  }, c = t ? () => M(() => document.importNode(s || (s = o()), !0)) : () => (s || (s = o())).cloneNode(!0);
-  return c.cloneNode = c, c;
-}
-function Ae(e, t = window.document) {
-  const n = t[F] || (t[F] = /* @__PURE__ */ new Set());
-  for (let i = 0, s = e.length; i < s; i++) {
-    const o = e[i];
-    n.has(o) || (n.add(o), t.addEventListener(o, ve));
+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 k(e, t, n) {
-  x(e) || (n == null ? e.removeAttribute(t) : e.setAttribute(t, n));
+function I(e, t, n) {
+  j(e) || (n == null ? e.removeAttribute(t) : e.setAttribute(t, n));
 }
-function xe(e, t, n, i) {
-  x(e) || (i == null ? e.removeAttributeNS(t, n) : e.setAttributeNS(t, n, i));
+function Z(e, t, n, s) {
+  j(e) || (s == null ? e.removeAttributeNS(t, n) : e.setAttributeNS(t, n, s));
 }
-function Ce(e, t, n) {
-  x(e) || (n ? e.setAttribute(t, "") : e.removeAttribute(t));
+function p(e, t, n) {
+  j(e) || (n ? e.setAttribute(t, "") : e.removeAttribute(t));
 }
-function je(e, t) {
-  x(e) || (t == null ? e.removeAttribute("class") : e.className = t);
+function ee(e, t) {
+  j(e) || (t == null ? e.removeAttribute("class") : e.className = t);
 }
-function Ee(e, t, n, i) {
-  if (i)
+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];
-    e.addEventListener(t, n[0] = (o) => s.call(e, n[1], o));
+    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 Ie(e, t, n = {}) {
-  const i = Object.keys(t || {}), s = Object.keys(n);
-  let o, c;
-  for (o = 0, c = s.length; o < c; o++) {
-    const r = s[o];
-    !r || r === "undefined" || t[r] || (G(e, r, !1), delete n[r]);
+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], a = !!t[r];
-    !r || r === "undefined" || n[r] === a || !a || (G(e, r, !0), n[r] = a);
+  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 p(e, t, n) {
-  if (!t) return n ? k(e, "style") : t;
-  const i = e.style;
-  if (typeof t == "string") return i.cssText = t;
-  typeof n == "string" && (i.cssText = n = void 0), n || (n = {}), t || (t = {});
-  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)
-    t[o] == null && i.removeProperty(o), delete n[o];
+    t[o] == null && s.removeProperty(o), delete n[o];
   for (o in t)
-    s = t[o], s !== n[o] && (i.setProperty(o, s), n[o] = s);
+    c = t[o], c !== n[o] && (s.setProperty(o, c), n[o] = c);
   return n;
 }
-function Te(e, t = {}, n, i) {
-  const s = {};
-  return A(() => s.children = T(e, t.children, s.children)), A(() => typeof t.ref == "function" && ee(t.ref, e)), A(() => Pe(e, t, n, !0, s, !0)), s;
+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 ee(e, t, n) {
-  return M(() => e(t, n));
+function oe(e, t, n) {
+  return x(() => e(t, n));
 }
-function te(e, t, n, i) {
-  if (typeof t != "function") return T(e, t, i, n);
-  A((s) => T(e, t(), s, n), i);
-}
-function Pe(e, t, n, i, s = {}, o = !1) {
+function ce(e, t, n, s, c = {}, o = !1) {
   t || (t = {});
-  for (const c in s)
-    if (!(c in t)) {
-      if (c === "children") continue;
-      s[c] = H(e, c, null, s[c], n, o, 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 t) {
-    if (c === "children")
+  for (const r in t) {
+    if (r === "children")
       continue;
-    const r = t[c];
-    s[c] = H(e, c, r, s[c], n, o, t);
+    const i = t[r];
+    c[r] = k(e, r, i, c[r], n, o, t);
   }
 }
-function Me(e) {
+function re(e) {
   let t, n;
-  return !x() || !(t = h.registry.get(n = ze())) ? e() : (h.completed && h.completed.add(t), h.registry.delete(n), t);
+  return !j() || !(t = g.registry.get(n = fe())) ? e() : (g.completed && g.completed.add(t), g.registry.delete(n), t);
 }
-function x(e) {
-  return !!h.context && !h.done && (!e || e.isConnected);
+function j(e) {
+  return !!g.context && !g.done && (!e || e.isConnected);
 }
-function Oe(e) {
+function ae(e) {
   return e.toLowerCase().replace(/-([a-z])/g, (t, n) => n.toUpperCase());
 }
-function G(e, t, n) {
-  const i = t.trim().split(/\s+/);
-  for (let s = 0, o = i.length; s < o; s++) e.classList.toggle(i[s], n);
+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 H(e, t, n, i, s, o, c) {
-  let r, a, l, f, y;
-  if (t === "style") return p(e, n, i);
-  if (t === "classList") return Ie(e, n, i);
-  if (n === i) return i;
+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 u = t.slice(3);
-    i && e.removeEventListener(u, i, typeof i != "function" && i), n && e.addEventListener(u, n, typeof n != "function" && n);
+    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 u = t.slice(10);
-    i && e.removeEventListener(u, i, !0), n && e.addEventListener(u, n, !0);
+    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 u = t.slice(2).toLowerCase(), $ = be.has(u);
-    if (!$ && i) {
-      const j = Array.isArray(i) ? i[0] : i;
-      e.removeEventListener(u, j);
+    const f = t.slice(2).toLowerCase(), $ = X.has(f);
+    if (!$ && s) {
+      const E = Array.isArray(s) ? s[0] : s;
+      e.removeEventListener(f, E);
     }
-    ($ || n) && (Ee(e, u, n, $), $ && Ae([u]));
+    ($ || n) && (te(e, f, n, $), $ && Q([f]));
   } else if (t.slice(0, 5) === "attr:")
-    k(e, t.slice(5), n);
+    I(e, t.slice(5), n);
   else if (t.slice(0, 5) === "bool:")
-    Ce(e, t.slice(5), n);
-  else if ((y = t.slice(0, 5) === "prop:") || (l = ye.has(t)) || !s && ((f = me(t, e.tagName)) || (a = de.has(t))) || (r = e.nodeName.includes("-") || "is" in c)) {
-    if (y)
+    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 (x(e)) return n;
-    t === "class" || t === "className" ? je(e, n) : r && !a && !l ? e[Oe(t)] = n : e[f || t] = n;
+    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 && t.indexOf(":") > -1 && we[t.split(":")[0]];
-    u ? xe(e, u, t, n) : k(e, he[t] || t, 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 ve(e) {
-  if (h.registry && h.events && h.events.find(([a, l]) => l === e))
+function le(e) {
+  if (g.registry && g.events && g.events.find(([a, l]) => l === e))
     return;
   let t = e.target;
-  const n = `$$${e.type}`, i = e.target, s = e.currentTarget, o = (a) => Object.defineProperty(e, "target", {
+  const n = `$$${e.type}`, s = e.target, c = e.currentTarget, o = (a) => Object.defineProperty(e, "target", {
     configurable: !0,
     value: a
-  }), c = () => {
+  }), 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 t.host && typeof t.host != "string" && !t.host._$host && t.contains(e.target) && o(t.host), !0;
-  }, r = () => {
-    for (; c() && (t = t._$host || t.parentNode || t.host); ) ;
+  }, i = () => {
+    for (; r() && (t = t._$host || t.parentNode || t.host); ) ;
   };
   if (Object.defineProperty(e, "currentTarget", {
     configurable: !0,
     get() {
       return t || document;
     }
-  }), h.registry && !h.done && (h.done = _$HY.done = !0), e.composedPath) {
+  }), 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], !!c()); l++) {
+    for (let l = 0; l < a.length - 2 && (t = a[l], !!r()); l++) {
       if (t._$host) {
-        t = t._$host, r();
+        t = t._$host, i();
         break;
       }
-      if (t.parentNode === s)
+      if (t.parentNode === c)
         break;
     }
-  } else r();
-  o(i);
+  } else i();
+  o(s);
 }
-function T(e, t, n, i, s) {
-  const o = x(e);
+function T(e, t, n, s, c) {
+  const o = j(e);
   if (o) {
     !n && (n = [...e.childNodes]);
-    let r = [];
+    let i = [];
     for (let a = 0; a < n.length; a++) {
       const l = n[a];
-      l.nodeType === 8 && l.data.slice(0, 2) === "!$" ? l.remove() : r.push(l);
+      l.nodeType === 8 && l.data.slice(0, 2) === "!$" ? l.remove() : i.push(l);
     }
-    n = r;
+    n = i;
   }
   for (; typeof n == "function"; ) n = n();
   if (t === n) return n;
-  const c = typeof t;
-  if (e = e, c === "string" || c === "number") {
-    if (o || c === "number" && (t = t.toString(), t === 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 = e.firstChild.data = t : n = e.textContent = t;
-  } else if (t == null || c === "boolean") {
+  } else if (t == null || r === "boolean") {
     if (o) return n;
-    n = P(e, n, i);
+    n = C(e, n, s);
   } else {
-    if (c === "function")
-      return A(() => {
-        let r = t();
-        for (; typeof r == "function"; ) r = r();
-        n = T(e, 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(t)) {
-      const r = [], a = n && Array.isArray(n);
-      if (L(r, t, n, s))
-        return A(() => n = T(e, r, n, i, !0)), () => n;
+      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 = [...e.childNodes] : n;
-      r.length === 0 ? n = P(e, n, i) : a ? n.length === 0 ? V(e, r, i) : Se(e, n, r) : (n && P(e), V(e, r)), n = r;
+        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) ? P(e, n, null, t) : n == null || n === "" || !e.firstChild ? e.appendChild(t) : e.replaceChild(t, e.firstChild), 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 L(e, t, n, i) {
-  let s = !1;
-  for (let o = 0, c = t.length; o < c; o++) {
-    let r = t[o], a = n && n[e.length], l;
-    if (!(r == null || r === !0 || r === !1)) if ((l = typeof r) == "object" && r.nodeType)
-      e.push(r);
-    else if (Array.isArray(r))
-      s = L(e, r, a) || 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 (i) {
-        for (; typeof r == "function"; ) r = r();
-        s = L(e, Array.isArray(r) ? r : [r], Array.isArray(a) ? a : [a]) || s;
+      if (s) {
+        for (; typeof i == "function"; ) i = i();
+        c = O(e, Array.isArray(i) ? i : [i], Array.isArray(a) ? a : [a]) || c;
       } else
-        e.push(r), s = !0;
+        e.push(i), c = !0;
     else {
-      const f = String(r);
-      a && a.nodeType === 3 && a.data === f ? e.push(a) : e.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 V(e, t, n = null) {
-  for (let i = 0, s = t.length; i < s; i++) e.insertBefore(t[i], n);
+function L(e, t, n = null) {
+  for (let s = 0, c = t.length; s < c; s++) e.insertBefore(t[s], n);
 }
-function P(e, t, n, i) {
+function C(e, t, n, s) {
   if (n === void 0) return e.textContent = "";
-  const s = i || document.createTextNode("");
+  const c = s || document.createTextNode("");
   if (t.length) {
     let o = !1;
-    for (let c = t.length - 1; c >= 0; c--) {
-      const r = t[c];
-      if (s !== r) {
-        const a = r.parentNode === e;
-        !o && !c ? a ? e.replaceChild(s, r) : e.insertBefore(s, n) : a && 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 e.insertBefore(s, n);
-  return [s];
+  } else e.insertBefore(c, n);
+  return [c];
 }
-function ze() {
-  return h.getNextContextId();
+function fe() {
+  return g.getNextContextId();
 }
-const Ne = "http://www.w3.org/2000/svg";
-function ke(e, t = !1, n = void 0) {
-  return t ? document.createElementNS(Ne, e) : document.createElement(e, {
+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 Le(e, t) {
-  const n = N(e);
-  return N(() => {
-    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 M(() => i(t));
+        return x(() => s(t));
       case "string":
-        const s = $e.has(i), o = h.context ? Me() : ke(i, s, M(() => t.is));
-        return Te(o, t, s), o;
+        const c = q.has(s), o = g.context ? re() : de(s, c, x(() => t.is));
+        return se(o, t, c), o;
     }
   });
 }
-function Re(e) {
-  const [, t] = X(e, ["component"]);
-  return Le(() => e.component, t);
+function ge(e) {
+  const [, t] = G(e, ["component"]);
+  return ye(() => e.component, t);
 }
-function C(e) {
+function he(e) {
   return e ?? void 0;
 }
-function g(e, t) {
-  return Object.keys(e).filter((n) => !t.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 e[i];
+      return e[s];
     },
     configurable: !0,
     enumerable: !0
   }), {});
 }
 function m(e, t) {
-  return I(Re, d({
+  return V(ge, y({
     get component() {
       return e();
     }
@@ -581,340 +569,99 @@ function m(e, t) {
 }
 function b(e) {
   return Object.values(e).every((t) => typeof t == "function") ? Object.keys(e).reduce((t, n) => {
-    const i = e[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 ne = /^--\D{1}.{0,100}$/;
-function ie(e) {
-  return ne.test(e);
-}
-function D(e) {
-  return typeof e != "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}\)$/, ne].some((t) => t.test(e));
-}
-const {
-  sizeXxs: De,
-  sizeXs: We,
-  sizeSm: Be,
-  sizeMd: Fe,
-  sizeLg: Ge,
-  sizeXl: He,
-  sizeXxl: Ve,
-  sizeContent1: _e,
-  sizeContent2: Ue,
-  sizeContent3: Xe,
-  sizeHeader1: qe,
-  sizeHeader2: Qe,
-  sizeHeader3: Ye,
-  size000: Je,
-  size00: Ze,
-  size1: Ke,
-  size2: pe,
-  size3: et,
-  size4: tt,
-  size5: nt,
-  size6: it,
-  size7: st,
-  size8: ot,
-  size9: rt,
-  size10: ct,
-  size11: at,
-  size12: lt,
-  size13: ft,
-  size14: ut,
-  size15: dt
-} = ce, yt = {
-  size000: Je,
-  size00: Ze,
-  size1: Ke,
-  size2: pe,
-  size3: et,
-  size4: tt,
-  size5: nt,
-  size6: it,
-  size7: st,
-  size8: ot,
-  size9: rt,
-  size10: ct,
-  size11: at,
-  size12: lt,
-  size13: ft,
-  size14: ut,
-  size15: dt
-}, ht = {
-  sizeXxs: De,
-  sizeXs: We,
-  sizeSm: Be,
-  sizeMd: Fe,
-  sizeLg: Ge,
-  sizeXl: He,
-  sizeXxl: Ve,
-  sizeContent1: _e,
-  sizeContent2: Ue,
-  sizeContent3: Xe,
-  sizeHeader1: qe,
-  sizeHeader2: Qe,
-  sizeHeader3: Ye
-}, gt = yt, mt = ht;
-function se(e) {
-  return e.reduce((t, [n, i]) => ({
-    ...t,
-    [n]: i
-  }), {});
-}
-function _(e, t) {
-  if (t !== void 0)
-    return typeof t == "number" && t >= 0 ? `${t}px` : typeof t == "string" && D(t) ? ie(t) ? `var(${t})` : t : C(w(e, t));
-}
-function w(e, t) {
-  const n = e.space ?? gt, i = se(Object.entries(n).map(([s, o]) => [s, typeof o == "number" ? `${o}px` : o]));
-  return C(i[t]);
-}
-function v(e, t) {
-  if (t === void 0) return;
-  if (typeof t == "number" && t >= 0) return `${t}px`;
-  if (typeof t == "string" && D(t)) return ie(t) ? `var(${t})` : t;
-  const n = e.sizes ?? mt, i = se(Object.entries(n).map(([s, o]) => [s, typeof o == "number" ? `${o}px` : o]));
-  return C(i[t]);
-}
-function bt(e) {
-  return e === void 0 ? "100%" : typeof e == "number" ? `${e}px` : e;
+function me(e) {
+  return e === void 0 ? "100%" : typeof e == "number" ? `${e}px` : A(e) ?? e;
 }
-function Gt(e) {
-  const t = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((r, [a, l]) => r + `${a}:${l};`, ""), n = () => `--maxWidth: ${bt(e.maxWidth)};`, i = () => e.centerText ? "center-text" : "", s = () => e.centerChildren ? "center-children" : "", o = () => [i(), s()].filter(Boolean).join(" "), c = () => [t(), n()].join("; ");
-  return m(() => e.as ?? "div", d(g(e, ["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 oe = le({});
-function Ht(e) {
-  return I(oe.Provider, {
-    get value() {
-      return e.theme;
-    },
-    get children() {
-      return e.children;
-    }
-  });
-}
-function S() {
-  try {
-    return ae(oe);
-  } catch {
-    return {};
-  }
-}
-function $t(e, t) {
-  return v(e, t);
+function be(e) {
+  return A(e);
 }
-function Vt(e) {
-  const t = S(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((r, [a, l]) => r + `${a}:${l};`, ""), i = () => `--gutter: ${w(t, e.gap ?? e.gutter ?? "size00") ?? "0px"}`, s = () => `--minItemWidth: ${$t(t, e.minItemWidth)}`, o = () => e.noStretchedColumns === !0 ? "no-stretched-columns" : "", c = () => [n(), i(), s()].join("; ");
-  return m(() => e.as ?? "div", d(g(e, ["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 _t(e, t) {
-  const [n, i] = O(!1), [s, o] = O();
-  return q(() => {
-    J();
-  }), Q(() => {
-    if (C(s()) === void 0) return;
-    t && t(s());
-    const c = Z(s(), (r) => {
-      var l;
-      const a = ((l = r.borderBoxSize) == null ? void 0 : l.inlineSize) ?? r.contentRect.width;
-      if (a > 0) {
-        const f = a <= e;
-        i(f);
-      }
-    });
-    Y(c);
-  }), [n, o];
-}
-function wt(e) {
-  return Array.isArray(e) && e.length === 2 && e.every(Number.isFinite) || typeof e == "string" && /^\d{1,1000} {0,1}\/ {0,1}\d{1,1000}$/.test(e);
+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 St(e) {
+function we(e) {
   return Array.isArray(e) ? e.join("/") : e;
 }
-function At(e) {
-  return wt(e) ? St(e) : void 0;
+function Ae(e) {
+  return $e(e) ? we(e) : void 0;
 }
-function Ut(e) {
-  const t = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((c, [r, a]) => c + `${r}:${a};`, ""), n = () => At(e.ratio), i = () => n() ? `--ratio: ${n()}` : "", s = () => typeof e.position == "string" ? `--position: ${e.position}` : "50%", o = () => [t(), i(), s()].join("; ");
-  return m(() => e.as ?? "div", d(g(e, ["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 xt(e) {
-  const t = S(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((c, [r, a]) => c + `${r}:${a};`, ""), i = () => `--gutter: ${w(t, e.gap ?? e.gutter ?? "size00") ?? "0px"}`, s = () => `--minItemWidth: ${typeof e.minItemWidth == "string" ? e.minItemWidth : `${e.minItemWidth ?? 0}px`};`, o = () => [n(), i(), s()].join("; ");
-  return m(() => e.as ?? "div", d(g(e, ["as", "gutter", "minItemWidth"]), b({
-    style: o,
+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 re(e) {
-  const t = String(e), n = parseFloat(t), [, i] = t.match(/[\d.\-+]*\s*(.*)/) ?? ["", ""];
-  return [n, i];
-}
-function W(e, t) {
-  if (!e) return;
-  const n = t ?? document.body, i = (e ?? "px").trim().toLowerCase();
-  switch (i) {
-    case "vmin":
-    case "vmax":
-    case "vh":
-    case "vw":
-    case "%":
-      return;
-    case "ch":
-    case "ex":
-      return Ct(i, n);
-    case "em":
-      return R(n, "font-size");
-    case "rem":
-      return R(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] = re(i);
-      if (isNaN(s)) return;
-      if (!o) return s;
-      const c = W(o, t);
-      return typeof c == "number" ? s * c : void 0;
-    }
-  }
-}
-function R(e, t) {
-  const [n, i] = re(
-    getComputedStyle(e).getPropertyValue(t)
-  );
-  return n * (W(i, e) ?? 1);
-}
-function Ct(e, t) {
-  const n = document.createElement("div");
-  n.style.height = "128" + e, t.appendChild(n);
-  const i = R(n, "height") / 128;
-  return t.removeChild(n), i;
-}
-var jt = /* @__PURE__ */ K("<div>");
-const z = 1, Et = typeof window == "object" && typeof document == "object" && document.nodeType === 9, It = (e) => {
-  const [t, n] = O(1), [i, s] = O(), o = S();
-  return q(() => (J(), 0)), Q(() => {
-    const c = C(i());
-    if (c === void 0) return;
-    const r = Z(c, ({
-      target: a
-    }) => {
-      n(1);
-      const l = e.gutter ? w(o, e.gutter) ?? "1px" : "1px", f = Et ? W(l, a) : void 0, y = Math.max(f ?? z, z), [u] = Array.from(a.children), $ = 1 + Math.min(a.scrollHeight, u.scrollHeight), j = Math.max(Math.ceil($ / y), z);
-      return n(j), 0;
-    });
-    return Y(r), 0;
-  }), (() => {
-    var c = jt();
-    return ee(s, c), te(c, () => e.children), A((r) => p(c, `grid-row: span ${t()};`, r)), c;
-  })();
-}, Xt = (e) => {
-  const t = fe(() => e.children), i = [].concat(t()).filter(Boolean).map((s) => I(It, {
-    get gutter() {
-      return e.gutter;
-    },
-    children: s
-  }));
-  return I(xt, d({
-    style: "grid-template-rows: 1px;"
-  }, e, {
-    children: i
-  }));
-}, Tt = {
+const je = {
   start: "justify:start",
   end: "justify:end",
   center: "justify:center",
   "space-between": "justify:space-between",
   "space-around": "justify:space-around"
-}, Pt = {
+}, R = {
   start: "align:start",
   end: "align:end",
   center: "align:center",
   stretch: "align:stretch"
 };
-function qt(e) {
-  const t = S(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((a, [l, f]) => a + `${l}:${f};`, ""), i = () => `--gutter: ${w(t, e.gap ?? e.gutter ?? "size00") ?? "0px"}`, s = () => e.justify !== void 0 ? Tt[e.justify] : void 0, o = () => e.align !== void 0 ? Pt[e.align] : void 0, c = () => [n(), i()].join("; "), r = () => [s(), o()].filter(Boolean).join(" ");
-  return m(() => e.as ?? "div", d(g(e, ["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 Mt = {
+const Se = {
   start: "justify:start",
   end: "justify:end",
   center: "justify:center",
   "space-between": "justify:space-between",
   "space-around": "justify:space-around"
-}, Ot = {
+}, D = {
   start: "align:start",
   end: "align:end",
   center: "align:center",
   stretch: "align:stretch"
 };
-function Qt(e) {
-  const t = S(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((y, [u, $]) => y + `${u}:${$};`, ""), i = () => `--gutter: ${w(t, e.gap ?? e.gutter ?? "size00") ?? "0px"}`, s = () => e.minItemWidth ? `--minItemWidth: ${typeof e.minItemWidth == "string" ? e.minItemWidth : `${e.minItemWidth}px`};` : void 0, o = () => e.switchAt ? `--switchAt: ${v(t, e.switchAt) ?? "0px"};` : "", c = () => e.justify !== void 0 ? Mt[e.justify] : void 0, r = () => e.align !== void 0 ? Ot[e.align] : void 0, a = () => e.stretch ? `stretch:${e.stretch}` : void 0, l = () => [n(), i(), o(), s()].join("; "), f = () => [c(), r(), a()].filter(Boolean).join(" ");
-  return m(() => e.as ?? "div", d(g(e, ["as", "gutter", "justify", "align", "stretch", "switchAt"]), b({
+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": f
+    "data-br-inline": u
   })));
 }
-const vt = (e) => ({
-  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"
-})[e], zt = (e, t) => {
-  if (!t) return "";
-  if (Array.isArray(t) && t.length > 4)
-    throw new Error("padding arrays can only be 4 or less in length");
-  const n = typeof t == "object" && !Array.isArray(t) ? Object.entries(t).reduce((i, [s, o]) => ({
-    ...i,
-    [vt(s)]: _(e, o) ?? "0px"
-  }), {}) : {
-    padding: Array.from(Array.isArray(t) ? t : [t]).map((i) => _(e, i) ?? "0px").join(" ")
-  };
-  return Object.entries(n).reduce((i, [s, o]) => i + `${s}:${o};`, "");
-};
-function Yt(e) {
-  const t = S(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((o, [c, r]) => o + `${c}:${r};`, ""), i = () => zt(t, e.padding), s = () => [n(), i()].join("; ");
-  return m(() => e.as ?? "div", d(g(e, ["as", "padding"]), b({
-    style: s,
-    "data-br-padbox": () => ""
-  })));
-}
-function Jt(e) {
-  const t = S(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((c, [r, a]) => c + `${r}:${a};`, ""), i = () => `--gutter: ${w(t, e.gap ?? e.gutter ?? "size00") ?? "0px"}`, s = () => {
+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";
@@ -925,13 +672,13 @@ function Jt(e) {
       default:
         return "snapType:none";
     }
-  }, o = () => [n(), i()].join("; ");
-  return m(() => e.as ?? "div", d(g(e, ["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 U = {
+const W = {
   "1/4": "fraction:1/4",
   "1/3": "fraction:1/3",
   "1/2": "fraction:1/2",
@@ -940,85 +687,79 @@ const U = {
   "auto-start": "fraction:auto-start",
   "auto-end": "fraction:auto-end"
 };
-function Zt(e) {
-  const t = S(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((a, [l, f]) => a + `${l}:${f};`, ""), i = () => e.switchAt ? `--switchAt: ${v(t, e.switchAt) ?? "0px"};` : "", s = () => `--gutter: ${w(t, e.gap ?? e.gutter ?? "size00") ?? "0px"}`, o = () => U[e.fraction ?? "1/2"] ?? U["1/2"], c = () => e.minItemWidth ? `--minItemWidth: ${typeof e.minItemWidth == "string" ? e.minItemWidth : `${e.minItemWidth}px`};` : void 0, r = () => [n(), s(), i(), c()].join("; ");
-  return m(() => e.as ?? "div", d(g(e, ["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 Nt = {
+const Ce = {
   start: "align:start",
   end: "align:end",
   center: "align:center",
   stretch: "align:stretch"
 };
-function Kt(e) {
-  const t = S(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((r, [a, l]) => r + `${a}:${l};`, ""), i = () => `--gutter: ${w(t, e.gap ?? e.gutter ?? "size00") ?? "0px"}`, s = () => [n(), i()].join("; "), o = () => e.align !== void 0 ? Nt[e.align] : void 0, c = () => [o()].filter(Boolean).join(" ");
-  return m(() => e.as ?? "div", d(g(e, ["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 kt = /* @__PURE__ */ K("<div data-br-cover-centered>");
-function Lt(e) {
-  return typeof e == "number" ? `${e}px` : e && D(e) ? e : "100vh";
+function Ee(e) {
+  return typeof e == "number" ? `${e}px` : A(e) ?? "100%";
 }
-function Rt(e) {
-  const t = S(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((r, [a, l]) => r + `${a}:${l};`, ""), i = () => `--gutter: ${w(t, e.gap ?? e.gutter ?? "size00") ?? "0px"}`, s = () => `--minHeight: ${Lt(e.minHeight)};`, o = () => e.variant === "stretch-content" || e.stretchContent === !0 ? "stretch-content" : "", c = () => [n(), i(), s()].join("; ");
-  return m(() => e.as ?? "div", d(g(e, ["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 pt(e) {
-  const [t, n] = X(e, ["children", "top", "bottom"]);
-  return I(Rt, 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 [B(() => t.top), (() => {
-        var i = kt();
-        return te(i, () => t.children), i;
-      })(), B(() => t.bottom)];
+      return e.children;
     }
   }));
 }
-function en(e) {
-  const t = S(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((r, [a, l]) => r + `${a}:${l};`, ""), i = () => `--gutter: ${w(t, e.gap ?? e.gutter ?? "size00") ?? "0px"}`, s = () => `--columns: ${C(Math.max(e.colCount ?? e.columns ?? 1, 1)) ?? 1};`, o = () => e.switchAt ? `--switchAt: ${v(t, e.switchAt) ?? "0px"};` : "", c = () => [n(), i(), s(), o()].filter(Boolean).join("; ");
-  return m(() => e.as ?? "div", d(g(e, ["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 Dt = (e) => typeof e == "number" ? e : 1;
-function tn(e) {
-  const t = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((c, [r, a]) => c + `${r}:${a};`, ""), n = () => `--span: ${Dt(e.span)};`, i = () => e.offsetStart && e.offsetStart > 0 ? `--offsetStart: ${e.offsetStart};` : "", s = () => e.offsetEnd && e.offsetEnd > 0 ? `--offsetEnd: ${e.offsetEnd};` : "", o = () => [t(), n(), i(), s()].join("; ");
-  return m(() => e.as ?? "div", d(g(e, ["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 {
-  Gt as Center,
-  tn as Column,
-  Vt as ColumnDrop,
-  en as Columns,
-  pt as Cover,
-  Ut as Frame,
-  xt as Grid,
-  Qt as Inline,
-  qt as InlineCluster,
-  Xt as MasonryGrid,
-  Yt as PadBox,
-  Jt as Reel,
-  Zt as Split,
-  Kt as Stack,
-  Ht as ThemeProvider,
-  D as checkIsCSSLength,
-  _t as createContainerQuery,
-  _ as getSafeGutter,
-  v as getSizeValue,
-  w as getSpacingValue,
-  mt as sizes,
-  gt as spacing,
-  S 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
 };