storybook 9.1.0-alpha.1 → 9.1.0-alpha.3

package/dist/measure/preview.cjs

@@ -13,16 +13,16 @@ var ut = (e, t) => {
       !mt.call(e, n) && n !== o && v(e, n, { get: () => t[n], enumerable: !(i = ft(t, n)) || i.enumerable });
   return e;
 };
-var dt = (e) => ht(v({}, "__esModule", { value: !0 }), e);
+var pt = (e) => ht(v({}, "__esModule", { value: !0 }), e);
 
 // src/measure/preview.ts
-var At = {};
-ut(At, {
+var Pt = {};
+ut(Pt, {
   decorators: () => J,
-  default: () => Pt,
+  default: () => At,
   initialGlobals: () => tt
 });
-module.exports = dt(At);
+module.exports = pt(Pt);
 var Q = require("storybook/preview-api");
 
 // src/measure/constants.ts
@@ -33,16 +33,16 @@ var R = "storybook/measure-addon", Ft = `${R}/tool`, F = "measureEnabled", Wt =
 };
 
 // src/measure/withMeasure.ts
-var A = require("storybook/preview-api");
+var P = require("storybook/preview-api");
 
 // src/measure/box-model/canvas.ts
 var y = require("@storybook/global");
 
 // ../node_modules/tiny-invariant/dist/esm/tiny-invariant.js
-var pt = process.env.NODE_ENV === "production", D = "Invariant failed";
+var dt = process.env.NODE_ENV === "production", D = "Invariant failed";
 function M(e, t) {
   if (!e) {
-    if (pt)
+    if (dt)
       throw new Error(D);
     var o = typeof t == "function" ? t() : t, i = o ? "".concat(D, ": ").concat(o) : D;
     throw new Error(i);
@@ -56,7 +56,7 @@ function W() {
   return { width: Math.max(e.scrollWidth, e.offsetWidth), height: t };
 }
 r(W, "getDocumentWidthAndHeight");
-function bt() {
+function gt() {
   let e = y.global.document.createElement("canvas");
   e.id = "storybook-addon-measure";
   let t = e.getContext("2d");
@@ -65,7 +65,7 @@ function bt() {
   return k(e, t, { width: o, height: i }), e.style.position = "absolute", e.style.left = "0", e.style.top = "0", e.style.zIndex = "214748364\
 7", e.style.pointerEvents = "none", y.global.document.body.appendChild(e), { canvas: e, context: t, width: o, height: i };
 }
-r(bt, "createCanvas");
+r(gt, "createCanvas");
 function k(e, t, { width: o, height: i }) {
   e.style.width = `${o}px`, e.style.height = `${i}px`;
   let n = y.global.window.devicePixelRatio;
@@ -74,7 +74,7 @@ function k(e, t, { width: o, height: i }) {
 r(k, "setCanvasWidthAndHeight");
 var m = {};
 function Y() {
-  m.canvas || (m = bt());
+  m.canvas || (m = gt());
 }
 r(Y, "init");
 function B() {
@@ -97,7 +97,7 @@ function $() {
 r($, "destroy");
 
 // src/measure/box-model/visualizer.ts
-var b = require("@storybook/global");
+var g = require("@storybook/global");
 
 // src/measure/box-model/labels.ts
 var w = {
@@ -106,22 +106,22 @@ var w = {
   padding: "#93c47d",
   content: "#6fa8dc",
   text: "#232020"
-}, g = 6;
+}, b = 6;
 function N(e, { x: t, y: o, w: i, h: n, r: l }) {
   t = t - i / 2, o = o - n / 2, i < 2 * l && (l = i / 2), n < 2 * l && (l = n / 2), e.beginPath(), e.moveTo(t + l, o), e.arcTo(t + i, o, t +
   i, o + n, l), e.arcTo(t + i, o + n, t, o + n, l), e.arcTo(t, o + n, t, o, l), e.arcTo(t, o, t + i, o, l), e.closePath();
 }
 r(N, "roundedRect");
-function gt(e, { padding: t, border: o, width: i, height: n, top: l, left: a }) {
+function bt(e, { padding: t, border: o, width: i, height: n, top: l, left: a }) {
   let s = i - o.left - o.right - t.left - t.right, f = n - t.top - t.bottom - o.top - o.bottom, c = a + o.left + t.left, u = l + o.top + t.top;
   return e === "top" ? c += s / 2 : e === "right" ? (c += s, u += f / 2) : e === "bottom" ? (c += s / 2, u += f) : e === "left" ? u += f / 2 :
   e === "center" && (c += s / 2, u += f / 2), { x: c, y: u };
 }
-r(gt, "positionCoordinate");
+r(bt, "positionCoordinate");
 function wt(e, t, { margin: o, border: i, padding: n }, l, a) {
-  let s = /* @__PURE__ */ r((h) => 0, "shift"), f = 0, c = 0, u = a ? 1 : 0.5, d = a ? l * 2 : 0;
-  return e === "padding" ? s = /* @__PURE__ */ r((h) => n[h] * u + d, "shift") : e === "border" ? s = /* @__PURE__ */ r((h) => n[h] + i[h] *
-  u + d, "shift") : e === "margin" && (s = /* @__PURE__ */ r((h) => n[h] + i[h] + o[h] * u + d, "shift")), t === "top" ? c = -s("top") : t ===
+  let s = /* @__PURE__ */ r((h) => 0, "shift"), f = 0, c = 0, u = a ? 1 : 0.5, p = a ? l * 2 : 0;
+  return e === "padding" ? s = /* @__PURE__ */ r((h) => n[h] * u + p, "shift") : e === "border" ? s = /* @__PURE__ */ r((h) => n[h] + i[h] *
+  u + p, "shift") : e === "margin" && (s = /* @__PURE__ */ r((h) => n[h] + i[h] + o[h] * u + p, "shift")), t === "top" ? c = -s("top") : t ===
   "right" ? f = s("right") : t === "bottom" ? c = s("bottom") : t === "left" && (f = -s("left")), { offsetX: f, offsetY: c };
 }
 r(wt, "offset");
@@ -130,8 +130,8 @@ function Lt(e, t) {
 }
 r(Lt, "collide");
 function Et(e, t, o) {
-  return e === "top" ? t.y = o.y - o.h - g : e === "right" ? t.x = o.x + o.w / 2 + g + t.w / 2 : e === "bottom" ? t.y = o.y + o.h + g : e ===
-  "left" && (t.x = o.x - o.w / 2 - g - t.w / 2), { x: t.x, y: t.y };
+  return e === "top" ? t.y = o.y - o.h - b : e === "right" ? t.x = o.x + o.w / 2 + b + t.w / 2 : e === "bottom" ? t.y = o.y + o.h + b : e ===
+  "left" && (t.x = o.x - o.w / 2 - b - t.w / 2), { x: t.x, y: t.y };
 }
 r(Et, "overlapAdjustment");
 function O(e, t, { x: o, y: i, w: n, h: l }, a) {
@@ -142,23 +142,23 @@ function O(e, t, { x: o, y: i, w: n, h: l }, a) {
 r(O, "textWithRect");
 function I(e, t) {
   e.font = "600 12px monospace", e.textBaseline = "middle", e.textAlign = "center";
-  let o = e.measureText(t), i = o.actualBoundingBoxAscent + o.actualBoundingBoxDescent, n = o.width + g * 2, l = i + g * 2;
+  let o = e.measureText(t), i = o.actualBoundingBoxAscent + o.actualBoundingBoxDescent, n = o.width + b * 2, l = i + b * 2;
   return { w: n, h: l };
 }
 r(I, "configureText");
 function yt(e, t, { type: o, position: i = "center", text: n }, l, a = !1) {
-  let { x: s, y: f } = gt(i, t), { offsetX: c, offsetY: u } = wt(o, i, t, g + 1, a);
+  let { x: s, y: f } = bt(i, t), { offsetX: c, offsetY: u } = wt(o, i, t, b + 1, a);
   s += c, f += u;
-  let { w: d, h } = I(e, n);
-  if (l && Lt({ x: s, y: f, w: d, h }, l)) {
-    let C = Et(i, { x: s, y: f, w: d, h }, l);
+  let { w: p, h } = I(e, n);
+  if (l && Lt({ x: s, y: f, w: p, h }, l)) {
+    let C = Et(i, { x: s, y: f, w: p, h }, l);
     s = C.x, f = C.y;
   }
-  return O(e, o, { x: s, y: f, w: d, h }, n);
+  return O(e, o, { x: s, y: f, w: p, h }, n);
 }
 r(yt, "drawLabel");
 function St(e, { w: t, h: o }) {
-  let i = t * 0.5 + g, n = o * 0.5 + g;
+  let i = t * 0.5 + b, n = o * 0.5 + b;
   return {
     offsetX: (e.x === "left" ? -1 : 1) * i,
     offsetY: (e.y === "top" ? -1 : 1) * n
@@ -166,11 +166,11 @@ function St(e, { w: t, h: o }) {
 }
 r(St, "floatingOffset");
 function Ct(e, t, { type: o, text: i }) {
-  let { floatingAlignment: n, extremities: l } = t, a = l[n.x], s = l[n.y], { w: f, h: c } = I(e, i), { offsetX: u, offsetY: d } = St(n, {
+  let { floatingAlignment: n, extremities: l } = t, a = l[n.x], s = l[n.y], { w: f, h: c } = I(e, i), { offsetX: u, offsetY: p } = St(n, {
     w: f,
     h: c
   });
-  return a += u, s += d, O(e, o, { x: a, y: s, w: f, h: c }, i);
+  return a += u, s += p, O(e, o, { x: a, y: s, w: f, h: c }, i);
 }
 r(Ct, "drawFloatingLabel");
 function S(e, t, o, i) {
@@ -195,24 +195,24 @@ var x = {
   padding: "#93c47d8c",
   content: "#6fa8dca8"
 }, q = 30;
-function p(e) {
+function d(e) {
   return parseInt(e.replace("px", ""), 10);
 }
-r(p, "pxToNumber");
+r(d, "pxToNumber");
 function L(e) {
   return Number.isInteger(e) ? e : e.toFixed(2);
 }
 r(L, "round");
-function P(e) {
+function A(e) {
   return e.filter((t) => t.text !== 0 && t.text !== "0");
 }
-r(P, "filterZeroValues");
+r(A, "filterZeroValues");
 function vt(e) {
   let t = {
-    top: b.global.window.scrollY,
-    bottom: b.global.window.scrollY + b.global.window.innerHeight,
-    left: b.global.window.scrollX,
-    right: b.global.window.scrollX + b.global.window.innerWidth
+    top: g.global.window.scrollY,
+    bottom: g.global.window.scrollY + g.global.window.innerHeight,
+    left: g.global.window.scrollX,
+    right: g.global.window.scrollX + g.global.window.innerWidth
   }, o = {
     top: Math.abs(t.top - e.top),
     bottom: Math.abs(t.bottom - e.bottom),
@@ -226,11 +226,11 @@ function vt(e) {
 }
 r(vt, "floatingAlignment");
 function Rt(e) {
-  let t = b.global.getComputedStyle(e), { top: o, left: i, right: n, bottom: l, width: a, height: s } = e.getBoundingClientRect(), {
+  let t = g.global.getComputedStyle(e), { top: o, left: i, right: n, bottom: l, width: a, height: s } = e.getBoundingClientRect(), {
     marginTop: f,
     marginBottom: c,
     marginLeft: u,
-    marginRight: d,
+    marginRight: p,
     paddingTop: h,
     paddingBottom: C,
     paddingLeft: et,
@@ -240,22 +240,22 @@ function Rt(e) {
     borderLeftWidth: lt,
     borderRightWidth: rt
   } = t;
-  o = o + b.global.window.scrollY, i = i + b.global.window.scrollX, l = l + b.global.window.scrollY, n = n + b.global.window.scrollX;
+  o = o + g.global.window.scrollY, i = i + g.global.window.scrollX, l = l + g.global.window.scrollY, n = n + g.global.window.scrollX;
   let E = {
-    top: p(f),
-    bottom: p(c),
-    left: p(u),
-    right: p(d)
+    top: d(f),
+    bottom: d(c),
+    left: d(u),
+    right: d(p)
   }, at = {
-    top: p(h),
-    bottom: p(C),
-    left: p(et),
-    right: p(ot)
+    top: d(h),
+    bottom: d(C),
+    left: d(et),
+    right: d(ot)
   }, st = {
-    top: p(it),
-    bottom: p(nt),
-    left: p(lt),
-    right: p(rt)
+    top: d(it),
+    bottom: d(nt),
+    left: d(lt),
+    right: d(rt)
   }, H = {
     top: o - E.top,
     bottom: l + E.bottom,
@@ -303,7 +303,7 @@ function Mt(e, { margin: t, width: o, height: i, top: n, left: l, bottom: a, rig
       position: "left"
     }
   ];
-  return P(c);
+  return A(c);
 }
 r(Mt, "drawMargin");
 function xt(e, { padding: t, border: o, width: i, height: n, top: l, left: a, bottom: s, right: f }) {
@@ -319,7 +319,7 @@ function xt(e, { padding: t, border: o, width: i, height: n, top: l, left: a, bo
     c,
     t.bottom
   ), e.fillRect(a + o.left, l + t.top + o.top, t.left, u);
-  let d = [
+  let p = [
     {
       type: "padding",
       text: t.top,
@@ -341,7 +341,7 @@ function xt(e, { padding: t, border: o, width: i, height: n, top: l, left: a, bo
       position: "left"
     }
   ];
-  return P(d);
+  return A(p);
 }
 r(xt, "drawPadding");
 function Tt(e, { border: t, width: o, height: i, top: n, left: l, bottom: a, right: s }) {
@@ -370,7 +370,7 @@ function Tt(e, { border: t, width: o, height: i, top: n, left: l, bottom: a, rig
       position: "left"
     }
   ];
-  return P(c);
+  return A(c);
 }
 r(Tt, "drawBorder");
 function Dt(e, { padding: t, border: o, width: i, height: n, top: l, left: a }) {
@@ -429,7 +429,7 @@ function K(e, t) {
 r(K, "findAndDrawElement");
 var Z = /* @__PURE__ */ r((e, t) => {
   let { measureEnabled: o } = t.globals || {};
-  return (0, A.useEffect)(() => {
+  return (0, P.useEffect)(() => {
     if (typeof globalThis.document > "u")
       return;
     let i = /* @__PURE__ */ r((n) => {
@@ -440,7 +440,7 @@ var Z = /* @__PURE__ */ r((e, t) => {
     return globalThis.document.addEventListener("pointermove", i), () => {
       globalThis.document.removeEventListener("pointermove", i);
     };
-  }, []), (0, A.useEffect)(() => {
+  }, []), (0, P.useEffect)(() => {
     let i = /* @__PURE__ */ r((l) => {
       window.requestAnimationFrame(() => {
         l.stopPropagation(), K(l.clientX, l.clientY);
@@ -460,7 +460,7 @@ resize", n), K(T.x, T.y)), () => {
 // src/measure/preview.ts
 var J = globalThis.FEATURES?.measure ? [Z] : [], tt = {
   [F]: !1
-}, Pt = /* @__PURE__ */ r(() => (0, Q.definePreview)({
+}, At = /* @__PURE__ */ r(() => (0, Q.definePreview)({
   decorators: J,
   initialGlobals: tt
 }), "default");

package/dist/measure/preview.js

@@ -5,7 +5,7 @@ var r = (e, t) => it(e, "name", { value: t, configurable: !0 });
 import { definePreview as St } from "storybook/preview-api";
 
 // src/measure/constants.ts
-var C = "storybook/measure-addon", Mt = `${C}/tool`, A = "measureEnabled", xt = {
+var C = "storybook/measure-addon", Mt = `${C}/tool`, P = "measureEnabled", xt = {
   RESULT: `${C}/result`,
   REQUEST: `${C}/request`,
   CLEAR: `${C}/clear`
@@ -76,7 +76,7 @@ function z() {
 r(z, "destroy");
 
 // src/measure/box-model/visualizer.ts
-import { global as b } from "@storybook/global";
+import { global as g } from "@storybook/global";
 
 // src/measure/box-model/labels.ts
 var w = {
@@ -85,7 +85,7 @@ var w = {
   padding: "#93c47d",
   content: "#6fa8dc",
   text: "#232020"
-}, g = 6;
+}, b = 6;
 function X(e, { x: t, y: o, w: i, h: n, r: l }) {
   t = t - i / 2, o = o - n / 2, i < 2 * l && (l = i / 2), n < 2 * l && (l = n / 2), e.beginPath(), e.moveTo(t + l, o), e.arcTo(t + i, o, t +
   i, o + n, l), e.arcTo(t + i, o + n, t, o + n, l), e.arcTo(t, o + n, t, o, l), e.arcTo(t, o, t + i, o, l), e.closePath();
@@ -98,9 +98,9 @@ function at(e, { padding: t, border: o, width: i, height: n, top: l, left: a })
 }
 r(at, "positionCoordinate");
 function st(e, t, { margin: o, border: i, padding: n }, l, a) {
-  let s = /* @__PURE__ */ r((h) => 0, "shift"), f = 0, c = 0, u = a ? 1 : 0.5, d = a ? l * 2 : 0;
-  return e === "padding" ? s = /* @__PURE__ */ r((h) => n[h] * u + d, "shift") : e === "border" ? s = /* @__PURE__ */ r((h) => n[h] + i[h] *
-  u + d, "shift") : e === "margin" && (s = /* @__PURE__ */ r((h) => n[h] + i[h] + o[h] * u + d, "shift")), t === "top" ? c = -s("top") : t ===
+  let s = /* @__PURE__ */ r((h) => 0, "shift"), f = 0, c = 0, u = a ? 1 : 0.5, p = a ? l * 2 : 0;
+  return e === "padding" ? s = /* @__PURE__ */ r((h) => n[h] * u + p, "shift") : e === "border" ? s = /* @__PURE__ */ r((h) => n[h] + i[h] *
+  u + p, "shift") : e === "margin" && (s = /* @__PURE__ */ r((h) => n[h] + i[h] + o[h] * u + p, "shift")), t === "top" ? c = -s("top") : t ===
   "right" ? f = s("right") : t === "bottom" ? c = s("bottom") : t === "left" && (f = -s("left")), { offsetX: f, offsetY: c };
 }
 r(st, "offset");
@@ -109,8 +109,8 @@ function ft(e, t) {
 }
 r(ft, "collide");
 function ct(e, t, o) {
-  return e === "top" ? t.y = o.y - o.h - g : e === "right" ? t.x = o.x + o.w / 2 + g + t.w / 2 : e === "bottom" ? t.y = o.y + o.h + g : e ===
-  "left" && (t.x = o.x - o.w / 2 - g - t.w / 2), { x: t.x, y: t.y };
+  return e === "top" ? t.y = o.y - o.h - b : e === "right" ? t.x = o.x + o.w / 2 + b + t.w / 2 : e === "bottom" ? t.y = o.y + o.h + b : e ===
+  "left" && (t.x = o.x - o.w / 2 - b - t.w / 2), { x: t.x, y: t.y };
 }
 r(ct, "overlapAdjustment");
 function $(e, t, { x: o, y: i, w: n, h: l }, a) {
@@ -121,23 +121,23 @@ function $(e, t, { x: o, y: i, w: n, h: l }, a) {
 r($, "textWithRect");
 function N(e, t) {
   e.font = "600 12px monospace", e.textBaseline = "middle", e.textAlign = "center";
-  let o = e.measureText(t), i = o.actualBoundingBoxAscent + o.actualBoundingBoxDescent, n = o.width + g * 2, l = i + g * 2;
+  let o = e.measureText(t), i = o.actualBoundingBoxAscent + o.actualBoundingBoxDescent, n = o.width + b * 2, l = i + b * 2;
   return { w: n, h: l };
 }
 r(N, "configureText");
 function mt(e, t, { type: o, position: i = "center", text: n }, l, a = !1) {
-  let { x: s, y: f } = at(i, t), { offsetX: c, offsetY: u } = st(o, i, t, g + 1, a);
+  let { x: s, y: f } = at(i, t), { offsetX: c, offsetY: u } = st(o, i, t, b + 1, a);
   s += c, f += u;
-  let { w: d, h } = N(e, n);
-  if (l && ft({ x: s, y: f, w: d, h }, l)) {
-    let S = ct(i, { x: s, y: f, w: d, h }, l);
+  let { w: p, h } = N(e, n);
+  if (l && ft({ x: s, y: f, w: p, h }, l)) {
+    let S = ct(i, { x: s, y: f, w: p, h }, l);
     s = S.x, f = S.y;
   }
-  return $(e, o, { x: s, y: f, w: d, h }, n);
+  return $(e, o, { x: s, y: f, w: p, h }, n);
 }
 r(mt, "drawLabel");
 function ut(e, { w: t, h: o }) {
-  let i = t * 0.5 + g, n = o * 0.5 + g;
+  let i = t * 0.5 + b, n = o * 0.5 + b;
   return {
     offsetX: (e.x === "left" ? -1 : 1) * i,
     offsetY: (e.y === "top" ? -1 : 1) * n
@@ -145,11 +145,11 @@ function ut(e, { w: t, h: o }) {
 }
 r(ut, "floatingOffset");
 function ht(e, t, { type: o, text: i }) {
-  let { floatingAlignment: n, extremities: l } = t, a = l[n.x], s = l[n.y], { w: f, h: c } = N(e, i), { offsetX: u, offsetY: d } = ut(n, {
+  let { floatingAlignment: n, extremities: l } = t, a = l[n.x], s = l[n.y], { w: f, h: c } = N(e, i), { offsetX: u, offsetY: p } = ut(n, {
     w: f,
     h: c
   });
-  return a += u, s += d, $(e, o, { x: a, y: s, w: f, h: c }, i);
+  return a += u, s += p, $(e, o, { x: a, y: s, w: f, h: c }, i);
 }
 r(ht, "drawFloatingLabel");
 function y(e, t, o, i) {
@@ -174,10 +174,10 @@ var M = {
   padding: "#93c47d8c",
   content: "#6fa8dca8"
 }, I = 30;
-function p(e) {
+function d(e) {
   return parseInt(e.replace("px", ""), 10);
 }
-r(p, "pxToNumber");
+r(d, "pxToNumber");
 function L(e) {
   return Number.isInteger(e) ? e : e.toFixed(2);
 }
@@ -186,12 +186,12 @@ function k(e) {
   return e.filter((t) => t.text !== 0 && t.text !== "0");
 }
 r(k, "filterZeroValues");
-function dt(e) {
+function pt(e) {
   let t = {
-    top: b.window.scrollY,
-    bottom: b.window.scrollY + b.window.innerHeight,
-    left: b.window.scrollX,
-    right: b.window.scrollX + b.window.innerWidth
+    top: g.window.scrollY,
+    bottom: g.window.scrollY + g.window.innerHeight,
+    left: g.window.scrollX,
+    right: g.window.scrollX + g.window.innerWidth
   }, o = {
     top: Math.abs(t.top - e.top),
     bottom: Math.abs(t.bottom - e.bottom),
@@ -203,13 +203,13 @@ function dt(e) {
     y: o.top > o.bottom ? "top" : "bottom"
   };
 }
-r(dt, "floatingAlignment");
-function pt(e) {
-  let t = b.getComputedStyle(e), { top: o, left: i, right: n, bottom: l, width: a, height: s } = e.getBoundingClientRect(), {
+r(pt, "floatingAlignment");
+function dt(e) {
+  let t = g.getComputedStyle(e), { top: o, left: i, right: n, bottom: l, width: a, height: s } = e.getBoundingClientRect(), {
     marginTop: f,
     marginBottom: c,
     marginLeft: u,
-    marginRight: d,
+    marginRight: p,
     paddingTop: h,
     paddingBottom: S,
     paddingLeft: K,
@@ -219,23 +219,23 @@ function pt(e) {
     borderLeftWidth: tt,
     borderRightWidth: et
   } = t;
-  o = o + b.window.scrollY, i = i + b.window.scrollX, l = l + b.window.scrollY, n = n + b.window.scrollX;
+  o = o + g.window.scrollY, i = i + g.window.scrollX, l = l + g.window.scrollY, n = n + g.window.scrollX;
   let E = {
-    top: p(f),
-    bottom: p(c),
-    left: p(u),
-    right: p(d)
+    top: d(f),
+    bottom: d(c),
+    left: d(u),
+    right: d(p)
   }, ot = {
-    top: p(h),
-    bottom: p(S),
-    left: p(K),
-    right: p(Z)
+    top: d(h),
+    bottom: d(S),
+    left: d(K),
+    right: d(Z)
   }, nt = {
-    top: p(J),
-    bottom: p(Q),
-    left: p(tt),
-    right: p(et)
-  }, P = {
+    top: d(J),
+    bottom: d(Q),
+    left: d(tt),
+    right: d(et)
+  }, A = {
     top: o - E.top,
     bottom: l + E.bottom,
     left: i - E.left,
@@ -251,12 +251,12 @@ function pt(e) {
     right: n,
     width: a,
     height: s,
-    extremities: P,
-    floatingAlignment: dt(P)
+    extremities: A,
+    floatingAlignment: pt(A)
   };
 }
-r(pt, "measureElement");
-function bt(e, { margin: t, width: o, height: i, top: n, left: l, bottom: a, right: s }) {
+r(dt, "measureElement");
+function gt(e, { margin: t, width: o, height: i, top: n, left: l, bottom: a, right: s }) {
   let f = i + t.bottom + t.top;
   e.fillStyle = M.margin, e.fillRect(l, n - t.top, o, t.top), e.fillRect(s, n - t.top, t.right, f), e.fillRect(l, a, o, t.bottom), e.fillRect(
   l - t.left, n - t.top, t.left, f);
@@ -284,8 +284,8 @@ function bt(e, { margin: t, width: o, height: i, top: n, left: l, bottom: a, rig
   ];
   return k(c);
 }
-r(bt, "drawMargin");
-function gt(e, { padding: t, border: o, width: i, height: n, top: l, left: a, bottom: s, right: f }) {
+r(gt, "drawMargin");
+function bt(e, { padding: t, border: o, width: i, height: n, top: l, left: a, bottom: s, right: f }) {
   let c = i - o.left - o.right, u = n - t.top - t.bottom - o.top - o.bottom;
   e.fillStyle = M.padding, e.fillRect(a + o.left, l + o.top, c, t.top), e.fillRect(
     f - t.right - o.right,
@@ -298,7 +298,7 @@ function gt(e, { padding: t, border: o, width: i, height: n, top: l, left: a, bo
     c,
     t.bottom
   ), e.fillRect(a + o.left, l + t.top + o.top, t.left, u);
-  let d = [
+  let p = [
     {
       type: "padding",
       text: t.top,
@@ -320,9 +320,9 @@ function gt(e, { padding: t, border: o, width: i, height: n, top: l, left: a, bo
       position: "left"
     }
   ];
-  return k(d);
+  return k(p);
 }
-r(gt, "drawPadding");
+r(bt, "drawPadding");
 function wt(e, { border: t, width: o, height: i, top: n, left: l, bottom: a, right: s }) {
   let f = i - t.top - t.bottom;
   e.fillStyle = M.border, e.fillRect(l, n, o, t.top), e.fillRect(l, a - t.bottom, o, t.bottom), e.fillRect(l, n + t.top, t.left, f), e.fillRect(
@@ -371,7 +371,7 @@ r(Lt, "drawContent");
 function Et(e) {
   return (t) => {
     if (e && t) {
-      let o = pt(e), i = bt(t, o), n = gt(t, o), l = wt(t, o), a = Lt(t, o), s = o.width <= I * 3 || o.height <= I;
+      let o = dt(e), i = gt(t, o), n = bt(t, o), l = wt(t, o), a = Lt(t, o), s = o.width <= I * 3 || o.height <= I;
       O(
         t,
         o,
@@ -438,7 +438,7 @@ resize", n), U(x.x, x.y)), () => {
 
 // src/measure/preview.ts
 var Ct = globalThis.FEATURES?.measure ? [V] : [], vt = {
-  [A]: !1
+  [P]: !1
 }, te = /* @__PURE__ */ r(() => St({
   decorators: Ct,
   initialGlobals: vt