@bedrock-layout/solid 1.1.2 → 1.1.4

package/lib/index.m.js

@@ -1,17 +1,39 @@
-import re from "open-props";
-import { createRenderEffect as S, sharedConfig as d, splitProps as V, createMemo as I, untrack as X, createComponent as E, mergeProps as u, createContext as ce, useContext as le, createSignal as z, onMount as q, createEffect as U, onCleanup as Q, children as fe } from "solid-js";
-import { init as J, registerCallback as Y } from "@bedrock-layout/register-resize-callback";
-const ae = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "ismap", "loop", "multiple", "muted", "nomodule", "novalidate", "open", "playsinline", "readonly", "required", "reversed", "seamless", "selected"], ue = /* @__PURE__ */ new Set(["className", "value", "readOnly", "formNoValidate", "isMap", "noModule", "playsInline", ...ae]), de = /* @__PURE__ */ new Set(["innerHTML", "textContent", "innerText", "children"]), ye = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
+import se from "open-props";
+import { createRenderEffect as w, sharedConfig as d, splitProps as V, createMemo as I, $DEVCOMP as oe, untrack as W, createComponent as E, mergeProps as y, createContext as ce, useContext as re, createSignal as T, onMount as X, createEffect as U, onCleanup as q, children as le } from "solid-js";
+import { init as Q, registerCallback as Y } from "@bedrock-layout/register-resize-callback";
+const fe = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "ismap", "loop", "multiple", "muted", "nomodule", "novalidate", "open", "playsinline", "readonly", "required", "reversed", "seamless", "selected"], ae = /* @__PURE__ */ new Set(["className", "value", "readOnly", "formNoValidate", "isMap", "noModule", "playsInline", ...fe]), ue = /* @__PURE__ */ new Set(["innerHTML", "textContent", "innerText", "children"]), de = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
   className: "class",
   htmlFor: "for"
-}), B = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
+}), ye = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
   class: "className",
-  formnovalidate: "formNoValidate",
-  ismap: "isMap",
-  nomodule: "noModule",
-  playsinline: "playsInline",
-  readonly: "readOnly"
-}), me = /* @__PURE__ */ new Set(["beforeinput", "click", "dblclick", "contextmenu", "focusin", "focusout", "input", "keydown", "keyup", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "pointerdown", "pointermove", "pointerout", "pointerover", "pointerup", "touchend", "touchmove", "touchstart"]), he = /* @__PURE__ */ new Set([
+  formnovalidate: {
+    $: "formNoValidate",
+    BUTTON: 1,
+    INPUT: 1
+  },
+  ismap: {
+    $: "isMap",
+    IMG: 1
+  },
+  nomodule: {
+    $: "noModule",
+    SCRIPT: 1
+  },
+  playsinline: {
+    $: "playsInline",
+    VIDEO: 1
+  },
+  readonly: {
+    $: "readOnly",
+    INPUT: 1,
+    TEXTAREA: 1
+  }
+});
+function me(e, t) {
+  const n = ye[e];
+  return typeof n == "object" ? n[t] ? n.$ : void 0 : n;
+}
+const he = /* @__PURE__ */ new Set(["beforeinput", "click", "dblclick", "contextmenu", "focusin", "focusout", "input", "keydown", "keyup", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "pointerdown", "pointermove", "pointerout", "pointerover", "pointerup", "touchend", "touchmove", "touchstart"]), ge = /* @__PURE__ */ new Set([
   "altGlyph",
   "altGlyphDef",
   "altGlyphItem",
@@ -88,187 +110,196 @@ const ae = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "con
   "use",
   "view",
   "vkern"
-]), ge = {
+]), $e = {
   xlink: "http://www.w3.org/1999/xlink",
   xml: "http://www.w3.org/XML/1998/namespace"
 };
 function be(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++;
+  let i = n.length, s = t.length, c = i, r = 0, o = 0, l = t[s - 1].nextSibling, f = null;
+  for (; r < s || o < c; ) {
+    if (t[r] === n[o]) {
+      r++, o++;
       continue;
     }
-    for (; t[s - 1] === n[r - 1]; )
-      s--, r--;
-    if (s === c) {
-      const a = r < i ? o ? n[o - 1].nextSibling : n[r - o] : l;
-      for (; o < r; )
+    for (; t[s - 1] === n[c - 1]; )
+      s--, c--;
+    if (s === r) {
+      const a = c < i ? o ? n[o - 1].nextSibling : n[c - o] : l;
+      for (; o < c; )
         e.insertBefore(n[o++], a);
-    } else if (r === o)
-      for (; c < s; )
-        (!f || !f.has(t[c])) && t[c].remove(), c++;
-    else if (t[c] === n[r - 1] && n[o] === t[s - 1]) {
+    } else if (c === o)
+      for (; r < s; )
+        (!f || !f.has(t[r])) && t[r].remove(), r++;
+    else if (t[r] === n[c - 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];
+      e.insertBefore(n[o++], t[r++].nextSibling), e.insertBefore(n[--c], a), t[s] = n[c];
     } else {
       if (!f) {
         f = /* @__PURE__ */ new Map();
-        let y = o;
-        for (; y < r; )
-          f.set(n[y], y++);
+        let u = o;
+        for (; u < c; )
+          f.set(n[u], u++);
       }
-      const a = f.get(t[c]);
+      const a = f.get(t[r]);
       if (a != null)
-        if (o < a && a < r) {
-          let y = c, x = 1, A;
-          for (; ++y < s && y < r && !((A = f.get(t[y])) == null || A !== a + x); )
-            x++;
-          if (x > a - o) {
-            const P = t[c];
+        if (o < a && a < c) {
+          let u = r, $ = 1, S;
+          for (; ++u < s && u < c && !((S = f.get(t[u])) == null || S !== a + $); )
+            $++;
+          if ($ > a - o) {
+            const M = t[r];
             for (; o < a; )
-              e.insertBefore(n[o++], P);
+              e.insertBefore(n[o++], M);
           } else
-            e.replaceChild(n[o++], t[c++]);
+            e.replaceChild(n[o++], t[r++]);
         } else
-          c++;
+          r++;
       else
-        t[c++].remove();
+        t[r++].remove();
     }
   }
 }
-const D = "_$DX_DELEGATE";
-function Z(e, t, n) {
-  const i = document.createElement("template");
-  i.innerHTML = e;
-  let s = i.content.firstChild;
-  return n && (s = s.firstChild), s;
-}
-function $e(e, t = window.document) {
-  const n = t[D] || (t[D] = /* @__PURE__ */ new Set());
+const R = "_$DX_DELEGATE";
+function J(e, t, n) {
+  let i;
+  const s = () => {
+    const r = document.createElement("template");
+    return r.innerHTML = e, n ? r.content.firstChild.firstChild : r.content.firstChild;
+  }, c = t ? () => W(() => document.importNode(i || (i = s()), !0)) : () => (i || (i = s())).cloneNode(!0);
+  return c.cloneNode = c, c;
+}
+function xe(e, t = window.document) {
+  const n = t[R] || (t[R] = /* @__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, Me));
+    const c = e[i];
+    n.has(c) || (n.add(c), t.addEventListener(c, Pe));
   }
 }
-function K(e, t, n) {
+function k(e, t, n) {
   n == null ? e.removeAttribute(t) : e.setAttribute(t, n);
 }
-function xe(e, t, n, i) {
+function Se(e, t, n, i) {
   i == null ? e.removeAttributeNS(t, n) : e.setAttributeNS(t, n, i);
 }
-function Se(e, t) {
+function we(e, t) {
   t == null ? e.removeAttribute("class") : e.className = t;
 }
-function Ae(e, t, n, i) {
+function je(e, t, n, i) {
   if (i)
     Array.isArray(n) ? (e[`$$${t}`] = n[0], e[`$$${t}Data`] = n[1]) : e[`$$${t}`] = n;
   else if (Array.isArray(n)) {
     const s = n[0];
-    e.addEventListener(t, n[0] = (r) => s.call(e, n[1], r));
+    e.addEventListener(t, n[0] = (c) => s.call(e, n[1], c));
   } else
     e.addEventListener(t, n);
 }
-function we(e, t, n = {}) {
+function Ae(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] || (R(e, o, !1), delete n[o]);
+  let c, r;
+  for (c = 0, r = s.length; c < r; c++) {
+    const o = s[c];
+    !o || o === "undefined" || t[o] || (v(e, o, !1), delete n[o]);
   }
-  for (r = 0, c = i.length; r < c; r++) {
-    const o = i[r], l = !!t[o];
-    !o || o === "undefined" || n[o] === l || !l || (R(e, o, !0), n[o] = l);
+  for (c = 0, r = i.length; c < r; c++) {
+    const o = i[c], l = !!t[o];
+    !o || o === "undefined" || n[o] === l || !l || (v(e, o, !0), n[o] = l);
   }
   return n;
 }
-function p(e, t, n) {
+function Z(e, t, n) {
   if (!t)
-    return n ? K(e, "style") : t;
+    return n ? k(e, "style") : t;
   const i = e.style;
   if (typeof t == "string")
     return i.cssText = t;
   typeof n == "string" && (i.cssText = n = void 0), n || (n = {}), t || (t = {});
-  let s, 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);
+  let s, c;
+  for (c in n)
+    t[c] == null && i.removeProperty(c), delete n[c];
+  for (c in t)
+    s = t[c], s !== n[c] && (i.setProperty(c, s), n[c] = s);
   return n;
 }
-function je(e, t = {}, n, i) {
+function Ce(e, t = {}, n, i) {
   const s = {};
-  return i || S(() => s.children = j(e, t.children, s.children)), S(() => t.ref && t.ref(e)), S(() => Ee(e, t, n, !0, s, !0)), s;
+  return i || w(() => s.children = A(e, t.children, s.children)), w(() => t.ref && t.ref(e)), w(() => Oe(e, t, n, !0, s, !0)), s;
 }
-function Ce(e, t, n) {
-  return X(() => e(t, n));
+function Ee(e, t, n) {
+  return W(() => e(t, n));
 }
-function ee(e, t, n, i) {
+function K(e, t, n, i) {
   if (n !== void 0 && !i && (i = []), typeof t != "function")
-    return j(e, t, i, n);
-  S((s) => j(e, t(), s, n), i);
+    return A(e, t, i, n);
+  w((s) => A(e, t(), s, n), i);
 }
-function Ee(e, t, n, i, s = {}, r = !1) {
+function Oe(e, t, n, i, s = {}, c = !1) {
   t || (t = {});
-  for (const c in s)
-    if (!(c in t)) {
-      if (c === "children")
+  for (const r in s)
+    if (!(r in t)) {
+      if (r === "children")
         continue;
-      s[c] = G(e, c, null, s[c], n, r);
+      s[r] = H(e, r, null, s[r], n, c);
     }
-  for (const c in t) {
-    if (c === "children") {
-      i || j(e, t.children);
+  for (const r in t) {
+    if (r === "children") {
+      i || A(e, t.children);
       continue;
     }
-    const o = t[c];
-    s[c] = G(e, c, o, s[c], n, r);
+    const o = t[r];
+    s[r] = H(e, r, o, s[r], n, c);
   }
 }
 function Ie(e) {
   let t, n;
-  return !d.context || !(t = d.registry.get(n = Oe())) ? e.cloneNode(!0) : (d.completed && d.completed.add(t), d.registry.delete(n), t);
+  if (!d.context || !(t = d.registry.get(n = Me()))) {
+    if (d.context && console.warn("Unable to find DOM nodes for hydration key:", n), !e)
+      throw new Error("Unrecoverable Hydration Mismatch. No template for key: " + n);
+    return e();
+  }
+  return d.completed && d.completed.add(t), d.registry.delete(n), t;
 }
-function ze(e) {
+function Te(e) {
   return e.toLowerCase().replace(/-([a-z])/g, (t, n) => n.toUpperCase());
 }
-function R(e, t, n) {
+function v(e, t, n) {
   const i = t.trim().split(/\s+/);
-  for (let s = 0, r = i.length; s < r; s++)
+  for (let s = 0, c = i.length; s < c; s++)
     e.classList.toggle(i[s], n);
 }
-function G(e, t, n, i, s, r) {
-  let c, o, l;
+function H(e, t, n, i, s, c) {
+  let r, o, l, f, a;
   if (t === "style")
-    return p(e, n, i);
+    return Z(e, n, i);
   if (t === "classList")
-    return we(e, n, i);
+    return Ae(e, n, i);
   if (n === i)
     return i;
   if (t === "ref")
-    r || n(e);
+    c || n(e);
   else if (t.slice(0, 3) === "on:") {
-    const f = t.slice(3);
-    i && e.removeEventListener(f, i), n && e.addEventListener(f, n);
+    const u = t.slice(3);
+    i && e.removeEventListener(u, i), n && e.addEventListener(u, n);
   } else if (t.slice(0, 10) === "oncapture:") {
-    const f = t.slice(10);
-    i && e.removeEventListener(f, i, !0), n && e.addEventListener(f, n, !0);
+    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 f = t.slice(2).toLowerCase(), a = me.has(f);
-    if (!a && i) {
-      const y = Array.isArray(i) ? i[0] : i;
-      e.removeEventListener(f, y);
+    const u = t.slice(2).toLowerCase(), $ = he.has(u);
+    if (!$ && i) {
+      const S = Array.isArray(i) ? i[0] : i;
+      e.removeEventListener(u, S);
     }
-    (a || n) && (Ae(e, f, n, a), a && $e([f]));
-  } else if ((l = de.has(t)) || !s && (B[t] || (o = ue.has(t))) || (c = e.nodeName.includes("-")))
-    t === "class" || t === "className" ? Se(e, n) : c && !o && !l ? e[ze(t)] = n : e[B[t] || t] = n;
+    ($ || n) && (je(e, u, n, $), $ && xe([u]));
+  } else if (t.slice(0, 5) === "attr:")
+    k(e, t.slice(5), n);
+  else if ((a = t.slice(0, 5) === "prop:") || (l = ue.has(t)) || !s && ((f = me(t, e.tagName)) || (o = ae.has(t))) || (r = e.nodeName.includes("-")))
+    a && (t = t.slice(5), o = !0), t === "class" || t === "className" ? we(e, n) : r && !o && !l ? e[Te(t)] = n : e[f || t] = n;
   else {
-    const f = s && t.indexOf(":") > -1 && ge[t.split(":")[0]];
-    f ? xe(e, f, t, n) : K(e, ye[t] || t, n);
+    const u = s && t.indexOf(":") > -1 && $e[t.split(":")[0]];
+    u ? Se(e, u, t, n) : k(e, de[t] || t, n);
   }
   return n;
 }
-function Me(e) {
+function Pe(e) {
   const t = `$$${e.type}`;
   let n = e.composedPath && e.composedPath()[0] || e.target;
   for (e.target !== n && Object.defineProperty(e, "target", {
@@ -279,13 +310,7 @@ function Me(e) {
     get() {
       return n || document;
     }
-  }), d.registry && !d.done && (d.done = !0, document.querySelectorAll("[id^=pl-]").forEach((i) => {
-    for (; i && i.nodeType !== 8 && i.nodeValue !== "pl-" + e; ) {
-      let s = i.nextSibling;
-      i.remove(), i = s;
-    }
-    i && i.remove();
-  })); n; ) {
+  }), d.registry && !d.done && (d.done = _$HY.done = !0); n; ) {
     const i = n[t];
     if (i && !n.disabled) {
       const s = n[`${t}Data`];
@@ -295,36 +320,45 @@ function Me(e) {
     n = n._$host || n.parentNode || n.host;
   }
 }
-function j(e, t, n, i, s) {
-  for (d.context && !n && (n = [...e.childNodes]); typeof n == "function"; )
+function A(e, t, n, i, s) {
+  if (d.context) {
+    !n && (n = [...e.childNodes]);
+    let o = [];
+    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);
+    }
+    n = o;
+  }
+  for (; typeof n == "function"; )
     n = n();
   if (t === n)
     return n;
-  const r = typeof t, c = i !== void 0;
-  if (e = c && n[0] && n[0].parentNode || e, r === "string" || r === "number") {
+  const c = typeof t, r = i !== void 0;
+  if (e = r && n[0] && n[0].parentNode || e, c === "string" || c === "number") {
     if (d.context)
       return n;
-    if (r === "number" && (t = t.toString()), c) {
+    if (c === "number" && (t = t.toString()), r) {
       let o = n[0];
-      o && o.nodeType === 3 ? o.data = t : o = document.createTextNode(t), n = w(e, n, i, o);
+      o && o.nodeType === 3 ? o.data = t : o = document.createTextNode(t), n = j(e, n, i, o);
     } else
       n !== "" && typeof n == "string" ? n = e.firstChild.data = t : n = e.textContent = t;
-  } else if (t == null || r === "boolean") {
+  } else if (t == null || c === "boolean") {
     if (d.context)
       return n;
-    n = w(e, n, i);
+    n = j(e, n, i);
   } else {
-    if (r === "function")
-      return S(() => {
+    if (c === "function")
+      return w(() => {
         let o = t();
         for (; typeof o == "function"; )
           o = o();
-        n = j(e, o, n, i);
+        n = A(e, o, n, i);
       }), () => n;
     if (Array.isArray(t)) {
       const o = [], l = n && Array.isArray(n);
       if (N(o, t, n, s))
-        return S(() => n = j(e, o, n, i, !0)), () => n;
+        return w(() => n = A(e, o, n, i, !0)), () => n;
       if (d.context) {
         if (!o.length)
           return n;
@@ -333,35 +367,36 @@ function j(e, t, n, i, s) {
             return n = o;
       }
       if (o.length === 0) {
-        if (n = w(e, n, i), c)
+        if (n = j(e, n, i), r)
           return n;
       } else
-        l ? n.length === 0 ? H(e, o, i) : be(e, n, o) : (n && w(e), H(e, o));
+        l ? n.length === 0 ? G(e, o, i) : be(e, n, o) : (n && j(e), G(e, o));
       n = o;
-    } else if (t instanceof Node) {
+    } else if (t.nodeType) {
       if (d.context && t.parentNode)
-        return n = c ? [t] : t;
+        return n = r ? [t] : t;
       if (Array.isArray(n)) {
-        if (c)
-          return n = w(e, n, i, t);
-        w(e, n, null, t);
+        if (r)
+          return n = j(e, n, i, t);
+        j(e, n, null, t);
       } else
         n == null || n === "" || !e.firstChild ? e.appendChild(t) : e.replaceChild(t, e.firstChild);
       n = t;
-    }
+    } else
+      console.warn("Unrecognized value. Skipped inserting", t);
   }
   return n;
 }
 function N(e, t, n, i) {
   let s = !1;
-  for (let r = 0, c = t.length; r < c; r++) {
-    let o = t[r], l = n && n[r];
-    if (o instanceof Node)
-      e.push(o);
-    else if (!(o == null || o === !0 || o === !1))
-      if (Array.isArray(o))
+  for (let c = 0, r = t.length; c < r; c++) {
+    let o = t[c], l = n && n[c], f;
+    if (!(o == null || o === !0 || o === !1))
+      if ((f = typeof o) == "object" && o.nodeType)
+        e.push(o);
+      else if (Array.isArray(o))
         s = N(e, o, l) || s;
-      else if (typeof o == "function")
+      else if (f === "function")
         if (i) {
           for (; typeof o == "function"; )
             o = o();
@@ -369,160 +404,164 @@ function N(e, t, n, i) {
         } else
           e.push(o), s = !0;
       else {
-        const f = String(o);
-        l && l.nodeType === 3 && l.data === f ? e.push(l) : e.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(e, t, n = null) {
+function G(e, t, n = null) {
   for (let i = 0, s = t.length; i < s; i++)
     e.insertBefore(t[i], n);
 }
-function w(e, t, n, i) {
+function j(e, t, n, i) {
   if (n === void 0)
     return e.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];
+    let c = !1;
+    for (let r = t.length - 1; r >= 0; r--) {
+      const o = t[r];
       if (s !== o) {
         const l = o.parentNode === e;
-        !r && !c ? l ? e.replaceChild(s, o) : e.insertBefore(s, n) : l && o.remove();
+        !c && !r ? l ? e.replaceChild(s, o) : e.insertBefore(s, n) : l && o.remove();
       } else
-        r = !0;
+        c = !0;
     }
   } else
     e.insertBefore(s, n);
   return [s];
 }
-function Oe() {
+function Me() {
   const e = d.context;
   return `${e.id}${e.count++}`;
 }
-const Pe = "http://www.w3.org/2000/svg";
-function Te(e, t = !1) {
-  return t ? document.createElementNS(Pe, e) : document.createElement(e);
+const ze = "http://www.w3.org/2000/svg";
+function ke(e, t = !1) {
+  return t ? document.createElementNS(ze, e) : document.createElement(e);
 }
-function ke(e) {
+function Ne(e) {
   const [t, n] = V(e, ["component"]), i = I(() => t.component);
   return I(() => {
     const s = i();
     switch (typeof s) {
       case "function":
-        return X(() => s(n));
+        return Object.assign(s, {
+          [oe]: !0
+        }), W(() => s(n));
       case "string":
-        const r = he.has(s), c = d.context ? Ie() : Te(s, r);
-        return je(c, n, r), c;
+        const c = ge.has(s), r = d.context ? Ie() : ke(s, c);
+        return Ce(r, n, c), r;
     }
   });
 }
-function M(e) {
+function O(e) {
   return e ?? void 0;
 }
 function m(e, t) {
-  return Object.keys(e).filter((n) => !t.includes(n)).reduce((n, i) => (Object.defineProperty(n, i, {
+  return Object.keys(e).filter((n) => !t.includes(n)).reduce((n, i) => Object.defineProperty({
+    ...n
+  }, i, {
     get() {
       return e[i];
     },
     configurable: !0,
     enumerable: !0
-  }), n), {});
+  }), {});
 }
 function h(e, t) {
-  return E(ke, u({
+  return E(Ne, y({
     get component() {
       return e();
     }
   }, t));
 }
 function g(e) {
-  if (!Object.values(e).every((t) => typeof t == "function"))
-    throw new Error("Please provide an object with accessor values only.");
-  return Object.keys(e).reduce((t, n) => {
+  return Object.values(e).every((t) => typeof t == "function") ? Object.keys(e).reduce((t, n) => {
     const i = e[n];
-    return Object.defineProperty(t, n, {
+    return Object.defineProperty({
+      ...t
+    }, n, {
       get() {
         return i();
       },
       configurable: !0,
       enumerable: !0
-    }), t;
-  }, {});
+    });
+  }, {}) : new Error("Please provide an object with accessor values only.");
 }
-const te = /^--\D{1}.{0,100}$/;
-function ne(e) {
-  return te.test(e);
+const p = /^--\D{1}.{0,100}$/;
+function ee(e) {
+  return p.test(e);
 }
-function W(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(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}\)$/, p].some((t) => t.test(e));
 }
 const {
-  sizeXxs: Ne,
-  sizeXs: Le,
-  sizeSm: We,
-  sizeMd: ve,
-  sizeLg: Be,
-  sizeXl: De,
-  sizeXxl: Re,
+  sizeXxs: Le,
+  sizeXs: We,
+  sizeSm: Be,
+  sizeMd: De,
+  sizeLg: Re,
+  sizeXl: ve,
+  sizeXxl: He,
   sizeContent1: Ge,
-  sizeContent2: He,
-  sizeContent3: _e,
-  sizeHeader1: Fe,
-  sizeHeader2: Ve,
-  sizeHeader3: Xe,
+  sizeContent2: _e,
+  sizeContent3: Fe,
+  sizeHeader1: Ve,
+  sizeHeader2: Xe,
+  sizeHeader3: Ue,
   size000: qe,
-  size00: Ue,
-  size1: Qe,
+  size00: Qe,
+  size1: Ye,
   size2: Je,
-  size3: Ye,
-  size4: Ze,
-  size5: Ke,
-  size6: pe,
-  size7: et,
-  size8: tt,
-  size9: nt,
-  size10: it,
-  size11: st,
-  size12: ot,
+  size3: Ze,
+  size4: Ke,
+  size5: pe,
+  size6: et,
+  size7: tt,
+  size8: nt,
+  size9: it,
+  size10: st,
+  size11: ot,
+  size12: ct,
   size13: rt,
-  size14: ct,
-  size15: lt
-} = re, ft = {
+  size14: lt,
+  size15: ft
+} = se, at = {
   size000: qe,
-  size00: Ue,
-  size1: Qe,
+  size00: Qe,
+  size1: Ye,
   size2: Je,
-  size3: Ye,
-  size4: Ze,
-  size5: Ke,
-  size6: pe,
-  size7: et,
-  size8: tt,
-  size9: nt,
-  size10: it,
-  size11: st,
-  size12: ot,
+  size3: Ze,
+  size4: Ke,
+  size5: pe,
+  size6: et,
+  size7: tt,
+  size8: nt,
+  size9: it,
+  size10: st,
+  size11: ot,
+  size12: ct,
   size13: rt,
-  size14: ct,
-  size15: lt
-}, at = {
-  sizeXxs: Ne,
-  sizeXs: Le,
-  sizeSm: We,
-  sizeMd: ve,
-  sizeLg: Be,
-  sizeXl: De,
-  sizeXxl: Re,
+  size14: lt,
+  size15: ft
+}, ut = {
+  sizeXxs: Le,
+  sizeXs: We,
+  sizeSm: Be,
+  sizeMd: De,
+  sizeLg: Re,
+  sizeXl: ve,
+  sizeXxl: He,
   sizeContent1: Ge,
-  sizeContent2: He,
-  sizeContent3: _e,
-  sizeHeader1: Fe,
-  sizeHeader2: Ve,
-  sizeHeader3: Xe
-}, ut = ft, dt = at;
-function ie(e) {
+  sizeContent2: _e,
+  sizeContent3: Fe,
+  sizeHeader1: Ve,
+  sizeHeader2: Xe,
+  sizeHeader3: Ue
+}, dt = at, yt = ut;
+function te(e) {
   return e.reduce((t, [n, i]) => ({
     ...t,
     [n]: i
@@ -530,35 +569,35 @@ function ie(e) {
 }
 function _(e, t) {
   if (t !== void 0)
-    return typeof t == "number" && t >= 0 ? `${t}px` : typeof t == "string" && W(t) ? ne(t) ? `var(${t})` : t : M(b(e, t));
+    return typeof t == "number" && t >= 0 ? `${t}px` : typeof t == "string" && B(t) ? ee(t) ? `var(${t})` : t : O(b(e, t));
 }
 function b(e, t) {
-  const n = e.space ?? ut, i = ie(Object.entries(n).map(([s, r]) => [s, typeof r == "number" ? `${r}px` : r]));
-  return M(i[t]);
+  const n = e.space ?? dt, i = te(Object.entries(n).map(([s, c]) => [s, typeof c == "number" ? `${c}px` : c]));
+  return O(i[t]);
 }
-function O(e, t) {
+function P(e, t) {
   if (t === void 0)
     return;
   if (typeof t == "number" && t >= 0)
     return `${t}px`;
-  if (typeof t == "string" && W(t))
-    return ne(t) ? `var(${t})` : t;
-  const n = e.sizes ?? dt, i = ie(Object.entries(n).map(([s, r]) => [s, typeof r == "number" ? `${r}px` : r]));
-  return M(i[t]);
+  if (typeof t == "string" && B(t))
+    return ee(t) ? `var(${t})` : t;
+  const n = e.sizes ?? yt, i = te(Object.entries(n).map(([s, c]) => [s, typeof c == "number" ? `${c}px` : c]));
+  return O(i[t]);
 }
-function yt(e) {
+function mt(e) {
   return e === void 0 ? "100%" : typeof e == "number" ? `${e}px` : e;
 }
-function Bt(e) {
-  const t = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((o, [l, f]) => o + `${l}:${f};`, ""), n = () => `--maxWidth: ${yt(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", u(m(e, ["as", "maxWidth", "centerText", "centerChildren"]), g({
-    style: c,
-    "data-bedrock-center": r
+function Dt(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" : "", c = () => [i(), s()].filter(Boolean).join(" "), r = () => [t(), n()].join("; ");
+  return h(() => e.as ?? "div", y(m(e, ["as", "maxWidth", "centerText", "centerChildren"]), g({
+    style: r,
+    "data-bedrock-center": c
   })));
 }
-const se = ce({});
-function Dt(e) {
-  return E(se.Provider, {
+const ne = ce({});
+function Rt(e) {
+  return E(ne.Provider, {
     get value() {
       return e.theme;
     },
@@ -567,79 +606,70 @@ function Dt(e) {
     }
   });
 }
-function $() {
+function x() {
   try {
-    return le(se);
+    return re(ne);
   } catch {
     return {};
   }
 }
-function mt(e, t) {
-  return O(e, t);
+function ht(e, t) {
+  return P(e, t);
 }
-function Rt(e) {
-  const t = $(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((o, [l, f]) => o + `${l}:${f};`, ""), i = () => `--gutter: ${b(t, e.gutter ?? "size00") ?? "0px"}`, s = () => `--minItemWidth: ${mt(t, e.minItemWidth)}`, r = () => e.noStretchedColumns === !0 ? "no-stretched-columns" : "", c = () => [n(), i(), s()].join("; ");
-  return h(() => e.as ?? "div", u(m(e, ["as", "gutter", "minItemWidth", "noStretchedColumns"]), g({
-    style: c,
-    "data-bedrock-column-drop": r
+function vt(e) {
+  const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((o, [l, f]) => o + `${l}:${f};`, ""), i = () => `--gutter: ${b(t, e.gutter ?? "size00") ?? "0px"}`, s = () => `--minItemWidth: ${ht(t, e.minItemWidth)}`, c = () => e.noStretchedColumns === !0 ? "no-stretched-columns" : "", r = () => [n(), i(), s()].join("; ");
+  return h(() => e.as ?? "div", y(m(e, ["as", "gutter", "minItemWidth", "noStretchedColumns"]), g({
+    style: r,
+    "data-bedrock-column-drop": c
   })));
 }
-function T(e) {
-  throw new Error(e);
-}
-function ht(e) {
-  typeof e != "number" && !Array.isArray(e) && T("width must be a number or an array of two numbers"), Array().concat(e).some((n) => n < 0) && T("width value(s) must be 0 or greater"), Array.isArray(e) && (e.length !== 2 || e[0] > e[1]) && T(`The second width value, ${e[1]}, is not larger than ${e[0]}. Please provide a value greater than first width value`);
-}
-function Gt(e, t) {
-  ht(e);
-  const [n, i] = z(!1), [s, r] = z();
-  return q(() => {
-    J();
-  }), U(() => {
-    if (s() === void 0 || s() === null)
-      return;
+function Ht(e, t) {
+  const [n, i] = T(!1), [s, c] = T();
+  return X(() => (Q(), 0)), U(() => {
+    if (O(s()) === void 0)
+      return 0;
     t && t(s());
-    const c = Y(s(), (o) => {
+    const r = Y(s(), (o) => {
       var f;
       const l = ((f = o.borderBoxSize) == null ? void 0 : f.inlineSize) ?? o.contentRect.width;
       if (l > 0) {
-        const a = Array.isArray(e) ? l >= e[0] && l <= e[1] : l <= e;
+        const a = l <= e;
         i(a);
       }
+      return 0;
     });
-    Q(c);
-  }), [n, r];
+    return q(r), 0;
+  }), [n, c];
 }
 function gt(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 bt(e) {
+function $t(e) {
   return Array.isArray(e) ? e.join("/") : e;
 }
-function $t(e) {
-  return gt(e) ? bt(e) : void 0;
+function bt(e) {
+  return gt(e) ? $t(e) : void 0;
 }
-function Ht(e) {
-  const t = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((c, [o, l]) => c + `${o}:${l};`, ""), n = () => $t(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", u(m(e, ["as", "ratio", "position"]), g({
-    style: r,
+function Gt(e) {
+  const t = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((r, [o, l]) => r + `${o}:${l};`, ""), n = () => bt(e.ratio), i = () => n() ? `--ratio: ${n()}` : "", s = () => typeof e.position == "string" ? `--position: ${e.position}` : "50%", c = () => [t(), i(), s()].join("; ");
+  return h(() => e.as ?? "div", y(m(e, ["as", "ratio", "position"]), g({
+    style: c,
     "data-bedrock-frame": () => ""
   })));
 }
 function xt(e) {
-  const t = $(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((c, [o, l]) => c + `${o}:${l};`, ""), i = () => `--gutter: ${b(t, 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", u(m(e, ["as", "gutter", "minItemWidth"]), g({
-    style: r,
+  const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((r, [o, l]) => r + `${o}:${l};`, ""), i = () => `--gutter: ${b(t, e.gutter ?? "size00") ?? "0px"};`, s = () => `--minItemWidth: ${typeof e.minItemWidth == "string" ? e.minItemWidth : `${e.minItemWidth ?? 0}px`};`, c = () => [n(), i(), s()].join("; ");
+  return h(() => e.as ?? "div", y(m(e, ["as", "gutter", "minItemWidth"]), g({
+    style: c,
     "data-bedrock-grid": () => ""
   })));
 }
 const C = 96;
-function oe(e) {
-  e = String(e);
-  const t = parseFloat(e), [, n] = e.match(/[\d.\-+]*\s*(.*)/) ?? ["", ""];
-  return [t, n];
+function ie(e) {
+  const t = String(e), n = parseFloat(t), [, i] = t.match(/[\d.\-+]*\s*(.*)/) ?? ["", ""];
+  return [n, i];
 }
-function v(e, t) {
+function D(e, t) {
   if (!e)
     return;
   const n = t ?? document.body, i = (e ?? "px").trim().toLowerCase();
@@ -670,21 +700,21 @@ function v(e, t) {
     case "px":
       return 1;
     default: {
-      const [s, r] = oe(i);
+      const [s, c] = ie(i);
       if (isNaN(s))
         return;
-      if (!r)
+      if (!c)
         return s;
-      const c = v(r, t);
-      return typeof c == "number" ? s * c : void 0;
+      const r = D(c, t);
+      return typeof r == "number" ? s * r : void 0;
     }
   }
 }
 function L(e, t) {
-  const [n, i] = oe(
+  const [n, i] = ie(
     getComputedStyle(e).getPropertyValue(t)
   );
-  return n * (v(i, e) ?? 1);
+  return n * (D(i, e) ?? 1);
 }
 function St(e, t) {
   const n = document.createElement("div");
@@ -692,34 +722,32 @@ function St(e, t) {
   const i = L(n, "height") / 128;
   return t.removeChild(n), i;
 }
-const At = /* @__PURE__ */ Z("<div></div>"), k = 1, wt = typeof window == "object" && typeof document == "object" && document.nodeType === 9, jt = (e) => {
-  const [t, n] = z(1), [i, s] = z(), r = $();
-  return q(() => {
-    J();
-  }), U(() => {
-    const c = M(i());
-    if (c === void 0)
+const wt = /* @__PURE__ */ J("<div>"), z = 1, jt = typeof window == "object" && typeof document == "object" && document.nodeType === 9, At = (e) => {
+  const [t, n] = T(1), [i, s] = T(), c = x();
+  return X(() => (Q(), 0)), U(() => {
+    const r = O(i());
+    if (r === void 0)
       return;
-    const o = Y(c, ({
+    const o = Y(r, ({
       target: l
     }) => {
       n(1);
-      const f = e.gutter ? b(r, e.gutter) ?? "1px" : "1px", a = wt ? v(f, l) : void 0, y = Math.max(a ?? k, k), [x] = Array.from(l.children), A = 1 + Math.min(l.scrollHeight, x.scrollHeight), P = Math.max(Math.ceil(A / y), k);
-      n(P);
+      const f = e.gutter ? b(c, e.gutter) ?? "1px" : "1px", a = jt ? D(f, l) : void 0, u = Math.max(a ?? z, z), [$] = Array.from(l.children), S = 1 + Math.min(l.scrollHeight, $.scrollHeight), M = Math.max(Math.ceil(S / u), z);
+      return n(M), 0;
     });
-    Q(o);
+    return q(o), 0;
   }), (() => {
-    const c = At.cloneNode(!0);
-    return Ce(s, c), ee(c, () => e.children), S((o) => p(c, `grid-row: span ${t()};`, o)), c;
+    const r = wt();
+    return Ee(s, r), K(r, () => e.children), w((o) => Z(r, `grid-row: span ${t()};`, o)), r;
   })();
 }, _t = (e) => {
-  const t = fe(() => e.children), i = [].concat(t()).filter(Boolean).map((s) => E(jt, {
+  const t = le(() => e.children), i = [].concat(t()).filter(Boolean).map((s) => E(At, {
     get gutter() {
       return e.gutter;
     },
     children: s
   }));
-  return E(xt, u({
+  return E(xt, y({
     style: "grid-template-rows: 1px;"
   }, e, {
     children: i
@@ -735,30 +763,30 @@ const At = /* @__PURE__ */ Z("<div></div>"), k = 1, wt = typeof window == "objec
   stretch: "align:stretch"
 };
 function Ft(e) {
-  const t = $(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((l, [f, a]) => l + `${f}:${a};`, ""), i = () => `--gutter: ${b(t, e.gutter ?? "size00") ?? "0px"};`, s = () => e.justify !== void 0 ? Ct[e.justify] : void 0, r = () => e.align !== void 0 ? Et[e.align] : void 0, c = () => [n(), i()].join("; "), o = () => [s(), r()].filter(Boolean).join(" ");
-  return h(() => e.as ?? "div", u(m(e, ["as", "gutter", "justify", "align"]), g({
-    style: c,
+  const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((l, [f, a]) => l + `${f}:${a};`, ""), i = () => `--gutter: ${b(t, e.gutter ?? "size00") ?? "0px"};`, s = () => e.justify !== void 0 ? Ct[e.justify] : void 0, c = () => e.align !== void 0 ? Et[e.align] : void 0, r = () => [n(), i()].join("; "), o = () => [s(), c()].filter(Boolean).join(" ");
+  return h(() => e.as ?? "div", y(m(e, ["as", "gutter", "justify", "align"]), g({
+    style: r,
     "data-bedrock-inline-cluster": o
   })));
 }
-const It = {
+const Ot = {
   start: "justify:start",
   end: "justify:end",
   center: "justify:center"
-}, zt = {
+}, It = {
   start: "align:start",
   end: "align:end",
   center: "align:center",
   stretch: "align:stretch"
 };
 function Vt(e) {
-  const t = $(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((y, [x, A]) => y + `${x}:${A};`, ""), i = () => `--gutter: ${b(t, e.gutter ?? "size00") ?? "0px"};`, s = () => e.minItemWidth ? `--minItemWidth: ${typeof e.minItemWidth == "string" ? e.minItemWidth : `${e.minItemWidth}px`};` : void 0, r = () => e.switchAt ? `--switchAt: ${O(t, e.switchAt) ?? "0px"};` : "", c = () => e.justify !== void 0 ? It[e.justify] : void 0, o = () => e.align !== void 0 ? zt[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", u(m(e, ["as", "gutter", "justify", "align", "stretch", "switchAt"]), g({
+  const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((u, [$, S]) => u + `${$}:${S};`, ""), i = () => `--gutter: ${b(t, e.gutter ?? "size00") ?? "0px"};`, s = () => e.minItemWidth ? `--minItemWidth: ${typeof e.minItemWidth == "string" ? e.minItemWidth : `${e.minItemWidth}px`};` : void 0, c = () => e.switchAt ? `--switchAt: ${P(t, e.switchAt) ?? "0px"};` : "", r = () => e.justify !== void 0 ? Ot[e.justify] : void 0, o = () => e.align !== void 0 ? It[e.align] : void 0, l = () => e.stretch ? `stretch:${e.stretch}` : void 0, f = () => [n(), i(), c(), s()].join("; "), a = () => [r(), o(), l()].filter(Boolean).join(" ");
+  return h(() => e.as ?? "div", y(m(e, ["as", "gutter", "justify", "align", "stretch", "switchAt"]), g({
     style: f,
     "data-bedrock-inline": a
   })));
 }
-const Mt = (e) => ({
+const Tt = (e) => ({
   left: "padding-inline-start",
   right: "padding-inline-end",
   top: "padding-block-start",
@@ -767,28 +795,28 @@ const Mt = (e) => ({
   inlineEnd: "padding-inline-end",
   blockStart: "padding-block-start",
   blockEnd: "padding-block-end"
-})[e], Ot = (e, t) => {
+})[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 t == "object" && !Array.isArray(t) ? Object.entries(t).reduce((i, [s, r]) => ({
+  const n = typeof t == "object" && !Array.isArray(t) ? Object.entries(t).reduce((i, [s, c]) => ({
     ...i,
-    [Mt(s)]: _(e, r) ?? "0px"
+    [Tt(s)]: _(e, c) ?? "0px"
   }), {}) : {
     padding: Array.from(Array.isArray(t) ? t : [t]).map((i) => _(e, i) ?? "0px").join(" ")
   };
-  return Object.entries(n).reduce((i, [s, r]) => i + `${s}:${r};`, "");
+  return Object.entries(n).reduce((i, [s, c]) => i + `${s}:${c};`, "");
 };
 function Xt(e) {
-  const t = $(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((r, [c, o]) => r + `${c}:${o};`, ""), i = () => Ot(t, e.padding), s = () => [n(), i()].join("; ");
-  return h(() => e.as ?? "div", u(m(e, ["as", "padding"]), g({
+  const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((c, [r, o]) => c + `${r}:${o};`, ""), i = () => Pt(t, e.padding), s = () => [n(), i()].join("; ");
+  return h(() => e.as ?? "div", y(m(e, ["as", "padding"]), g({
     style: s,
     "data-bedrock-padbox": () => ""
   })));
 }
-function qt(e) {
-  const t = $(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((c, [o, l]) => c + `${o}:${l};`, ""), i = () => `--gutter: ${b(t, e.gutter ?? "size00") ?? "0px"};`, s = () => {
+function Ut(e) {
+  const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((r, [o, l]) => r + `${o}:${l};`, ""), i = () => `--gutter: ${b(t, e.gutter ?? "size00") ?? "0px"};`, s = () => {
     switch (e.snapType) {
       case "none":
         return "snapType:none";
@@ -799,9 +827,9 @@ function qt(e) {
       default:
         return "snapType:none";
     }
-  }, r = () => [n(), i()].join("; ");
-  return h(() => e.as ?? "div", u(m(e, ["as", "gutter"]), g({
-    style: r,
+  }, c = () => [n(), i()].join("; ");
+  return h(() => e.as ?? "div", y(m(e, ["as", "gutter"]), g({
+    style: c,
     "data-bedrock-reel": s
   })));
 }
@@ -814,79 +842,79 @@ const F = {
   "auto-start": "fraction:auto-start",
   "auto-end": "fraction:auto-end"
 };
-function Ut(e) {
-  const t = $(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((l, [f, a]) => l + `${f}:${a};`, ""), i = () => e.switchAt ? `--switchAt: ${O(t, e.switchAt) ?? "0px"};` : "", s = () => `--gutter: ${b(t, e.gutter ?? "size00") ?? "0px"};`, r = () => F[e.fraction ?? "1/2"] ?? F["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", u(m(e, ["as", "gutter", "fraction"]), g({
+function qt(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: ${P(t, e.switchAt) ?? "0px"};` : "", s = () => `--gutter: ${b(t, e.gutter ?? "size00") ?? "0px"};`, c = () => F[e.fraction ?? "1/2"] ?? F["1/2"], r = () => e.minItemWidth ? `--minItemWidth: ${typeof e.minItemWidth == "string" ? e.minItemWidth : `${e.minItemWidth}px`};` : void 0, o = () => [n(), s(), i(), r()].join("; ");
+  return h(() => e.as ?? "div", y(m(e, ["as", "gutter", "fraction"]), g({
     style: o,
-    "data-bedrock-split": r
+    "data-bedrock-split": c
   })));
 }
 function Qt(e) {
-  const t = $(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((r, [c, o]) => r + `${c}:${o};`, ""), i = () => `--gutter: ${b(t, e.gutter ?? "size00") ?? "0px"};`, s = () => [n(), i()].join("; ");
-  return h(() => e.as ?? "div", u(m(e, ["as", "gutter"]), g({
+  const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((c, [r, o]) => c + `${r}:${o};`, ""), i = () => `--gutter: ${b(t, e.gutter ?? "size00") ?? "0px"};`, s = () => [n(), i()].join("; ");
+  return h(() => e.as ?? "div", y(m(e, ["as", "gutter"]), g({
     style: s,
     "data-bedrock-stack": () => ""
   })));
 }
-const Pt = /* @__PURE__ */ Z("<div data-bedrock-cover-centered></div>");
-function Tt(e) {
-  return typeof e == "number" ? `${e}px` : e && W(e) ? e : "100vh";
+const Mt = /* @__PURE__ */ J("<div data-bedrock-cover-centered>");
+function zt(e) {
+  return typeof e == "number" ? `${e}px` : e && B(e) ? e : "100vh";
 }
 function kt(e) {
-  const t = $(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((o, [l, f]) => o + `${l}:${f};`, ""), i = () => `--gutter: ${b(t, e.gutter ?? "size00") ?? "0px"};`, s = () => `--minHeight: ${Tt(e.minHeight)};`, r = () => e.stretchContent === !0 ? "stretch-content" : "", c = () => [n(), i(), s()].join("; ");
-  return h(() => e.as ?? "div", u(m(e, ["as", "minHeight", "stretchContent"]), g({
-    style: c,
-    "data-bedrock-cover": r
+  const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((o, [l, f]) => o + `${l}:${f};`, ""), i = () => `--gutter: ${b(t, e.gutter ?? "size00") ?? "0px"};`, s = () => `--minHeight: ${zt(e.minHeight)};`, c = () => e.stretchContent === !0 ? "stretch-content" : "", r = () => [n(), i(), s()].join("; ");
+  return h(() => e.as ?? "div", y(m(e, ["as", "minHeight", "stretchContent"]), g({
+    style: r,
+    "data-bedrock-cover": c
   })));
 }
-function Jt(e) {
+function Yt(e) {
   const [t, n] = V(e, ["children", "top", "bottom"]);
-  return E(kt, u(n, {
+  return E(kt, y(n, {
     get children() {
       return [I(() => t.top), (() => {
-        const i = Pt.cloneNode(!0);
-        return ee(i, () => t.children), i;
+        const i = Mt();
+        return K(i, () => t.children), i;
       })(), I(() => t.bottom)];
     }
   }));
 }
-function Yt(e) {
-  const t = $(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((o, [l, f]) => o + `${l}:${f};`, ""), i = () => `--gutter: ${b(t, e.gutter ?? "size00") ?? "0px"};`, s = () => `--columns: ${e.columns && e.columns > 0 ? e.columns : 1};`, r = () => e.switchAt ? `--switchAt: ${O(t, e.switchAt) ?? "0px"};` : "", c = () => [n(), i(), s(), r()].join("; ");
-  return h(() => e.as ?? "div", u(m(e, ["as", "gutter", "columns", "switchAt"]), g({
-    style: c,
+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: ${b(t, e.gutter ?? "size00") ?? "0px"};`, s = () => `--columns: ${e.columns && e.columns > 0 ? e.columns : 1};`, c = () => e.switchAt ? `--switchAt: ${P(t, e.switchAt) ?? "0px"};` : "", r = () => [n(), i(), s(), c()].join("; ");
+  return h(() => e.as ?? "div", y(m(e, ["as", "gutter", "columns", "switchAt"]), g({
+    style: r,
     "data-bedrock-columns": () => ""
   })));
 }
 const Nt = (e) => typeof e == "number" ? e : 1;
 function Zt(e) {
-  const t = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((c, [o, l]) => c + `${o}:${l};`, ""), n = () => `--span: ${Nt(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", u(m(e, ["as", "span", "offsetStart", "offsetEnd"]), g({
-    style: r,
+  const t = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((r, [o, l]) => r + `${o}:${l};`, ""), n = () => `--span: ${Nt(e.span)};`, i = () => e.offsetStart && e.offsetStart > 0 ? `--offsetStart: ${e.offsetStart};` : "", s = () => e.offsetEnd && e.offsetEnd > 0 ? `--offsetEnd: ${e.offsetEnd};` : "", c = () => [t(), n(), i(), s()].join("; ");
+  return h(() => e.as ?? "div", y(m(e, ["as", "span", "offsetStart", "offsetEnd"]), g({
+    style: c,
     "data-bedrock-column": () => ""
   })));
 }
 export {
-  Bt as Center,
+  Dt as Center,
   Zt as Column,
-  Rt as ColumnDrop,
-  Yt as Columns,
-  Jt as Cover,
-  Ht as Frame,
+  vt as ColumnDrop,
+  Jt as Columns,
+  Yt as Cover,
+  Gt as Frame,
   xt as Grid,
   Vt as Inline,
   Ft as InlineCluster,
   _t as MasonryGrid,
   Xt as PadBox,
-  qt as Reel,
-  Ut as Split,
+  Ut as Reel,
+  qt as Split,
   Qt as Stack,
-  Dt as ThemeProvider,
-  W as checkIsCSSLength,
-  Gt as createContainerQuery,
+  Rt as ThemeProvider,
+  B as checkIsCSSLength,
+  Ht as createContainerQuery,
   _ as getSafeGutter,
-  O as getSizeValue,
+  P as getSizeValue,
   b as getSpacingValue,
-  dt as sizes,
-  ut as spacing,
-  $ as useTheme
+  yt as sizes,
+  dt as spacing,
+  x as useTheme
 };