@weng-lab/visualization 2.4.0-beta.8 → 2.4.1

package/dist/visualization.es446.js

@@ -1,21 +1,6 @@
-import { isVariantLabel as a } from "./visualization.es447.js";
-import { variantProps as p } from "./visualization.es449.js";
-const f = p.length;
-function c(n) {
-  if (!n)
-    return;
-  if (!n.isControllingVariants) {
-    const r = n.parent ? c(n.parent) || {} : {};
-    return n.props.initial !== void 0 && (r.initial = n.props.initial), r;
-  }
-  const o = {};
-  for (let r = 0; r < f; r++) {
-    const i = p[r], t = n.props[i];
-    (a(t) || t === !1) && (o[i] = t);
-  }
-  return o;
-}
+const e = { current: null }, n = { current: !1 };
 export {
-  c as getVariantContext
+  n as hasReducedMotionListener,
+  e as prefersReducedMotion
 };
 //# sourceMappingURL=visualization.es446.js.map

package/dist/visualization.es446.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es446.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/get-variant-context.mjs"],"sourcesContent":["import { isVariantLabel } from './is-variant-label.mjs';\nimport { variantProps } from './variant-props.mjs';\n\nconst numVariantProps = variantProps.length;\n/**\n * Get variant context from a visual element's parent chain.\n * Uses `any` type for visualElement to avoid circular dependencies.\n */\nfunction getVariantContext(visualElement) {\n    if (!visualElement)\n        return undefined;\n    if (!visualElement.isControllingVariants) {\n        const context = visualElement.parent\n            ? getVariantContext(visualElement.parent) || {}\n            : {};\n        if (visualElement.props.initial !== undefined) {\n            context.initial = visualElement.props.initial;\n        }\n        return context;\n    }\n    const context = {};\n    for (let i = 0; i < numVariantProps; i++) {\n        const name = variantProps[i];\n        const prop = visualElement.props[name];\n        if (isVariantLabel(prop) || prop === false) {\n            context[name] = prop;\n        }\n    }\n    return context;\n}\n\nexport { getVariantContext };\n//# sourceMappingURL=get-variant-context.mjs.map\n"],"names":["numVariantProps","variantProps","getVariantContext","visualElement","context","i","name","prop","isVariantLabel"],"mappings":";;AAGA,MAAMA,IAAkBC,EAAa;AAKrC,SAASC,EAAkBC,GAAe;AACtC,MAAI,CAACA;AACD;AACJ,MAAI,CAACA,EAAc,uBAAuB;AACtC,UAAMC,IAAUD,EAAc,SACxBD,EAAkBC,EAAc,MAAM,KAAK,CAAA,IAC3C,CAAA;AACN,WAAIA,EAAc,MAAM,YAAY,WAChCC,EAAQ,UAAUD,EAAc,MAAM,UAEnCC;AAAA,EACX;AACA,QAAMA,IAAU,CAAA;AAChB,WAASC,IAAI,GAAGA,IAAIL,GAAiBK,KAAK;AACtC,UAAMC,IAAOL,EAAaI,CAAC,GACrBE,IAAOJ,EAAc,MAAMG,CAAI;AACrC,KAAIE,EAAeD,CAAI,KAAKA,MAAS,QACjCH,EAAQE,CAAI,IAAIC;AAAA,EAExB;AACA,SAAOH;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es446.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/reduced-motion/state.mjs"],"sourcesContent":["// Does this device prefer reduced motion? Returns `null` server-side.\nconst prefersReducedMotion = { current: null };\nconst hasReducedMotionListener = { current: false };\n\nexport { hasReducedMotionListener, prefersReducedMotion };\n//# sourceMappingURL=state.mjs.map\n"],"names":["prefersReducedMotion","hasReducedMotionListener"],"mappings":"AACK,MAACA,IAAuB,EAAE,SAAS,KAAI,GACtCC,IAA2B,EAAE,SAAS,GAAK;","x_google_ignoreList":[0]}

package/dist/visualization.es447.js

@@ -1,7 +1,5 @@
-function t(r) {
-  return typeof r == "string" || Array.isArray(r);
-}
+const e = (t) => /^0[^.\s]+$/u.test(t);
 export {
-  t as isVariantLabel
+  e as isZeroValueString
 };
 //# sourceMappingURL=visualization.es447.js.map

package/dist/visualization.es447.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es447.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/is-variant-label.mjs"],"sourcesContent":["/**\n * Decides if the supplied variable is variant label\n */\nfunction isVariantLabel(v) {\n    return typeof v === \"string\" || Array.isArray(v);\n}\n\nexport { isVariantLabel };\n//# sourceMappingURL=is-variant-label.mjs.map\n"],"names":["isVariantLabel","v"],"mappings":"AAGA,SAASA,EAAeC,GAAG;AACvB,SAAO,OAAOA,KAAM,YAAY,MAAM,QAAQA,CAAC;AACnD;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es447.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/is-zero-value-string.mjs"],"sourcesContent":["/**\n * Check if the value is a zero value string like \"0px\" or \"0%\"\n */\nconst isZeroValueString = (v) => /^0[^.\\s]+$/u.test(v);\n\nexport { isZeroValueString };\n//# sourceMappingURL=is-zero-value-string.mjs.map\n"],"names":["isZeroValueString","v"],"mappings":"AAGK,MAACA,IAAoB,CAACC,MAAM,cAAc,KAAKA,CAAC;","x_google_ignoreList":[0]}

package/dist/visualization.es448.js

@@ -1,15 +1,21 @@
-function f(t, e) {
-  if (!Array.isArray(e))
-    return !1;
-  const n = e.length;
-  if (n !== t.length)
-    return !1;
-  for (let r = 0; r < n; r++)
-    if (e[r] !== t[r])
-      return !1;
-  return !0;
+import { isVariantLabel as a } from "./visualization.es449.js";
+import { variantProps as p } from "./visualization.es451.js";
+const f = p.length;
+function c(n) {
+  if (!n)
+    return;
+  if (!n.isControllingVariants) {
+    const r = n.parent ? c(n.parent) || {} : {};
+    return n.props.initial !== void 0 && (r.initial = n.props.initial), r;
+  }
+  const o = {};
+  for (let r = 0; r < f; r++) {
+    const i = p[r], t = n.props[i];
+    (a(t) || t === !1) && (o[i] = t);
+  }
+  return o;
 }
 export {
-  f as shallowCompare
+  c as getVariantContext
 };
 //# sourceMappingURL=visualization.es448.js.map

package/dist/visualization.es448.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es448.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/shallow-compare.mjs"],"sourcesContent":["function shallowCompare(next, prev) {\n    if (!Array.isArray(prev))\n        return false;\n    const prevLength = prev.length;\n    if (prevLength !== next.length)\n        return false;\n    for (let i = 0; i < prevLength; i++) {\n        if (prev[i] !== next[i])\n            return false;\n    }\n    return true;\n}\n\nexport { shallowCompare };\n//# sourceMappingURL=shallow-compare.mjs.map\n"],"names":["shallowCompare","next","prev","prevLength","i"],"mappings":"AAAA,SAASA,EAAeC,GAAMC,GAAM;AAChC,MAAI,CAAC,MAAM,QAAQA,CAAI;AACnB,WAAO;AACX,QAAMC,IAAaD,EAAK;AACxB,MAAIC,MAAeF,EAAK;AACpB,WAAO;AACX,WAASG,IAAI,GAAGA,IAAID,GAAYC;AAC5B,QAAIF,EAAKE,CAAC,MAAMH,EAAKG,CAAC;AAClB,aAAO;AAEf,SAAO;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es448.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/get-variant-context.mjs"],"sourcesContent":["import { isVariantLabel } from './is-variant-label.mjs';\nimport { variantProps } from './variant-props.mjs';\n\nconst numVariantProps = variantProps.length;\n/**\n * Get variant context from a visual element's parent chain.\n * Uses `any` type for visualElement to avoid circular dependencies.\n */\nfunction getVariantContext(visualElement) {\n    if (!visualElement)\n        return undefined;\n    if (!visualElement.isControllingVariants) {\n        const context = visualElement.parent\n            ? getVariantContext(visualElement.parent) || {}\n            : {};\n        if (visualElement.props.initial !== undefined) {\n            context.initial = visualElement.props.initial;\n        }\n        return context;\n    }\n    const context = {};\n    for (let i = 0; i < numVariantProps; i++) {\n        const name = variantProps[i];\n        const prop = visualElement.props[name];\n        if (isVariantLabel(prop) || prop === false) {\n            context[name] = prop;\n        }\n    }\n    return context;\n}\n\nexport { getVariantContext };\n//# sourceMappingURL=get-variant-context.mjs.map\n"],"names":["numVariantProps","variantProps","getVariantContext","visualElement","context","i","name","prop","isVariantLabel"],"mappings":";;AAGA,MAAMA,IAAkBC,EAAa;AAKrC,SAASC,EAAkBC,GAAe;AACtC,MAAI,CAACA;AACD;AACJ,MAAI,CAACA,EAAc,uBAAuB;AACtC,UAAMC,IAAUD,EAAc,SACxBD,EAAkBC,EAAc,MAAM,KAAK,CAAA,IAC3C,CAAA;AACN,WAAIA,EAAc,MAAM,YAAY,WAChCC,EAAQ,UAAUD,EAAc,MAAM,UAEnCC;AAAA,EACX;AACA,QAAMA,IAAU,CAAA;AAChB,WAASC,IAAI,GAAGA,IAAIL,GAAiBK,KAAK;AACtC,UAAMC,IAAOL,EAAaI,CAAC,GACrBE,IAAOJ,EAAc,MAAMG,CAAI;AACrC,KAAIE,EAAeD,CAAI,KAAKA,MAAS,QACjCH,EAAQE,CAAI,IAAIC;AAAA,EAExB;AACA,SAAOH;AACX;","x_google_ignoreList":[0]}

package/dist/visualization.es449.js

@@ -1,14 +1,7 @@
-const i = [
-  "animate",
-  "whileInView",
-  "whileFocus",
-  "whileHover",
-  "whileTap",
-  "whileDrag",
-  "exit"
-], e = ["initial", ...i];
+function t(r) {
+  return typeof r == "string" || Array.isArray(r);
+}
 export {
-  i as variantPriorityOrder,
-  e as variantProps
+  t as isVariantLabel
 };
 //# sourceMappingURL=visualization.es449.js.map

package/dist/visualization.es449.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es449.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/variant-props.mjs"],"sourcesContent":["const variantPriorityOrder = [\n    \"animate\",\n    \"whileInView\",\n    \"whileFocus\",\n    \"whileHover\",\n    \"whileTap\",\n    \"whileDrag\",\n    \"exit\",\n];\nconst variantProps = [\"initial\", ...variantPriorityOrder];\n\nexport { variantPriorityOrder, variantProps };\n//# sourceMappingURL=variant-props.mjs.map\n"],"names":["variantPriorityOrder","variantProps"],"mappings":"AAAK,MAACA,IAAuB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GACMC,IAAe,CAAC,WAAW,GAAGD,CAAoB;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es449.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/is-variant-label.mjs"],"sourcesContent":["/**\n * Decides if the supplied variable is variant label\n */\nfunction isVariantLabel(v) {\n    return typeof v === \"string\" || Array.isArray(v);\n}\n\nexport { isVariantLabel };\n//# sourceMappingURL=is-variant-label.mjs.map\n"],"names":["isVariantLabel","v"],"mappings":"AAGA,SAASA,EAAeC,GAAG;AACvB,SAAO,OAAOA,KAAM,YAAY,MAAM,QAAQA,CAAC;AACnD;","x_google_ignoreList":[0]}

package/dist/visualization.es45.js

@@ -1,8 +1,116 @@
-import { createDomVisualElement as o } from "./visualization.es175.js";
-import { createMotionProxy as r } from "./visualization.es176.js";
-import { featureBundle as t } from "./visualization.es177.js";
-const n = /* @__PURE__ */ r(t, o);
+import { jsxs as S, jsx as p, Fragment as oe } from "react/jsx-runtime";
+import ce, { useMemo as z, useCallback as ne } from "react";
+import se from "./visualization.es104.js";
+import { calculateBoxStats as re, scottRule as me, silvermanRule as he, kernelDensityEstimator as pe, seededRandom as ue, gaussian as fe } from "./visualization.es21.js";
+import de from "./visualization.es105.js";
+import ie from "./visualization.es54.js";
+import ve from "./visualization.es28.js";
+import ye from "./visualization.es26.js";
+import ke from "./visualization.es106.js";
+import { line as ge } from "./visualization.es33.js";
+import xe from "./visualization.es59.js";
+import $e from "./visualization.es34.js";
+const Re = ({
+  distribution: t,
+  distIndex: $,
+  violinProps: l,
+  crossProps: D,
+  valueScale: m,
+  labelScale: C,
+  offset: Q,
+  labels: R,
+  disableCrossPlot: P,
+  disableViolinPlot: H,
+  horizontal: o,
+  pointTooltipBody: k,
+  onViolinClicked: b,
+  onPointClicked: A
+}) => {
+  const {
+    tooltipData: a,
+    tooltipLeft: X,
+    tooltipTop: N,
+    tooltipOpen: V,
+    showTooltip: Y,
+    hideTooltip: _
+  } = ie(), u = t.data.flatMap((e) => e.value), {
+    min: w,
+    max: T,
+    firstQuartile: F,
+    thirdQuartile: j,
+    median: E,
+    outliers: q
+  } = re(u, D?.outliers ?? "all"), ee = t.data.filter((e) => q.includes(e.value)).map((e) => ({
+    ...e,
+    outlier: !0
+  })), te = t.data.filter((e) => !q.includes(e.value)), G = z(() => {
+    const e = (T - w) / Math.max(100, u.length), s = ve(w, T, e), r = typeof l?.bandwidth == "number" ? l.bandwidth : typeof l?.bandwidth == "function" ? l.bandwidth(u) : l?.bandwidth === "scott" ? me(u) : he(u);
+    return [...pe(fe(r), s)(u)].sort((d, c) => d.value - c.value);
+  }, [u, T, w, l]), W = Math.min(C.bandwidth(), 50), ae = D?.medianWidth ?? W * 0.25, L = z(() => ({
+    label: t.label,
+    sampleSize: t.data.length,
+    median: E.toFixed(2),
+    firstQuartile: F.toFixed(2),
+    thirdQuartile: j.toFixed(2)
+  }), [t.label, t.data.length, E, F, j]), M = ne((e, s, r) => {
+    Y({
+      tooltipData: r && k ? {
+        point: r
+      } : s,
+      tooltipLeft: e.pageX,
+      tooltipTop: e.pageY
+    });
+  }, [k, Y]), J = () => {
+    !b || !a || a && b(t);
+  }, O = (e) => {
+    !A || !a || a && A(e);
+  }, n = o ? (C(R[$]) ?? 0) + W / 2 : (C(R[$]) ?? 0) + Q + C.bandwidth() / 2, K = ye().domain([0, ke(G, (e) => Math.abs(e.count)) || 1]).range([0, W / 2]), U = G.filter((e) => e && e.count != null && e.value != null);
+  let g = [...U.map((e) => ({
+    x: n + K(e.count),
+    y: m(e.value)
+  })), ...U.slice().reverse().map((e) => ({
+    x: n - K(e.count),
+    y: m(e.value)
+  }))];
+  if (g.length > 2) {
+    const e = g.slice(1);
+    e.push(g[0]), e.push(g[1]), g = e;
+  }
+  const Z = ge().x((e) => o ? e.y : e.x).y((e) => o ? e.x : e.y).curve($e)(g) ?? null;
+  return /* @__PURE__ */ S(ce.Fragment, {
+    //display plots if enough data provided
+    children: [
+      /* @__PURE__ */ S("g", { onMouseLeave: _, transform: o ? `translate(${Q}, 0)` : "translate(0, 0)", children: [
+        t.data.length >= (l?.pointDisplayThreshold ?? 3) && !H && Z && /* @__PURE__ */ p(oe, { children: /* @__PURE__ */ p("path", { d: Z, fill: t.violinColor ?? "none", fillOpacity: t.opacity ?? 0.3, stroke: t.violinColor ?? "black", strokeOpacity: t.opacity ?? 1, strokeWidth: a === L ? (l?.stroke ?? 1) + 1 : l?.stroke ?? 1, pointerEvents: "all", onMouseMove: (e) => M(e, L), onClick: J }) }),
+        t.data.length >= (l?.pointDisplayThreshold ?? 3) && !P && /* @__PURE__ */ p(se, { crossProps: D, left: o ? 0 : n, top: o ? n : 0, median: E, firstQuartile: F, thirdQuartile: j, valueScale: m, medianWidth: ae, tooltipData: a ?? {}, handleMouseMove: M, handleCrossClick: J, disableViolinPlot: H, tooltip: L, horizontal: o }),
+        ee.map((e, s) => {
+          const r = m(e.value), x = m(e.value), f = o ? x : n, d = o ? n : r, c = {
+            outlier: !0,
+            label: t.label,
+            value: e.value.toFixed(2)
+          }, h = k ? a?.point === e : a?.label === c.label && a?.value === c.value, i = e.radius ?? 4;
+          return /* @__PURE__ */ p("circle", { cx: f, cy: d, r: h ? i + 1 : i, stroke: h ? "#000000" : e.stroke ?? "none", fill: e.color ?? t.violinColor ?? "#000000", opacity: e.opacity ?? t.opacity ?? 1, pointerEvents: "all", onMouseMove: (v) => M(v, c, e), onClick: () => O(e) }, `outlier-${s}`);
+        }),
+        t.data.length >= (l?.pointDisplayThreshold ?? 3) && l?.showAllPoints && te.map((e, s) => {
+          const r = m(e.value), x = m(e.value), f = l?.jitter ?? 0, d = `${t.label}-${e}-${s}`, c = f > 0 ? (ue(d) - 0.5) * 2 * f : 0, h = o ? x : n + c, i = o ? n + c : r, v = {
+            label: t.label,
+            value: e.value.toFixed(2)
+          }, B = k ? a?.point === e : a?.label === v.label && a?.value === v.value, I = e.radius ?? 2, y = B ? I + 1 : I;
+          return /* @__PURE__ */ p("path", { d: `M ${h},${i} m -${y},0 a ${y},${y} 0 1,0 ${2 * y},0 a ${y},${y} 0 1,0 -${2 * y},0`, stroke: B ? "black" : e.stroke ?? "none", fill: e.color ?? t.violinColor ?? "black", opacity: e.opacity ?? t.opacity ?? 1, pointerEvents: "all", onMouseMove: (le) => M(le, v, e), onClick: () => O(e) }, `${$}-point-${s}`);
+        }),
+        t.data.length < (l?.pointDisplayThreshold ?? 3) && t.data.map((e, s) => {
+          const r = m(e.value), x = m(e.value), f = o ? x : n, d = o ? n : r, c = e.radius ?? 2, h = {
+            label: t.label,
+            value: e.value.toFixed(2)
+          }, i = k ? a?.point === e : a?.label === h.label && a?.value === h.value;
+          return /* @__PURE__ */ p("circle", { cx: f, cy: d, r: i ? c + 1 : c, stroke: i ? "black" : e.stroke ?? "none", fill: e.color ?? t.violinColor ?? "black", opacity: e.opacity ?? t.opacity ?? 1, pointerEvents: "all", onMouseMove: (v) => M(v, h, e), onClick: () => O(e) }, `thresh-${s}`);
+        })
+      ] }, `group-${$}`),
+      V && a && /* @__PURE__ */ p(xe, { children: /* @__PURE__ */ p(de, { left: X ?? 0, top: N ?? 0, data: a, open: V, pointTooltipBody: k }, `${X}-${N}`) })
+    ]
+  }, `frag-${$}`);
+};
 export {
-  n as motion
+  Re as default
 };
 //# sourceMappingURL=visualization.es45.js.map

package/dist/visualization.es45.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es45.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs"],"sourcesContent":["import { createDomVisualElement } from '../../dom/create-visual-element.mjs';\nimport { createMotionProxy } from '../create-proxy.mjs';\nimport { featureBundle } from './feature-bundle.mjs';\n\nconst motion = /*@__PURE__*/ createMotionProxy(featureBundle, createDomVisualElement);\n\nexport { motion };\n//# sourceMappingURL=proxy.mjs.map\n"],"names":["motion","createMotionProxy","featureBundle","createDomVisualElement"],"mappings":";;;AAIK,MAACA,IAAuB,gBAAAC,EAAkBC,GAAeC,CAAsB;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es45.js","sources":["../src/components/ViolinPlot/singleViolin.tsx"],"sourcesContent":["import { scaleLinear } from '@visx/scale';\nimport { max as d3max } from '@visx/vendor/d3-array';\nimport { curveBasis } from '@visx/curve';\nimport { line } from '@visx/shape';\nimport { range } from '@visx/vendor/d3-array';\nimport React, { useCallback, useMemo } from \"react\";\nimport CrossPlot from \"./crossPlot\";\nimport { calculateBoxStats, scottRule, silvermanRule, kernelDensityEstimator, gaussian, seededRandom } from \"./helpers\";\nimport { ViolinPoint, SingleViolinProps, TooltipData } from \"./types\";\nimport ViolinTooltip from \"./violinTooltip\";\nimport { Portal, useTooltip } from \"@visx/tooltip\";\n\nconst SingleViolin = <T,>({\n    distribution,\n    distIndex,\n    violinProps,\n    crossProps,\n    valueScale,\n    labelScale,\n    offset,\n    labels,\n    disableCrossPlot,\n    disableViolinPlot,\n    horizontal,\n    pointTooltipBody,\n    onViolinClicked,\n    onPointClicked\n}: SingleViolinProps<T>) => {\n\n    const {\n        tooltipData,\n        tooltipLeft,\n        tooltipTop,\n        tooltipOpen,\n        showTooltip,\n        hideTooltip,\n    } = useTooltip<TooltipData<T>>();\n\n    const data = distribution.data.flatMap(d => d.value)\n\n    //get all the stats for the box plot\n    const { min, max, firstQuartile, thirdQuartile, median, outliers } = calculateBoxStats(data, crossProps?.outliers ?? \"all\");\n\n    const outlierPoints: ViolinPoint<T>[] = distribution.data\n        .filter(d => outliers.includes(d.value))\n        .map(d => ({\n            ...d,\n            outlier: true\n        }));\n    const pointsNoOutliers: ViolinPoint<T>[] = distribution.data.filter(d => !outliers.includes(d.value))\n\n    const violinData = useMemo(() => {\n        const step = (max - min) / Math.max(100, data.length);\n        const ticks = range(min, max, step);\n\n        //bandwidth / binwidth for smoothing, based on user input\n        const bandwidth = typeof violinProps?.bandwidth === \"number\"\n            ? violinProps.bandwidth\n            : typeof violinProps?.bandwidth === \"function\"\n                ? violinProps.bandwidth(data)\n                : violinProps?.bandwidth === \"scott\"\n                    ? scottRule(data)\n                    : silvermanRule(data);\n\n        const kde = kernelDensityEstimator(gaussian(bandwidth), ticks);\n\n        const densityData = kde(data);\n\n        return [...densityData].sort((a, b) => a.value - b.value)\n    }, [data, max, min, violinProps])\n\n    const violinWidth = Math.min(labelScale.bandwidth(), 50);\n    const boxWidth = crossProps?.medianWidth ?? violinWidth * .25;\n\n    const violinTooltip: TooltipData<T> = useMemo(() => ({\n        label: distribution.label,\n        sampleSize: distribution.data.length,\n        median: median.toFixed(2),\n        firstQuartile: firstQuartile.toFixed(2),\n        thirdQuartile: thirdQuartile.toFixed(2)\n    }), [distribution.label, distribution.data.length, median, firstQuartile, thirdQuartile]);\n\n    const handleMouseMove = useCallback((event: React.MouseEvent<SVGPathElement>, data: TooltipData<T>, point?: ViolinPoint<T>) => {\n        showTooltip({\n            tooltipData: point && pointTooltipBody ? { point: point } : data,\n            tooltipLeft: event.pageX,\n            tooltipTop: event.pageY,\n        });\n    }, [pointTooltipBody, showTooltip]);\n\n    const handleViolinClick = () => {\n        if (!onViolinClicked || !tooltipData) return;\n\n        if (tooltipData) {\n            onViolinClicked(distribution);\n        }\n    };\n\n    const handlePointClick = (point: ViolinPoint<T>) => {\n        if (!onPointClicked || !tooltipData) return;\n\n        if (tooltipData) {\n            onPointClicked(point);\n        }\n    };\n\n    //center of each Violin\n    const violinCenter = horizontal ? (labelScale(labels[distIndex]) ?? 0) + violinWidth / 2 : (labelScale(labels[distIndex]) ?? 0) + offset + labelScale.bandwidth() / 2;\n    const widthScale = scaleLinear()\n        .domain([0, d3max(violinData, d => Math.abs(d.count)) || 1])\n        .range([0, violinWidth / 2]);\n\n    //filter out nan values if any\n    const filteredData = violinData.filter(d => d && d.count != null && d.value != null);\n\n    //mirror the data so that both sides are drawn\n    let points = [\n        ...filteredData.map(d => ({\n            x: violinCenter + (widthScale(d.count) as number),\n            y: valueScale(d.value),\n        })),\n        ...filteredData.slice().reverse().map(d => ({\n            x: violinCenter - (widthScale(d.count) as number),\n            y: valueScale(d.value),\n        }))\n    ];\n\n    // close the path at the second point instead of the first since points 0,1 are closer together\n    if (points.length > 2) {\n        const modifiedPoints = points.slice(1);\n        modifiedPoints.push(points[0]);\n        modifiedPoints.push(points[1]);\n        points = modifiedPoints;\n    }\n\n    const violinPath = line<{ x: number; y: number }>()\n        .x(d => horizontal ? d.y : d.x)\n        .y(d => horizontal ? d.x : d.y)\n        .curve(curveBasis)(points) ?? null;\n\n    return (\n        <React.Fragment key={`frag-${distIndex}`}>\n            {\n                //display plots if enough data provided\n                <g\n                    key={`group-${distIndex}`}\n                    onMouseLeave={hideTooltip}\n                    transform={horizontal ? `translate(${offset}, 0)` : `translate(0, 0)`}\n                >\n                    {distribution.data.length >= (violinProps?.pointDisplayThreshold ?? 3) && !disableViolinPlot && violinPath && (\n                        <>\n                            <path\n                                d={violinPath}\n                                fill={distribution.violinColor ?? 'none'}\n                                fillOpacity={distribution.opacity ?? 0.3}\n                                stroke={distribution.violinColor ?? 'black'}\n                                strokeOpacity={distribution.opacity ?? 1}\n                                strokeWidth={\n                                    tooltipData === violinTooltip\n                                        ? (violinProps?.stroke ?? 1) + 1\n                                        : violinProps?.stroke ?? 1\n                                }\n                                pointerEvents=\"all\"\n                                onMouseMove={(e) => handleMouseMove(e, violinTooltip)}\n                                onClick={handleViolinClick}\n                            />\n                        </>\n                    )\n                    }\n                    {distribution.data.length >= (violinProps?.pointDisplayThreshold ?? 3) && !disableCrossPlot &&\n                        <CrossPlot\n                            crossProps={crossProps}\n                            left={horizontal ? 0 : violinCenter}\n                            top={horizontal ? violinCenter : 0}\n                            median={median}\n                            firstQuartile={firstQuartile}\n                            thirdQuartile={thirdQuartile}\n                            valueScale={valueScale}\n                            medianWidth={boxWidth}\n                            tooltipData={tooltipData ?? {}}\n                            handleMouseMove={handleMouseMove}\n                            handleCrossClick={handleViolinClick}\n                            disableViolinPlot={disableViolinPlot}\n                            tooltip={violinTooltip}\n                            horizontal={horizontal}\n                        />\n                    }\n                    {/* Outliers */}\n                    {outlierPoints.map((outlier, index) => {\n                        const vertcy = valueScale(outlier.value);\n                        const horizoncx = valueScale(outlier.value)\n                        const cx = horizontal ? horizoncx : violinCenter\n                        const cy = horizontal ? violinCenter : vertcy\n\n                        const pointTooltip = {\n                            outlier: true,\n                            label: distribution.label,\n                            value: outlier.value.toFixed(2),\n                        };\n\n                        const isHighlighted = pointTooltipBody\n                            ? tooltipData?.point === outlier :\n                            tooltipData?.label === pointTooltip.label &&\n                            tooltipData?.value === pointTooltip.value;\n\n                        const radius = outlier.radius ?? 4\n\n                        return (\n                            <circle\n                                key={`outlier-${index}`}\n                                cx={cx}\n                                cy={cy}\n                                r={isHighlighted ? radius + 1 : radius}\n                                stroke={isHighlighted ? \"#000000\" : (outlier.stroke ?? \"none\")}\n                                fill={outlier.color ?? distribution.violinColor ?? \"#000000\"}\n                                opacity={outlier.opacity ?? distribution.opacity ?? 1}\n                                pointerEvents=\"all\"\n                                onMouseMove={(e) => handleMouseMove(e, pointTooltip, outlier)}\n                                onClick={() => handlePointClick(outlier)}\n                            />\n                        )\n                    })}\n                    {/* show all poionts for each distribution */}\n                    {distribution.data.length >= (violinProps?.pointDisplayThreshold ?? 3) && violinProps?.showAllPoints &&\n                        pointsNoOutliers.map((point: ViolinPoint<T>, index: number) => {\n\n                            const vertcy = valueScale(point.value);\n                            const horizoncx = valueScale(point.value)\n\n                            const jitterAmount = violinProps?.jitter ?? 0;\n                            const seed = `${distribution.label}-${point}-${index}`;\n                            const jitterX = jitterAmount > 0\n                                ? (seededRandom(seed) - 0.5) * 2 * jitterAmount\n                                : 0;\n\n                            const cx = horizontal ? horizoncx : violinCenter + jitterX;\n                            const cy = horizontal ? violinCenter + jitterX : vertcy\n\n                            const pointTooltip = {\n                                label: distribution.label,\n                                value: point.value.toFixed(2),\n                            };\n\n                            const isHighlighted = pointTooltipBody\n                                ? tooltipData?.point === point :\n                                tooltipData?.label === pointTooltip.label &&\n                                tooltipData?.value === pointTooltip.value;\n\n                            const r = point.radius ?? 2\n                            const radius = isHighlighted ? r + 1 : r;\n\n                            return (\n                                <path\n                                    key={`${distIndex}-point-${index}`}\n                                    d={`M ${cx},${cy} m -${radius},0 a ${radius},${radius} 0 1,0 ${2 * radius},0 a ${radius},${radius} 0 1,0 -${2 * radius},0`}\n                                    stroke={isHighlighted ? \"black\" : (point.stroke ?? \"none\")}\n                                    fill={point.color ?? distribution.violinColor ?? \"black\"}\n                                    opacity={point.opacity ?? distribution.opacity ?? 1}\n                                    pointerEvents=\"all\"\n                                    onMouseMove={(e) => handleMouseMove(e, pointTooltip, point)}\n                                    onClick={() => handlePointClick(point)}\n                                />\n                            );\n                        })\n                    }\n                    {/* display points if data points are less than threshold (3) */}\n                    {distribution.data.length < (violinProps?.pointDisplayThreshold ?? 3) &&\n                        distribution.data.map((point: ViolinPoint<T>, index: number) => {\n                            const vertcy = valueScale(point.value);\n                            const horizoncx = valueScale(point.value)\n                            const cx = horizontal ? horizoncx : violinCenter\n                            const cy = horizontal ? violinCenter : vertcy\n                            const radius = point.radius ?? 2;\n\n                            const pointTooltip = {\n                                label: distribution.label,\n                                value: point.value.toFixed(2),\n                            };\n\n                            const isHighlighted = pointTooltipBody\n                                ? tooltipData?.point === point :\n                                tooltipData?.label === pointTooltip.label &&\n                                tooltipData?.value === pointTooltip.value;\n\n                            return (\n                                <circle\n                                    key={`thresh-${index}`}\n                                    cx={cx}\n                                    cy={cy}\n                                    r={isHighlighted ? radius + 1 : radius}\n                                    stroke={isHighlighted ? \"black\" : (point.stroke ?? \"none\")}\n                                    fill={point.color ?? distribution.violinColor ?? \"black\"}\n                                    opacity={point.opacity ?? distribution.opacity ?? 1}\n                                    pointerEvents=\"all\"\n                                    onMouseMove={(e) => handleMouseMove(e, pointTooltip, point)}\n                                    onClick={() => handlePointClick(point)}\n                                />\n                            );\n                        })}\n\n                </g>\n            }\n            {tooltipOpen && tooltipData && (\n                <Portal>\n                    <ViolinTooltip\n                        left={tooltipLeft ?? 0}\n                        top={tooltipTop ?? 0}\n                        data={tooltipData}\n                        open={tooltipOpen}\n                        key={`${tooltipLeft}-${tooltipTop}`}\n                        pointTooltipBody={pointTooltipBody}\n                    />\n                </Portal>\n            )}\n        </React.Fragment>\n    )\n}\n\nexport default SingleViolin;"],"names":["SingleViolin","distribution","distIndex","violinProps","crossProps","valueScale","labelScale","offset","labels","disableCrossPlot","disableViolinPlot","horizontal","pointTooltipBody","onViolinClicked","onPointClicked","tooltipData","tooltipLeft","tooltipTop","tooltipOpen","showTooltip","hideTooltip","useTooltip","data","flatMap","d","value","min","max","firstQuartile","thirdQuartile","median","outliers","calculateBoxStats","outlierPoints","filter","includes","map","outlier","pointsNoOutliers","violinData","useMemo","step","Math","length","ticks","range","bandwidth","scottRule","silvermanRule","kernelDensityEstimator","gaussian","sort","a","b","violinWidth","boxWidth","medianWidth","violinTooltip","label","sampleSize","toFixed","handleMouseMove","useCallback","event","point","pageX","pageY","handleViolinClick","handlePointClick","violinCenter","widthScale","scaleLinear","domain","d3max","abs","count","filteredData","points","x","y","slice","reverse","modifiedPoints","push","violinPath","line","curve","curveBasis","jsxs","React","pointDisplayThreshold","jsx","Fragment","violinColor","opacity","stroke","e","CrossPlot","index","vertcy","horizoncx","cx","cy","pointTooltip","isHighlighted","radius","color","showAllPoints","jitterAmount","jitter","seed","jitterX","seededRandom","r","Portal","ViolinTooltip"],"mappings":"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"}

package/dist/visualization.es450.js

@@ -1,10 +1,15 @@
-import { transformProps as i } from "./visualization.es332.js";
-import { scaleCorrectors as n } from "./visualization.es451.js";
-function c(r, { layout: o, layoutId: t }) {
-  return i.has(r) || r.startsWith("origin") || (o || t !== void 0) && (!!n[r] || r === "opacity");
+function f(t, e) {
+  if (!Array.isArray(e))
+    return !1;
+  const n = e.length;
+  if (n !== t.length)
+    return !1;
+  for (let r = 0; r < n; r++)
+    if (e[r] !== t[r])
+      return !1;
+  return !0;
 }
 export {
-  c as isForcedMotionValue,
-  n as scaleCorrectors
+  f as shallowCompare
 };
 //# sourceMappingURL=visualization.es450.js.map

package/dist/visualization.es450.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es450.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/is-forced-motion-value.mjs"],"sourcesContent":["import { transformProps } from './keys-transform.mjs';\nimport { scaleCorrectors } from '../../projection/styles/scale-correction.mjs';\nexport { addScaleCorrector } from '../../projection/styles/scale-correction.mjs';\n\nfunction isForcedMotionValue(key, { layout, layoutId }) {\n    return (transformProps.has(key) ||\n        key.startsWith(\"origin\") ||\n        ((layout || layoutId !== undefined) &&\n            (!!scaleCorrectors[key] || key === \"opacity\")));\n}\n\nexport { isForcedMotionValue, scaleCorrectors };\n//# sourceMappingURL=is-forced-motion-value.mjs.map\n"],"names":["isForcedMotionValue","key","layout","layoutId","transformProps","scaleCorrectors"],"mappings":";;AAIA,SAASA,EAAoBC,GAAK,EAAE,QAAAC,GAAQ,UAAAC,EAAQ,GAAI;AACpD,SAAQC,EAAe,IAAIH,CAAG,KAC1BA,EAAI,WAAW,QAAQ,MACrBC,KAAUC,MAAa,YACpB,CAAC,CAACE,EAAgBJ,CAAG,KAAKA,MAAQ;AAC/C;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es450.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/shallow-compare.mjs"],"sourcesContent":["function shallowCompare(next, prev) {\n    if (!Array.isArray(prev))\n        return false;\n    const prevLength = prev.length;\n    if (prevLength !== next.length)\n        return false;\n    for (let i = 0; i < prevLength; i++) {\n        if (prev[i] !== next[i])\n            return false;\n    }\n    return true;\n}\n\nexport { shallowCompare };\n//# sourceMappingURL=shallow-compare.mjs.map\n"],"names":["shallowCompare","next","prev","prevLength","i"],"mappings":"AAAA,SAASA,EAAeC,GAAMC,GAAM;AAChC,MAAI,CAAC,MAAM,QAAQA,CAAI;AACnB,WAAO;AACX,QAAMC,IAAaD,EAAK;AACxB,MAAIC,MAAeF,EAAK;AACpB,WAAO;AACX,WAASG,IAAI,GAAGA,IAAID,GAAYC;AAC5B,QAAIF,EAAKE,CAAC,MAAMH,EAAKG,CAAC;AAClB,aAAO;AAEf,SAAO;AACX;","x_google_ignoreList":[0]}

package/dist/visualization.es451.js

@@ -1,22 +1,14 @@
-import { correctBorderRadius as o } from "./visualization.es460.js";
-import { correctBoxShadow as r } from "./visualization.es461.js";
-const e = {
-  borderRadius: {
-    ...o,
-    applyTo: [
-      "borderTopLeftRadius",
-      "borderTopRightRadius",
-      "borderBottomLeftRadius",
-      "borderBottomRightRadius"
-    ]
-  },
-  borderTopLeftRadius: o,
-  borderTopRightRadius: o,
-  borderBottomLeftRadius: o,
-  borderBottomRightRadius: o,
-  boxShadow: r
-};
+const i = [
+  "animate",
+  "whileInView",
+  "whileFocus",
+  "whileHover",
+  "whileTap",
+  "whileDrag",
+  "exit"
+], e = ["initial", ...i];
 export {
-  e as scaleCorrectors
+  i as variantPriorityOrder,
+  e as variantProps
 };
 //# sourceMappingURL=visualization.es451.js.map

package/dist/visualization.es451.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es451.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/styles/scale-correction.mjs"],"sourcesContent":["import { isCSSVariableName } from '../../animation/utils/is-css-variable.mjs';\nimport { correctBorderRadius } from './scale-border-radius.mjs';\nimport { correctBoxShadow } from './scale-box-shadow.mjs';\n\nconst scaleCorrectors = {\n    borderRadius: {\n        ...correctBorderRadius,\n        applyTo: [\n            \"borderTopLeftRadius\",\n            \"borderTopRightRadius\",\n            \"borderBottomLeftRadius\",\n            \"borderBottomRightRadius\",\n        ],\n    },\n    borderTopLeftRadius: correctBorderRadius,\n    borderTopRightRadius: correctBorderRadius,\n    borderBottomLeftRadius: correctBorderRadius,\n    borderBottomRightRadius: correctBorderRadius,\n    boxShadow: correctBoxShadow,\n};\nfunction addScaleCorrector(correctors) {\n    for (const key in correctors) {\n        scaleCorrectors[key] = correctors[key];\n        if (isCSSVariableName(key)) {\n            scaleCorrectors[key].isCSSVariable = true;\n        }\n    }\n}\n\nexport { addScaleCorrector, scaleCorrectors };\n//# sourceMappingURL=scale-correction.mjs.map\n"],"names":["scaleCorrectors","correctBorderRadius","correctBoxShadow"],"mappings":";;AAIK,MAACA,IAAkB;AAAA,EACpB,cAAc;AAAA,IACV,GAAGC;AAAA,IACH,SAAS;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACZ;AAAA,EACA;AAAA,EACI,qBAAqBA;AAAA,EACrB,sBAAsBA;AAAA,EACtB,wBAAwBA;AAAA,EACxB,yBAAyBA;AAAA,EACzB,WAAWC;AACf;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es451.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/variant-props.mjs"],"sourcesContent":["const variantPriorityOrder = [\n    \"animate\",\n    \"whileInView\",\n    \"whileFocus\",\n    \"whileHover\",\n    \"whileTap\",\n    \"whileDrag\",\n    \"exit\",\n];\nconst variantProps = [\"initial\", ...variantPriorityOrder];\n\nexport { variantPriorityOrder, variantProps };\n//# sourceMappingURL=variant-props.mjs.map\n"],"names":["variantPriorityOrder","variantProps"],"mappings":"AAAK,MAACA,IAAuB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GACMC,IAAe,CAAC,WAAW,GAAGD,CAAoB;","x_google_ignoreList":[0]}

package/dist/visualization.es452.js

@@ -1,26 +1,10 @@
-function r({ top: t, left: o, right: n, bottom: x }) {
-  return {
-    x: { min: o, max: n },
-    y: { min: t, max: x }
-  };
-}
-function e({ x: t, y: o }) {
-  return { top: o.min, right: t.max, bottom: o.max, left: t.min };
-}
-function m(t, o) {
-  if (!o)
-    return t;
-  const n = o({ x: t.left, y: t.top }), x = o({ x: t.right, y: t.bottom });
-  return {
-    top: n.y,
-    left: n.x,
-    bottom: x.y,
-    right: x.x
-  };
+import { transformProps as i } from "./visualization.es334.js";
+import { scaleCorrectors as n } from "./visualization.es453.js";
+function c(r, { layout: o, layoutId: t }) {
+  return i.has(r) || r.startsWith("origin") || (o || t !== void 0) && (!!n[r] || r === "opacity");
 }
 export {
-  r as convertBoundingBoxToBox,
-  e as convertBoxToBoundingBox,
-  m as transformBoxPoints
+  c as isForcedMotionValue,
+  n as scaleCorrectors
 };
 //# sourceMappingURL=visualization.es452.js.map

package/dist/visualization.es452.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es452.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/geometry/conversion.mjs"],"sourcesContent":["/**\n * Bounding boxes tend to be defined as top, left, right, bottom. For various operations\n * it's easier to consider each axis individually. This function returns a bounding box\n * as a map of single-axis min/max values.\n */\nfunction convertBoundingBoxToBox({ top, left, right, bottom, }) {\n    return {\n        x: { min: left, max: right },\n        y: { min: top, max: bottom },\n    };\n}\nfunction convertBoxToBoundingBox({ x, y }) {\n    return { top: y.min, right: x.max, bottom: y.max, left: x.min };\n}\n/**\n * Applies a TransformPoint function to a bounding box. TransformPoint is usually a function\n * provided by Framer to allow measured points to be corrected for device scaling. This is used\n * when measuring DOM elements and DOM event points.\n */\nfunction transformBoxPoints(point, transformPoint) {\n    if (!transformPoint)\n        return point;\n    const topLeft = transformPoint({ x: point.left, y: point.top });\n    const bottomRight = transformPoint({ x: point.right, y: point.bottom });\n    return {\n        top: topLeft.y,\n        left: topLeft.x,\n        bottom: bottomRight.y,\n        right: bottomRight.x,\n    };\n}\n\nexport { convertBoundingBoxToBox, convertBoxToBoundingBox, transformBoxPoints };\n//# sourceMappingURL=conversion.mjs.map\n"],"names":["convertBoundingBoxToBox","top","left","right","bottom","convertBoxToBoundingBox","x","y","transformBoxPoints","point","transformPoint","topLeft","bottomRight"],"mappings":"AAKA,SAASA,EAAwB,EAAE,KAAAC,GAAK,MAAAC,GAAM,OAAAC,GAAO,QAAAC,EAAM,GAAK;AAC5D,SAAO;AAAA,IACH,GAAG,EAAE,KAAKF,GAAM,KAAKC,EAAK;AAAA,IAC1B,GAAG,EAAE,KAAKF,GAAK,KAAKG,EAAM;AAAA,EAClC;AACA;AACA,SAASC,EAAwB,EAAE,GAAAC,GAAG,GAAAC,KAAK;AACvC,SAAO,EAAE,KAAKA,EAAE,KAAK,OAAOD,EAAE,KAAK,QAAQC,EAAE,KAAK,MAAMD,EAAE,IAAG;AACjE;AAMA,SAASE,EAAmBC,GAAOC,GAAgB;AAC/C,MAAI,CAACA;AACD,WAAOD;AACX,QAAME,IAAUD,EAAe,EAAE,GAAGD,EAAM,MAAM,GAAGA,EAAM,KAAK,GACxDG,IAAcF,EAAe,EAAE,GAAGD,EAAM,OAAO,GAAGA,EAAM,QAAQ;AACtE,SAAO;AAAA,IACH,KAAKE,EAAQ;AAAA,IACb,MAAMA,EAAQ;AAAA,IACd,QAAQC,EAAY;AAAA,IACpB,OAAOA,EAAY;AAAA,EAC3B;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es452.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/is-forced-motion-value.mjs"],"sourcesContent":["import { transformProps } from './keys-transform.mjs';\nimport { scaleCorrectors } from '../../projection/styles/scale-correction.mjs';\nexport { addScaleCorrector } from '../../projection/styles/scale-correction.mjs';\n\nfunction isForcedMotionValue(key, { layout, layoutId }) {\n    return (transformProps.has(key) ||\n        key.startsWith(\"origin\") ||\n        ((layout || layoutId !== undefined) &&\n            (!!scaleCorrectors[key] || key === \"opacity\")));\n}\n\nexport { isForcedMotionValue, scaleCorrectors };\n//# sourceMappingURL=is-forced-motion-value.mjs.map\n"],"names":["isForcedMotionValue","key","layout","layoutId","transformProps","scaleCorrectors"],"mappings":";;AAIA,SAASA,EAAoBC,GAAK,EAAE,QAAAC,GAAQ,UAAAC,EAAQ,GAAI;AACpD,SAAQC,EAAe,IAAIH,CAAG,KAC1BA,EAAI,WAAW,QAAQ,MACrBC,KAAUC,MAAa,YACpB,CAAC,CAACE,EAAgBJ,CAAG,KAAKA,MAAQ;AAC/C;","x_google_ignoreList":[0]}

package/dist/visualization.es453.js

@@ -1,15 +1,22 @@
-function c(n, o) {
-  n.min = o.min, n.max = o.max;
-}
-function t(n, o) {
-  c(n.x, o.x), c(n.y, o.y);
-}
-function i(n, o) {
-  n.translate = o.translate, n.scale = o.scale, n.originPoint = o.originPoint, n.origin = o.origin;
-}
+import { correctBorderRadius as o } from "./visualization.es462.js";
+import { correctBoxShadow as r } from "./visualization.es463.js";
+const e = {
+  borderRadius: {
+    ...o,
+    applyTo: [
+      "borderTopLeftRadius",
+      "borderTopRightRadius",
+      "borderBottomLeftRadius",
+      "borderBottomRightRadius"
+    ]
+  },
+  borderTopLeftRadius: o,
+  borderTopRightRadius: o,
+  borderBottomLeftRadius: o,
+  borderBottomRightRadius: o,
+  boxShadow: r
+};
 export {
-  i as copyAxisDeltaInto,
-  c as copyAxisInto,
-  t as copyBoxInto
+  e as scaleCorrectors
 };
 //# sourceMappingURL=visualization.es453.js.map

package/dist/visualization.es453.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es453.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/geometry/copy.mjs"],"sourcesContent":["/**\n * Reset an axis to the provided origin box.\n *\n * This is a mutative operation.\n */\nfunction copyAxisInto(axis, originAxis) {\n    axis.min = originAxis.min;\n    axis.max = originAxis.max;\n}\n/**\n * Reset a box to the provided origin box.\n *\n * This is a mutative operation.\n */\nfunction copyBoxInto(box, originBox) {\n    copyAxisInto(box.x, originBox.x);\n    copyAxisInto(box.y, originBox.y);\n}\n/**\n * Reset a delta to the provided origin box.\n *\n * This is a mutative operation.\n */\nfunction copyAxisDeltaInto(delta, originDelta) {\n    delta.translate = originDelta.translate;\n    delta.scale = originDelta.scale;\n    delta.originPoint = originDelta.originPoint;\n    delta.origin = originDelta.origin;\n}\n\nexport { copyAxisDeltaInto, copyAxisInto, copyBoxInto };\n//# sourceMappingURL=copy.mjs.map\n"],"names":["copyAxisInto","axis","originAxis","copyBoxInto","box","originBox","copyAxisDeltaInto","delta","originDelta"],"mappings":"AAKA,SAASA,EAAaC,GAAMC,GAAY;AACpC,EAAAD,EAAK,MAAMC,EAAW,KACtBD,EAAK,MAAMC,EAAW;AAC1B;AAMA,SAASC,EAAYC,GAAKC,GAAW;AACjC,EAAAL,EAAaI,EAAI,GAAGC,EAAU,CAAC,GAC/BL,EAAaI,EAAI,GAAGC,EAAU,CAAC;AACnC;AAMA,SAASC,EAAkBC,GAAOC,GAAa;AAC3C,EAAAD,EAAM,YAAYC,EAAY,WAC9BD,EAAM,QAAQC,EAAY,OAC1BD,EAAM,cAAcC,EAAY,aAChCD,EAAM,SAASC,EAAY;AAC/B;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es453.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/styles/scale-correction.mjs"],"sourcesContent":["import { isCSSVariableName } from '../../animation/utils/is-css-variable.mjs';\nimport { correctBorderRadius } from './scale-border-radius.mjs';\nimport { correctBoxShadow } from './scale-box-shadow.mjs';\n\nconst scaleCorrectors = {\n    borderRadius: {\n        ...correctBorderRadius,\n        applyTo: [\n            \"borderTopLeftRadius\",\n            \"borderTopRightRadius\",\n            \"borderBottomLeftRadius\",\n            \"borderBottomRightRadius\",\n        ],\n    },\n    borderTopLeftRadius: correctBorderRadius,\n    borderTopRightRadius: correctBorderRadius,\n    borderBottomLeftRadius: correctBorderRadius,\n    borderBottomRightRadius: correctBorderRadius,\n    boxShadow: correctBoxShadow,\n};\nfunction addScaleCorrector(correctors) {\n    for (const key in correctors) {\n        scaleCorrectors[key] = correctors[key];\n        if (isCSSVariableName(key)) {\n            scaleCorrectors[key].isCSSVariable = true;\n        }\n    }\n}\n\nexport { addScaleCorrector, scaleCorrectors };\n//# sourceMappingURL=scale-correction.mjs.map\n"],"names":["scaleCorrectors","correctBorderRadius","correctBoxShadow"],"mappings":";;AAIK,MAACA,IAAkB;AAAA,EACpB,cAAc;AAAA,IACV,GAAGC;AAAA,IACH,SAAS;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACZ;AAAA,EACA;AAAA,EACI,qBAAqBA;AAAA,EACrB,sBAAsBA;AAAA,EACtB,wBAAwBA;AAAA,EACxB,yBAAyBA;AAAA,EACzB,WAAWC;AACf;","x_google_ignoreList":[0]}

package/dist/visualization.es454.js

@@ -1,54 +1,26 @@
-import { mixNumber as E } from "./visualization.es363.js";
-import { hasTransform as g } from "./visualization.es455.js";
-function y(t, n, o) {
-  const l = t - o, i = n * l;
-  return o + i;
-}
-function p(t, n, o, l, i) {
-  return i !== void 0 && (t = y(t, i, l)), y(t, o, l) + n;
-}
-function u(t, n = 0, o = 1, l, i) {
-  t.min = p(t.min, n, o, l, i), t.max = p(t.max, n, o, l, i);
-}
-function _(t, { x: n, y: o }) {
-  u(t.x, n.translate, n.scale, n.originPoint), u(t.y, o.translate, o.scale, o.originPoint);
-}
-const r = 0.999999999999, a = 1.0000000000001;
-function N(t, n, o, l = !1) {
-  const i = o.length;
-  if (!i)
-    return;
-  n.x = n.y = 1;
-  let s, f;
-  for (let e = 0; e < i; e++) {
-    s = o[e], f = s.projectionDelta;
-    const { visualElement: c } = s.options;
-    c && c.props.style && c.props.style.display === "contents" || (l && s.options.layoutScroll && s.scroll && s !== s.root && (m(t.x, -s.scroll.offset.x), m(t.y, -s.scroll.offset.y)), f && (n.x *= f.x.scale, n.y *= f.y.scale, _(t, f)), l && g(s.latestValues) && d(t, s.latestValues, s.layout?.layoutBox));
-  }
-  n.x < a && n.x > r && (n.x = 1), n.y < a && n.y > r && (n.y = 1);
-}
-function m(t, n) {
-  t.min += n, t.max += n;
-}
-function x(t, n, o, l, i = 0.5) {
-  const s = E(t.min, t.max, i);
-  u(t, n, o, s, l);
-}
-function A(t, n) {
-  return typeof t == "string" ? parseFloat(t) / 100 * (n.max - n.min) : t;
-}
-function d(t, n, o) {
-  const l = o ?? t;
-  x(t.x, A(n.x, l.x), n.scaleX, n.scale, n.originX), x(t.y, A(n.y, l.y), n.scaleY, n.scale, n.originY);
+function r({ top: t, left: o, right: n, bottom: x }) {
+  return {
+    x: { min: o, max: n },
+    y: { min: t, max: x }
+  };
+}
+function e({ x: t, y: o }) {
+  return { top: o.min, right: t.max, bottom: o.max, left: t.min };
+}
+function m(t, o) {
+  if (!o)
+    return t;
+  const n = o({ x: t.left, y: t.top }), x = o({ x: t.right, y: t.bottom });
+  return {
+    top: n.y,
+    left: n.x,
+    bottom: x.y,
+    right: x.x
+  };
 }
 export {
-  u as applyAxisDelta,
-  _ as applyBoxDelta,
-  p as applyPointDelta,
-  N as applyTreeDeltas,
-  y as scalePoint,
-  x as transformAxis,
-  d as transformBox,
-  m as translateAxis
+  r as convertBoundingBoxToBox,
+  e as convertBoxToBoundingBox,
+  m as transformBoxPoints
 };
 //# sourceMappingURL=visualization.es454.js.map

package/dist/visualization.es454.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es454.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/geometry/delta-apply.mjs"],"sourcesContent":["import { mixNumber } from '../../utils/mix/number.mjs';\nimport { hasTransform } from '../utils/has-transform.mjs';\n\n/**\n * Scales a point based on a factor and an originPoint\n */\nfunction scalePoint(point, scale, originPoint) {\n    const distanceFromOrigin = point - originPoint;\n    const scaled = scale * distanceFromOrigin;\n    return originPoint + scaled;\n}\n/**\n * Applies a translate/scale delta to a point\n */\nfunction applyPointDelta(point, translate, scale, originPoint, boxScale) {\n    if (boxScale !== undefined) {\n        point = scalePoint(point, boxScale, originPoint);\n    }\n    return scalePoint(point, scale, originPoint) + translate;\n}\n/**\n * Applies a translate/scale delta to an axis\n */\nfunction applyAxisDelta(axis, translate = 0, scale = 1, originPoint, boxScale) {\n    axis.min = applyPointDelta(axis.min, translate, scale, originPoint, boxScale);\n    axis.max = applyPointDelta(axis.max, translate, scale, originPoint, boxScale);\n}\n/**\n * Applies a translate/scale delta to a box\n */\nfunction applyBoxDelta(box, { x, y }) {\n    applyAxisDelta(box.x, x.translate, x.scale, x.originPoint);\n    applyAxisDelta(box.y, y.translate, y.scale, y.originPoint);\n}\nconst TREE_SCALE_SNAP_MIN = 0.999999999999;\nconst TREE_SCALE_SNAP_MAX = 1.0000000000001;\n/**\n * Apply a tree of deltas to a box. We do this to calculate the effect of all the transforms\n * in a tree upon our box before then calculating how to project it into our desired viewport-relative box\n *\n * This is the final nested loop within updateLayoutDelta for future refactoring\n */\nfunction applyTreeDeltas(box, treeScale, treePath, isSharedTransition = false) {\n    const treeLength = treePath.length;\n    if (!treeLength)\n        return;\n    // Reset the treeScale\n    treeScale.x = treeScale.y = 1;\n    let node;\n    let delta;\n    for (let i = 0; i < treeLength; i++) {\n        node = treePath[i];\n        delta = node.projectionDelta;\n        /**\n         * TODO: Prefer to remove this, but currently we have motion components with\n         * display: contents in Framer.\n         */\n        const { visualElement } = node.options;\n        if (visualElement &&\n            visualElement.props.style &&\n            visualElement.props.style.display === \"contents\") {\n            continue;\n        }\n        if (isSharedTransition &&\n            node.options.layoutScroll &&\n            node.scroll &&\n            node !== node.root) {\n            translateAxis(box.x, -node.scroll.offset.x);\n            translateAxis(box.y, -node.scroll.offset.y);\n        }\n        if (delta) {\n            // Incoporate each ancestor's scale into a cumulative treeScale for this component\n            treeScale.x *= delta.x.scale;\n            treeScale.y *= delta.y.scale;\n            // Apply each ancestor's calculated delta into this component's recorded layout box\n            applyBoxDelta(box, delta);\n        }\n        if (isSharedTransition && hasTransform(node.latestValues)) {\n            transformBox(box, node.latestValues, node.layout?.layoutBox);\n        }\n    }\n    /**\n     * Snap tree scale back to 1 if it's within a non-perceivable threshold.\n     * This will help reduce useless scales getting rendered.\n     */\n    if (treeScale.x < TREE_SCALE_SNAP_MAX &&\n        treeScale.x > TREE_SCALE_SNAP_MIN) {\n        treeScale.x = 1.0;\n    }\n    if (treeScale.y < TREE_SCALE_SNAP_MAX &&\n        treeScale.y > TREE_SCALE_SNAP_MIN) {\n        treeScale.y = 1.0;\n    }\n}\nfunction translateAxis(axis, distance) {\n    axis.min += distance;\n    axis.max += distance;\n}\n/**\n * Apply a transform to an axis from the latest resolved motion values.\n * This function basically acts as a bridge between a flat motion value map\n * and applyAxisDelta\n */\nfunction transformAxis(axis, axisTranslate, axisScale, boxScale, axisOrigin = 0.5) {\n    const originPoint = mixNumber(axis.min, axis.max, axisOrigin);\n    // Apply the axis delta to the final axis\n    applyAxisDelta(axis, axisTranslate, axisScale, originPoint, boxScale);\n}\nfunction resolveAxisTranslate(value, axis) {\n    if (typeof value === \"string\") {\n        return (parseFloat(value) / 100) * (axis.max - axis.min);\n    }\n    return value;\n}\n/**\n * Apply a transform to a box from the latest resolved motion values.\n */\nfunction transformBox(box, transform, sourceBox) {\n    const resolveBox = sourceBox ?? box;\n    transformAxis(box.x, resolveAxisTranslate(transform.x, resolveBox.x), transform.scaleX, transform.scale, transform.originX);\n    transformAxis(box.y, resolveAxisTranslate(transform.y, resolveBox.y), transform.scaleY, transform.scale, transform.originY);\n}\n\nexport { applyAxisDelta, applyBoxDelta, applyPointDelta, applyTreeDeltas, scalePoint, transformAxis, transformBox, translateAxis };\n//# sourceMappingURL=delta-apply.mjs.map\n"],"names":["scalePoint","point","scale","originPoint","distanceFromOrigin","scaled","applyPointDelta","translate","boxScale","applyAxisDelta","axis","applyBoxDelta","box","x","y","TREE_SCALE_SNAP_MIN","TREE_SCALE_SNAP_MAX","applyTreeDeltas","treeScale","treePath","isSharedTransition","treeLength","node","delta","i","visualElement","translateAxis","hasTransform","transformBox","distance","transformAxis","axisTranslate","axisScale","axisOrigin","mixNumber","resolveAxisTranslate","value","transform","sourceBox","resolveBox"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es454.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/geometry/conversion.mjs"],"sourcesContent":["/**\n * Bounding boxes tend to be defined as top, left, right, bottom. For various operations\n * it's easier to consider each axis individually. This function returns a bounding box\n * as a map of single-axis min/max values.\n */\nfunction convertBoundingBoxToBox({ top, left, right, bottom, }) {\n    return {\n        x: { min: left, max: right },\n        y: { min: top, max: bottom },\n    };\n}\nfunction convertBoxToBoundingBox({ x, y }) {\n    return { top: y.min, right: x.max, bottom: y.max, left: x.min };\n}\n/**\n * Applies a TransformPoint function to a bounding box. TransformPoint is usually a function\n * provided by Framer to allow measured points to be corrected for device scaling. This is used\n * when measuring DOM elements and DOM event points.\n */\nfunction transformBoxPoints(point, transformPoint) {\n    if (!transformPoint)\n        return point;\n    const topLeft = transformPoint({ x: point.left, y: point.top });\n    const bottomRight = transformPoint({ x: point.right, y: point.bottom });\n    return {\n        top: topLeft.y,\n        left: topLeft.x,\n        bottom: bottomRight.y,\n        right: bottomRight.x,\n    };\n}\n\nexport { convertBoundingBoxToBox, convertBoxToBoundingBox, transformBoxPoints };\n//# sourceMappingURL=conversion.mjs.map\n"],"names":["convertBoundingBoxToBox","top","left","right","bottom","convertBoxToBoundingBox","x","y","transformBoxPoints","point","transformPoint","topLeft","bottomRight"],"mappings":"AAKA,SAASA,EAAwB,EAAE,KAAAC,GAAK,MAAAC,GAAM,OAAAC,GAAO,QAAAC,EAAM,GAAK;AAC5D,SAAO;AAAA,IACH,GAAG,EAAE,KAAKF,GAAM,KAAKC,EAAK;AAAA,IAC1B,GAAG,EAAE,KAAKF,GAAK,KAAKG,EAAM;AAAA,EAClC;AACA;AACA,SAASC,EAAwB,EAAE,GAAAC,GAAG,GAAAC,KAAK;AACvC,SAAO,EAAE,KAAKA,EAAE,KAAK,OAAOD,EAAE,KAAK,QAAQC,EAAE,KAAK,MAAMD,EAAE,IAAG;AACjE;AAMA,SAASE,EAAmBC,GAAOC,GAAgB;AAC/C,MAAI,CAACA;AACD,WAAOD;AACX,QAAME,IAAUD,EAAe,EAAE,GAAGD,EAAM,MAAM,GAAGA,EAAM,KAAK,GACxDG,IAAcF,EAAe,EAAE,GAAGD,EAAM,OAAO,GAAGA,EAAM,QAAQ;AACtE,SAAO;AAAA,IACH,KAAKE,EAAQ;AAAA,IACb,MAAMA,EAAQ;AAAA,IACd,QAAQC,EAAY;AAAA,IACpB,OAAOA,EAAY;AAAA,EAC3B;AACA;","x_google_ignoreList":[0]}