storybook 9.0.0-alpha.20 → 9.0.0-alpha.21

package/dist/measure/preview.js

@@ -1,5 +1,5 @@
 var it = Object.defineProperty;
-var l = (e, t) => it(e, "name", { value: t, configurable: !0 });
+var r = (e, t) => it(e, "name", { value: t, configurable: !0 });
 
 // src/measure/preview.ts
 import { definePreview as St } from "storybook/preview-api";
@@ -18,62 +18,62 @@ import { useEffect as j } from "storybook/preview-api";
 import { global as R } from "@storybook/global";
 
 // ../node_modules/tiny-invariant/dist/esm/tiny-invariant.js
-var rt = !1, D = "Invariant failed";
+var lt = !1, T = "Invariant failed";
 function v(e, t) {
   if (!e) {
-    if (rt)
-      throw new Error(D);
-    var o = typeof t == "function" ? t() : t, i = o ? "".concat(D, ": ").concat(o) : D;
+    if (lt)
+      throw new Error(T);
+    var o = typeof t == "function" ? t() : t, i = o ? "".concat(T, ": ").concat(o) : T;
     throw new Error(i);
   }
 }
-l(v, "invariant");
+r(v, "invariant");
 
 // src/measure/box-model/canvas.ts
 function H() {
   let e = R.document.documentElement, t = Math.max(e.scrollHeight, e.offsetHeight);
   return { width: Math.max(e.scrollWidth, e.offsetWidth), height: t };
 }
-l(H, "getDocumentWidthAndHeight");
-function lt() {
+r(H, "getDocumentWidthAndHeight");
+function rt() {
   let e = R.document.createElement("canvas");
   e.id = "storybook-addon-measure";
   let t = e.getContext("2d");
   v(t != null);
   let { width: o, height: i } = H();
-  return k(e, t, { width: o, height: i }), e.style.position = "absolute", e.style.left = "0", e.style.top = "0", e.style.zIndex = "214748364\
+  return D(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", R.document.body.appendChild(e), { canvas: e, context: t, width: o, height: i };
 }
-l(lt, "createCanvas");
-function k(e, t, { width: o, height: i }) {
+r(rt, "createCanvas");
+function D(e, t, { width: o, height: i }) {
   e.style.width = `${o}px`, e.style.height = `${i}px`;
   let n = R.window.devicePixelRatio;
   e.width = Math.floor(o * n), e.height = Math.floor(i * n), t.scale(n, n);
 }
-l(k, "setCanvasWidthAndHeight");
+r(D, "setCanvasWidthAndHeight");
 var m = {};
-function W() {
-  m.canvas || (m = lt());
-}
-l(W, "init");
 function F() {
+  m.canvas || (m = rt());
+}
+r(F, "init");
+function W() {
   m.context && m.context.clearRect(0, 0, m.width ?? 0, m.height ?? 0);
 }
-l(F, "clear");
+r(W, "clear");
 function Y(e) {
-  F(), e(m.context);
+  W(), e(m.context);
 }
-l(Y, "draw");
+r(Y, "draw");
 function B() {
-  v(m.canvas, "Canvas should exist in the state."), v(m.context, "Context should exist in the state."), k(m.canvas, m.context, { width: 0, height: 0 });
+  v(m.canvas, "Canvas should exist in the state."), v(m.context, "Context should exist in the state."), D(m.canvas, m.context, { width: 0, height: 0 });
   let { width: e, height: t } = H();
-  k(m.canvas, m.context, { width: e, height: t }), m.width = e, m.height = t;
+  D(m.canvas, m.context, { width: e, height: t }), m.width = e, m.height = t;
 }
-l(B, "rescale");
+r(B, "rescale");
 function z() {
-  m.canvas && (F(), m.canvas.parentNode?.removeChild(m.canvas), m = {});
+  m.canvas && (W(), m.canvas.parentNode?.removeChild(m.canvas), m = {});
 }
-l(z, "destroy");
+r(z, "destroy");
 
 // src/measure/box-model/visualizer.ts
 import { global as b } from "@storybook/global";
@@ -86,56 +86,56 @@ var w = {
   content: "#6fa8dc",
   text: "#232020"
 }, g = 6;
-function X(e, { x: t, y: o, w: i, h: n, r }) {
-  t = t - i / 2, o = o - n / 2, i < 2 * r && (r = i / 2), n < 2 * r && (r = n / 2), e.beginPath(), e.moveTo(t + r, o), e.arcTo(t + i, o, t +
-  i, o + n, r), e.arcTo(t + i, o + n, t, o + n, r), e.arcTo(t, o + n, t, o, r), e.arcTo(t, o, t + i, o, r), e.closePath();
+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();
 }
-l(X, "roundedRect");
-function at(e, { padding: t, border: o, width: i, height: n, top: r, 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 = r + o.top + t.top;
+r(X, "roundedRect");
+function at(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 };
 }
-l(at, "positionCoordinate");
-function st(e, t, { margin: o, border: i, padding: n }, r, a) {
-  let s = /* @__PURE__ */ l((d) => 0, "shift"), f = 0, c = 0, u = a ? 1 : 0.5, h = a ? r * 2 : 0;
-  return e === "padding" ? s = /* @__PURE__ */ l((d) => n[d] * u + h, "shift") : e === "border" ? s = /* @__PURE__ */ l((d) => n[d] + i[d] *
-  u + h, "shift") : e === "margin" && (s = /* @__PURE__ */ l((d) => n[d] + i[d] + o[d] * u + h, "shift")), t === "top" ? c = -s("top") : t ===
+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 ===
   "right" ? f = s("right") : t === "bottom" ? c = s("bottom") : t === "left" && (f = -s("left")), { offsetX: f, offsetY: c };
 }
-l(st, "offset");
+r(st, "offset");
 function ft(e, t) {
   return Math.abs(e.x - t.x) < Math.abs(e.w + t.w) / 2 && Math.abs(e.y - t.y) < Math.abs(e.h + t.h) / 2;
 }
-l(ft, "collide");
+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 };
 }
-l(ct, "overlapAdjustment");
-function $(e, t, { x: o, y: i, w: n, h: r }, a) {
-  return X(e, { x: o, y: i, w: n, h: r, r: 3 }), e.fillStyle = `${w[t]}dd`, e.fill(), e.strokeStyle = w[t], e.stroke(), e.fillStyle = w.text,
-  e.fillText(a, o, i), X(e, { x: o, y: i, w: n, h: r, r: 3 }), e.fillStyle = `${w[t]}dd`, e.fill(), e.strokeStyle = w[t], e.stroke(), e.fillStyle =
-  w.text, e.fillText(a, o, i), { x: o, y: i, w: n, h: r };
+r(ct, "overlapAdjustment");
+function $(e, t, { x: o, y: i, w: n, h: l }, a) {
+  return X(e, { x: o, y: i, w: n, h: l, r: 3 }), e.fillStyle = `${w[t]}dd`, e.fill(), e.strokeStyle = w[t], e.stroke(), e.fillStyle = w.text,
+  e.fillText(a, o, i), X(e, { x: o, y: i, w: n, h: l, r: 3 }), e.fillStyle = `${w[t]}dd`, e.fill(), e.strokeStyle = w[t], e.stroke(), e.fillStyle =
+  w.text, e.fillText(a, o, i), { x: o, y: i, w: n, h: l };
 }
-l($, "textWithRect");
+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, r = i + g * 2;
-  return { w: n, h: r };
+  let o = e.measureText(t), i = o.actualBoundingBoxAscent + o.actualBoundingBoxDescent, n = o.width + g * 2, l = i + g * 2;
+  return { w: n, h: l };
 }
-l(N, "configureText");
-function mt(e, t, { type: o, position: i = "center", text: n }, r, a = !1) {
+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);
   s += c, f += u;
-  let { w: h, h: d } = N(e, n);
-  if (r && ft({ x: s, y: f, w: h, h: d }, r)) {
-    let S = ct(i, { x: s, y: f, w: h, h: d }, r);
+  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);
     s = S.x, f = S.y;
   }
-  return $(e, o, { x: s, y: f, w: h, h: d }, n);
+  return $(e, o, { x: s, y: f, w: d, h }, n);
 }
-l(mt, "drawLabel");
+r(mt, "drawLabel");
 function ut(e, { w: t, h: o }) {
   let i = t * 0.5 + g, n = o * 0.5 + g;
   return {
@@ -143,29 +143,29 @@ function ut(e, { w: t, h: o }) {
     offsetY: (e.y === "top" ? -1 : 1) * n
   };
 }
-l(ut, "floatingOffset");
-function dt(e, t, { type: o, text: i }) {
-  let { floatingAlignment: n, extremities: r } = t, a = r[n.x], s = r[n.y], { w: f, h: c } = N(e, i), { offsetX: u, offsetY: h } = ut(n, {
+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, {
     w: f,
     h: c
   });
-  return a += u, s += h, $(e, o, { x: a, y: s, w: f, h: c }, i);
+  return a += u, s += d, $(e, o, { x: a, y: s, w: f, h: c }, i);
 }
-l(dt, "drawFloatingLabel");
+r(ht, "drawFloatingLabel");
 function y(e, t, o, i) {
   let n = [];
-  o.forEach((r, a) => {
-    let s = i && r.position === "center" ? dt(e, t, r) : mt(e, t, r, n[a - 1], i);
+  o.forEach((l, a) => {
+    let s = i && l.position === "center" ? ht(e, t, l) : mt(e, t, l, n[a - 1], i);
     n[a] = s;
   });
 }
-l(y, "drawStack");
+r(y, "drawStack");
 function O(e, t, o, i) {
-  let n = o.reduce((r, a) => (Object.prototype.hasOwnProperty.call(r, a.position) || (r[a.position] = []), r[a.position]?.push(a), r), {});
+  let n = o.reduce((l, a) => (Object.prototype.hasOwnProperty.call(l, a.position) || (l[a.position] = []), l[a.position]?.push(a), l), {});
   n.top && y(e, t, n.top, i), n.right && y(e, t, n.right, i), n.bottom && y(e, t, n.bottom, i), n.left && y(e, t, n.left, i), n.center && y(
   e, t, n.center, i);
 }
-l(O, "labelStacks");
+r(O, "labelStacks");
 
 // src/measure/box-model/visualizer.ts
 var M = {
@@ -177,16 +177,16 @@ var M = {
 function p(e) {
   return parseInt(e.replace("px", ""), 10);
 }
-l(p, "pxToNumber");
+r(p, "pxToNumber");
 function L(e) {
   return Number.isInteger(e) ? e : e.toFixed(2);
 }
-l(L, "round");
-function T(e) {
+r(L, "round");
+function k(e) {
   return e.filter((t) => t.text !== 0 && t.text !== "0");
 }
-l(T, "filterZeroValues");
-function ht(e) {
+r(k, "filterZeroValues");
+function dt(e) {
   let t = {
     top: b.window.scrollY,
     bottom: b.window.scrollY + b.window.innerHeight,
@@ -203,32 +203,32 @@ function ht(e) {
     y: o.top > o.bottom ? "top" : "bottom"
   };
 }
-l(ht, "floatingAlignment");
+r(dt, "floatingAlignment");
 function pt(e) {
-  let t = b.getComputedStyle(e), { top: o, left: i, right: n, bottom: r, width: a, height: s } = e.getBoundingClientRect(), {
+  let t = b.getComputedStyle(e), { top: o, left: i, right: n, bottom: l, width: a, height: s } = e.getBoundingClientRect(), {
     marginTop: f,
     marginBottom: c,
     marginLeft: u,
-    marginRight: h,
-    paddingTop: d,
+    marginRight: d,
+    paddingTop: h,
     paddingBottom: S,
-    paddingLeft: U,
+    paddingLeft: K,
     paddingRight: Z,
     borderBottomWidth: Q,
     borderTopWidth: J,
     borderLeftWidth: tt,
     borderRightWidth: et
   } = t;
-  o = o + b.window.scrollY, i = i + b.window.scrollX, r = r + b.window.scrollY, n = n + b.window.scrollX;
+  o = o + b.window.scrollY, i = i + b.window.scrollX, l = l + b.window.scrollY, n = n + b.window.scrollX;
   let E = {
     top: p(f),
     bottom: p(c),
     left: p(u),
-    right: p(h)
+    right: p(d)
   }, ot = {
-    top: p(d),
+    top: p(h),
     bottom: p(S),
-    left: p(U),
+    left: p(K),
     right: p(Z)
   }, nt = {
     top: p(J),
@@ -237,7 +237,7 @@ function pt(e) {
     right: p(et)
   }, P = {
     top: o - E.top,
-    bottom: r + E.bottom,
+    bottom: l + E.bottom,
     left: i - E.left,
     right: n + E.right
   };
@@ -247,19 +247,19 @@ function pt(e) {
     border: nt,
     top: o,
     left: i,
-    bottom: r,
+    bottom: l,
     right: n,
     width: a,
     height: s,
     extremities: P,
-    floatingAlignment: ht(P)
+    floatingAlignment: dt(P)
   };
 }
-l(pt, "measureElement");
-function bt(e, { margin: t, width: o, height: i, top: n, left: r, bottom: a, right: s }) {
+r(pt, "measureElement");
+function bt(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(r, n - t.top, o, t.top), e.fillRect(s, n - t.top, t.right, f), e.fillRect(r, a, o, t.bottom), e.fillRect(
-  r - t.left, n - t.top, t.left, f);
+  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);
   let c = [
     {
       type: "margin",
@@ -282,14 +282,14 @@ function bt(e, { margin: t, width: o, height: i, top: n, left: r, bottom: a, rig
       position: "left"
     }
   ];
-  return T(c);
+  return k(c);
 }
-l(bt, "drawMargin");
-function gt(e, { padding: t, border: o, width: i, height: n, top: r, left: a, bottom: s, right: f }) {
+r(bt, "drawMargin");
+function gt(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, r + o.top, c, t.top), e.fillRect(
+  e.fillStyle = M.padding, e.fillRect(a + o.left, l + o.top, c, t.top), e.fillRect(
     f - t.right - o.right,
-    r + t.top + o.top,
+    l + t.top + o.top,
     t.right,
     u
   ), e.fillRect(
@@ -297,8 +297,8 @@ function gt(e, { padding: t, border: o, width: i, height: n, top: r, left: a, bo
     s - t.bottom - o.bottom,
     c,
     t.bottom
-  ), e.fillRect(a + o.left, r + t.top + o.top, t.left, u);
-  let h = [
+  ), e.fillRect(a + o.left, l + t.top + o.top, t.left, u);
+  let d = [
     {
       type: "padding",
       text: t.top,
@@ -320,12 +320,12 @@ function gt(e, { padding: t, border: o, width: i, height: n, top: r, left: a, bo
       position: "left"
     }
   ];
-  return T(h);
+  return k(d);
 }
-l(gt, "drawPadding");
-function wt(e, { border: t, width: o, height: i, top: n, left: r, bottom: a, right: s }) {
+r(gt, "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(r, n, o, t.top), e.fillRect(r, a - t.bottom, o, t.bottom), e.fillRect(r, n + t.top, t.left, f), e.fillRect(
+  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(
   s - t.right, n + t.top, t.right, f);
   let c = [
     {
@@ -349,14 +349,14 @@ function wt(e, { border: t, width: o, height: i, top: n, left: r, bottom: a, rig
       position: "left"
     }
   ];
-  return T(c);
+  return k(c);
 }
-l(wt, "drawBorder");
-function Lt(e, { padding: t, border: o, width: i, height: n, top: r, left: a }) {
+r(wt, "drawBorder");
+function Lt(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;
   return e.fillStyle = M.content, e.fillRect(
     a + o.left + t.left,
-    r + o.top + t.top,
+    l + o.top + t.top,
     s,
     f
   ), [
@@ -367,77 +367,79 @@ function Lt(e, { padding: t, border: o, width: i, height: n, top: r, left: a })
     }
   ];
 }
-l(Lt, "drawContent");
+r(Lt, "drawContent");
 function Et(e) {
   return (t) => {
     if (e && t) {
-      let o = pt(e), i = bt(t, o), n = gt(t, o), r = wt(t, o), a = Lt(t, o), s = o.width <= I * 3 || o.height <= I;
+      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;
       O(
         t,
         o,
-        [...a, ...n, ...r, ...i],
+        [...a, ...n, ...l, ...i],
         s
       );
     }
   };
 }
-l(Et, "drawBoxModel");
+r(Et, "drawBoxModel");
 function _(e) {
   Y(Et(e));
 }
-l(_, "drawSelectedElement");
+r(_, "drawSelectedElement");
 
 // src/measure/util.ts
 import { global as yt } from "@storybook/global";
-var q = /* @__PURE__ */ l((e, t) => {
-  let o = yt.document.elementFromPoint(e, t), i = /* @__PURE__ */ l((r) => {
-    if (r && r.shadowRoot) {
-      let a = r.shadowRoot.elementFromPoint(e, t);
-      return r.isEqualNode(a) ? r : a.shadowRoot ? i(a) : a;
+var q = /* @__PURE__ */ r((e, t) => {
+  let o = yt.document.elementFromPoint(e, t), i = /* @__PURE__ */ r((l) => {
+    if (l && l.shadowRoot) {
+      let a = l.shadowRoot.elementFromPoint(e, t);
+      return l.isEqualNode(a) ? l : a.shadowRoot ? i(a) : a;
     }
-    return r;
+    return l;
   }, "crawlShadows");
   return i(o) || o;
 }, "deepElementFromPoint");
 
 // src/measure/withMeasure.ts
 var G, x = { x: 0, y: 0 };
-function V(e, t) {
+function U(e, t) {
   G = q(e, t), _(G);
 }
-l(V, "findAndDrawElement");
-var K = /* @__PURE__ */ l((e, t) => {
+r(U, "findAndDrawElement");
+var V = /* @__PURE__ */ r((e, t) => {
   let { measureEnabled: o } = t.globals || {};
   return j(() => {
-    let i = /* @__PURE__ */ l((n) => {
+    if (typeof globalThis.document > "u")
+      return;
+    let i = /* @__PURE__ */ r((n) => {
       window.requestAnimationFrame(() => {
         n.stopPropagation(), x.x = n.clientX, x.y = n.clientY;
       });
     }, "onPointerMove");
-    return document.addEventListener("pointermove", i), () => {
-      document.removeEventListener("pointermove", i);
+    return globalThis.document.addEventListener("pointermove", i), () => {
+      globalThis.document.removeEventListener("pointermove", i);
     };
   }, []), j(() => {
-    let i = /* @__PURE__ */ l((r) => {
+    let i = /* @__PURE__ */ r((l) => {
       window.requestAnimationFrame(() => {
-        r.stopPropagation(), V(r.clientX, r.clientY);
+        l.stopPropagation(), U(l.clientX, l.clientY);
       });
-    }, "onPointerOver"), n = /* @__PURE__ */ l(() => {
+    }, "onPointerOver"), n = /* @__PURE__ */ r(() => {
       window.requestAnimationFrame(() => {
         B();
       });
     }, "onResize");
-    return t.viewMode === "story" && o && (document.addEventListener("pointerover", i), W(), window.addEventListener("resize", n), V(x.x, x.
-    y)), () => {
-      window.removeEventListener("resize", n), z();
+    return t.viewMode === "story" && o && (globalThis.document.addEventListener("pointerover", i), F(), globalThis.window.addEventListener("\
+resize", n), U(x.x, x.y)), () => {
+      globalThis.window.removeEventListener("resize", n), z();
     };
   }, [o, t.viewMode]), e();
 }, "withMeasure");
 
 // src/measure/preview.ts
-var Ct = [K], vt = {
+var Ct = globalThis.FEATURES?.measure ? [V] : [], vt = {
   [A]: !1
-}, te = /* @__PURE__ */ l(() => St({
+}, te = /* @__PURE__ */ r(() => St({
   decorators: Ct,
   initialGlobals: vt
 }), "default");

package/dist/outline/index.cjs

@@ -1,33 +1,33 @@
 "use strict";
-var C = Object.create;
+var _ = Object.create;
 var e = Object.defineProperty;
-var L = Object.getOwnPropertyDescriptor;
-var R = Object.getOwnPropertyNames;
-var H = Object.getPrototypeOf, K = Object.prototype.hasOwnProperty;
+var j = Object.getOwnPropertyDescriptor;
+var C = Object.getOwnPropertyNames;
+var L = Object.getPrototypeOf, F = Object.prototype.hasOwnProperty;
 var p = (i, t) => e(i, "name", { value: t, configurable: !0 });
-var T = (i, t) => () => (t || i((t = { exports: {} }).exports, t), t.exports), c = (i, t) => {
+var H = (i, t) => () => (t || i((t = { exports: {} }).exports, t), t.exports), E = (i, t) => {
   for (var n in t)
     e(i, n, { get: t[n], enumerable: !0 });
-}, E = (i, t, n, o) => {
+}, S = (i, t, n, o) => {
   if (t && typeof t == "object" || typeof t == "function")
-    for (let a of R(t))
-      !K.call(i, a) && a !== n && e(i, a, { get: () => t[a], enumerable: !(o = L(t, a)) || o.enumerable });
+    for (let a of C(t))
+      !F.call(i, a) && a !== n && e(i, a, { get: () => t[a], enumerable: !(o = j(t, a)) || o.enumerable });
   return i;
 };
-var Y = (i, t, n) => (n = i != null ? C(H(i)) : {}, E(
+var K = (i, t, n) => (n = i != null ? _(L(i)) : {}, S(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
   // compatible transform (i.e. "__esModule" has not been set), then set
   // "default" to the CommonJS "module.exports" for node compatibility.
   t || !i || !i.__esModule ? e(n, "default", { value: i, enumerable: !0 }) : n,
   i
-)), q = (i) => E(e({}, "__esModule", { value: !0 }), i);
+)), Y = (i) => S(e({}, "__esModule", { value: !0 }), i);
 
 // ../node_modules/ts-dedent/dist/index.js
-var k = T(($) => {
+var k = H((s) => {
   "use strict";
-  Object.defineProperty($, "__esModule", { value: !0 });
-  $.dedent = void 0;
+  Object.defineProperty(s, "__esModule", { value: !0 });
+  s.dedent = void 0;
   function M(i) {
     for (var t = [], n = 1; n < arguments.length; n++)
       t[n - 1] = arguments[n];
@@ -35,67 +35,67 @@ var k = T(($) => {
     o[o.length - 1] = o[o.length - 1].replace(/\r?\n([\t ]*)$/, "");
     var a = o.reduce(function(d, g) {
       var r = g.match(/\n([\t ]+|(?!\s).)/g);
-      return r ? d.concat(r.map(function(y) {
+      return r ? d.concat(r.map(function(h) {
         var u, m;
-        return (m = (u = y.match(/[\t ]/g)) === null || u === void 0 ? void 0 : u.length) !== null && m !== void 0 ? m : 0;
+        return (m = (u = h.match(/[\t ]/g)) === null || u === void 0 ? void 0 : u.length) !== null && m !== void 0 ? m : 0;
       })) : d;
     }, []);
     if (a.length) {
-      var f = new RegExp(`
+      var $ = new RegExp(`
 [	 ]{` + Math.min.apply(Math, a) + "}", "g");
       o = o.map(function(d) {
-        return d.replace(f, `
+        return d.replace($, `
 `);
       });
     }
     o[0] = o[0].replace(/^\r?\n/, "");
     var l = o[0];
     return t.forEach(function(d, g) {
-      var r = l.match(/(?:^|\n)( *)$/), y = r ? r[1] : "", u = d;
+      var r = l.match(/(?:^|\n)( *)$/), h = r ? r[1] : "", u = d;
       typeof d == "string" && d.includes(`
 `) && (u = String(d).split(`
-`).map(function(m, j) {
-        return j === 0 ? m : "" + y + m;
+`).map(function(m, T) {
+        return T === 0 ? m : "" + h + m;
       }).join(`
 `)), l += u + o[g + 1];
     }), l;
   }
   p(M, "dedent");
-  $.dedent = M;
-  $.default = M;
+  s.dedent = M;
+  s.default = M;
 });
 
 // src/outline/index.ts
 var N = {};
-c(N, {
+E(N, {
   default: () => G
 });
-module.exports = q(N);
-var _ = require("storybook/preview-api");
+module.exports = Y(N);
+var R = require("storybook/preview-api");
 
 // src/outline/preview.ts
 var A = {};
-c(A, {
+E(A, {
   decorators: () => D,
-  default: () => F,
+  default: () => B,
   initialGlobals: () => I
 });
 var P = require("storybook/preview-api");
 
 // src/outline/constants.ts
-var s = "outline";
+var f = "outline";
 
 // src/outline/withOutline.ts
 var b = require("storybook/preview-api");
 
 // src/outline/helpers.ts
 var x = require("@storybook/global");
-var h = /* @__PURE__ */ p((i) => {
-  (Array.isArray(i) ? i : [i]).forEach(B);
-}, "clearStyles"), B = /* @__PURE__ */ p((i) => {
+var y = /* @__PURE__ */ p((i) => {
+  (Array.isArray(i) ? i : [i]).forEach(q);
+}, "clearStyles"), q = /* @__PURE__ */ p((i) => {
   let t = typeof i == "string" ? i : i.join(""), n = x.global.document.getElementById(t);
   n && n.parentElement && n.parentElement.removeChild(n);
-}, "clearStyle"), S = /* @__PURE__ */ p((i, t) => {
+}, "clearStyle"), c = /* @__PURE__ */ p((i, t) => {
   let n = x.global.document.getElementById(i);
   if (n)
     n.innerHTML !== t && (n.innerHTML = t);
@@ -106,7 +106,7 @@ var h = /* @__PURE__ */ p((i) => {
 }, "addOutlineStyles");
 
 // src/outline/outlineCSS.ts
-var w = Y(k(), 1);
+var w = K(k(), 1);
 function v(i) {
   return w.dedent`
     ${i} body {
@@ -509,20 +509,20 @@ p(v, "outlineCSS");
 
 // src/outline/withOutline.ts
 var O = /* @__PURE__ */ p((i, t) => {
-  let n = t.globals || {}, o = [!0, "true"].includes(n[s]), a = t.viewMode === "docs", f = (0, b.useMemo)(() => v(a ? '[data-story-block="tr\
+  let n = t.globals || {}, o = [!0, "true"].includes(n[f]), a = t.viewMode === "docs", $ = (0, b.useMemo)(() => v(a ? '[data-story-block="tr\
 ue"]' : ".sb-show-main"), [t]);
   return (0, b.useEffect)(() => {
     let l = a ? `addon-outline-docs-${t.id}` : "addon-outline";
-    return o ? S(l, f) : h(l), () => {
-      h(l);
+    return o ? c(l, $) : y(l), () => {
+      y(l);
     };
-  }, [o, f, t]), i();
+  }, [o, $, t]), i();
 }, "withOutline");
 
 // src/outline/preview.ts
-var D = [O], I = {
-  [s]: !1
-}, F = /* @__PURE__ */ p(() => (0, P.definePreview)({ decorators: D, initialGlobals: I }), "default");
+var D = globalThis.FEATURES?.outline ? [O] : [], I = {
+  [f]: !1
+}, B = /* @__PURE__ */ p(() => (0, P.definePreview)({ decorators: D, initialGlobals: I }), "default");
 
 // src/outline/index.ts
-var G = /* @__PURE__ */ p(() => (0, _.definePreview)(A), "default");
+var G = /* @__PURE__ */ p(() => (0, R.definePreview)(A), "default");