storybook 9.1.0-alpha.6 → 9.1.0-alpha.7

package/dist/measure/preview.js

@@ -1,450 +0,0 @@
-var it = Object.defineProperty;
-var r = (e, t) => it(e, "name", { value: t, configurable: !0 });
-
-// src/measure/preview.ts
-import { definePreviewAddon as St } from "storybook/internal/csf";
-
-// src/measure/constants.ts
-var C = "storybook/measure-addon", Mt = `${C}/tool`, P = "measureEnabled", xt = {
-  RESULT: `${C}/result`,
-  REQUEST: `${C}/request`,
-  CLEAR: `${C}/clear`
-};
-
-// src/measure/withMeasure.ts
-import { useEffect as j } from "storybook/preview-api";
-
-// src/measure/box-model/canvas.ts
-import { global as R } from "@storybook/global";
-
-// ../node_modules/tiny-invariant/dist/esm/tiny-invariant.js
-var lt = !1, T = "Invariant failed";
-function v(e, t) {
-  if (!e) {
-    if (lt)
-      throw new Error(T);
-    var o = typeof t == "function" ? t() : t, i = o ? "".concat(T, ": ").concat(o) : T;
-    throw new Error(i);
-  }
-}
-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 };
-}
-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 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 };
-}
-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);
-}
-r(D, "setCanvasWidthAndHeight");
-var m = {};
-function F() {
-  m.canvas || (m = rt());
-}
-r(F, "init");
-function W() {
-  m.context && m.context.clearRect(0, 0, m.width ?? 0, m.height ?? 0);
-}
-r(W, "clear");
-function Y(e) {
-  W(), e(m.context);
-}
-r(Y, "draw");
-function B() {
-  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();
-  D(m.canvas, m.context, { width: e, height: t }), m.width = e, m.height = t;
-}
-r(B, "rescale");
-function z() {
-  m.canvas && (W(), m.canvas.parentNode?.removeChild(m.canvas), m = {});
-}
-r(z, "destroy");
-
-// src/measure/box-model/visualizer.ts
-import { global as g } from "@storybook/global";
-
-// src/measure/box-model/labels.ts
-var w = {
-  margin: "#f6b26b",
-  border: "#ffe599",
-  padding: "#93c47d",
-  content: "#6fa8dc",
-  text: "#232020"
-}, 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();
-}
-r(X, "roundedRect");
-function st(e, { padding: t, border: o, width: i, height: n, top: l, left: s }) {
-  let a = i - o.left - o.right - t.left - t.right, f = n - t.top - t.bottom - o.top - o.bottom, c = s + o.left + t.left, p = l + o.top + t.top;
-  return e === "top" ? c += a / 2 : e === "right" ? (c += a, p += f / 2) : e === "bottom" ? (c += a / 2, p += f) : e === "left" ? p += f / 2 :
-  e === "center" && (c += a / 2, p += f / 2), { x: c, y: p };
-}
-r(st, "positionCoordinate");
-function at(e, t, { margin: o, border: i, padding: n }, l, s) {
-  let a = /* @__PURE__ */ r((u) => 0, "shift"), f = 0, c = 0, p = s ? 1 : 0.5, d = s ? l * 2 : 0;
-  return e === "padding" ? a = /* @__PURE__ */ r((u) => n[u] * p + d, "shift") : e === "border" ? a = /* @__PURE__ */ r((u) => n[u] + i[u] *
-  p + d, "shift") : e === "margin" && (a = /* @__PURE__ */ r((u) => n[u] + i[u] + o[u] * p + d, "shift")), t === "top" ? c = -a("top") : t ===
-  "right" ? f = a("right") : t === "bottom" ? c = a("bottom") : t === "left" && (f = -a("left")), { offsetX: f, offsetY: c };
-}
-r(at, "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;
-}
-r(ft, "collide");
-function ct(e, t, o) {
-  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 }, s) {
-  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(s, 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(s, o, i), { x: o, y: i, w: n, h: l };
-}
-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 + 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, s = !1) {
-  let { x: a, y: f } = st(i, t), { offsetX: c, offsetY: p } = at(o, i, t, b + 1, s);
-  a += c, f += p;
-  let { w: d, h: u } = N(e, n);
-  if (l && ft({ x: a, y: f, w: d, h: u }, l)) {
-    let S = ct(i, { x: a, y: f, w: d, h: u }, l);
-    a = S.x, f = S.y;
-  }
-  return $(e, o, { x: a, y: f, w: d, h: u }, n);
-}
-r(mt, "drawLabel");
-function pt(e, { w: t, h: o }) {
-  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
-  };
-}
-r(pt, "floatingOffset");
-function ut(e, t, { type: o, text: i }) {
-  let { floatingAlignment: n, extremities: l } = t, s = l[n.x], a = l[n.y], { w: f, h: c } = N(e, i), { offsetX: p, offsetY: d } = pt(n, {
-    w: f,
-    h: c
-  });
-  return s += p, a += d, $(e, o, { x: s, y: a, w: f, h: c }, i);
-}
-r(ut, "drawFloatingLabel");
-function E(e, t, o, i) {
-  let n = [];
-  o.forEach((l, s) => {
-    let a = i && l.position === "center" ? ut(e, t, l) : mt(e, t, l, n[s - 1], i);
-    n[s] = a;
-  });
-}
-r(E, "drawStack");
-function O(e, t, o, i) {
-  let n = o.reduce((l, s) => (Object.prototype.hasOwnProperty.call(l, s.position) || (l[s.position] = []), l[s.position]?.push(s), l), {});
-  n.top && E(e, t, n.top, i), n.right && E(e, t, n.right, i), n.bottom && E(e, t, n.bottom, i), n.left && E(e, t, n.left, i), n.center && E(
-  e, t, n.center, i);
-}
-r(O, "labelStacks");
-
-// src/measure/box-model/visualizer.ts
-var M = {
-  margin: "#f6b26ba8",
-  border: "#ffe599a8",
-  padding: "#93c47d8c",
-  content: "#6fa8dca8"
-}, I = 30;
-function h(e) {
-  return parseInt(e.replace("px", ""), 10);
-}
-r(h, "pxToNumber");
-function y(e) {
-  return Number.isInteger(e) ? e : e.toFixed(2);
-}
-r(y, "round");
-function k(e) {
-  return e.filter((t) => t.text !== 0 && t.text !== "0");
-}
-r(k, "filterZeroValues");
-function dt(e) {
-  let t = {
-    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),
-    left: Math.abs(t.left - e.left),
-    right: Math.abs(t.right - e.right)
-  };
-  return {
-    x: o.left > o.right ? "left" : "right",
-    y: o.top > o.bottom ? "top" : "bottom"
-  };
-}
-r(dt, "floatingAlignment");
-function ht(e) {
-  let t = g.getComputedStyle(e), { top: o, left: i, right: n, bottom: l, width: s, height: a } = e.getBoundingClientRect(), {
-    marginTop: f,
-    marginBottom: c,
-    marginLeft: p,
-    marginRight: d,
-    paddingTop: u,
-    paddingBottom: S,
-    paddingLeft: K,
-    paddingRight: Z,
-    borderBottomWidth: Q,
-    borderTopWidth: J,
-    borderLeftWidth: tt,
-    borderRightWidth: et
-  } = t;
-  o = o + g.window.scrollY, i = i + g.window.scrollX, l = l + g.window.scrollY, n = n + g.window.scrollX;
-  let L = {
-    top: h(f),
-    bottom: h(c),
-    left: h(p),
-    right: h(d)
-  }, ot = {
-    top: h(u),
-    bottom: h(S),
-    left: h(K),
-    right: h(Z)
-  }, nt = {
-    top: h(J),
-    bottom: h(Q),
-    left: h(tt),
-    right: h(et)
-  }, A = {
-    top: o - L.top,
-    bottom: l + L.bottom,
-    left: i - L.left,
-    right: n + L.right
-  };
-  return {
-    margin: L,
-    padding: ot,
-    border: nt,
-    top: o,
-    left: i,
-    bottom: l,
-    right: n,
-    width: s,
-    height: a,
-    extremities: A,
-    floatingAlignment: dt(A)
-  };
-}
-r(ht, "measureElement");
-function gt(e, { margin: t, width: o, height: i, top: n, left: l, bottom: s, right: a }) {
-  let f = i + t.bottom + t.top;
-  e.fillStyle = M.margin, e.fillRect(l, n - t.top, o, t.top), e.fillRect(a, n - t.top, t.right, f), e.fillRect(l, s, o, t.bottom), e.fillRect(
-  l - t.left, n - t.top, t.left, f);
-  let c = [
-    {
-      type: "margin",
-      text: y(t.top),
-      position: "top"
-    },
-    {
-      type: "margin",
-      text: y(t.right),
-      position: "right"
-    },
-    {
-      type: "margin",
-      text: y(t.bottom),
-      position: "bottom"
-    },
-    {
-      type: "margin",
-      text: y(t.left),
-      position: "left"
-    }
-  ];
-  return k(c);
-}
-r(gt, "drawMargin");
-function bt(e, { padding: t, border: o, width: i, height: n, top: l, left: s, bottom: a, right: f }) {
-  let c = i - o.left - o.right, p = n - t.top - t.bottom - o.top - o.bottom;
-  e.fillStyle = M.padding, e.fillRect(s + o.left, l + o.top, c, t.top), e.fillRect(
-    f - t.right - o.right,
-    l + t.top + o.top,
-    t.right,
-    p
-  ), e.fillRect(
-    s + o.left,
-    a - t.bottom - o.bottom,
-    c,
-    t.bottom
-  ), e.fillRect(s + o.left, l + t.top + o.top, t.left, p);
-  let d = [
-    {
-      type: "padding",
-      text: t.top,
-      position: "top"
-    },
-    {
-      type: "padding",
-      text: t.right,
-      position: "right"
-    },
-    {
-      type: "padding",
-      text: t.bottom,
-      position: "bottom"
-    },
-    {
-      type: "padding",
-      text: t.left,
-      position: "left"
-    }
-  ];
-  return k(d);
-}
-r(bt, "drawPadding");
-function wt(e, { border: t, width: o, height: i, top: n, left: l, bottom: s, right: a }) {
-  let f = i - t.top - t.bottom;
-  e.fillStyle = M.border, e.fillRect(l, n, o, t.top), e.fillRect(l, s - t.bottom, o, t.bottom), e.fillRect(l, n + t.top, t.left, f), e.fillRect(
-  a - t.right, n + t.top, t.right, f);
-  let c = [
-    {
-      type: "border",
-      text: t.top,
-      position: "top"
-    },
-    {
-      type: "border",
-      text: t.right,
-      position: "right"
-    },
-    {
-      type: "border",
-      text: t.bottom,
-      position: "bottom"
-    },
-    {
-      type: "border",
-      text: t.left,
-      position: "left"
-    }
-  ];
-  return k(c);
-}
-r(wt, "drawBorder");
-function yt(e, { padding: t, border: o, width: i, height: n, top: l, left: s }) {
-  let a = 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(
-    s + o.left + t.left,
-    l + o.top + t.top,
-    a,
-    f
-  ), [
-    {
-      type: "content",
-      position: "center",
-      text: `${y(a)} x ${y(f)}`
-    }
-  ];
-}
-r(yt, "drawContent");
-function Lt(e) {
-  return (t) => {
-    if (e && t) {
-      let o = ht(e), i = gt(t, o), n = bt(t, o), l = wt(t, o), s = yt(t, o), a = o.width <= I * 3 || o.height <= I;
-      O(
-        t,
-        o,
-        [...s, ...n, ...l, ...i],
-        a
-      );
-    }
-  };
-}
-r(Lt, "drawBoxModel");
-function _(e) {
-  Y(Lt(e));
-}
-r(_, "drawSelectedElement");
-
-// src/measure/util.ts
-import { global as Et } from "@storybook/global";
-var q = /* @__PURE__ */ r((e, t) => {
-  let o = Et.document.elementFromPoint(e, t), i = /* @__PURE__ */ r((l) => {
-    if (l && l.shadowRoot) {
-      let s = l.shadowRoot.elementFromPoint(e, t);
-      return l.isEqualNode(s) ? l : s.shadowRoot ? i(s) : s;
-    }
-    return l;
-  }, "crawlShadows");
-  return i(o) || o;
-}, "deepElementFromPoint");
-
-// src/measure/withMeasure.ts
-var G, x = { x: 0, y: 0 };
-function U(e, t) {
-  G = q(e, t), _(G);
-}
-r(U, "findAndDrawElement");
-var V = /* @__PURE__ */ r((e, t) => {
-  let { measureEnabled: o } = t.globals || {};
-  return j(() => {
-    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 globalThis.document.addEventListener("pointermove", i), () => {
-      globalThis.document.removeEventListener("pointermove", i);
-    };
-  }, []), j(() => {
-    let i = /* @__PURE__ */ r((l) => {
-      window.requestAnimationFrame(() => {
-        l.stopPropagation(), U(l.clientX, l.clientY);
-      });
-    }, "onPointerOver"), n = /* @__PURE__ */ r(() => {
-      window.requestAnimationFrame(() => {
-        B();
-      });
-    }, "onResize");
-    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 = globalThis.FEATURES?.measure ? [V] : [], vt = {
-  [P]: !1
-}, te = /* @__PURE__ */ r(() => St({
-  decorators: Ct,
-  initialGlobals: vt
-}), "default");
-export {
-  Ct as decorators,
-  te as default,
-  vt as initialGlobals
-};

package/dist/outline/index.cjs

@@ -1,16 +0,0 @@
-"use strict";
-var t = Object.defineProperty;
-var a = Object.getOwnPropertyDescriptor;
-var b = Object.getOwnPropertyNames;
-var c = Object.prototype.hasOwnProperty;
-var d = (o, e, x, r) => {
-  if (e && typeof e == "object" || typeof e == "function")
-    for (let p of b(e))
-      !c.call(o, p) && p !== x && t(o, p, { get: () => e[p], enumerable: !(r = a(e, p)) || r.enumerable });
-  return o;
-};
-var f = (o) => d(t({}, "__esModule", { value: !0 }), o);
-
-// src/outline/index.ts
-var g = {};
-module.exports = f(g);

package/dist/outline/index.d.ts

@@ -1,2 +0,0 @@
-
-export {  }