@bedrock-layout/solid 1.7.0 → 1.7.2

package/lib/index.m.js

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