@bedrock-layout/solid 1.1.2 → 1.1.3

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";
+import oe from "open-props";
+import { createRenderEffect as A, sharedConfig as d, splitProps as X, createMemo as I, $DEVCOMP as re, untrack as v, createComponent as E, mergeProps as y, createContext as ce, useContext as le, createSignal as T, 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 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), {
   className: "class",
   htmlFor: "for"
-}), B = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
+}), me = /* @__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 he(e, t) {
+  const n = me[e];
+  return typeof n == "object" ? n[t] ? n.$ : void 0 : n;
+}
+const ge = /* @__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"]), be = /* @__PURE__ */ new Set([
   "altGlyph",
   "altGlyphDef",
   "altGlyphItem",
@@ -88,11 +110,11 @@ 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) {
+function xe(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]) {
@@ -114,20 +136,20 @@ function be(e, t, n) {
     } else {
       if (!f) {
         f = /* @__PURE__ */ new Map();
-        let y = o;
-        for (; y < r; )
-          f.set(n[y], y++);
+        let u = o;
+        for (; u < r; )
+          f.set(n[u], u++);
       }
       const a = f.get(t[c]);
       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];
+          let u = c, b = 1, S;
+          for (; ++u < s && u < r && !((S = f.get(t[u])) == null || S !== a + b); )
+            b++;
+          if (b > a - o) {
+            const M = t[c];
             for (; o < a; )
-              e.insertBefore(n[o++], P);
+              e.insertBefore(n[o++], M);
           } else
             e.replaceChild(n[o++], t[c++]);
         } else
@@ -137,30 +159,32 @@ function be(e, t, n) {
     }
   }
 }
-const D = "_$DX_DELEGATE";
+const R = "_$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());
+  let i;
+  const s = () => {
+    const c = document.createElement("template");
+    return c.innerHTML = e, n ? c.content.firstChild.firstChild : c.content.firstChild;
+  }, r = t ? () => v(() => document.importNode(i || (i = s()), !0)) : () => (i || (i = s())).cloneNode(!0);
+  return r.cloneNode = r, r;
+}
+function Se(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));
   }
 }
-function K(e, t, n) {
+function N(e, t, n) {
   n == null ? e.removeAttribute(t) : e.setAttribute(t, n);
 }
-function xe(e, t, n, i) {
+function Ae(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)) {
@@ -169,22 +193,22 @@ function Ae(e, t, n, i) {
   } else
     e.addEventListener(t, n);
 }
-function we(e, t, n = {}) {
+function Ce(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]);
+    !o || o === "undefined" || t[o] || (H(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);
+    !o || o === "undefined" || n[o] === l || !l || (H(e, o, !0), n[o] = l);
   }
   return n;
 }
-function p(e, t, n) {
+function K(e, t, n) {
   if (!t)
-    return n ? K(e, "style") : t;
+    return n ? N(e, "style") : t;
   const i = e.style;
   if (typeof t == "string")
     return i.cssText = t;
@@ -196,19 +220,19 @@ function p(e, t, n) {
     s = t[r], s !== n[r] && (i.setProperty(r, s), n[r] = s);
   return n;
 }
-function je(e, t = {}, n, i) {
+function Ee(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 || A(() => s.children = j(e, t.children, s.children)), A(() => t.ref && t.ref(e)), A(() => Te(e, t, n, !0, s, !0)), s;
 }
-function Ce(e, t, n) {
-  return X(() => e(t, n));
+function Ie(e, t, n) {
+  return v(() => e(t, n));
 }
-function ee(e, t, n, i) {
+function p(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);
+  A((s) => j(e, t(), s, n), i);
 }
-function Ee(e, t, n, i, s = {}, r = !1) {
+function Te(e, t, n, i, s = {}, r = !1) {
   t || (t = {});
   for (const c in s)
     if (!(c in t)) {
@@ -225,46 +249,53 @@ function Ee(e, t, n, i, s = {}, r = !1) {
     s[c] = G(e, c, o, s[c], n, r);
   }
 }
-function Ie(e) {
+function Pe(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 = ze()))) {
+    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 Oe(e) {
   return e.toLowerCase().replace(/-([a-z])/g, (t, n) => n.toUpperCase());
 }
-function R(e, t, n) {
+function H(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(e, t, n, i, s, r) {
-  let c, o, l;
+  let c, o, l, f, a;
   if (t === "style")
-    return p(e, n, i);
+    return K(e, n, i);
   if (t === "classList")
-    return we(e, n, i);
+    return Ce(e, n, i);
   if (n === i)
     return i;
   if (t === "ref")
     r || 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(), b = ge.has(u);
+    if (!b && 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;
+    (b || n) && (je(e, u, n, b), b && Se([u]));
+  } else if (t.slice(0, 5) === "attr:")
+    N(e, t.slice(5), n);
+  else if ((a = t.slice(0, 5) === "prop:") || (l = de.has(t)) || !s && ((f = he(t, e.tagName)) || (o = ue.has(t))) || (c = e.nodeName.includes("-")))
+    a && (t = t.slice(5), o = !0), t === "class" || t === "className" ? we(e, n) : c && !o && !l ? e[Oe(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 ? Ae(e, u, t, n) : N(e, ye[t] || t, n);
   }
   return n;
 }
@@ -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`];
@@ -296,7 +321,16 @@ function Me(e) {
   }
 }
 function j(e, t, n, i, s) {
-  for (d.context && !n && (n = [...e.childNodes]); typeof n == "function"; )
+  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;
@@ -315,7 +349,7 @@ function j(e, t, n, i, s) {
     n = w(e, n, i);
   } else {
     if (r === "function")
-      return S(() => {
+      return A(() => {
         let o = t();
         for (; typeof o == "function"; )
           o = o();
@@ -323,8 +357,8 @@ function j(e, t, n, i, s) {
       }), () => 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;
+      if (L(o, t, n, s))
+        return A(() => n = j(e, o, n, i, !0)), () => n;
       if (d.context) {
         if (!o.length)
           return n;
@@ -336,9 +370,9 @@ function j(e, t, n, i, s) {
         if (n = w(e, n, i), c)
           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 ? _(e, o, i) : xe(e, n, o) : (n && w(e), _(e, o));
       n = o;
-    } else if (t instanceof Node) {
+    } else if (t.nodeType) {
       if (d.context && t.parentNode)
         return n = c ? [t] : t;
       if (Array.isArray(n)) {
@@ -348,34 +382,35 @@ function j(e, t, n, i, s) {
       } 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) {
+function L(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))
-        s = N(e, o, l) || s;
-      else if (typeof o == "function")
+    let o = t[r], l = n && n[r], 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 o == "function"; )
             o = o();
-          s = N(e, Array.isArray(o) ? o : [o], Array.isArray(l) ? l : [l]) || s;
+          s = L(e, Array.isArray(o) ? o : [o], Array.isArray(l) ? l : [l]) || s;
         } 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 _(e, t, n = null) {
   for (let i = 0, s = t.length; i < s; i++)
     e.insertBefore(t[i], n);
 }
@@ -397,28 +432,30 @@ function w(e, t, n, i) {
     e.insertBefore(s, n);
   return [s];
 }
-function Oe() {
+function ze() {
   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 ke = "http://www.w3.org/2000/svg";
+function Ne(e, t = !1) {
+  return t ? document.createElementNS(ke, e) : document.createElement(e);
 }
-function ke(e) {
-  const [t, n] = V(e, ["component"]), i = I(() => t.component);
+function Le(e) {
+  const [t, n] = X(e, ["component"]), i = I(() => t.component);
   return I(() => {
     const s = i();
     switch (typeof s) {
       case "function":
-        return X(() => s(n));
+        return Object.assign(s, {
+          [re]: !0
+        }), v(() => s(n));
       case "string":
-        const r = he.has(s), c = d.context ? Ie() : Te(s, r);
-        return je(c, n, r), c;
+        const r = be.has(s), c = d.context ? Pe() : Ne(s, r);
+        return Ee(c, n, r), c;
     }
   });
 }
-function M(e) {
+function P(e) {
   return e ?? void 0;
 }
 function m(e, t) {
@@ -431,7 +468,7 @@ function m(e, t) {
   }), n), {});
 }
 function h(e, t) {
-  return E(ke, u({
+  return E(Le, y({
     get component() {
       return e();
     }
@@ -451,114 +488,114 @@ function g(e) {
     }), t;
   }, {});
 }
-const te = /^--\D{1}.{0,100}$/;
-function ne(e) {
-  return te.test(e);
+const ee = /^--\D{1}.{0,100}$/;
+function te(e) {
+  return ee.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}\)$/, ee].some((t) => t.test(e));
 }
 const {
-  sizeXxs: Ne,
-  sizeXs: Le,
-  sizeSm: We,
-  sizeMd: ve,
-  sizeLg: Be,
-  sizeXl: De,
-  sizeXxl: Re,
-  sizeContent1: Ge,
-  sizeContent2: He,
-  sizeContent3: _e,
-  sizeHeader1: Fe,
-  sizeHeader2: Ve,
-  sizeHeader3: Xe,
-  size000: qe,
-  size00: Ue,
-  size1: Qe,
-  size2: Je,
-  size3: Ye,
-  size4: Ze,
-  size5: Ke,
-  size6: pe,
-  size7: et,
-  size8: tt,
-  size9: nt,
-  size10: it,
-  size11: st,
-  size12: ot,
-  size13: rt,
-  size14: ct,
-  size15: lt
-} = re, ft = {
-  size000: qe,
-  size00: Ue,
-  size1: Qe,
-  size2: Je,
-  size3: Ye,
-  size4: Ze,
-  size5: Ke,
-  size6: pe,
-  size7: et,
-  size8: tt,
-  size9: nt,
-  size10: it,
-  size11: st,
-  size12: ot,
-  size13: rt,
-  size14: ct,
-  size15: lt
-}, at = {
-  sizeXxs: Ne,
-  sizeXs: Le,
-  sizeSm: We,
-  sizeMd: ve,
-  sizeLg: Be,
-  sizeXl: De,
-  sizeXxl: Re,
-  sizeContent1: Ge,
-  sizeContent2: He,
-  sizeContent3: _e,
-  sizeHeader1: Fe,
-  sizeHeader2: Ve,
-  sizeHeader3: Xe
-}, ut = ft, dt = at;
-function ie(e) {
+  sizeXxs: We,
+  sizeXs: ve,
+  sizeSm: Be,
+  sizeMd: De,
+  sizeLg: Re,
+  sizeXl: He,
+  sizeXxl: Ge,
+  sizeContent1: _e,
+  sizeContent2: Ve,
+  sizeContent3: Fe,
+  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: ot,
+  size11: rt,
+  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: ot,
+  size11: rt,
+  size12: ct,
+  size13: lt,
+  size14: ft,
+  size15: at
+}, dt = {
+  sizeXxs: We,
+  sizeXs: ve,
+  sizeSm: Be,
+  sizeMd: De,
+  sizeLg: Re,
+  sizeXl: He,
+  sizeXxl: Ge,
+  sizeContent1: _e,
+  sizeContent2: Ve,
+  sizeContent3: Fe,
+  sizeHeader1: Xe,
+  sizeHeader2: Ue,
+  sizeHeader3: qe
+}, yt = ut, mt = dt;
+function ne(e) {
   return e.reduce((t, [n, i]) => ({
     ...t,
     [n]: i
   }), {});
 }
-function _(e, t) {
+function V(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) ? te(t) ? `var(${t})` : t : P($(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]);
+function $(e, t) {
+  const n = e.space ?? yt, i = ne(Object.entries(n).map(([s, r]) => [s, typeof r == "number" ? `${r}px` : r]));
+  return P(i[t]);
 }
 function O(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 te(t) ? `var(${t})` : t;
+  const n = e.sizes ?? mt, i = ne(Object.entries(n).map(([s, r]) => [s, typeof r == "number" ? `${r}px` : r]));
+  return P(i[t]);
 }
-function yt(e) {
+function ht(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({
+function Rt(e) {
+  const t = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((o, [l, f]) => o + `${l}:${f};`, ""), n = () => `--maxWidth: ${ht(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", y(m(e, ["as", "maxWidth", "centerText", "centerChildren"]), g({
     style: c,
     "data-bedrock-center": r
   })));
 }
-const se = ce({});
-function Dt(e) {
-  return E(se.Provider, {
+const ie = ce({});
+function Ht(e) {
+  return E(ie.Provider, {
     get value() {
       return e.theme;
     },
@@ -567,39 +604,39 @@ function Dt(e) {
     }
   });
 }
-function $() {
+function x() {
   try {
-    return le(se);
+    return le(ie);
   } catch {
     return {};
   }
 }
-function mt(e, t) {
+function gt(e, t) {
   return O(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({
+function Gt(e) {
+  const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((o, [l, f]) => o + `${l}:${f};`, ""), i = () => `--gutter: ${$(t, e.gutter ?? "size00") ?? "0px"}`, s = () => `--minItemWidth: ${gt(t, e.minItemWidth)}`, r = () => e.noStretchedColumns === !0 ? "no-stretched-columns" : "", c = () => [n(), i(), s()].join("; ");
+  return h(() => e.as ?? "div", y(m(e, ["as", "gutter", "minItemWidth", "noStretchedColumns"]), g({
     style: c,
     "data-bedrock-column-drop": r
   })));
 }
-function T(e) {
+function z(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(() => {
+function bt(e) {
+  typeof e != "number" && !Array.isArray(e) && z("width must be a number or an array of two numbers"), Array().concat(e).some((n) => n < 0) && z("width value(s) must be 0 or greater"), Array.isArray(e) && (e.length !== 2 || e[0] > e[1]) && z(`The second width value, ${e[1]}, is not larger than ${e[0]}. Please provide a value greater than first width value`);
+}
+function _t(e, t) {
+  bt(e);
+  const [n, i] = T(!1), [s, r] = T();
+  return U(() => {
+    Y();
+  }), q(() => {
     if (s() === void 0 || s() === null)
       return;
     t && t(s());
-    const c = Y(s(), (o) => {
+    const c = J(s(), (o) => {
       var f;
       const l = ((f = o.borderBoxSize) == null ? void 0 : f.inlineSize) ?? o.contentRect.width;
       if (l > 0) {
@@ -610,36 +647,36 @@ function Gt(e, t) {
     Q(c);
   }), [n, r];
 }
-function gt(e) {
+function $t(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 xt(e) {
   return Array.isArray(e) ? e.join("/") : e;
 }
-function $t(e) {
-  return gt(e) ? bt(e) : void 0;
+function St(e) {
+  return $t(e) ? xt(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({
+function Vt(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", y(m(e, ["as", "ratio", "position"]), g({
     style: r,
     "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({
+function At(e) {
+  const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((c, [o, l]) => c + `${o}:${l};`, ""), i = () => `--gutter: ${$(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", y(m(e, ["as", "gutter", "minItemWidth"]), g({
     style: r,
     "data-bedrock-grid": () => ""
   })));
 }
 const C = 96;
-function oe(e) {
+function se(e) {
   e = String(e);
   const t = parseFloat(e), [, n] = e.match(/[\d.\-+]*\s*(.*)/) ?? ["", ""];
   return [t, n];
 }
-function v(e, t) {
+function D(e, t) {
   if (!e)
     return;
   const n = t ?? document.body, i = (e ?? "px").trim().toLowerCase();
@@ -652,11 +689,11 @@ function v(e, t) {
       return;
     case "ch":
     case "ex":
-      return St(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 C;
     case "cm":
@@ -670,90 +707,90 @@ function v(e, t) {
     case "px":
       return 1;
     default: {
-      const [s, r] = oe(i);
+      const [s, r] = se(i);
       if (isNaN(s))
         return;
       if (!r)
         return s;
-      const c = v(r, t);
+      const c = D(r, t);
       return typeof c == "number" ? s * c : void 0;
     }
   }
 }
-function L(e, t) {
-  const [n, i] = oe(
+function W(e, t) {
+  const [n, i] = se(
     getComputedStyle(e).getPropertyValue(t)
   );
-  return n * (v(i, e) ?? 1);
+  return n * (D(i, e) ?? 1);
 }
-function St(e, t) {
+function wt(e, t) {
   const n = document.createElement("div");
   n.style.height = "128" + e, t.appendChild(n);
-  const i = L(n, "height") / 128;
+  const i = W(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());
+const jt = /* @__PURE__ */ Z("<div>"), k = 1, Ct = typeof window == "object" && typeof document == "object" && document.nodeType === 9, Et = (e) => {
+  const [t, n] = T(1), [i, s] = T(), r = x();
+  return U(() => {
+    Y();
+  }), q(() => {
+    const c = P(i());
     if (c === void 0)
       return;
-    const o = Y(c, ({
+    const o = J(c, ({
       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 ? $(r, e.gutter) ?? "1px" : "1px", a = Ct ? D(f, l) : void 0, u = Math.max(a ?? k, k), [b] = Array.from(l.children), S = 1 + Math.min(l.scrollHeight, b.scrollHeight), M = Math.max(Math.ceil(S / u), k);
+      n(M);
     });
     Q(o);
   }), (() => {
-    const c = At.cloneNode(!0);
-    return Ce(s, c), ee(c, () => e.children), S((o) => p(c, `grid-row: span ${t()};`, o)), c;
+    const c = jt();
+    return Ie(s, c), p(c, () => e.children), A((o) => K(c, `grid-row: span ${t()};`, o)), c;
   })();
-}, _t = (e) => {
-  const t = fe(() => e.children), i = [].concat(t()).filter(Boolean).map((s) => E(jt, {
+}, Ft = (e) => {
+  const t = fe(() => e.children), i = [].concat(t()).filter(Boolean).map((s) => E(Et, {
     get gutter() {
       return e.gutter;
     },
     children: s
   }));
-  return E(xt, u({
+  return E(At, y({
     style: "grid-template-rows: 1px;"
   }, e, {
     children: i
   }));
-}, Ct = {
+}, It = {
   start: "justify:start",
   end: "justify:end",
   center: "justify:center"
-}, Et = {
+}, Tt = {
   start: "align:start",
   end: "align:end",
   center: "align:center",
   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({
+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: ${$(t, e.gutter ?? "size00") ?? "0px"};`, s = () => e.justify !== void 0 ? It[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", y(m(e, ["as", "gutter", "justify", "align"]), g({
     style: c,
     "data-bedrock-inline-cluster": o
   })));
 }
-const It = {
+const Pt = {
   start: "justify:start",
   end: "justify:end",
   center: "justify:center"
-}, zt = {
+}, Ot = {
   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({
+function Ut(e) {
+  const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((u, [b, S]) => u + `${b}:${S};`, ""), i = () => `--gutter: ${$(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 ? Pt[e.justify] : void 0, o = () => e.align !== void 0 ? Ot[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", y(m(e, ["as", "gutter", "justify", "align", "stretch", "switchAt"]), g({
     style: f,
     "data-bedrock-inline": a
   })));
@@ -767,28 +804,28 @@ const Mt = (e) => ({
   inlineEnd: "padding-inline-end",
   blockStart: "padding-block-start",
   blockEnd: "padding-block-end"
-})[e], Ot = (e, t) => {
+})[e], zt = (e, t) => {
   if (!t)
     return "";
   if (Array.isArray(t) && t.length > 4)
     throw new Error("padding arrays can only be 4 or less in length");
   const n = typeof t == "object" && !Array.isArray(t) ? Object.entries(t).reduce((i, [s, r]) => ({
     ...i,
-    [Mt(s)]: _(e, r) ?? "0px"
+    [Mt(s)]: V(e, r) ?? "0px"
   }), {}) : {
-    padding: Array.from(Array.isArray(t) ? t : [t]).map((i) => _(e, i) ?? "0px").join(" ")
+    padding: Array.from(Array.isArray(t) ? t : [t]).map((i) => V(e, i) ?? "0px").join(" ")
   };
   return Object.entries(n).reduce((i, [s, r]) => i + `${s}:${r};`, "");
 };
-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({
+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 = () => zt(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 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: ${$(t, e.gutter ?? "size00") ?? "0px"};`, s = () => {
     switch (e.snapType) {
       case "none":
         return "snapType:none";
@@ -800,7 +837,7 @@ function qt(e) {
         return "snapType:none";
     }
   }, r = () => [n(), i()].join("; ");
-  return h(() => e.as ?? "div", u(m(e, ["as", "gutter"]), g({
+  return h(() => e.as ?? "div", y(m(e, ["as", "gutter"]), g({
     style: r,
     "data-bedrock-reel": s
   })));
@@ -814,79 +851,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 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: ${O(t, e.switchAt) ?? "0px"};` : "", s = () => `--gutter: ${$(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", y(m(e, ["as", "gutter", "fraction"]), g({
     style: o,
     "data-bedrock-split": r
   })));
 }
-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({
+function Jt(e) {
+  const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((r, [c, o]) => r + `${c}:${o};`, ""), i = () => `--gutter: ${$(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 kt = /* @__PURE__ */ Z("<div data-bedrock-cover-centered>");
+function Nt(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({
+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: ${$(t, e.gutter ?? "size00") ?? "0px"};`, s = () => `--minHeight: ${Nt(e.minHeight)};`, r = () => e.stretchContent === !0 ? "stretch-content" : "", c = () => [n(), i(), s()].join("; ");
+  return h(() => e.as ?? "div", y(m(e, ["as", "minHeight", "stretchContent"]), g({
     style: c,
     "data-bedrock-cover": r
   })));
 }
-function Jt(e) {
-  const [t, n] = V(e, ["children", "top", "bottom"]);
-  return E(kt, u(n, {
+function Zt(e) {
+  const [t, n] = X(e, ["children", "top", "bottom"]);
+  return E(Lt, y(n, {
     get children() {
       return [I(() => t.top), (() => {
-        const i = Pt.cloneNode(!0);
-        return ee(i, () => t.children), i;
+        const i = kt();
+        return p(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({
+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: ${$(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", y(m(e, ["as", "gutter", "columns", "switchAt"]), g({
     style: c,
     "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({
+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", y(m(e, ["as", "span", "offsetStart", "offsetEnd"]), g({
     style: r,
     "data-bedrock-column": () => ""
   })));
 }
 export {
-  Bt as Center,
-  Zt as Column,
-  Rt as ColumnDrop,
-  Yt as Columns,
-  Jt as Cover,
-  Ht as Frame,
-  xt as Grid,
-  Vt as Inline,
-  Ft as InlineCluster,
-  _t as MasonryGrid,
-  Xt as PadBox,
-  qt as Reel,
-  Ut as Split,
-  Qt as Stack,
-  Dt as ThemeProvider,
-  W as checkIsCSSLength,
-  Gt as createContainerQuery,
-  _ as getSafeGutter,
+  Rt as Center,
+  pt as Column,
+  Gt as ColumnDrop,
+  Kt as Columns,
+  Zt as Cover,
+  Vt as Frame,
+  At as Grid,
+  Ut as Inline,
+  Xt as InlineCluster,
+  Ft as MasonryGrid,
+  qt as PadBox,
+  Qt as Reel,
+  Yt as Split,
+  Jt as Stack,
+  Ht as ThemeProvider,
+  B as checkIsCSSLength,
+  _t as createContainerQuery,
+  V as getSafeGutter,
   O as getSizeValue,
-  b as getSpacingValue,
-  dt as sizes,
-  ut as spacing,
-  $ as useTheme
+  $ as getSpacingValue,
+  mt as sizes,
+  yt as spacing,
+  x as useTheme
 };