@bedrock-layout/solid 1.7.4 → 1.7.5

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 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 = [
   "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"
+], de = /* @__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",
+  ...ue
+]), ye = /* @__PURE__ */ new Set(["innerHTML", "textContent", "innerText", "children"]), he = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
   className: "class",
   htmlFor: "for"
-}), gt = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
+}), ge = /* @__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 me(e, t) {
+  const n = ge[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([
   "altGlyph",
   "altGlyphDef",
   "altGlyphItem",
@@ -174,357 +237,352 @@ const ht = /* @__PURE__ */ new Set([
   "use",
   "view",
   "vkern"
-]), $t = {
+]), we = {
   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;
+}, 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 (e[c] === n[r]) {
+    if (t[c] === n[r]) {
       c++, r++;
       continue;
     }
-    for (; e[s - 1] === n[o - 1]; )
+    for (; t[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);
+      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; )
-        (!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];
+        (!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];
     } else {
-      if (!a) {
-        a = /* @__PURE__ */ new Map();
+      if (!l) {
+        l = /* @__PURE__ */ new Map();
         let y = r;
-        for (; y < o; ) a.set(n[y], y++);
+        for (; y < o; ) l.set(n[y], y++);
       }
-      const f = a.get(e[c]);
+      const f = l.get(t[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); )
+          for (; ++y < s && y < o && !(($ = l.get(t[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++]);
+            const j = t[c];
+            for (; r < f; ) e.insertBefore(n[r++], j);
+          } else e.replaceChild(n[r++], t[c++]);
         } else c++;
-      else e[c++].remove();
+      else t[c++].remove();
     }
   }
 }
-const R = "_$DX_DELEGATE";
-function Z(t, e, n, i) {
+const F = "_$DX_DELEGATE";
+function K(e, t, 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 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 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));
+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));
   }
 }
-function N(t, e, n) {
-  j(t) || (n == null ? t.removeAttribute(e) : t.setAttribute(e, n));
+function k(e, t, n) {
+  x(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 xe(e, t, n, i) {
+  x(e) || (i == null ? e.removeAttributeNS(t, n) : e.setAttributeNS(t, n, i));
 }
-function jt(t, e, n) {
-  j(t) || (n ? t.setAttribute(e, "") : t.removeAttribute(e));
+function Ce(e, t, n) {
+  x(e) || (n ? e.setAttribute(t, "") : e.removeAttribute(t));
 }
-function At(t, e) {
-  j(t) || (e == null ? t.removeAttribute("class") : t.className = e);
+function je(e, t) {
+  x(e) || (t == null ? e.removeAttribute("class") : e.className = t);
 }
-function Ct(t, e, n, i) {
+function Ee(e, t, n, i) {
   if (i)
-    Array.isArray(n) ? (t[`$$${e}`] = n[0], t[`$$${e}Data`] = n[1]) : t[`$$${e}`] = n;
+    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);
+    e.addEventListener(t, n[0] = (o) => s.call(e, n[1], o));
+  } else e.addEventListener(t, n, typeof n != "function" && n);
 }
-function Et(t, e, n = {}) {
-  const i = Object.keys(e || {}), s = Object.keys(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" || e[r] || (G(t, r, !1), delete n[r]);
+    !r || r === "undefined" || t[r] || (G(e, r, !1), delete n[r]);
   }
   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);
+    const r = i[o], a = !!t[r];
+    !r || r === "undefined" || n[r] === a || !a || (G(e, r, !0), n[r] = 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 = {});
+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;
   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 && i.removeProperty(o), delete n[o];
+  for (o in t)
+    s = t[o], s !== n[o] && (i.setProperty(o, s), n[o] = s);
   return n;
 }
-function Tt(t, e = {}, n, i) {
+function Te(e, t = {}, 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;
+  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 p(t, e, n) {
-  return W(() => t(e, n));
+function ee(e, t, n) {
+  return M(() => e(t, 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 te(e, t, n, i) {
+  if (typeof t != "function") return T(e, t, i, n);
+  A((s) => T(e, t(), s, n), i);
 }
-function It(t, e, n, i, s = {}, o = !1) {
-  e || (e = {});
+function Pe(e, t, n, i, s = {}, o = !1) {
+  t || (t = {});
   for (const c in s)
-    if (!(c in e)) {
+    if (!(c in t)) {
       if (c === "children") continue;
-      s[c] = H(t, c, null, s[c], n, o, e);
+      s[c] = H(e, c, null, s[c], n, o, t);
     }
-  for (const c in e) {
+  for (const c in t) {
     if (c === "children")
       continue;
-    const r = e[c];
-    s[c] = H(t, c, r, s[c], n, o, e);
+    const r = t[c];
+    s[c] = H(e, c, r, s[c], 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 Me(e) {
+  let t, n;
+  return !x() || !(t = h.registry.get(n = ze())) ? e() : (h.completed && h.completed.add(t), h.registry.delete(n), t);
 }
-function j(t) {
-  return !!g.context && !g.done && (!t || t.isConnected);
+function x(e) {
+  return !!h.context && !h.done && (!e || e.isConnected);
 }
-function Mt(t) {
-  return t.toLowerCase().replace(/-([a-z])/g, (e, n) => n.toUpperCase());
+function Oe(e) {
+  return e.toLowerCase().replace(/-([a-z])/g, (t, 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 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 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);
+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;
-  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 (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);
+  } else if (t.slice(0, 10) === "oncapture:") {
+    const u = t.slice(10);
+    i && e.removeEventListener(u, i, !0), n && e.addEventListener(u, n, !0);
+  } else if (t.slice(0, 2) === "on") {
+    const u = t.slice(2).toLowerCase(), $ = be.has(u);
     if (!$ && i) {
-      const C = Array.isArray(i) ? i[0] : i;
-      t.removeEventListener(u, C);
+      const j = Array.isArray(i) ? i[0] : i;
+      e.removeEventListener(u, j);
     }
-    ($ || 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)) {
+    ($ || n) && (Ee(e, u, n, $), $ && Ae([u]));
+  } else if (t.slice(0, 5) === "attr:")
+    k(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)
-      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;
+      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 {
-    const u = s && e.indexOf(":") > -1 && $t[e.split(":")[0]];
-    u ? wt(t, u, e, n) : N(t, yt[e] || e, n);
+    const u = s && t.indexOf(":") > -1 && we[t.split(":")[0]];
+    u ? xe(e, u, t, n) : k(e, he[t] || t, n);
   }
   return n;
 }
-function Ot(t) {
-  if (g.registry && g.events && g.events.find(([l, a]) => a === t))
+function ve(e) {
+  if (h.registry && h.events && h.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}`, i = e.target, s = e.currentTarget, o = (a) => Object.defineProperty(e, "target", {
     configurable: !0,
-    value: l
+    value: a
   }), 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;
+    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;
+    return t.host && typeof t.host != "string" && !t.host._$host && t.contains(e.target) && o(t.host), !0;
   }, r = () => {
-    for (; c() && (e = e._$host || e.parentNode || e.host); ) ;
+    for (; c() && (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();
+  }), h.registry && !h.done && (h.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++) {
+      if (t._$host) {
+        t = t._$host, r();
         break;
       }
-      if (e.parentNode === s)
+      if (t.parentNode === s)
         break;
     }
   } else r();
   o(i);
 }
-function I(t, e, n, i, s) {
-  const o = j(t);
+function T(e, t, n, i, s) {
+  const o = x(e);
   if (o) {
-    !n && (n = [...t.childNodes]);
+    !n && (n = [...e.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);
+    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);
     }
     n = r;
   }
   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 c = typeof t;
+  if (e = e, c === "string" || c === "number") {
+    if (o || c === "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 || c === "boolean") {
     if (o) return n;
-    n = v(t, n, i);
+    n = P(e, n, i);
   } else {
     if (c === "function")
-      return w(() => {
-        let r = e();
+      return A(() => {
+        let r = t();
         for (; typeof r == "function"; ) r = r();
-        n = I(t, r, n, i);
+        n = T(e, r, n, i);
       }), () => 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 r = [], a = n && Array.isArray(n);
+      if (L(r, t, n, s))
+        return A(() => n = T(e, r, n, i, !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 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;
+    } 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;
     }
   }
   return n;
 }
-function k(t, e, n, i) {
+function L(e, t, 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);
+  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 = k(t, r, l) || s;
-    else if (a === "function")
+      s = L(e, r, a) || s;
+    else if (l === "function")
       if (i) {
         for (; typeof r == "function"; ) r = r();
-        s = k(
-          t,
-          Array.isArray(r) ? r : [r],
-          Array.isArray(l) ? l : [l]
-        ) || s;
+        s = L(e, Array.isArray(r) ? r : [r], Array.isArray(a) ? a : [a]) || s;
       } else
-        t.push(r), s = !0;
+        e.push(r), s = !0;
     else {
       const f = String(r);
-      l && l.nodeType === 3 && l.data === f ? t.push(l) : t.push(document.createTextNode(f));
+      a && a.nodeType === 3 && a.data === f ? e.push(a) : e.push(document.createTextNode(f));
     }
   }
   return s;
 }
-function _(t, e, n = null) {
-  for (let i = 0, s = e.length; i < s; i++) t.insertBefore(e[i], n);
+function V(e, t, n = null) {
+  for (let i = 0, s = t.length; i < s; i++) e.insertBefore(t[i], n);
 }
-function v(t, e, n, i) {
-  if (n === void 0) return t.textContent = "";
+function P(e, t, n, i) {
+  if (n === void 0) return e.textContent = "";
   const s = i || document.createTextNode("");
-  if (e.length) {
+  if (t.length) {
     let o = !1;
-    for (let c = e.length - 1; c >= 0; c--) {
-      const r = e[c];
+    for (let c = t.length - 1; c >= 0; c--) {
+      const r = t[c];
       if (s !== r) {
-        const l = r.parentNode === t;
-        !o && !c ? l ? t.replaceChild(s, r) : t.insertBefore(s, n) : l && r.remove();
+        const a = r.parentNode === e;
+        !o && !c ? a ? e.replaceChild(s, r) : e.insertBefore(s, n) : a && r.remove();
       } else o = !0;
     }
-  } else t.insertBefore(s, n);
+  } else e.insertBefore(s, n);
   return [s];
 }
-function Pt() {
-  return g.getNextContextId();
+function ze() {
+  return h.getNextContextId();
 }
-const zt = "http://www.w3.org/2000/svg";
-function Nt(t, e = !1) {
-  return e ? document.createElementNS(zt, t) : document.createElement(t);
+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, {
+    is: n
+  });
 }
-function kt(t, e) {
-  const n = M(t);
-  return M(() => {
+function Le(e, t) {
+  const n = N(e);
+  return N(() => {
     const i = n();
     switch (typeof i) {
       case "function":
-        return W(() => i(e));
+        return M(() => i(t));
       case "string":
-        const s = bt.has(i), o = g.context ? vt() : Nt(i, s);
-        return Tt(o, e, s), o;
+        const s = $e.has(i), o = h.context ? Me() : ke(i, s, M(() => t.is));
+        return Te(o, t, s), o;
     }
   });
 }
-function Lt(t) {
-  const [, e] = X(t, ["component"]);
-  return kt(() => t.component, e);
+function Re(e) {
+  const [, t] = X(e, ["component"]);
+  return Le(() => e.component, t);
 }
-function A(t) {
-  return t ?? void 0;
+function C(e) {
+  return e ?? void 0;
 }
-function m(t, e) {
-  return Object.keys(t).filter((n) => !e.includes(n)).reduce((n, i) => Object.defineProperty({
+function g(e, t) {
+  return Object.keys(e).filter((n) => !t.includes(n)).reduce((n, i) => Object.defineProperty({
     ...n
   }, i, {
     get() {
-      return t[i];
+      return e[i];
     },
     configurable: !0,
     enumerable: !0
   }), {});
 }
-function h(t, e) {
-  return T(Lt, d({
+function m(e, t) {
+  return I(Re, d({
     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 i = e[n];
+    return Object.defineProperty(t, n, {
       get() {
         return i();
       },
@@ -533,185 +591,185 @@ function b(t) {
     });
   }, {}) : new Error("Please provide an object with accessor values only.");
 }
-const et = /^--\D{1}.{0,100}$/;
-function nt(t) {
-  return et.test(t);
+const ne = /^--\D{1}.{0,100}$/;
+function ie(e) {
+  return ne.test(e);
 }
-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));
+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: 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,
+  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 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 _(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 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 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 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 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 he(t) {
-  return t === void 0 ? "100%" : typeof t == "number" ? `${t}px` : t;
+function bt(e) {
+  return e === void 0 ? "100%" : typeof e == "number" ? `${e}px` : e;
 }
-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 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({
     style: c,
     "data-br-center": o
   })));
 }
-const st = ct({});
-function He(t) {
-  return T(st.Provider, {
+const oe = le({});
+function Ht(e) {
+  return I(oe.Provider, {
     get value() {
-      return t.theme;
+      return e.theme;
     },
     get children() {
-      return t.children;
+      return e.children;
     }
   });
 }
-function x() {
+function S() {
   try {
-    return lt(st);
+    return ae(oe);
   } catch {
     return {};
   }
 }
-function be(t, e) {
-  return P(t, e);
+function $t(e, t) {
+  return v(e, t);
 }
-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({
+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 Fe(t, e) {
+function _t(e, t) {
   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;
+  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);
       }
     });
-    Q(c);
+    Y(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 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 Se(t) {
-  return Array.isArray(t) ? t.join("/") : t;
+function St(e) {
+  return Array.isArray(e) ? e.join("/") : e;
 }
-function xe(t) {
-  return $e(t) ? Se(t) : void 0;
+function At(e) {
+  return wt(e) ? St(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 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({
     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({
+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,
-    "data-br-grid": () => t.variant === "masonry" ? "variant:masonry" : ""
+    "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*(.*)/) ?? ["", ""];
+function re(e) {
+  const t = String(e), n = parseFloat(t), [, i] = t.match(/[\d.\-+]*\s*(.*)/) ?? ["", ""];
   return [n, i];
 }
-function D(t, e) {
-  if (!t) return;
-  const n = e ?? document.body, i = (t ?? "px").trim().toLowerCase();
+function W(e, t) {
+  if (!e) return;
+  const n = t ?? document.body, i = (e ?? "px").trim().toLowerCase();
   switch (i) {
     case "vmin":
     case "vmax":
@@ -721,11 +779,11 @@ function D(t, e) {
       return;
     case "ch":
     case "ex":
-      return je(i, n);
+      return Ct(i, n);
     case "em":
-      return L(n, "font-size");
+      return R(n, "font-size");
     case "rem":
-      return L(document.body, "font-size");
+      return R(document.body, "font-size");
     case "in":
       return E;
     case "cm":
@@ -739,95 +797,95 @@ function D(t, e) {
     case "px":
       return 1;
     default: {
-      const [s, o] = ot(i);
+      const [s, o] = re(i);
       if (isNaN(s)) return;
       if (!o) return s;
-      const c = D(o, e);
+      const c = W(o, t);
       return typeof c == "number" ? s * c : void 0;
     }
   }
 }
-function L(t, e) {
-  const [n, i] = ot(
-    getComputedStyle(t).getPropertyValue(e)
+function R(e, t) {
+  const [n, i] = re(
+    getComputedStyle(e).getPropertyValue(t)
   );
-  return n * (D(i, t) ?? 1);
+  return n * (W(i, e) ?? 1);
 }
-function je(t, e) {
+function Ct(e, t) {
   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());
+  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 = J(c, ({
-      target: l
+    const r = Z(c, ({
+      target: a
     }) => {
       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;
+      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 Q(r), 0;
+    return Y(r), 0;
   }), (() => {
-    var c = Ae();
-    return p(s, c), tt(c, () => t.children), w((r) => K(c, `grid-row: span ${e()};`, r)), c;
+    var c = jt();
+    return ee(s, c), te(c, () => e.children), A((r) => p(c, `grid-row: span ${t()};`, r)), c;
   })();
-}, Xe = (t) => {
-  const e = at(() => t.children), i = [].concat(e()).filter(Boolean).map((s) => T(Ee, {
+}, Xt = (e) => {
+  const t = fe(() => e.children), i = [].concat(t()).filter(Boolean).map((s) => I(It, {
     get gutter() {
-      return t.gutter;
+      return e.gutter;
     },
     children: s
   }));
-  return T(we, d({
+  return I(xt, d({
     style: "grid-template-rows: 1px;"
-  }, t, {
+  }, e, {
     children: i
   }));
-}, Te = {
+}, Tt = {
   start: "justify:start",
   end: "justify:end",
   center: "justify:center",
   "space-between": "justify:space-between",
   "space-around": "justify:space-around"
-}, Ie = {
+}, Pt = {
   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({
+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,
     "data-br-inline-cluster": r
   })));
 }
-const ve = {
+const Mt = {
   start: "justify:start",
   end: "justify:end",
   center: "justify:center",
   "space-between": "justify:space-between",
   "space-around": "justify:space-around"
-}, Me = {
+}, Ot = {
   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,
+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({
+    style: l,
     "data-br-inline": f
   })));
 }
-const Oe = (t) => ({
+const vt = (e) => ({
   left: "padding-inline-start",
   right: "padding-inline-end",
   top: "padding-block-start",
@@ -836,28 +894,28 @@ const Oe = (t) => ({
   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)
+})[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 e == "object" && !Array.isArray(e) ? Object.entries(e).reduce((i, [s, o]) => ({
+  const n = typeof t == "object" && !Array.isArray(t) ? Object.entries(t).reduce((i, [s, o]) => ({
     ...i,
-    [Oe(s)]: F(t, o) ?? "0px"
+    [vt(s)]: _(e, o) ?? "0px"
   }), {}) : {
-    padding: Array.from(Array.isArray(e) ? e : [e]).map((i) => F(t, i) ?? "0px").join(" ")
+    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 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({
+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 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 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 = () => {
+    switch (e.snapType) {
       case "none":
         return "snapType:none";
       case "proximity":
@@ -868,12 +926,12 @@ function Ye(t) {
         return "snapType:none";
     }
   }, o = () => [n(), i()].join("; ");
-  return h(() => t.as ?? "div", d(m(t, ["as", "gutter"]), b({
+  return m(() => e.as ?? "div", d(g(e, ["as", "gutter"]), b({
     style: o,
     "data-br-reel": s
   })));
 }
-const V = {
+const U = {
   "1/4": "fraction:1/4",
   "1/3": "fraction:1/3",
   "1/2": "fraction:1/2",
@@ -882,85 +940,85 @@ 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 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({
     style: r,
     "data-br-split": o
   })));
 }
-const ze = {
+const Nt = {
   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 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({
     style: s,
     "data-br-stack": c
   })));
 }
-var Ne = /* @__PURE__ */ Z("<div data-br-cover-centered>");
-function ke(t) {
-  return typeof t == "number" ? `${t}px` : t && B(t) ? t : "100vh";
+var kt = /* @__PURE__ */ K("<div data-br-cover-centered>");
+function Lt(e) {
+  return typeof e == "number" ? `${e}px` : e && D(e) ? e : "100vh";
 }
-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({
+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 Ke(t) {
-  const [e, n] = X(t, ["children", "top", "bottom"]);
-  return T(Le, d(n, {
+function pt(e) {
+  const [t, n] = X(e, ["children", "top", "bottom"]);
+  return I(Rt, d(n, {
     get children() {
-      return [M(() => e.top), (() => {
-        var i = Ne();
-        return tt(i, () => e.children), i;
-      })(), M(() => e.bottom)];
+      return [B(() => t.top), (() => {
+        var i = kt();
+        return te(i, () => t.children), i;
+      })(), B(() => t.bottom)];
     }
   }));
 }
-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({
+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,
     "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 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({
     style: o,
     "data-br-column": () => ""
   })));
 }
 export {
-  Ge as Center,
+  Gt 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
+  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
 };