@bedrock-layout/solid 1.7.2 → 1.7.3

package/lib/index.m.js

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