@bedrock-layout/solid 1.7.3 → 1.7.4

package/lib/index.m.js

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