baseline-kit 2.0.0 → 2.0.1

package/dist/index.mjs

@@ -1,6 +1,6 @@
-import * as E from "react";
-import st, { useState as Je, useRef as ie, useCallback as le, useLayoutEffect as ye, useMemo as P, memo as De } from "react";
-var ae = { exports: {} }, re = {};
+import * as f from "react";
+import oe, { useMemo as ot, useCallback as kt, useState as re, useLayoutEffect as Jt, useRef as se } from "react";
+var ut = { exports: {} }, at = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -10,29 +10,29 @@ var ae = { exports: {} }, re = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Be;
-function at() {
-  if (Be) return re;
-  Be = 1;
-  var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
-  function r(s, i, o) {
-    var a = null;
-    if (o !== void 0 && (a = "" + o), i.key !== void 0 && (a = "" + i.key), "key" in i) {
-      o = {};
-      for (var f in i)
-        f !== "key" && (o[f] = i[f]);
-    } else o = i;
-    return i = o.ref, {
-      $$typeof: t,
-      type: s,
-      key: a,
-      ref: i !== void 0 ? i : null,
-      props: o
+var zt;
+function ae() {
+  if (zt) return at;
+  zt = 1;
+  var e = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
+  function o(a, s, r) {
+    var i = null;
+    if (r !== void 0 && (i = "" + r), s.key !== void 0 && (i = "" + s.key), "key" in s) {
+      r = {};
+      for (var d in s)
+        d !== "key" && (r[d] = s[d]);
+    } else r = s;
+    return s = r.ref, {
+      $$typeof: e,
+      type: a,
+      key: i,
+      ref: s !== void 0 ? s : null,
+      props: r
     };
   }
-  return re.Fragment = n, re.jsx = r, re.jsxs = r, re;
+  return at.Fragment = n, at.jsx = o, at.jsxs = o, at;
 }
-var oe = {};
+var it = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -42,421 +42,421 @@ var oe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ue;
-function lt() {
-  return Ue || (Ue = 1, process.env.NODE_ENV !== "production" && function() {
-    function t(e) {
-      if (e == null) return null;
-      if (typeof e == "function")
-        return e.$$typeof === rt ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
-        case O:
+var Ut;
+function ie() {
+  return Ut || (Ut = 1, process.env.NODE_ENV !== "production" && function() {
+    function e(t) {
+      if (t == null) return null;
+      if (typeof t == "function")
+        return t.$$typeof === te ? null : t.displayName || t.name || null;
+      if (typeof t == "string") return t;
+      switch (t) {
+        case V:
           return "Fragment";
-        case w:
+        case E:
           return "Portal";
-        case A:
+        case R:
           return "Profiler";
-        case $:
+        case O:
           return "StrictMode";
-        case G:
+        case T:
           return "Suspense";
-        case F:
+        case L:
           return "SuspenseList";
       }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
+      if (typeof t == "object")
+        switch (typeof t.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), e.$$typeof) {
-          case z:
-            return (e.displayName || "Context") + ".Provider";
+        ), t.$$typeof) {
+          case j:
+            return (t.displayName || "Context") + ".Provider";
+          case w:
+            return (t._context.displayName || "Context") + ".Consumer";
+          case y:
+            var l = t.render;
+            return t = t.displayName, t || (t = l.displayName || l.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
+          case B:
+            return l = t.displayName || null, l !== null ? l : e(t.type) || "Memo";
           case W:
-            return (e._context.displayName || "Context") + ".Consumer";
-          case N:
-            var c = e.render;
-            return e = e.displayName, e || (e = c.displayName || c.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case L:
-            return c = e.displayName || null, c !== null ? c : t(e.type) || "Memo";
-          case de:
-            c = e._payload, e = e._init;
+            l = t._payload, t = t._init;
             try {
-              return t(e(c));
+              return e(t(l));
             } catch {
             }
         }
       return null;
     }
-    function n(e) {
-      return "" + e;
+    function n(t) {
+      return "" + t;
     }
-    function r(e) {
+    function o(t) {
       try {
-        n(e);
-        var c = !1;
+        n(t);
+        var l = !1;
       } catch {
-        c = !0;
+        l = !0;
       }
-      if (c) {
-        c = console;
-        var u = c.error, v = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+      if (l) {
+        l = console;
+        var u = l.error, S = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
         return u.call(
-          c,
+          l,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          v
-        ), n(e);
+          S
+        ), n(t);
       }
     }
-    function s() {
+    function a() {
     }
-    function i() {
-      if (te === 0) {
-        Te = console.log, $e = console.info, je = console.warn, Ae = console.error, Oe = console.group, Ne = console.groupCollapsed, Me = console.groupEnd;
-        var e = {
+    function s() {
+      if (rt === 0) {
+        jt = console.log, Ot = console.info, Tt = console.warn, At = console.error, $t = console.group, Mt = console.groupCollapsed, Nt = console.groupEnd;
+        var t = {
           configurable: !0,
           enumerable: !0,
-          value: s,
+          value: a,
           writable: !0
         };
         Object.defineProperties(console, {
-          info: e,
-          log: e,
-          warn: e,
-          error: e,
-          group: e,
-          groupCollapsed: e,
-          groupEnd: e
+          info: t,
+          log: t,
+          warn: t,
+          error: t,
+          group: t,
+          groupCollapsed: t,
+          groupEnd: t
         });
       }
-      te++;
+      rt++;
     }
-    function o() {
-      if (te--, te === 0) {
-        var e = { configurable: !0, enumerable: !0, writable: !0 };
+    function r() {
+      if (rt--, rt === 0) {
+        var t = { configurable: !0, enumerable: !0, writable: !0 };
         Object.defineProperties(console, {
-          log: X({}, e, { value: Te }),
-          info: X({}, e, { value: $e }),
-          warn: X({}, e, { value: je }),
-          error: X({}, e, { value: Ae }),
-          group: X({}, e, { value: Oe }),
-          groupCollapsed: X({}, e, { value: Ne }),
-          groupEnd: X({}, e, { value: Me })
+          log: K({}, t, { value: jt }),
+          info: K({}, t, { value: Ot }),
+          warn: K({}, t, { value: Tt }),
+          error: K({}, t, { value: At }),
+          group: K({}, t, { value: $t }),
+          groupCollapsed: K({}, t, { value: Mt }),
+          groupEnd: K({}, t, { value: Nt })
         });
       }
-      0 > te && console.error(
+      0 > rt && console.error(
         "disabledDepth fell below zero. This is a bug in React. Please file an issue."
       );
     }
-    function a(e) {
-      if (me === void 0)
+    function i(t) {
+      if (ht === void 0)
         try {
           throw Error();
         } catch (u) {
-          var c = u.stack.trim().match(/\n( *(at )?)/);
-          me = c && c[1] || "", Ve = -1 < u.stack.indexOf(`
+          var l = u.stack.trim().match(/\n( *(at )?)/);
+          ht = l && l[1] || "", Vt = -1 < u.stack.indexOf(`
     at`) ? " (<anonymous>)" : -1 < u.stack.indexOf("@") ? "@unknown:0:0" : "";
         }
       return `
-` + me + e + Ve;
+` + ht + t + Vt;
     }
-    function f(e, c) {
-      if (!e || ge) return "";
-      var u = he.get(e);
+    function d(t, l) {
+      if (!t || pt) return "";
+      var u = vt.get(t);
       if (u !== void 0) return u;
-      ge = !0, u = Error.prepareStackTrace, Error.prepareStackTrace = void 0;
-      var v = null;
-      v = H.H, H.H = null, i();
+      pt = !0, u = Error.prepareStackTrace, Error.prepareStackTrace = void 0;
+      var S = null;
+      S = Z.H, Z.H = null, s();
       try {
-        var M = {
+        var z = {
           DetermineComponentFrameRoot: function() {
             try {
-              if (c) {
-                var I = function() {
+              if (l) {
+                var q = function() {
                   throw Error();
                 };
-                if (Object.defineProperty(I.prototype, "props", {
+                if (Object.defineProperty(q.prototype, "props", {
                   set: function() {
                     throw Error();
                   }
                 }), typeof Reflect == "object" && Reflect.construct) {
                   try {
-                    Reflect.construct(I, []);
-                  } catch (U) {
-                    var se = U;
+                    Reflect.construct(q, []);
+                  } catch (H) {
+                    var lt = H;
                   }
-                  Reflect.construct(e, [], I);
+                  Reflect.construct(t, [], q);
                 } else {
                   try {
-                    I.call();
-                  } catch (U) {
-                    se = U;
+                    q.call();
+                  } catch (H) {
+                    lt = H;
                   }
-                  e.call(I.prototype);
+                  t.call(q.prototype);
                 }
               } else {
                 try {
                   throw Error();
-                } catch (U) {
-                  se = U;
+                } catch (H) {
+                  lt = H;
                 }
-                (I = e()) && typeof I.catch == "function" && I.catch(function() {
+                (q = t()) && typeof q.catch == "function" && q.catch(function() {
                 });
               }
-            } catch (U) {
-              if (U && se && typeof U.stack == "string")
-                return [U.stack, se.stack];
+            } catch (H) {
+              if (H && lt && typeof H.stack == "string")
+                return [H.stack, lt.stack];
             }
             return [null, null];
           }
         };
-        M.DetermineComponentFrameRoot.displayName = "DetermineComponentFrameRoot";
-        var j = Object.getOwnPropertyDescriptor(
-          M.DetermineComponentFrameRoot,
+        z.DetermineComponentFrameRoot.displayName = "DetermineComponentFrameRoot";
+        var G = Object.getOwnPropertyDescriptor(
+          z.DetermineComponentFrameRoot,
           "name"
         );
-        j && j.configurable && Object.defineProperty(
-          M.DetermineComponentFrameRoot,
+        G && G.configurable && Object.defineProperty(
+          z.DetermineComponentFrameRoot,
           "name",
           { value: "DetermineComponentFrameRoot" }
         );
-        var m = M.DetermineComponentFrameRoot(), B = m[0], K = m[1];
-        if (B && K) {
-          var V = B.split(`
-`), q = K.split(`
+        var p = z.DetermineComponentFrameRoot(), F = p[0], et = p[1];
+        if (F && et) {
+          var Y = F.split(`
+`), Q = et.split(`
 `);
-          for (m = j = 0; j < V.length && !V[j].includes(
+          for (p = G = 0; G < Y.length && !Y[G].includes(
             "DetermineComponentFrameRoot"
           ); )
-            j++;
-          for (; m < q.length && !q[m].includes(
+            G++;
+          for (; p < Q.length && !Q[p].includes(
             "DetermineComponentFrameRoot"
           ); )
-            m++;
-          if (j === V.length || m === q.length)
-            for (j = V.length - 1, m = q.length - 1; 1 <= j && 0 <= m && V[j] !== q[m]; )
-              m--;
-          for (; 1 <= j && 0 <= m; j--, m--)
-            if (V[j] !== q[m]) {
-              if (j !== 1 || m !== 1)
+            p++;
+          if (G === Y.length || p === Q.length)
+            for (G = Y.length - 1, p = Q.length - 1; 1 <= G && 0 <= p && Y[G] !== Q[p]; )
+              p--;
+          for (; 1 <= G && 0 <= p; G--, p--)
+            if (Y[G] !== Q[p]) {
+              if (G !== 1 || p !== 1)
                 do
-                  if (j--, m--, 0 > m || V[j] !== q[m]) {
-                    var ne = `
-` + V[j].replace(
+                  if (G--, p--, 0 > p || Y[G] !== Q[p]) {
+                    var st = `
+` + Y[G].replace(
                       " at new ",
                       " at "
                     );
-                    return e.displayName && ne.includes("<anonymous>") && (ne = ne.replace("<anonymous>", e.displayName)), typeof e == "function" && he.set(e, ne), ne;
+                    return t.displayName && st.includes("<anonymous>") && (st = st.replace("<anonymous>", t.displayName)), typeof t == "function" && vt.set(t, st), st;
                   }
-                while (1 <= j && 0 <= m);
+                while (1 <= G && 0 <= p);
               break;
             }
         }
       } finally {
-        ge = !1, H.H = v, o(), Error.prepareStackTrace = u;
+        pt = !1, Z.H = S, r(), Error.prepareStackTrace = u;
       }
-      return V = (V = e ? e.displayName || e.name : "") ? a(V) : "", typeof e == "function" && he.set(e, V), V;
+      return Y = (Y = t ? t.displayName || t.name : "") ? i(Y) : "", typeof t == "function" && vt.set(t, Y), Y;
     }
-    function d(e) {
-      if (e == null) return "";
-      if (typeof e == "function") {
-        var c = e.prototype;
-        return f(
-          e,
-          !(!c || !c.isReactComponent)
+    function g(t) {
+      if (t == null) return "";
+      if (typeof t == "function") {
+        var l = t.prototype;
+        return d(
+          t,
+          !(!l || !l.isReactComponent)
         );
       }
-      if (typeof e == "string") return a(e);
-      switch (e) {
-        case G:
-          return a("Suspense");
-        case F:
-          return a("SuspenseList");
+      if (typeof t == "string") return i(t);
+      switch (t) {
+        case T:
+          return i("Suspense");
+        case L:
+          return i("SuspenseList");
       }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case N:
-            return e = f(e.render, !1), e;
-          case L:
-            return d(e.type);
-          case de:
-            c = e._payload, e = e._init;
+      if (typeof t == "object")
+        switch (t.$$typeof) {
+          case y:
+            return t = d(t.render, !1), t;
+          case B:
+            return g(t.type);
+          case W:
+            l = t._payload, t = t._init;
             try {
-              return d(e(c));
+              return g(t(l));
             } catch {
             }
         }
       return "";
     }
-    function l() {
-      var e = H.A;
-      return e === null ? null : e.getOwner();
+    function c() {
+      var t = Z.A;
+      return t === null ? null : t.getOwner();
     }
-    function g(e) {
-      if (Re.call(e, "key")) {
-        var c = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (c && c.isReactWarning) return !1;
+    function m(t) {
+      if (_t.call(t, "key")) {
+        var l = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (l && l.isReactWarning) return !1;
       }
-      return e.key !== void 0;
+      return t.key !== void 0;
     }
-    function x(e, c) {
+    function x(t, l) {
       function u() {
-        We || (We = !0, console.error(
+        Gt || (Gt = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          c
+          l
         ));
       }
-      u.isReactWarning = !0, Object.defineProperty(e, "key", {
+      u.isReactWarning = !0, Object.defineProperty(t, "key", {
         get: u,
         configurable: !0
       });
     }
     function b() {
-      var e = t(this.type);
-      return Ge[e] || (Ge[e] = !0, console.error(
+      var t = e(this.type);
+      return Wt[t] || (Wt[t] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), e = this.props.ref, e !== void 0 ? e : null;
+      )), t = this.props.ref, t !== void 0 ? t : null;
     }
-    function h(e, c, u, v, M, j) {
-      return u = j.ref, e = {
-        $$typeof: _,
-        type: e,
-        key: c,
-        props: j,
-        _owner: M
-      }, (u !== void 0 ? u : null) !== null ? Object.defineProperty(e, "ref", {
+    function v(t, l, u, S, z, G) {
+      return u = G.ref, t = {
+        $$typeof: C,
+        type: t,
+        key: l,
+        props: G,
+        _owner: z
+      }, (u !== void 0 ? u : null) !== null ? Object.defineProperty(t, "ref", {
         enumerable: !1,
         get: b
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+      }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
+      }), Object.defineProperty(t, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
     }
-    function T(e, c, u, v, M, j) {
-      if (typeof e == "string" || typeof e == "function" || e === O || e === A || e === $ || e === G || e === F || e === nt || typeof e == "object" && e !== null && (e.$$typeof === de || e.$$typeof === L || e.$$typeof === z || e.$$typeof === W || e.$$typeof === N || e.$$typeof === ot || e.getModuleId !== void 0)) {
-        var m = c.children;
-        if (m !== void 0)
-          if (v)
-            if (be(m)) {
-              for (v = 0; v < m.length; v++)
-                y(m[v], e);
-              Object.freeze && Object.freeze(m);
+    function A(t, l, u, S, z, G) {
+      if (typeof t == "string" || typeof t == "function" || t === V || t === R || t === O || t === T || t === L || t === P || typeof t == "object" && t !== null && (t.$$typeof === W || t.$$typeof === B || t.$$typeof === j || t.$$typeof === w || t.$$typeof === y || t.$$typeof === ee || t.getModuleId !== void 0)) {
+        var p = l.children;
+        if (p !== void 0)
+          if (S)
+            if (gt(p)) {
+              for (S = 0; S < p.length; S++)
+                M(p[S], t);
+              Object.freeze && Object.freeze(p);
             } else
               console.error(
                 "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
               );
-          else y(m, e);
+          else M(p, t);
       } else
-        m = "", (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (m += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."), e === null ? v = "null" : be(e) ? v = "array" : e !== void 0 && e.$$typeof === _ ? (v = "<" + (t(e.type) || "Unknown") + " />", m = " Did you accidentally export a JSX literal instead of a component?") : v = typeof e, console.error(
+        p = "", (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (p += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."), t === null ? S = "null" : gt(t) ? S = "array" : t !== void 0 && t.$$typeof === C ? (S = "<" + (e(t.type) || "Unknown") + " />", p = " Did you accidentally export a JSX literal instead of a component?") : S = typeof t, console.error(
           "React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",
-          v,
-          m
+          S,
+          p
         );
-      if (Re.call(c, "key")) {
-        m = t(e);
-        var B = Object.keys(c).filter(function(V) {
-          return V !== "key";
+      if (_t.call(l, "key")) {
+        p = e(t);
+        var F = Object.keys(l).filter(function(Y) {
+          return Y !== "key";
         });
-        v = 0 < B.length ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}", Pe[m + v] || (B = 0 < B.length ? "{" + B.join(": ..., ") + ": ...}" : "{}", console.error(
+        S = 0 < F.length ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}", Bt[p + S] || (F = 0 < F.length ? "{" + F.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          v,
-          m,
-          B,
-          m
-        ), Pe[m + v] = !0);
+          S,
+          p,
+          F,
+          p
+        ), Bt[p + S] = !0);
       }
-      if (m = null, u !== void 0 && (r(u), m = "" + u), g(c) && (r(c.key), m = "" + c.key), "key" in c) {
+      if (p = null, u !== void 0 && (o(u), p = "" + u), m(l) && (o(l.key), p = "" + l.key), "key" in l) {
         u = {};
-        for (var K in c)
-          K !== "key" && (u[K] = c[K]);
-      } else u = c;
-      return m && x(
+        for (var et in l)
+          et !== "key" && (u[et] = l[et]);
+      } else u = l;
+      return p && x(
         u,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), h(e, m, j, M, l(), u);
+        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
+      ), v(t, p, G, z, c(), u);
     }
-    function y(e, c) {
-      if (typeof e == "object" && e && e.$$typeof !== it) {
-        if (be(e))
-          for (var u = 0; u < e.length; u++) {
-            var v = e[u];
-            p(v) && S(v, c);
+    function M(t, l) {
+      if (typeof t == "object" && t && t.$$typeof !== ne) {
+        if (gt(t))
+          for (var u = 0; u < t.length; u++) {
+            var S = t[u];
+            h(S) && $(S, l);
           }
-        else if (p(e))
-          e._store && (e._store.validated = 1);
-        else if (e === null || typeof e != "object" ? u = null : (u = _e && e[_e] || e["@@iterator"], u = typeof u == "function" ? u : null), typeof u == "function" && u !== e.entries && (u = u.call(e), u !== e))
-          for (; !(e = u.next()).done; )
-            p(e.value) && S(e.value, c);
+        else if (h(t))
+          t._store && (t._store.validated = 1);
+        else if (t === null || typeof t != "object" ? u = null : (u = ct && t[ct] || t["@@iterator"], u = typeof u == "function" ? u : null), typeof u == "function" && u !== t.entries && (u = u.call(t), u !== t))
+          for (; !(t = u.next()).done; )
+            h(t.value) && $(t.value, l);
       }
     }
-    function p(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === _;
+    function h(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === C;
     }
-    function S(e, c) {
-      if (e._store && !e._store.validated && e.key == null && (e._store.validated = 1, c = C(c), !Ye[c])) {
-        Ye[c] = !0;
+    function $(t, l) {
+      if (t._store && !t._store.validated && t.key == null && (t._store.validated = 1, l = N(l), !Lt[l])) {
+        Lt[l] = !0;
         var u = "";
-        e && e._owner != null && e._owner !== l() && (u = null, typeof e._owner.tag == "number" ? u = t(e._owner.type) : typeof e._owner.name == "string" && (u = e._owner.name), u = " It was passed a child from " + u + ".");
-        var v = H.getCurrentStack;
-        H.getCurrentStack = function() {
-          var M = d(e.type);
-          return v && (M += v() || ""), M;
+        t && t._owner != null && t._owner !== c() && (u = null, typeof t._owner.tag == "number" ? u = e(t._owner.type) : typeof t._owner.name == "string" && (u = t._owner.name), u = " It was passed a child from " + u + ".");
+        var S = Z.getCurrentStack;
+        Z.getCurrentStack = function() {
+          var z = g(t.type);
+          return S && (z += S() || ""), z;
         }, console.error(
           'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
-          c,
+          l,
           u
-        ), H.getCurrentStack = v;
+        ), Z.getCurrentStack = S;
       }
     }
-    function C(e) {
-      var c = "", u = l();
-      return u && (u = t(u.type)) && (c = `
+    function N(t) {
+      var l = "", u = c();
+      return u && (u = e(u.type)) && (l = `
 
-Check the render method of \`` + u + "`."), c || (e = t(e)) && (c = `
+Check the render method of \`` + u + "`."), l || (t = e(t)) && (l = `
 
-Check the top-level render call using <` + e + ">."), c;
+Check the top-level render call using <` + t + ">."), l;
     }
-    var k = st, _ = Symbol.for("react.transitional.element"), w = Symbol.for("react.portal"), O = Symbol.for("react.fragment"), $ = Symbol.for("react.strict_mode"), A = Symbol.for("react.profiler"), W = Symbol.for("react.consumer"), z = Symbol.for("react.context"), N = Symbol.for("react.forward_ref"), G = Symbol.for("react.suspense"), F = Symbol.for("react.suspense_list"), L = Symbol.for("react.memo"), de = Symbol.for("react.lazy"), nt = Symbol.for("react.offscreen"), _e = Symbol.iterator, rt = Symbol.for("react.client.reference"), H = k.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Re = Object.prototype.hasOwnProperty, X = Object.assign, ot = Symbol.for("react.client.reference"), be = Array.isArray, te = 0, Te, $e, je, Ae, Oe, Ne, Me;
-    s.__reactDisabledLog = !0;
-    var me, Ve, ge = !1, he = new (typeof WeakMap == "function" ? WeakMap : Map)(), it = Symbol.for("react.client.reference"), We, Ge = {}, Pe = {}, Ye = {};
-    oe.Fragment = O, oe.jsx = function(e, c, u, v, M) {
-      return T(e, c, u, !1, v, M);
-    }, oe.jsxs = function(e, c, u, v, M) {
-      return T(e, c, u, !0, v, M);
+    var k = oe, C = Symbol.for("react.transitional.element"), E = Symbol.for("react.portal"), V = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), R = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), j = Symbol.for("react.context"), y = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), L = Symbol.for("react.suspense_list"), B = Symbol.for("react.memo"), W = Symbol.for("react.lazy"), P = Symbol.for("react.offscreen"), ct = Symbol.iterator, te = Symbol.for("react.client.reference"), Z = k.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, _t = Object.prototype.hasOwnProperty, K = Object.assign, ee = Symbol.for("react.client.reference"), gt = Array.isArray, rt = 0, jt, Ot, Tt, At, $t, Mt, Nt;
+    a.__reactDisabledLog = !0;
+    var ht, Vt, pt = !1, vt = new (typeof WeakMap == "function" ? WeakMap : Map)(), ne = Symbol.for("react.client.reference"), Gt, Wt = {}, Bt = {}, Lt = {};
+    it.Fragment = V, it.jsx = function(t, l, u, S, z) {
+      return A(t, l, u, !1, S, z);
+    }, it.jsxs = function(t, l, u, S, z) {
+      return A(t, l, u, !0, S, z);
     };
-  }()), oe;
+  }()), it;
 }
-var ze;
-function ct() {
-  return ze || (ze = 1, process.env.NODE_ENV === "production" ? ae.exports = at() : ae.exports = lt()), ae.exports;
+var Yt;
+function ce() {
+  return Yt || (Yt = 1, process.env.NODE_ENV === "production" ? ut.exports = ae() : ut.exports = ie()), ut.exports;
 }
-var R = ct();
-function ut(t) {
-  const n = t.trim().match(/^([+-]?[\d.]+)([a-zA-Z%]+)$/);
+var _ = ce();
+function le(e) {
+  const n = e.trim().match(/^([+-]?[\d.]+)([a-zA-Z%]+)$/);
   if (!n) return null;
-  const r = parseFloat(n[1]), s = n[2];
-  return { value: r, unit: s };
+  const o = parseFloat(n[1]), a = n[2];
+  return { value: o, unit: a };
 }
-function ve(t, n) {
-  return t === void 0 && n !== void 0 ? `${n}px` : t === "auto" || typeof t == "string" && /^(auto|100%|0|.*(fr|vh|vw|vmin|vmax|rem))$/.test(t) ? String(t) : typeof t == "number" ? `${t}px` : t ?? "";
+function U(e, n) {
+  return e === void 0 && n !== void 0 ? `${n}px` : e === "auto" || typeof e == "string" && /^(auto|100%|0|.*(fr|vh|vw|vmin|vmax|rem))$/.test(e) ? String(e) : typeof e == "number" ? `${e}px` : e ?? "";
 }
-const ft = {
+const ue = {
   parentSize: 0,
   viewportWidth: typeof window < "u" ? window.innerWidth : 1920,
   viewportHeight: typeof window < "u" ? window.innerHeight : 1080,
   rootFontSize: 16,
   parentFontSize: 16
-}, xe = {
+}, wt = {
   px: 1,
   in: 96,
   // 1in = 96px
@@ -468,276 +468,295 @@ const ft = {
   // 1pt = 1.33px
   pc: 16
   // 1pc = 16px
-}, Qe = ["em", "rem", "vh", "vw", "vmin", "vmax", "%"];
-function ke(t, n) {
-  if (typeof t == "number") return t;
-  if (typeof t != "string") return null;
-  const r = ut(t);
-  if (!r) return null;
-  const { value: s, unit: i } = r;
-  if (i in xe)
-    return s * xe[i];
-  if (i === "auto") return null;
-  if (Qe.includes(i)) {
-    const o = { ...ft, ...n };
-    switch (i) {
+}, Xt = ["em", "rem", "vh", "vw", "vmin", "vmax", "%"];
+function yt(e, n) {
+  if (typeof e == "number") return e;
+  if (typeof e != "string") return null;
+  const o = le(e);
+  if (!o) return null;
+  const { value: a, unit: s } = o;
+  if (s in wt)
+    return a * wt[s];
+  if (s === "auto") return null;
+  if (Xt.includes(s)) {
+    const r = { ...ue, ...n };
+    switch (s) {
       case "em":
-        return s * o.parentFontSize;
+        return a * r.parentFontSize;
       case "rem":
-        return s * o.rootFontSize;
+        return a * r.rootFontSize;
       case "vh":
-        return s / 100 * o.viewportHeight;
+        return a / 100 * r.viewportHeight;
       case "vw":
-        return s / 100 * o.viewportWidth;
+        return a / 100 * r.viewportWidth;
       case "vmin":
-        return s / 100 * Math.min(o.viewportWidth, o.viewportHeight);
+        return a / 100 * Math.min(r.viewportWidth, r.viewportHeight);
       case "vmax":
-        return s / 100 * Math.max(o.viewportWidth, o.viewportHeight);
+        return a / 100 * Math.max(r.viewportWidth, r.viewportHeight);
       case "%":
-        return s / 100 * o.parentSize;
+        return a / 100 * r.parentSize;
       default:
         return null;
     }
   }
   return null;
 }
-function Zt(t, n, r) {
-  const s = (r == null ? void 0 : r.round) ?? !0, i = t === void 0 ? 0 : typeof t == "number" ? t : ke(t) ?? 0;
-  return `${(s ? Math.round(i) : i) % n}px`;
+function Ke(e, n, o) {
+  const a = (o == null ? void 0 : o.round) ?? !0, s = e === void 0 ? 0 : typeof e == "number" ? e : yt(e) ?? 0;
+  return `${(a ? Math.round(s) : s) % n}px`;
 }
-function dt(t, n, r) {
-  return Math.min(Math.max(t, n), r);
+function fe(e, n, o) {
+  return Math.min(Math.max(e, n), o);
 }
-function Kt(t, n = 0) {
+function Qe(e, n = 0) {
   if (n >= 0)
-    return Number((Math.round(t * 10 ** n) / 10 ** n).toFixed(n));
+    return Number((Math.round(e * 10 ** n) / 10 ** n).toFixed(n));
   {
-    const r = 10 ** Math.abs(n);
-    return Math.round(t / r) * r;
+    const o = 10 ** Math.abs(n);
+    return Math.round(e / o) * o;
   }
 }
-function ce(t, n = {}) {
+function dt(e, n = {}) {
   const {
-    base: r = 8,
-    round: s = !0,
-    clamp: i,
-    suppressWarnings: o = !1
+    base: o = 8,
+    round: a = !0,
+    clamp: s,
+    suppressWarnings: r = !1
   } = n;
-  if (t === "auto") return r;
-  let a = null;
-  if (typeof t == "number")
-    a = t;
-  else if (typeof t == "string") {
-    const l = ke(t);
-    l === null ? (o || console.error(`Failed to convert "${t}" to pixels. Falling back to base ${r}.`), a = r) : a = l;
+  if (e === "auto") return o;
+  let i = null;
+  if (typeof e == "number")
+    i = e;
+  else if (typeof e == "string") {
+    const c = yt(e);
+    c === null ? (r || console.error(
+      `Failed to convert "${e}" to pixels. Falling back to base ${o}.`
+    ), i = o) : i = c;
   }
-  a === null && (a = r);
-  const f = s ? Math.round(a / r) * r : a, d = i !== void 0 ? dt(f, i.min ?? -1 / 0, i.max ?? 1 / 0) : f;
-  return !o && d !== a && console.warn(`Normalized ${a} to ${d} to match base ${r}px.`), d;
+  i === null && (i = o);
+  const d = a ? Math.round(i / o) * o : i, g = s !== void 0 ? fe(
+    d,
+    s.min ?? -1 / 0,
+    s.max ?? 1 / 0
+  ) : d;
+  return !r && g !== i && console.warn(`Normalized ${i} to ${g} to match base ${o}px.`), g;
 }
-function Ze(t, n, r) {
-  if (!t) return n;
-  const s = t[0] !== void 0 ? ce(t[0], r) : n[0], i = t[1] !== void 0 ? ce(t[1], r) : n[1];
-  return [s, i];
+function Dt(e, n, o) {
+  if (!e || e[0] === void 0 && e[1] === void 0)
+    return n;
+  const a = e[0] !== void 0 ? dt(e[0], o) : n[0], s = e[1] !== void 0 ? dt(e[1], o) : n[1];
+  return [a, s];
 }
-function J(t) {
-  if ("padding" in t && t.padding != null)
-    return bt(t.padding);
-  const n = "block" in t && t.block != null ? mt(t.block) : { top: 0, bottom: 0 }, r = "inline" in t && t.inline != null ? gt(t.inline) : { left: 0, right: 0 };
+function D(e) {
+  if ("padding" in e && e.padding != null)
+    return de(e.padding);
+  const n = "block" in e && e.block != null ? be(e.block) : { top: 0, bottom: 0 }, o = "inline" in e && e.inline != null ? me(e.inline) : { left: 0, right: 0 };
   return {
     top: n.top,
-    right: r.right,
+    right: o.right,
     bottom: n.bottom,
-    left: r.left
+    left: o.left
   };
 }
-function bt(t) {
-  if (typeof t == "number")
-    return { top: t, right: t, bottom: t, left: t };
-  if (Array.isArray(t)) {
-    if (t.length === 2) {
-      const [n, r] = t;
-      return { top: n, right: r, bottom: n, left: r };
+function de(e) {
+  if (typeof e == "number")
+    return { top: e, right: e, bottom: e, left: e };
+  if (Array.isArray(e)) {
+    if (e.length === 2) {
+      const [n, o] = e;
+      return { top: n, right: o, bottom: n, left: o };
     }
-    if (t.length >= 4) {
-      const [n, r, s, i] = t;
+    if (e.length >= 4) {
+      const [n, o, a, s] = e;
       return {
         top: n ?? 0,
-        right: r ?? 0,
-        bottom: s ?? 0,
-        left: i ?? 0
+        right: o ?? 0,
+        bottom: a ?? 0,
+        left: s ?? 0
       };
     }
   }
-  if (typeof t == "object" && !Array.isArray(t)) {
-    const n = t.top ?? 0, r = t.bottom ?? 0, s = t.left ?? 0, i = t.right ?? 0;
-    return { top: n, right: i, bottom: r, left: s };
+  if (typeof e == "object" && !Array.isArray(e)) {
+    const n = e.top ?? 0, o = e.bottom ?? 0, a = e.left ?? 0, s = e.right ?? 0;
+    return { top: n, right: s, bottom: o, left: a };
   }
   return { top: 0, right: 0, bottom: 0, left: 0 };
 }
-function mt(t) {
-  if (typeof t == "number")
-    return { top: t, bottom: t };
-  if (Array.isArray(t)) {
-    const [n, r] = t;
+function be(e) {
+  if (typeof e == "number")
+    return { top: e, bottom: e };
+  if (Array.isArray(e)) {
+    const [n, o] = e;
     return {
       top: n ?? 0,
-      bottom: r ?? 0
+      bottom: o ?? 0
     };
   }
-  return typeof t == "object" ? {
-    top: t.start ?? 0,
-    bottom: t.end ?? 0
+  return typeof e == "object" ? {
+    top: e.start ?? 0,
+    bottom: e.end ?? 0
   } : { top: 0, bottom: 0 };
 }
-function gt(t) {
-  if (typeof t == "number")
-    return { left: t, right: t };
-  if (Array.isArray(t)) {
-    const [n, r] = t;
+function me(e) {
+  if (typeof e == "number")
+    return { left: e, right: e };
+  if (Array.isArray(e)) {
+    const [n, o] = e;
     return {
       left: n ?? 0,
-      right: r ?? 0
+      right: o ?? 0
     };
   }
-  return typeof t == "object" ? {
-    left: t.start ?? 0,
-    right: t.end ?? 0
+  return typeof e == "object" ? {
+    left: e.start ?? 0,
+    right: e.end ?? 0
   } : { left: 0, right: 0 };
 }
-function ht(t, n, r, s) {
-  const i = J({ padding: r });
-  if (s === "none")
-    return i;
-  if (s === "height") {
-    const o = t % n;
-    o !== 0 && (i.bottom += n - o);
+function ge(e, n, o, a) {
+  const s = D({ padding: o });
+  if (a === "none")
+    return s;
+  if (a === "height") {
+    const r = e % n;
+    r !== 0 && (s.bottom += n - r);
   }
-  if (s === "clamp") {
-    i.top = i.top % n;
-    const o = t % n;
-    o !== 0 && (i.bottom += n - o), i.bottom = i.bottom % n;
+  if (a === "clamp") {
+    s.top = s.top % n;
+    const r = e % n;
+    r !== 0 && (s.bottom += n - r), s.bottom = s.bottom % n;
   }
-  return i;
+  return s;
 }
-const D = (...t) => t.filter(Boolean).join(" ").trim(), Y = (...t) => Object.assign({}, ...t.filter((n) => n !== void 0));
-function pt(t, n) {
-  if (t)
-    if (typeof t == "function")
-      t(n);
+const J = (...e) => e.filter(Boolean).join(" ").trim(), I = (...e) => Object.assign({}, ...e.filter((n) => n !== void 0));
+function he(e, n) {
+  if (e)
+    if (typeof e == "function")
+      e(n);
     else
       try {
-        Object.assign(t, { current: n });
-      } catch (r) {
-        console.error("Error assigning ref:", r);
+        Object.assign(e, { current: n });
+      } catch (o) {
+        console.error("Error assigning ref:", o);
       }
 }
-function Ke(...t) {
+function Zt(...e) {
   return (n) => {
-    t.forEach((r) => {
-      pt(r, n);
+    e.forEach((o) => {
+      he(o, n);
     });
   };
 }
-const en = (t, n) => {
-  let r = null;
-  return (...s) => {
-    r && clearTimeout(r), r = setTimeout(() => t(...s), n);
+const tn = (e, n) => {
+  let o = null;
+  const a = () => {
+    o && (clearTimeout(o), o = null);
   };
-}, et = (t) => {
-  let n = null;
-  return (...r) => {
-    n || (n = requestAnimationFrame(() => {
-      t(...r), n = null;
-    }));
+  return [(...r) => {
+    a(), o = setTimeout(() => e(...r), n);
+  }, a];
+}, Kt = (e) => {
+  let n = null, o = null;
+  return (...s) => {
+    o = s, n !== null && cancelAnimationFrame(n), n = requestAnimationFrame(() => {
+      e(...o), n = null, o = null;
+    });
   };
 };
-function ue(t) {
-  const [n, r] = Je({ width: 0, height: 0 }), s = ie({ width: 0, height: 0 }), i = ie(!1), o = le(() => {
-    if (!(!t.current || i.current))
+function bt(e) {
+  const [n, o] = f.useState({ width: 0, height: 0 }), a = f.useCallback(() => {
+    if (e.current)
       try {
-        const d = t.current.getBoundingClientRect(), l = {
-          width: Math.round(d.width),
-          height: Math.round(d.height)
+        const r = e.current.getBoundingClientRect(), i = {
+          width: r ? Math.round(r.width) : 0,
+          height: r ? Math.round(r.height) : 0
         };
-        (s.current.width !== l.width || s.current.height !== l.height) && (s.current = l, r(l));
-      } catch (d) {
-        i.current = !0, console.error("Error measuring element:", d), (n.width !== 0 || n.height !== 0) && r({ width: 0, height: 0 });
+        o(
+          (d) => d.width === i.width && d.height === i.height ? d : i
+        );
+      } catch {
+        o({ width: 0, height: 0 });
       }
-  }, [t, n]), a = ie(et(o));
-  ye(() => {
-    if (typeof window > "u" || !t.current) return;
-    const d = new ResizeObserver(() => {
-      a.current();
+  }, [e]), s = f.useMemo(() => Kt(a), [a]);
+  return f.useLayoutEffect(() => {
+    a();
+  }, [a]), f.useLayoutEffect(() => {
+    if (!e.current) return;
+    const r = new ResizeObserver(() => {
+      s();
     });
-    return d.observe(t.current), o(), () => {
-      d.disconnect(), i.current = !1;
+    return r.observe(e.current), () => {
+      r.disconnect();
     };
-  }, [t, o]);
-  const f = le(() => {
-    i.current = !1, o();
-  }, [o]);
-  return { ...n, refresh: f };
+  }, [e, s]), { ...n, refresh: s };
 }
-function vt({
-  totalLines: t,
+function pe({
+  totalLines: e,
   lineHeight: n,
-  containerRef: r,
-  buffer: s = 0
+  containerRef: o,
+  buffer: a = 0
 }) {
-  const i = typeof s == "number" ? s : parseInt(s, 10) || 0, o = le(() => {
-    const l = r.current;
-    if (!l) return { start: 0, end: t };
-    if (l.closest(".content-block"))
-      return { start: 0, end: t };
-    const x = l.getBoundingClientRect().top + window.scrollY, b = Math.max(0, window.scrollY - x - i), h = b + window.innerHeight + i * 2, T = Math.max(0, Math.floor(b / n)), y = Math.min(t, Math.ceil(h / n));
-    return { start: T, end: y };
-  }, [t, n, r, i]), [a, f] = Je(o);
-  xt(["scroll", "resize"], () => {
-    d();
+  const s = ot(
+    () => typeof a == "number" ? a : parseInt(a, 10) || 0,
+    [a]
+  ), r = kt(() => {
+    const m = o.current;
+    if (!m) return { start: 0, end: e };
+    if (m.closest(".block"))
+      return { start: 0, end: e };
+    const b = m.getBoundingClientRect().top + window.scrollY, v = Math.max(0, window.scrollY - b - s), A = v + window.innerHeight + s * 2, M = Math.max(0, Math.floor(v / n)), h = Math.min(e, Math.ceil(A / n));
+    return { start: M, end: h };
+  }, [e, n, o, s]), [i, d] = re(r);
+  ve(["scroll", "resize"], () => {
+    c();
   });
-  const d = et(() => f(o()));
-  return ye(() => {
-    const l = r.current;
-    if (!l) return;
-    const g = new IntersectionObserver(d, { threshold: 0 });
-    return g.observe(l), d(), () => {
-      g.disconnect();
+  const g = kt(() => {
+    d((m) => {
+      const x = r();
+      return m.start !== x.start || m.end !== x.end ? x : m;
+    });
+  }, [r]), c = ot(() => Kt(g), [g]);
+  return Jt(() => {
+    const m = o.current;
+    if (!m) return;
+    const x = new IntersectionObserver(c, { threshold: 0 });
+    return x.observe(m), c(), () => {
+      x.disconnect();
     };
-  }, [r, o, d]), a;
+  }, [o, r, c]), i;
 }
-function xt(t, n) {
-  ye(() => (t.forEach((r) => window.addEventListener(r, n, { passive: !0 })), () => {
-    t.forEach((r) => window.removeEventListener(r, n));
-  }), [t, n]);
+function ve(e, n) {
+  const o = kt(n, [n]);
+  Jt(() => {
+    const a = () => o();
+    return e.forEach((s) => window.addEventListener(s, a)), () => e.forEach((s) => window.removeEventListener(s, a));
+  }, [e, o]);
 }
-function fe(t, {
+function mt(e, {
   base: n = 8,
-  snapping: r = "none",
-  spacing: s = {},
-  warnOnMisalignment: i = !1
+  snapping: o = "none",
+  spacing: a = {},
+  warnOnMisalignment: s = !1
 } = {}) {
   if (n < 1)
     throw new Error("Base must be >= 1 for baseline alignment.");
-  const { height: o } = ue(t);
-  return P(() => {
-    const a = typeof s == "number" ? { top: s, right: s, bottom: s, left: s } : {
-      top: s.top ?? 0,
-      right: s.right ?? 0,
-      bottom: s.bottom ?? 0,
-      left: s.left ?? 0
-    }, f = o % n === 0;
-    if (r === "none")
-      return !f && i && process.env.NODE_ENV === "development" && console.warn(`Element height (${o}px) is not a multiple of base (${n}px).`), { padding: a, isAligned: f, height: o };
-    const d = r === "height" || r === "clamp" ? ht(o, n, a, r) : a;
-    return !f && i && process.env.NODE_ENV === "development" && console.warn(`[useBaseline] Element height (${o}px) is not aligned with base (${n}px).`), { padding: d, isAligned: f, height: o };
-  }, [n, r, s, o, i]);
+  const { height: r } = bt(e), i = se(!1);
+  return ot(() => {
+    const d = D({ padding: a }), g = r % n === 0;
+    if (!g && s && process.env.NODE_ENV === "development" && console.warn(
+      `[useBaseline] Element height (${r}px) is not aligned with base (${n}px).`
+    ), o === "none")
+      return { padding: d, isAligned: g, height: r };
+    if (i.current)
+      return { padding: d, isAligned: g, height: r };
+    const c = ge(r, n, d, o);
+    return i.current = !0, { padding: c, isAligned: g, height: r };
+  }, [n, o, a, s, r]);
 }
-function yt(t, n) {
-  const { width: r } = ue(t);
-  return P(() => {
-    const s = n.variant ?? "line", i = ce(n.gap ?? 0, { base: 1 });
-    if (!r)
+function xe(e, n) {
+  const { width: o } = bt(e);
+  return ot(() => {
+    const a = n.variant ?? "line", s = dt(n.gap ?? 0, { base: 1 });
+    if (!o)
       return {
         template: "none",
         columnsCount: 0,
@@ -745,103 +764,103 @@ function yt(t, n) {
         isValid: !1
       };
     try {
-      switch (s) {
+      switch (a) {
         case "line": {
-          const o = Math.max(1, Math.floor(r / (i + 1)) + 1);
+          const r = Math.max(1, Math.floor(o / (s + 1)) + 1);
           return {
-            template: `repeat(${o}, 1px)`,
-            columnsCount: o,
-            calculatedGap: i,
+            template: `repeat(${r}, 1px)`,
+            columnsCount: r,
+            calculatedGap: s,
             isValid: !0
           };
         }
         case "pattern": {
-          if (!qt(n.columns))
+          if (!qe(n.columns))
             throw new Error('Invalid "pattern" columns array');
-          const o = n.columns.map((a) => typeof a == "number" ? `${a}px` : a);
-          return o.some((a) => a === "0" || a === "0px") ? {
+          const r = n.columns.map((i) => typeof i == "number" ? `${i}px` : i);
+          return r.some((i) => i === "0" || i === "0px") ? {
             template: "none",
             columnsCount: 0,
             calculatedGap: 0,
             isValid: !1
           } : {
-            template: o.join(" "),
-            columnsCount: o.length,
-            calculatedGap: i,
+            template: r.join(" "),
+            columnsCount: r.length,
+            calculatedGap: s,
             isValid: !0
           };
         }
         case "fixed": {
-          const o = typeof n.columns == "number" ? n.columns : 0;
-          if (o < 1)
-            throw new Error(`Invalid columns count: ${o}`);
-          const a = n.columnWidth ? ve(n.columnWidth) : "1fr";
+          const r = typeof n.columns == "number" ? n.columns : 0;
+          if (r < 1)
+            throw new Error(`Invalid columns count: ${r}`);
+          const i = n.columnWidth ? U(n.columnWidth) : "1fr";
           return {
-            template: `repeat(${o}, ${a})`,
-            columnsCount: o,
-            calculatedGap: i,
+            template: `repeat(${r}, ${i})`,
+            columnsCount: r,
+            calculatedGap: s,
             isValid: !0
           };
         }
         case "auto": {
-          const o = n.columnWidth ?? "auto";
-          if (o === "auto")
+          const r = n.columnWidth ?? "auto";
+          if (r === "auto")
             return {
               template: "repeat(auto-fit, minmax(0, 1fr))",
               columnsCount: 1,
-              calculatedGap: i,
+              calculatedGap: s,
               isValid: !0
             };
-          const a = typeof o == "number" ? `${o}px` : o.toString(), f = ke(a) ?? 0, d = f > 0 ? Math.max(1, Math.floor((r + i) / (f + i))) : 1;
+          const i = typeof r == "number" ? `${r}px` : r.toString(), d = yt(i) ?? 0, g = d > 0 ? Math.max(1, Math.floor((o + s) / (d + s))) : 1;
           return {
-            template: `repeat(auto-fit, minmax(${a}, 1fr))`,
-            columnsCount: d,
-            calculatedGap: i,
+            template: `repeat(auto-fit, minmax(${i}, 1fr))`,
+            columnsCount: g,
+            calculatedGap: s,
             isValid: !0
           };
         }
         default: {
           console.warn(
-            `[useGuide] Unknown variant "${s}". Falling back to "line".`
+            `[useGuide] Unknown variant "${a}". Falling back to "line".`
           );
-          const o = Math.max(1, Math.floor(r / (i + 1)) + 1);
+          const r = Math.max(1, Math.floor(o / (s + 1)) + 1);
           return {
-            template: `repeat(${o}, 1px)`,
-            columnsCount: o,
-            calculatedGap: i,
+            template: `repeat(${r}, 1px)`,
+            columnsCount: r,
+            calculatedGap: s,
             isValid: !0
           };
         }
       }
-    } catch (o) {
-      return console.warn("Error in useGuide:", o), {
+    } catch (r) {
+      return console.warn("Error in useGuide:", r), {
         template: "none",
         columnsCount: 0,
         calculatedGap: 0,
         isValid: !1
       };
     }
-  }, [n, r]);
+  }, [n, o]);
 }
-function Q(t) {
-  const n = tt();
-  return P(() => Object.assign(
+function X(e) {
+  const n = Qt();
+  return ot(() => Object.assign(
     { base: n.base },
-    n[t]
-  ), [n, t]);
+    n[e]
+  ), [n, e]);
 }
-function Z(t, n) {
-  return P(() => {
-    const r = t ?? n;
+function tt(e, n) {
+  return ot(() => {
+    const o = e ?? n;
     return {
-      isShown: r === "visible",
-      isHidden: r === "hidden",
-      isNone: r === "none",
-      debugging: r
+      isShown: o === "visible",
+      isHidden: o === "hidden",
+      isNone: o === "none",
+      debugging: o
     };
-  }, [t, n]);
+  }, [e, n]);
 }
-const kt = {
+const ke = {
   /** Color for single-line guides */
   line: "var(--bk-guide-color-line-theme)",
   /** Color for pattern-based guides */
@@ -850,439 +869,522 @@ const kt = {
   auto: "var(--bk-guide-color-auto-theme)",
   /** Color for fixed-column guides */
   fixed: "var(--bk-guide-color-fixed-theme)"
-}, Et = {
+}, we = {
   /** Color for line variant */
   line: "var(--bk-baseline-color-line-theme)",
   /** Color for flat/block variant */
   flat: "var(--bk-baseline-color-flat-theme)"
-}, wt = {
+}, ye = {
   /** Color for line-style spacers */
   line: "var(--bk-spacer-color-line-theme)",
   /** Color for flat/block spacers */
   flat: "var(--bk-spacer-color-flat-theme)",
   /** Color for measurement indicators */
-  indice: "var(--bk-spacer-color-indice-theme)"
-}, St = {
+  text: "var(--bk-spacer-color-text-theme)"
+}, Ee = {
   /** Border color for debug outline */
   line: "var(--bk-box-color-line-theme)",
   /** Background color for debug mode */
   flat: "var(--bk-box-color-flat-theme)",
   /** Color for measurement indicators */
-  indice: "var(--bk-box-color-indice-theme)"
-}, Ct = {
+  text: "var(--bk-box-color-text-theme)"
+}, Se = {
   /** Border color for debug outline */
   line: "var(--bk-stack-color-line-theme)",
   /** Background color for debug mode */
   flat: "var(--bk-stack-color-flat-theme)",
   /** Color for measurement indicators */
-  indice: "var(--bk-stack-color-indice-theme)"
-}, _t = {
+  text: "var(--bk-stack-color-text-theme)"
+}, Ce = {
   /** Border color for debug outline */
   line: "var(--bk-layout-color-line-theme)",
   /** Background color for debug mode */
   flat: "var(--bk-layout-color-flat-theme)",
   /** Color for measurement indicators */
-  indice: "var(--bk-layout-color-indice-theme)"
-}, Rt = "var(--bk-padder-color-theme)", Tt = {
+  text: "var(--bk-layout-color-text-theme)"
+}, Re = "var(--bk-padder-color-theme)", _e = {
   /** Base unit for spacing calculations (in pixels) */
   base: 8,
   /** Baseline grid configuration */
   baseline: {
     variant: "line",
     debugging: "hidden",
-    colors: Et
+    colors: we
   },
   /** Guide overlay configuration */
   guide: {
     variant: "line",
     debugging: "hidden",
-    colors: kt
+    colors: ke
   },
   /** Spacer component configuration */
   spacer: {
     variant: "line",
     debugging: "hidden",
-    colors: wt
+    colors: ye
   },
   /** Box component configuration */
   box: {
     debugging: "hidden",
-    colors: St
+    colors: Ee
   },
   /** Stack/Flex component configuration */
   stack: {
     debugging: "hidden",
-    colors: Ct
+    colors: Se
   },
   /** Layout component configuration */
   layout: {
     debugging: "hidden",
-    colors: _t
+    colors: Ce
   },
   /** Padder component configuration */
   padder: {
     debugging: "hidden",
-    color: Rt
+    color: Re
   }
-}, Ee = E.createContext(null);
-Ee.displayName = "ConfigContext";
-const tt = () => E.use(Ee) ?? Tt, $t = ({
-  base: t,
+}, Et = f.createContext(null);
+Et.displayName = "ConfigContext";
+const Qt = () => f.use(Et) ?? _e, je = ({
+  base: e,
   baseline: n,
-  guide: r,
-  stack: s,
-  spacer: i,
-  layout: o,
-  box: a,
-  padder: f
+  guide: o,
+  stack: a,
+  spacer: s,
+  layout: r,
+  box: i,
+  padder: d
 }) => ({
-  "--bk-base": `${t}px`,
+  "--bkb": `${e}px`,
   // Baseline Colors
-  "--bk-baseline-color-line": n.colors.line,
-  "--bk-baseline-color-flat": n.colors.flat,
+  "--bkbcl": n.colors.line,
+  "--bkbcf": n.colors.flat,
   // Guide Colors
-  "--bk-guide-color-line": r.colors.line,
-  "--bk-guide-color-pattern": r.colors.pattern,
-  "--bk-guide-color-auto": r.colors.auto,
-  "--bk-guide-color-fixed": r.colors.fixed,
+  "--bkgcl": o.colors.line,
+  "--bkgcp": o.colors.pattern,
+  "--bkgca": o.colors.auto,
+  "--bkgcf": o.colors.fixed,
   // Spacer Colors
-  "--bk-spacer-color-line": i.colors.line,
-  "--bk-spacer-color-flat": i.colors.flat,
-  "--bk-spacer-color-indice": i.colors.indice,
+  "--bkscl": s.colors.line,
+  "--bkscf": s.colors.flat,
+  "--bksci": s.colors.text,
   // Box Colors
-  "--bk-box-color-line": a.colors.line,
-  "--bk-box-color-flat": a.colors.flat,
-  "--bk-box-color-indice": a.colors.indice,
+  "--bkxcl": i.colors.line,
+  "--bkxcf": i.colors.flat,
+  "--bkxci": i.colors.text,
   // Flex Colors
-  "--bk-stack-color-line": s.colors.line,
-  "--bk-stack-color-flat": s.colors.flat,
-  "--bk-stack-color-indice": s.colors.indice,
+  "--bkkcl": a.colors.line,
+  "--bkkcf": a.colors.flat,
+  "--bkkci": a.colors.text,
   // Layout Colors
-  "--bk-layout-color-line": o.colors.line,
-  "--bk-layout-color-flat": o.colors.flat,
-  "--bk-layout-color-indice": o.colors.indice,
+  "--bklcl": r.colors.line,
+  "--bklcf": r.colors.flat,
+  "--bklci": r.colors.text,
   // Padder Color
-  "--bk-padder-color": f.color
+  "--bkpc": d.color
 });
-function we({
-  children: t,
+function St({
+  children: e,
   base: n,
-  stack: r,
-  baseline: s,
-  guide: i,
-  layout: o,
-  spacer: a,
-  box: f,
-  padder: d
+  stack: o,
+  baseline: a,
+  guide: s,
+  layout: r,
+  spacer: i,
+  box: d,
+  padder: g
 }) {
-  const l = tt(), g = E.useMemo(() => {
+  const c = Qt(), m = f.useMemo(() => {
     const x = {
-      base: n ?? l.base,
-      baseline: { ...l.baseline, ...s },
-      guide: { ...l.guide, ...i },
-      spacer: { ...l.spacer, ...a },
-      box: { ...l.box, ...f },
-      stack: { ...l.stack, ...r },
-      layout: { ...l.layout, ...o },
-      padder: { ...l.padder, ...d }
+      base: n ?? c.base,
+      baseline: { ...c.baseline, ...a },
+      guide: { ...c.guide, ...s },
+      spacer: { ...c.spacer, ...i },
+      box: { ...c.box, ...d },
+      stack: { ...c.stack, ...o },
+      layout: { ...c.layout, ...r },
+      padder: { ...c.padder, ...g }
     };
     return {
       ...x,
-      cssVariables: $t(x)
+      cssVariables: je(x)
     };
   }, [
     n,
-    l.base,
-    l.baseline,
-    l.guide,
-    l.spacer,
-    l.box,
-    l.stack,
-    l.layout,
-    l.padder,
+    c.base,
+    c.baseline,
+    c.guide,
+    c.spacer,
+    c.box,
+    c.stack,
+    c.layout,
+    c.padder,
+    a,
     s,
     i,
-    a,
-    f,
-    r,
+    d,
     o,
-    d
+    r,
+    g
   ]);
-  return /* @__PURE__ */ R.jsx(Ee, { value: g, children: t });
+  return /* @__PURE__ */ _.jsx(Et, { value: m, children: e });
 }
-const jt = "spacer_Wdw6F", At = "line_lUa33", Ot = "flat_zXVQF", Ie = {
-  spacer: jt,
-  line: At,
-  flat: Ot
-}, Nt = E.memo(function({
+const Oe = "spr_4aLVm", Te = "line_lUa33", Ae = "flat_zXVQF", Pt = {
+  spr: Oe,
+  line: Te,
+  flat: Ae
+}, $e = f.memo(function({
   height: n,
-  width: r,
-  indicatorNode: s,
-  debugging: i,
-  variant: o,
-  base: a,
-  color: f,
-  className: d,
-  style: l,
-  ...g
+  width: o,
+  indicatorNode: a,
+  debugging: s,
+  variant: r,
+  base: i,
+  color: d,
+  className: g,
+  style: c,
+  ...m
 }) {
-  const x = E.useRef(null), b = Q("spacer"), { isShown: h } = Z(i, b.debugging), T = o ?? b.variant, y = a ?? b.base, [p, S] = Ze(
-    [r, n],
+  const x = f.useRef(null), b = X("spacer"), { isShown: v } = tt(s, b.debugging), A = r ?? b.variant, M = i ?? b.base, [h, $] = Dt(
+    [o, n],
     [0, 0],
-    { base: y, suppressWarnings: !0 }
-  ), C = ve(p || "100%"), k = ve(S || "100%"), _ = E.useMemo(() => !h || !s ? null : [
-    S !== 0 && /* @__PURE__ */ R.jsx("span", { children: s(S, "height") }, "height"),
-    p !== 0 && /* @__PURE__ */ R.jsx("span", { children: s(p, "width") }, "width")
-  ].filter(Boolean), [h, s, S, p]), w = E.useMemo(() => {
-    const O = {
-      "--bk-spacer-height": k,
-      "--bk-spacer-width": C,
-      "--bk-spacer-base": `${y}px`,
-      "--bk-spacer-color-indice": f ?? b.colors.indice,
-      "--bk-spacer-color-line": f ?? b.colors.line,
-      "--bk-spacer-color-flat": f ?? b.colors.flat
+    { base: M, suppressWarnings: !0 }
+  ), N = f.useMemo(() => !v || !a ? null : [
+    $ !== 0 && /* @__PURE__ */ _.jsx("span", { children: a($, "height") }, "height"),
+    h !== 0 && /* @__PURE__ */ _.jsx("span", { children: a(h, "width") }, "width")
+  ].filter(Boolean), [v, a, $, h]), k = f.useMemo(() => ({
+    "--bksh": "100%",
+    "--bksw": "100%",
+    "--bksb": `${b.base}px`,
+    "--bksci": "var(--bk-spacer-color-text-theme)",
+    "--bkscl": "var(--bk-spacer-color-line-theme)",
+    "--bkscf": "var(--bk-spacer-color-flat-theme)"
+  }), [b.base]), C = f.useCallback(
+    (V, O) => (V === "--bksw" || V === "--bksh") && O === "100%" ? {} : O !== k[V] ? { [V]: O } : {},
+    [k]
+  ), E = f.useMemo(() => {
+    const V = U($ || "100%"), O = U(h || "100%"), R = `${i || b.base}px`, w = {
+      ...C("--bksh", V),
+      ...C("--bksw", O),
+      ...C("--bksb", R),
+      ...C(
+        "--bksci",
+        d ?? b.colors.text
+      ),
+      ...C(
+        "--bkscl",
+        d ?? b.colors.line
+      ),
+      ...C(
+        "--bkscf",
+        d ?? b.colors.flat
+      )
     };
-    return Y(O, l);
-  }, [k, C, y, f, b.colors, l]);
-  return /* @__PURE__ */ R.jsx(
+    return I(w, c);
+  }, [
+    C,
+    $,
+    h,
+    b.base,
+    d,
+    b.colors.text,
+    b.colors.line,
+    b.colors.flat,
+    c
+  ]);
+  return /* @__PURE__ */ _.jsx(
     "div",
     {
       ref: x,
-      className: D(
-        Ie.spacer,
-        h && Ie[T],
-        d
-      ),
       "data-testid": "spacer",
-      "data-variant": T,
-      style: w,
-      ...g,
-      children: _
+      className: J(Pt.spr, v && Pt[A], g),
+      "data-variant": A,
+      style: E,
+      ...m,
+      children: N
     }
   );
-}), Mt = "padder_HhtrA", Vt = "visible_PJmPU", Fe = {
-  padder: Mt,
-  visible: Vt
-}, Se = E.memo(
-  E.forwardRef(function({
+}), Me = "pad_I0i9S", Ne = "v_E0FRN", xt = {
+  pad: Me,
+  v: Ne
+}, Ct = f.memo(
+  f.forwardRef(function({
     children: n,
-    className: r,
-    debugging: s,
-    height: i,
-    indicatorNode: o,
-    style: a,
-    width: f,
-    ...d
-  }, l) {
-    const g = Q("padder"), x = E.useMemo(
-      () => J(d),
-      [d]
-    ), { isShown: b, isNone: h, debugging: T } = Z(s, g.debugging), y = !h, p = E.useRef(null), { padding: { top: S, left: C, bottom: k, right: _ } } = fe(p, {
-      base: g.base,
+    className: o,
+    debugging: a,
+    height: s,
+    indicatorNode: r,
+    style: i,
+    width: d,
+    ...g
+  }, c) {
+    const m = X("padder"), { variant: x } = X("spacer"), b = f.useMemo(
+      () => D(g),
+      [g]
+    ), { isShown: v, isNone: A, debugging: M } = tt(
+      a,
+      m.debugging
+    ), h = !A, $ = f.useRef(null), {
+      padding: { top: N, left: k, bottom: C, right: E }
+    } = mt($, {
+      base: m.base,
       snapping: "height",
-      spacing: x,
-      warnOnMisalignment: !h
-    }), w = Ke(l, p), O = E.useMemo(
-      () => Y(
-        {
-          "--bk-padder-width": f ?? "fit-content",
-          "--bk-padder-height": i ?? "fit-content",
-          "--bk-padder-base": `${g.base}px`,
-          "--bk-padder-color": g.color,
-          ...y ? {} : {
-            paddingBlock: `${S}px ${k}px`,
-            paddingInline: `${C}px ${_}px`
-          }
-        },
-        a
-      ),
-      [f, i, g.base, g.color, y, S, _, k, C, a]
-    ), $ = (A, W) => /* @__PURE__ */ R.jsx(
-      Nt,
+      spacing: b,
+      warnOnMisalignment: !A
+    }), V = Zt(c, $), O = f.useMemo(() => {
+      const w = {};
+      return d !== "fit-content" && (w["--bkpw"] = U(d || "fit-content")), s !== "fit-content" && (w["--bkph"] = U(s || "fit-content")), m.base !== 8 && (w["--bkpb"] = `${m.base}px`), m.color !== "var(--bk-padder-color-theme)" && (w["--bkpc"] = m.color), h || ((N > 0 || C > 0) && (w.paddingBlock = `${N}px ${C}px`), (k > 0 || E > 0) && (w.paddingInline = `${k}px ${E}px`)), I(w, i);
+    }, [
+      d,
+      s,
+      m.base,
+      m.color,
+      h,
+      N,
+      E,
+      C,
+      k,
+      i
+    ]), R = (w, j) => /* @__PURE__ */ _.jsx(
+      $e,
       {
-        debugging: T,
-        indicatorNode: o,
-        height: W,
-        width: A
+        variant: x,
+        debugging: M,
+        indicatorNode: r,
+        height: j !== "100%" ? j : void 0,
+        width: w !== "100%" ? w : void 0
       }
     );
-    return /* @__PURE__ */ R.jsxs(
+    return h ? /* @__PURE__ */ _.jsxs(
       "div",
       {
-        ref: w,
-        className: D(
-          Fe.padder,
-          b && Fe.visible,
-          r
-        ),
+        ref: V,
         "data-testid": "padder",
+        className: J(xt.pad, v && xt.v, o),
         style: O,
         children: [
-          y && /* @__PURE__ */ R.jsxs(R.Fragment, { children: [
-            S > 0 && $("100%", S),
-            C > 0 && $(C, "100%")
+          /* @__PURE__ */ _.jsxs(_.Fragment, { children: [
+            N > 0 && /* @__PURE__ */ _.jsx("div", { style: { gridColumn: "1 / -1" }, children: R("100%", N) }),
+            k > 0 && /* @__PURE__ */ _.jsx("div", { style: { gridRow: "2 / 3" }, children: R(k, "100%") })
           ] }),
-          n,
-          y && /* @__PURE__ */ R.jsxs(R.Fragment, { children: [
-            k > 0 && $("100%", k),
-            _ > 0 && $(_, "100%")
+          /* @__PURE__ */ _.jsx("div", { style: { gridRow: "2 / 3", gridColumn: "2 / 3" }, children: n }),
+          /* @__PURE__ */ _.jsxs(_.Fragment, { children: [
+            E > 0 && /* @__PURE__ */ _.jsx("div", { style: { gridRow: "2 / 3" }, children: R(E, "100%") }),
+            C > 0 && /* @__PURE__ */ _.jsx("div", { style: { gridColumn: "1 / -1" }, children: R("100%", C) })
           ] })
         ]
       }
+    ) : /* @__PURE__ */ _.jsx(
+      "div",
+      {
+        ref: V,
+        "data-testid": "padder",
+        className: J(xt.pad, o),
+        style: O,
+        children: n
+      }
     );
   })
-), Wt = "layout_Re9ui", Gt = "visible_plo0X", Le = {
-  layout: Wt,
-  visible: Gt
+), Ve = "lay_yGGkG", Ge = "v_uVoBP", Ft = {
+  lay: Ve,
+  v: Ge
 };
-function He(t) {
-  return typeof t == "number" ? `repeat(${t}, 1fr)` : typeof t == "string" ? t : Array.isArray(t) ? t.map((n) => typeof n == "number" ? `${n}px` : n).join(" ") : "repeat(auto-fit, minmax(100px, 1fr))";
+function Ht(e) {
+  return typeof e == "number" ? `repeat(${e}, 1fr)` : typeof e == "string" ? e : Array.isArray(e) ? e.map((n) => typeof n == "number" ? `${n}px` : n).join(" ") : "repeat(auto-fit, minmax(100px, 1fr))";
 }
-const tn = E.memo(
-  function({
-    children: n,
-    columns: r,
-    rows: s,
-    rowGap: i,
-    columnGap: o,
-    gap: a,
-    height: f,
-    width: d,
-    indicatorNode: l,
-    justifyItems: g,
-    alignItems: x,
-    justifyContent: b,
-    alignContent: h,
-    className: T,
-    variant: y,
-    style: p,
-    debugging: S,
-    ...C
-  }) {
-    const k = Q("layout"), { isShown: _ } = Z(S, k.debugging), w = E.useRef(null), O = E.useMemo(
-      () => J(C),
-      [C]
-    ), { padding: $ } = fe(w, {
-      base: k.base,
-      snapping: "height",
-      spacing: O,
-      warnOnMisalignment: !0
-    }), A = E.useMemo(
-      () => He(r),
-      [r]
-    ), W = E.useMemo(
-      () => s ? He(s) : "auto",
-      [s]
-    ), z = E.useMemo(() => ({
-      rowGap: i,
-      columnGap: o,
-      ...a !== void 0 && { gap: a }
-    }), [i, o, a]), N = E.useMemo(() => Y(
+const en = f.memo(function({
+  children: n,
+  columns: o,
+  rows: a,
+  rowGap: s,
+  columnGap: r,
+  gap: i,
+  height: d,
+  width: g,
+  indicatorNode: c,
+  justifyItems: m,
+  alignItems: x,
+  justifyContent: b,
+  alignContent: v,
+  className: A,
+  variant: M,
+  style: h,
+  debugging: $,
+  ...N
+}) {
+  const k = X("layout"), { isShown: C } = tt($, k.debugging), E = f.useRef(null), V = f.useMemo(
+    () => D(N),
+    [N]
+  ), { padding: O } = mt(E, {
+    base: k.base,
+    snapping: "height",
+    spacing: V,
+    warnOnMisalignment: !0
+  }), R = f.useMemo(
+    () => Ht(o),
+    [o]
+  ), w = f.useMemo(
+    () => a ? Ht(a) : "auto",
+    [a]
+  ), j = f.useMemo(
+    () => ({
+      "--bklw": "auto",
+      "--bklh": "auto",
+      "--bklcl": k.colors.line,
+      "--bklcf": k.colors.flat,
+      "--bklci": k.colors.text
+    }),
+    [k.colors.line, k.colors.flat, k.colors.text]
+  ), y = f.useCallback(
+    (B, W) => (B === "--bklw" || B === "--bklh") && W === "auto" ? {} : W !== j[B] ? { [B]: W } : {},
+    [j]
+  ), T = f.useMemo(
+    () => ({
+      ...i !== void 0 && { gap: U(i) },
+      ...s !== void 0 && { rowGap: U(s) },
+      ...r !== void 0 && { columnGap: U(r) }
+    }),
+    [i, s, r]
+  ), L = f.useMemo(() => {
+    const B = U(g || "auto"), W = U(d || "auto");
+    return I(
       {
-        display: "grid",
-        gridTemplateColumns: A,
-        gridTemplateRows: W,
-        rowGap: i,
-        columnGap: o,
-        justifyItems: g,
-        alignItems: x,
-        justifyContent: b,
-        alignContent: h,
-        width: d,
-        height: f,
-        "--bk-layout-color-line": k.colors.line,
-        "--bk-layout-color-flat": k.colors.flat,
-        "--bk-layout-color-indice": k.colors.indice
+        // Theme overrides
+        ...y("--bklw", B),
+        ...y("--bklh", W),
+        ...y("--bklcl", k.colors.line),
+        ...y("--bklcf", k.colors.flat),
+        ...y("--bklci", k.colors.text),
+        // Grid properties - only inject if different from defaults
+        ...R !== "repeat(auto-fit, minmax(100px, 1fr))" && {
+          "--bklgtc": R
+        },
+        ...w !== "auto" && { "--bklgtr": w },
+        ...m && { "--bklji": m },
+        ...x && { "--bklai": x },
+        ...b && { "--bkljc": b },
+        ...v && { "--bklac": v },
+        // Include gap styles
+        ...T
       },
-      p
-    ), [A, W, i, o, g, x, b, h, d, f, k.colors.line, k.colors.flat, k.colors.indice, p]);
-    return /* @__PURE__ */ R.jsx(we, { spacer: { variant: y }, children: /* @__PURE__ */ R.jsx(
-      Se,
-      {
-        ref: w,
-        "data-testid": "layout",
-        block: [$.top, $.bottom],
-        indicatorNode: l,
-        inline: [$.left, $.right],
-        debugging: S,
-        width: d,
-        height: f,
-        children: /* @__PURE__ */ R.jsx(
-          "div",
-          {
-            className: D(
-              T,
-              Le.layout,
-              _ && Le.visible
-            ),
-            style: Y(N, z),
-            children: n
-          }
-        )
-      }
-    ) });
-  }
-), Pt = "box_LHy8B", Yt = "visible_VOFS8", Xe = {
-  box: Pt,
-  visible: Yt
-}, nn = E.memo(
-  E.forwardRef(function({
+      h
+    );
+  }, [
+    R,
+    w,
+    m,
+    x,
+    b,
+    v,
+    g,
+    d,
+    k.colors.line,
+    k.colors.flat,
+    k.colors.text,
+    y,
+    h,
+    T
+  ]);
+  return /* @__PURE__ */ _.jsx(
+    St,
+    {
+      spacer: { variant: M ?? "line" },
+      children: /* @__PURE__ */ _.jsx(
+        Ct,
+        {
+          ref: E,
+          className: C ? Ft.v : "",
+          block: [O.top, O.bottom],
+          indicatorNode: c,
+          inline: [O.left, O.right],
+          debugging: $,
+          width: g,
+          height: d,
+          children: /* @__PURE__ */ _.jsx(
+            "div",
+            {
+              "data-testid": "layout",
+              className: J(A, Ft.lay),
+              style: L,
+              children: n
+            }
+          )
+        }
+      )
+    }
+  );
+}), We = "box_LHy8B", Be = "v_q3Ozc", It = {
+  box: We,
+  v: Be
+}, nn = f.memo(
+  f.forwardRef(function({
     children: n,
-    snapping: r = "clamp",
-    debugging: s,
-    className: i,
-    colSpan: o,
-    rowSpan: a,
-    span: f,
-    width: d,
-    height: l,
-    style: g,
+    snapping: o = "clamp",
+    debugging: a,
+    className: s,
+    colSpan: r,
+    rowSpan: i,
+    span: d,
+    width: g,
+    height: c,
+    style: m,
     ...x
   }, b) {
-    const h = Q("box"), { isShown: T, debugging: y } = Z(s, h.debugging), p = E.useRef(null), { top: S, bottom: C, left: k, right: _ } = J(x), { padding: w } = fe(p, {
-      base: h.base,
-      snapping: r,
-      spacing: { top: S, bottom: C, left: k, right: _ },
-      warnOnMisalignment: y !== "none"
-    }), O = E.useMemo(() => {
-      const A = {};
-      return f !== void 0 ? (A.gridColumn = `span ${f}`, A.gridRow = `span ${f}`) : (o !== void 0 && (A.gridColumn = `span ${o}`), a !== void 0 && (A.gridRow = `span ${a}`)), A;
-    }, [o, a, f]), $ = E.useMemo(
-      () => Y({
-        "--bk-box-width": d,
-        "--bk-box-height": l,
-        "--bk-box-base": `${h.base}px`,
-        "--bk-box-color-line": h.colors.line
-      }, g),
-      [h.base, h.colors.line, l, g, d]
-    );
-    return /* @__PURE__ */ R.jsx(
+    const v = X("box"), { isShown: A, debugging: M } = tt(a, v.debugging), h = f.useRef(null), { top: $, bottom: N, left: k, right: C } = D(x), { padding: E } = mt(h, {
+      base: v.base,
+      snapping: o,
+      spacing: { top: $, bottom: N, left: k, right: C },
+      warnOnMisalignment: M !== "none"
+    }), V = f.useMemo(() => {
+      const j = {};
+      return d !== void 0 ? (j.gridColumn = `span ${d}`, j.gridRow = `span ${d}`) : (r !== void 0 && (j.gridColumn = `span ${r}`), i !== void 0 && (j.gridRow = `span ${i}`)), j;
+    }, [r, i, d]), O = f.useMemo(
+      () => ({
+        "--bkxw": "fit-content",
+        "--bkxh": "fit-content",
+        "--bkxb": `${v.base}px`,
+        "--bkxcl": v.colors.line
+      }),
+      [v.base, v.colors.line]
+    ), R = f.useCallback(
+      (j, y) => (j === "--bkxw" || j === "--bkxh") && y === "fit-content" ? {} : y !== O[j] ? { [j]: y } : {},
+      [O]
+    ), w = f.useMemo(() => {
+      const j = U(g || "fit-content"), y = U(c || "fit-content"), T = {
+        ...R("--bkxw", j),
+        ...R("--bkxh", y),
+        ...R("--bkxb", `${v.base}px`),
+        ...R("--bkxcl", v.colors.line)
+      };
+      return I(T, m);
+    }, [
+      v.base,
+      v.colors.line,
+      g,
+      c,
+      R,
+      m
+    ]);
+    return /* @__PURE__ */ _.jsx(
       "div",
       {
-        ref: Ke(b, p),
+        ref: Zt(b, h),
         "data-testid": "box",
-        className: D(Xe.box, T && Xe.visible, i),
-        style: Y($, O),
-        children: /* @__PURE__ */ R.jsx(
-          we,
+        className: J(It.box, A && It.v, s),
+        style: I(w, V),
+        children: /* @__PURE__ */ _.jsx(
+          St,
           {
             base: 1,
-            spacer: {
-              variant: "flat",
-              colors: {
-                flat: "var(--bk-box-color-flat-theme)",
-                line: "var(--bk-box-color-line-theme)",
-                indice: "var(--bk-box-color-indice-theme)"
-              }
-            },
-            children: /* @__PURE__ */ R.jsx(
-              Se,
+            spacer: { variant: "flat" },
+            children: /* @__PURE__ */ _.jsx(
+              Ct,
               {
-                block: [w.top, w.bottom],
-                inline: [w.left, w.right],
-                width: d,
-                height: l,
-                debugging: y,
+                block: [E.top, E.bottom],
+                inline: [E.left, E.right],
+                width: "fit-content",
+                height: c,
+                debugging: M,
                 children: n
               }
             )
@@ -1291,302 +1393,356 @@ const tn = E.memo(
       }
     );
   })
-), Bt = "stack_sXiLu", Ut = "visible_0IBG0", qe = {
-  stack: Bt,
-  visible: Ut
-}, rn = E.memo(function({
-  align: n = "stretch",
-  children: r,
-  className: s,
-  columnGap: i,
-  debugging: o,
-  direction: a = "row",
-  gap: f,
-  height: d,
-  indicatorNode: l,
-  justify: g = "flex-start",
+), Le = "stk_4t2AU", ze = "v_Uwir6", qt = {
+  stk: Le,
+  v: ze
+}, on = f.memo(function({
+  align: n = "flex-start",
+  children: o,
+  className: a,
+  columnGap: s,
+  debugging: r,
+  direction: i = "row",
+  gap: d,
+  height: g,
+  indicatorNode: c,
+  justify: m = "flex-start",
   rowGap: x,
   style: b,
-  variant: h,
-  width: T,
-  ...y
+  variant: v,
+  width: A,
+  ...M
 }) {
-  const p = Q("stack"), { isShown: S, debugging: C } = Z(o, p.debugging), k = E.useRef(null), _ = E.useMemo(() => J(y), [y]), { padding: w } = fe(k, {
-    base: p.base,
+  const h = X("stack"), { isShown: $, debugging: N } = tt(r, h.debugging), k = f.useRef(null), C = f.useMemo(
+    () => D(M),
+    [M]
+  ), { padding: E } = mt(k, {
+    base: h.base,
     snapping: "height",
-    spacing: _,
+    spacing: C,
     warnOnMisalignment: !0
-  }), O = E.useMemo(() => ({
-    rowGap: x,
-    columnGap: i,
-    ...f !== void 0 && { gap: f }
-  }), [x, i, f]), $ = E.useMemo(() => Y(
-    {
-      display: "flex",
-      flexDirection: a,
-      justifyContent: g,
+  }), V = f.useMemo(
+    () => ({
+      rowGap: x,
+      columnGap: s,
+      ...d !== void 0 && { gap: d }
+    }),
+    [x, s, d]
+  ), O = f.useMemo(
+    () => ({
+      "--bkkw": "auto",
+      "--bkkh": "auto",
+      "--bkkcl": h.colors.line,
+      "--bkkcf": h.colors.flat,
+      "--bkkci": h.colors.text
+    }),
+    [h.colors.line, h.colors.flat, h.colors.text]
+  ), R = f.useCallback(
+    (y, T) => y === "--bkkw" && T === "auto" ? {} : y === "--bkkh" && T === "auto" ? {} : T !== O[y] ? { [y]: T } : {},
+    [O]
+  ), w = f.useMemo(() => {
+    const y = U(A || "auto"), T = U(g || "auto"), L = {
+      ...R("--bkkw", y),
+      ...R("--bkkh", T),
+      ...R("--bkkcl", h.colors.line),
+      ...R("--bkkcf", h.colors.flat),
+      ...R("--bkkci", h.colors.text)
+    };
+    return I({
+      flexDirection: i,
+      justifyContent: m,
       alignItems: n,
-      width: T || "fit-content",
-      height: d || "fit-content",
-      "--bk-stack-color-line": p.colors.line,
-      "--bk-stack-color-flat": p.colors.flat,
-      "--bk-stack-color-indice": p.colors.indice
-    },
-    O,
+      width: A,
+      height: g
+    }, V, L, b);
+  }, [
+    i,
+    m,
+    n,
+    A,
+    g,
+    h.colors.line,
+    h.colors.flat,
+    h.colors.text,
+    R,
+    V,
     b
-  ), [a, g, n, T, d, p.colors.line, p.colors.flat, p.colors.indice, O, b]), A = C === "none" ? {
-    ...$,
-    paddingBlock: `${w.top}px ${w.bottom}px`,
-    paddingInline: `${w.left}px ${w.right}px`
-  } : $;
-  return /* @__PURE__ */ R.jsx(we, { spacer: { variant: h }, children: /* @__PURE__ */ R.jsx(
-    Se,
+  ]), j = N === "none" ? {
+    ...w,
+    paddingBlock: `${E.top}px ${E.bottom}px`,
+    paddingInline: `${E.left}px ${E.right}px`
+  } : w;
+  return /* @__PURE__ */ _.jsx(
+    St,
     {
-      ref: k,
-      "data-testid": "padder",
-      block: [w.top, w.bottom],
-      inline: [w.left, w.right],
-      debugging: C,
-      indicatorNode: l,
-      width: T,
-      height: d,
-      children: /* @__PURE__ */ R.jsx(
-        "div",
+      spacer: { variant: v ?? "line" },
+      children: /* @__PURE__ */ _.jsx(
+        Ct,
         {
-          "data-testid": "stack",
-          className: D(
-            s,
-            qe.stack,
-            S && qe.visible
-          ),
-          style: A,
-          ...y,
-          children: r
+          ref: k,
+          className: $ ? qt.v : "",
+          block: [E.top, E.bottom],
+          inline: [E.left, E.right],
+          debugging: N,
+          indicatorNode: c,
+          width: A,
+          height: g,
+          children: /* @__PURE__ */ _.jsx(
+            "div",
+            {
+              "data-testid": "stack",
+              className: J(a, qt.stk),
+              style: j,
+              ...M,
+              children: o
+            }
+          )
         }
       )
     }
-  ) });
-}), zt = "guide_gY3kY", It = "line_xcGxq", Ft = "columns_eQm6d", Lt = "column_mYoBn", ee = {
-  guide: zt,
-  line: It,
-  columns: Ft,
-  column: Lt
-}, on = De(function({
+  );
+}), Ue = "gde_eT-MH", Ye = "line_xcGxq", Pe = "cols_LoPVp", Fe = "col_ZgTMC", nt = {
+  gde: Ue,
+  line: Ye,
+  cols: Pe,
+  col: Fe
+}, rn = f.memo(function({
   className: n,
-  debugging: r,
-  style: s,
-  variant: i,
-  align: o = "start",
-  gap: a,
-  height: f,
-  width: d,
-  columns: l,
-  columnWidth: g,
+  debugging: o,
+  style: a,
+  variant: s,
+  align: r = "start",
+  gap: i,
+  height: d,
+  width: g,
+  columns: c,
+  columnWidth: m,
   ...x
 }) {
-  const b = Q("guide"), h = i ?? b.variant, { isShown: T } = Z(r, b.debugging), y = ie(null), { width: p, height: S } = ue(y), { top: C, right: k, bottom: _, left: w } = P(() => J(x), [x]), O = P(() => {
-    const N = ce(a);
+  const b = X("guide"), v = s ?? b.variant, { isShown: A } = tt(o, b.debugging), M = f.useRef(null), { width: h, height: $ } = bt(M), { top: N, right: k, bottom: C, left: E } = f.useMemo(() => D(x), [x]), V = f.useMemo(() => {
+    const W = dt(i);
     return {
       line: {
         variant: "line",
-        gap: N - 1,
+        gap: W - 1,
         base: b.base
       },
-      auto: g ? {
+      auto: m ? {
         variant: "auto",
-        columnWidth: g,
-        gap: N,
+        columnWidth: m,
+        gap: W,
         base: b.base
       } : null,
-      pattern: Array.isArray(l) ? {
+      pattern: Array.isArray(c) ? {
         variant: "pattern",
-        columns: l,
-        gap: N,
+        columns: c,
+        gap: W,
         base: b.base
       } : null,
-      fixed: typeof l == "number" ? {
+      fixed: typeof c == "number" ? {
         variant: "fixed",
-        columns: l,
-        columnWidth: g,
-        gap: N,
+        columns: c,
+        columnWidth: m,
+        gap: W,
         base: b.base
       } : null
-    }[h] ?? {
+    }[v] ?? {
       variant: "line",
-      gap: N - 1,
+      gap: W - 1,
       base: b.base
     };
-  }, [a, b.base, g, l, h]), {
-    template: $,
-    columnsCount: A,
-    calculatedGap: W
-  } = yt(y, O), z = P(() => {
-    const N = {
-      "--bk-guide-gap": `${W}px`,
-      "--bk-guide-justify": o,
-      "--bk-guide-color-line": b.colors.line,
-      "--bk-guide-color-pattern": b.colors.pattern,
-      "--bk-guide-padding-block": `${C}px ${_}px`,
-      "--bk-guide-padding-inline": `${w}px ${k}px`,
-      "--bk-guide-template": $,
-      "--bk-guide-width": (d ?? p) || "100vw",
-      "--bk-guide-height": (f ?? S) || "100vh"
-    };
-    return Y(N, s);
-  }, [
-    W,
-    o,
-    b.colors.line,
-    b.colors.pattern,
-    C,
-    _,
-    w,
-    k,
-    $,
-    d,
-    p,
-    f,
-    S,
-    s
-  ]);
-  return /* @__PURE__ */ R.jsx(
+  }, [i, b.base, m, c, v]), {
+    template: O,
+    columnsCount: R,
+    calculatedGap: w
+  } = xe(M, V), j = f.useMemo(() => ({
+    "--bkgg": `${w}px`,
+    "--bkgj": "start",
+    "--bkgcl": b.colors.line,
+    "--bkgcp": b.colors.pattern,
+    "--bkgw": "100vw",
+    "--bkgh": "100vh"
+  }), [w, b.colors.line, b.colors.pattern]), y = f.useCallback(
+    (W, P) => W === "--bkgw" && P === "100vw" || W === "--bkgh" && P === "100vh" ? {} : P !== j[W] ? { [W]: P } : {},
+    [j]
+  ), T = {
+    "--bkgg": `${w}px`,
+    "--bkgj": r,
+    "--bkgcl": b.colors.line,
+    "--bkgcp": b.colors.pattern,
+    "--bkgpb": `${N}px ${C}px`,
+    "--bkgpi": `${E}px ${k}px`,
+    "--bkgt": O,
+    "--bkgw": U(g ?? h, 0) || "100vw",
+    "--bkgh": U(d ?? $, 0) || "100vh"
+  }, L = {
+    ...y("--bkgw", T["--bkgw"]),
+    ...y("--bkgh", T["--bkgh"]),
+    ...y("--bkgj", r),
+    ...y("--bkgcl", b.colors.line),
+    ...y("--bkgcp", b.colors.pattern),
+    ...y("--bkgg", `${w}px`)
+  }, B = I(T, L, a);
+  return /* @__PURE__ */ _.jsx(
     "div",
     {
-      ref: y,
-      className: D(
-        ee.guide,
+      ref: M,
+      "data-testid": "guide",
+      className: J(
+        nt.gde,
         n,
-        T ? ee.visible : ee.hidden,
-        h === "line" && ee.line
+        A ? nt.v : nt.h,
+        v === "line" && nt.line
       ),
-      "data-testid": "guide",
-      "data-variant": h,
-      style: z,
+      "data-variant": v,
+      style: B,
       ...x,
-      children: T && /* @__PURE__ */ R.jsx("div", { className: ee.columns, "data-variant": h, children: Array.from({ length: A }, (N, G) => {
-        const F = b.colors[h] ?? b.colors.line;
-        return /* @__PURE__ */ R.jsx(
+      children: A && /* @__PURE__ */ _.jsx("div", { className: nt.cols, "data-variant": v, children: Array.from({ length: R }, (W, P) => {
+        const ct = b.colors[v] ?? b.colors.line;
+        return /* @__PURE__ */ _.jsx(
           "div",
           {
-            className: ee.column,
-            "data-column-index": G,
-            "data-variant": h,
-            style: { backgroundColor: F }
+            className: nt.col,
+            "data-column-index": P,
+            "data-variant": v,
+            style: { backgroundColor: ct }
           },
-          G
+          P
         );
       }) })
     }
   );
-}), Ht = /^\d*\.?\d+(?:fr|px|%|em|rem|vh|vw|vmin|vmax|pt|pc|in|cm|mm)$/, Xt = (t) => typeof t == "number" ? Number.isFinite(t) && t >= 0 : typeof t != "string" ? !1 : t === "auto" || t === "100%" || Ht.test(t), qt = (t) => Array.isArray(t) && t.length > 0 && t.every(Xt), sn = (t) => {
-  const n = [...Object.keys(xe), ...Qe];
-  return typeof t == "number" || typeof t == "string" && n.some((r) => t.endsWith(r));
-}, an = (t) => typeof t == "string" && Dt.includes(t), Ce = (t) => typeof t == "object" && t !== null, ln = (t) => Ce(t) && t.variant === "line", cn = (t) => Ce(t) && "columns" in t && !("variant" in t), un = (t) => Ce(t) && "columnWidth" in t && !("variant" in t) && !("columns" in t), Jt = "baseline_CUi4a", pe = {
-  baseline: Jt
-}, fn = De(function({
+}), He = /^\d*\.?\d+(?:fr|px|%|em|rem|vh|vw|vmin|vmax|pt|pc|in|cm|mm)$/, Ie = (e) => typeof e == "number" ? Number.isFinite(e) && e >= 0 : typeof e != "string" ? !1 : e === "auto" || e === "100%" || He.test(e), qe = (e) => Array.isArray(e) && e.length > 0 && e.every(Ie), sn = (e) => {
+  const n = [...Object.keys(wt), ...Xt];
+  return typeof e == "number" || typeof e == "string" && n.some((o) => e.endsWith(o));
+}, an = (e) => typeof e == "string" && De.includes(e), Rt = (e) => typeof e == "object" && e !== null, cn = (e) => Rt(e) && e.variant === "line", ln = (e) => Rt(e) && "columns" in e && !("variant" in e), un = (e) => Rt(e) && "columnWidth" in e && !("variant" in e) && !("columns" in e), Je = "bas_qAJSK", Xe = "row_y6My5", ft = {
+  bas: Je,
+  row: Xe
+}, fn = f.memo(function({
   className: n,
-  debugging: r,
-  style: s,
-  variant: i,
-  height: o,
-  width: a,
-  base: f,
-  ...d
+  debugging: o,
+  style: a,
+  variant: s,
+  height: r,
+  width: i,
+  base: d,
+  ...g
 }) {
-  const l = Q("baseline"), g = i ?? l.variant, x = f ?? l.base, { isShown: b } = Z(r, l.debugging), h = ie(null), { width: T, height: y } = ue(h), [p, S] = P(
-    () => Ze([a, o], [T, y]),
-    [a, o, T, y]
-  ), { top: C, right: k, bottom: _, left: w } = P(() => J(d), [d]), O = P(() => {
-    const G = (S ?? 0) - (C + _);
-    return Math.max(1, Math.floor(G / x));
-  }, [S, C, _, x]), { start: $, end: A } = vt({
-    totalLines: O,
+  const c = X("baseline"), m = s ?? c.variant, x = d ?? c.base, { isShown: b } = tt(o, c.debugging), v = f.useRef(null), { width: A, height: M } = bt(v), [h, $] = f.useMemo(() => Dt(
+    [i, r],
+    [A, M]
+  ), [i, r, A, M]), { top: N, right: k, bottom: C, left: E } = f.useMemo(
+    () => D(g),
+    [g]
+  ), V = f.useMemo(() => {
+    const T = ($ ?? 0) - (N + C);
+    return Math.max(1, Math.floor(T / x));
+  }, [$, N, C, x]), { start: O, end: R } = pe({
+    totalLines: V,
     lineHeight: x,
-    containerRef: h,
+    containerRef: v,
     buffer: 160
-  }), W = g === "line" ? l.colors.line : l.colors.flat, z = P(
-    () => Y(
+  }), w = m === "line" ? c.colors.line : c.colors.flat, j = f.useMemo(() => {
+    const T = [N, k, C, E].map((L) => L ? `${L}px` : "0").join(" ");
+    return I(
       {
-        "--bk-baseline-width": p,
-        padding: `${C}px ${k}px ${_}px ${w}px`,
-        position: "absolute",
-        inset: 0,
-        pointerEvents: "none",
-        overflow: "hidden",
-        height: `${S}px`
+        "--bkbw": i ? `${h}px` : "100%",
+        "--bkbh": r ? `${$}px` : "100%",
+        ...T !== "0 0 0 0" && { padding: T }
       },
-      s
-    ),
-    [p, C, k, _, w, S, s]
-  ), N = le(
-    (G) => Y({
-      top: `${G * x}px`,
-      left: 0,
-      right: 0,
-      height: g === "line" ? "1px" : `${x}px`,
-      backgroundColor: W,
-      position: "absolute"
-    }),
-    [x, g, W]
+      a
+    );
+  }, [
+    N,
+    k,
+    C,
+    E,
+    i,
+    h,
+    r,
+    $,
+    a
+  ]), y = f.useCallback(
+    (T) => {
+      const L = m === "line" ? "1px" : `${x}px`, B = m === "line" ? c.colors.line : c.colors.flat;
+      return I({
+        "--bkrt": `${T * x}px`,
+        ...L !== "1px" && { "--bkrh": L },
+        ...w !== B && { "--bkbcl": w }
+      });
+    },
+    [x, m, w, c.colors.line, c.colors.flat]
   );
-  return /* @__PURE__ */ R.jsx(
+  return /* @__PURE__ */ _.jsx(
     "div",
     {
-      ref: h,
+      ref: v,
       "data-testid": "baseline",
-      className: D(pe.baseline, b ? pe.visible : pe.hidden, n),
-      style: z,
-      ...d,
-      children: b && Array.from({ length: A - $ }, (G, F) => {
-        const L = F + $;
-        return /* @__PURE__ */ R.jsx("div", { "data-row-index": L, style: N(L) }, L);
+      className: J(
+        ft.bas,
+        b ? ft.v : ft.h,
+        n
+      ),
+      style: j,
+      ...g,
+      children: b && Array.from({ length: R - O }, (T, L) => {
+        const B = L + O;
+        return /* @__PURE__ */ _.jsx(
+          "div",
+          {
+            className: ft.row,
+            "data-row-index": B,
+            style: y(B)
+          },
+          B
+        );
       })
     }
   );
-}), Dt = ["start", "center", "end"], dn = ["line", "flat"];
+}), De = ["start", "center", "end"], dn = ["line", "flat"];
 export {
-  xe as ABSOLUTE_UNIT_CONVERSIONS,
+  wt as ABSOLUTE_UNIT_CONVERSIONS,
   fn as Baseline,
   nn as Box,
-  we as Config,
-  Tt as DEFAULT_CONFIG,
-  Dt as GRID_ALIGNMENTS,
-  on as Guide,
-  tn as Layout,
+  St as Config,
+  _e as DEFAULT_CONFIG,
+  De as GRID_ALIGNMENTS,
+  rn as Guide,
+  en as Layout,
   dn as PADD_VARIANTS,
-  Se as Padder,
-  Qe as RELATIVE_UNITS,
-  Nt as Spacer,
-  rn as Stack,
-  ht as calculateSnappedSpacing,
-  dt as clamp,
-  ke as convertValue,
-  $t as createCSSVariables,
-  en as debounce,
-  ve as formatValue,
+  Ct as Padder,
+  Xt as RELATIVE_UNITS,
+  $e as Spacer,
+  on as Stack,
+  ge as calculateSnappedSpacing,
+  fe as clamp,
+  yt as convertValue,
+  je as createCSSVariables,
+  tn as debounce,
+  U as formatValue,
   un as isAutoCalculatedGuide,
   an as isGuideAlignment,
-  cn as isGuideColumnConfig,
-  ln as isGuideLineConfig,
+  ln as isGuideColumnConfig,
+  cn as isGuideLineConfig,
   sn as isGuideValue,
-  Xt as isValidGuideColumnValue,
-  qt as isValidGuidePattern,
-  D as mergeClasses,
-  Ke as mergeRefs,
-  Y as mergeStyles,
-  Zt as moduloize,
-  ce as normalizeValue,
-  Ze as normalizeValuePair,
-  J as parsePadding,
-  ut as parseUnit,
-  et as rafThrottle,
-  Kt as round,
-  fe as useBaseline,
-  Q as useConfig,
-  Z as useDebug,
-  tt as useDefaultConfig,
-  yt as useGuide,
-  ue as useMeasure,
-  vt as useVirtual
+  Ie as isValidGuideColumnValue,
+  qe as isValidGuidePattern,
+  J as mergeClasses,
+  Zt as mergeRefs,
+  I as mergeStyles,
+  Ke as moduloize,
+  dt as normalizeValue,
+  Dt as normalizeValuePair,
+  D as parsePadding,
+  le as parseUnit,
+  Kt as rafThrottle,
+  Qe as round,
+  mt as useBaseline,
+  X as useConfig,
+  tt as useDebug,
+  Qt as useDefaultConfig,
+  xe as useGuide,
+  bt as useMeasure,
+  pe as useVirtual
 };
 //# sourceMappingURL=index.mjs.map