@weng-lab/visualization 2.4.0-beta.0 → 2.4.0-beta.2

package/dist/visualization.es449.js

@@ -1,33 +1,21 @@
-import { buildHTMLStyles as y } from "./visualization.es444.js";
-import { buildSVGPath as c } from "./visualization.es488.js";
-const B = [
-  "offsetDistance",
-  "offsetPath",
-  "offsetRotate",
-  "offsetAnchor"
-];
-function P(r, {
-  attrX: e,
-  attrY: n,
-  attrScale: s,
-  pathLength: t,
-  pathSpacing: d = 1,
-  pathOffset: m = 0,
-  // This is object creation, which we try to avoid per-frame.
-  ...l
-}, a, u, x) {
-  if (y(r, l, u), a) {
-    r.style.viewBox && (r.attrs.viewBox = r.style.viewBox);
+import { isVariantLabel as a } from "./visualization.es450.js";
+import { variantProps as p } from "./visualization.es452.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;
   }
-  r.attrs = r.style, r.style = {};
-  const { attrs: f, style: o } = r;
-  f.transform && (o.transform = f.transform, delete f.transform), (o.transform || f.transformOrigin) && (o.transformOrigin = f.transformOrigin ?? "50% 50%", delete f.transformOrigin), o.transform && (o.transformBox = x?.transformBox ?? "fill-box", delete f.transformBox);
-  for (const i of B)
-    f[i] !== void 0 && (o[i] = f[i], delete f[i]);
-  e !== void 0 && (f.x = e), n !== void 0 && (f.y = n), s !== void 0 && (f.scale = s), t !== void 0 && c(f, t, d, m, !1);
+  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 {
-  P as buildSVGAttrs
+  c as getVariantContext
 };
 //# 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/svg/utils/build-attrs.mjs"],"sourcesContent":["import { buildHTMLStyles } from '../../html/utils/build-styles.mjs';\nimport { buildSVGPath } from './path.mjs';\n\n/**\n * CSS Motion Path properties that should remain as CSS styles on SVG elements.\n */\nconst cssMotionPathProperties = [\n    \"offsetDistance\",\n    \"offsetPath\",\n    \"offsetRotate\",\n    \"offsetAnchor\",\n];\n/**\n * Build SVG visual attributes, like cx and style.transform\n */\nfunction buildSVGAttrs(state, { attrX, attrY, attrScale, pathLength, pathSpacing = 1, pathOffset = 0, \n// This is object creation, which we try to avoid per-frame.\n...latest }, isSVGTag, transformTemplate, styleProp) {\n    buildHTMLStyles(state, latest, transformTemplate);\n    /**\n     * For svg tags we just want to make sure viewBox is animatable and treat all the styles\n     * as normal HTML tags.\n     */\n    if (isSVGTag) {\n        if (state.style.viewBox) {\n            state.attrs.viewBox = state.style.viewBox;\n        }\n        return;\n    }\n    state.attrs = state.style;\n    state.style = {};\n    const { attrs, style } = state;\n    /**\n     * However, we apply transforms as CSS transforms.\n     * So if we detect a transform, transformOrigin we take it from attrs and copy it into style.\n     */\n    if (attrs.transform) {\n        style.transform = attrs.transform;\n        delete attrs.transform;\n    }\n    if (style.transform || attrs.transformOrigin) {\n        style.transformOrigin = attrs.transformOrigin ?? \"50% 50%\";\n        delete attrs.transformOrigin;\n    }\n    if (style.transform) {\n        /**\n         * SVG's element transform-origin uses its own median as a reference.\n         * Therefore, transformBox becomes a fill-box\n         */\n        style.transformBox = styleProp?.transformBox ?? \"fill-box\";\n        delete attrs.transformBox;\n    }\n    for (const key of cssMotionPathProperties) {\n        if (attrs[key] !== undefined) {\n            style[key] = attrs[key];\n            delete attrs[key];\n        }\n    }\n    // Render attrX/attrY/attrScale as attributes\n    if (attrX !== undefined)\n        attrs.x = attrX;\n    if (attrY !== undefined)\n        attrs.y = attrY;\n    if (attrScale !== undefined)\n        attrs.scale = attrScale;\n    // Build SVG path if one has been defined\n    if (pathLength !== undefined) {\n        buildSVGPath(attrs, pathLength, pathSpacing, pathOffset, false);\n    }\n}\n\nexport { buildSVGAttrs };\n//# sourceMappingURL=build-attrs.mjs.map\n"],"names":["cssMotionPathProperties","buildSVGAttrs","state","attrX","attrY","attrScale","pathLength","pathSpacing","pathOffset","latest","isSVGTag","transformTemplate","styleProp","buildHTMLStyles","attrs","style","key","buildSVGPath"],"mappings":";;AAMA,MAAMA,IAA0B;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAIA,SAASC,EAAcC,GAAO;AAAA,EAAE,OAAAC;AAAA,EAAO,OAAAC;AAAA,EAAO,WAAAC;AAAA,EAAW,YAAAC;AAAA,EAAY,aAAAC,IAAc;AAAA,EAAG,YAAAC,IAAa;AAAA;AAAA,EAEnG,GAAGC;GAAUC,GAAUC,GAAmBC,GAAW;AAMjD,MALAC,EAAgBX,GAAOO,GAAQE,CAAiB,GAK5CD,GAAU;AACV,IAAIR,EAAM,MAAM,YACZA,EAAM,MAAM,UAAUA,EAAM,MAAM;AAEtC;AAAA,EACJ;AACA,EAAAA,EAAM,QAAQA,EAAM,OACpBA,EAAM,QAAQ,CAAA;AACd,QAAM,EAAE,OAAAY,GAAO,OAAAC,EAAK,IAAKb;AAKzB,EAAIY,EAAM,cACNC,EAAM,YAAYD,EAAM,WACxB,OAAOA,EAAM,aAEbC,EAAM,aAAaD,EAAM,qBACzBC,EAAM,kBAAkBD,EAAM,mBAAmB,WACjD,OAAOA,EAAM,kBAEbC,EAAM,cAKNA,EAAM,eAAeH,GAAW,gBAAgB,YAChD,OAAOE,EAAM;AAEjB,aAAWE,KAAOhB;AACd,IAAIc,EAAME,CAAG,MAAM,WACfD,EAAMC,CAAG,IAAIF,EAAME,CAAG,GACtB,OAAOF,EAAME,CAAG;AAIxB,EAAIb,MAAU,WACVW,EAAM,IAAIX,IACVC,MAAU,WACVU,EAAM,IAAIV,IACVC,MAAc,WACdS,EAAM,QAAQT,IAEdC,MAAe,UACfW,EAAaH,GAAOR,GAAYC,GAAaC,GAAY,EAAK;AAEtE;","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/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.es45.js

@@ -1,8 +1,134 @@
-function h(l, u, a, d, o) {
-  for (var i = l.children, e, n = -1, v = i.length, c = l.value && (o - a) / l.value; ++n < v; )
-    e = i[n], e.x0 = u, e.x1 = d, e.y0 = a, e.y1 = a += e.value * c;
-}
+import { jsx as t, jsxs as d, Fragment as q } from "react/jsx-runtime";
+import { c as E } from "react/compiler-runtime";
+import { useState as H } from "react";
+import m from "@mui/material/Button";
+import N from "./visualization.es108.js";
+import X from "./visualization.es109.js";
+import Y from "@mui/icons-material/KeyboardDoubleArrowRight";
+import $ from "@mui/icons-material/KeyboardDoubleArrowLeft";
+import K from "@mui/material/Stack";
+import { Typography as G } from "@mui/material";
+import J from "@mui/icons-material/Download";
+import M from "@mui/icons-material/Shuffle";
+import Q from "@mui/icons-material/Label";
+import U from "@mui/icons-material/LabelOff";
+import V from "@mui/icons-material/Insights";
+import f from "@mui/material/Tooltip";
+import Z from "@mui/material/Paper";
+const xe = (P) => {
+  const e = E(38), {
+    toggles: g,
+    onToggle: h,
+    simpleCategories: y,
+    edgeType: x,
+    colorFunc: b,
+    elements: u,
+    edges: w,
+    scales: C,
+    scaleWidth: S,
+    downloadScreenshot: L,
+    randomize: I,
+    organize: z,
+    toggleLabels: k,
+    labelsOn: T,
+    legendToggle: W,
+    legendNodeLabel: v,
+    legendEdgeLabel: j,
+    uniqueCat: D,
+    scaleLabel: R
+  } = P, [o, _] = H(!1), O = o ? "40px" : "250px";
+  let s;
+  e[0] !== O ? (s = {
+    position: "absolute",
+    top: "0",
+    right: "0",
+    width: O,
+    backgroundColor: "white",
+    transition: "width 0.3s",
+    zIndex: 1e3,
+    overflowX: "hidden",
+    marginRight: "5px",
+    marginTop: "5px",
+    overflowY: "auto",
+    maxHeight: "100vh"
+  }, e[0] = O, e[1] = s) : s = e[1];
+  const A = s, B = o ? "0px" : "10px";
+  let a;
+  e[2] !== B ? (a = {
+    width: B,
+    height: "40px",
+    display: "inline-block",
+    alignItems: "left",
+    justifyContent: "left",
+    cursor: "pointer",
+    padding: "0px"
+  }, e[2] = B, e[3] = a) : a = e[3];
+  const F = a;
+  let l;
+  e[4] !== o ? (l = () => _(!o), e[4] = o, e[5] = l) : l = e[5];
+  let p;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = {
+    typography: "body2",
+    textTransform: "none"
+  }, e[6] = p) : p = e[6];
+  let i;
+  e[7] !== o ? (i = o ? /* @__PURE__ */ t($, { style: {
+    marginLeft: "-27px"
+  } }) : /* @__PURE__ */ t(Y, { style: {
+    marginRight: "30px"
+  } }), e[7] = o, e[8] = i) : i = e[8];
+  let n;
+  e[9] !== F || e[10] !== l || e[11] !== i ? (n = /* @__PURE__ */ t(m, { onClick: l, fullWidth: !0, sx: p, style: F, children: i }), e[9] = F, e[10] = l, e[11] = i, e[12] = n) : n = e[12];
+  let r;
+  e[13] !== o || e[14] !== b || e[15] !== L || e[16] !== x || e[17] !== w || e[18] !== u || e[19] !== T || e[20] !== j || e[21] !== v || e[22] !== W || e[23] !== h || e[24] !== z || e[25] !== I || e[26] !== R || e[27] !== S || e[28] !== C || e[29] !== y || e[30] !== k || e[31] !== g || e[32] !== D ? (r = !o && /* @__PURE__ */ d(q, { children: [
+    /* @__PURE__ */ t(G, { variant: "body2", style: {
+      fontSize: "20px",
+      marginLeft: "22px",
+      marginTop: "5px",
+      justifyContent: "center",
+      alignItems: "center",
+      display: "inline-block"
+    }, children: "Controls" }),
+    /* @__PURE__ */ d(K, { spacing: 1, children: [
+      /* @__PURE__ */ t(N, { toggles: g, onToggle: h, simpleCategories: y, edgeType: x, colorFunc: b, elements: u, edges: w, legendToggle: W, legendNodeLabel: v, legendEdgeLabel: j, uniqueCat: D }),
+      /* @__PURE__ */ t(X, { scales: C, width: S, scaleLabel: R }),
+      /* @__PURE__ */ d(K, { direction: "row", spacing: 2, style: {
+        marginBottom: "5px"
+      }, children: [
+        /* @__PURE__ */ t(m, { onClick: L, style: {
+          fontSize: "small",
+          minWidth: "40px"
+        }, children: /* @__PURE__ */ t(f, { title: "Download", color: "primary", sx: {
+          ml: 1
+        }, placement: "bottom", children: /* @__PURE__ */ t(J, {}) }) }),
+        /* @__PURE__ */ t(m, { onClick: I, style: {
+          fontSize: "small",
+          minWidth: "40px"
+        }, children: /* @__PURE__ */ t(f, { title: "Randomize", color: "primary", sx: {
+          ml: 1
+        }, placement: "bottom", children: /* @__PURE__ */ t(M, {}) }) }),
+        /* @__PURE__ */ t(m, { onClick: z, style: {
+          fontSize: "small",
+          minWidth: "40px"
+        }, children: /* @__PURE__ */ t(f, { title: "Organize", color: "primary", sx: {
+          ml: 1
+        }, placement: "bottom", children: /* @__PURE__ */ t(V, {}) }) }),
+        /* @__PURE__ */ t(m, { onClick: k, style: {
+          fontSize: "small",
+          minWidth: "40px"
+        }, children: /* @__PURE__ */ t(f, { title: "Toggle Labels", color: "primary", sx: {
+          ml: 1
+        }, placement: "bottom", children: T ? /* @__PURE__ */ t(U, {}) : /* @__PURE__ */ t(Q, {}) }) })
+      ] })
+    ] })
+  ] }), e[13] = o, e[14] = b, e[15] = L, e[16] = x, e[17] = w, e[18] = u, e[19] = T, e[20] = j, e[21] = v, e[22] = W, e[23] = h, e[24] = z, e[25] = I, e[26] = R, e[27] = S, e[28] = C, e[29] = y, e[30] = k, e[31] = g, e[32] = D, e[33] = r) : r = e[33];
+  let c;
+  return e[34] !== A || e[35] !== n || e[36] !== r ? (c = /* @__PURE__ */ d(Z, { style: A, elevation: 3, children: [
+    n,
+    r
+  ] }), e[34] = A, e[35] = n, e[36] = r, e[37] = c) : c = e[37], c;
+};
 export {
-  h as default
+  xe 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/d3-hierarchy@1.1.9/node_modules/d3-hierarchy/src/treemap/slice.js"],"sourcesContent":["export default function(parent, x0, y0, x1, y1) {\n  var nodes = parent.children,\n      node,\n      i = -1,\n      n = nodes.length,\n      k = parent.value && (y1 - y0) / parent.value;\n\n  while (++i < n) {\n    node = nodes[i], node.x0 = x0, node.x1 = x1;\n    node.y0 = y0, node.y1 = y0 += node.value * k;\n  }\n}\n"],"names":["treemapSlice","parent","x0","y0","x1","y1","nodes","node","i","n","k"],"mappings":"AAAe,SAAAA,EAASC,GAAQC,GAAIC,GAAIC,GAAIC,GAAI;AAO9C,WANIC,IAAQL,EAAO,UACfM,GACAC,IAAI,IACJC,IAAIH,EAAM,QACVI,IAAIT,EAAO,UAAUI,IAAKF,KAAMF,EAAO,OAEpC,EAAEO,IAAIC;AACX,IAAAF,IAAOD,EAAME,CAAC,GAAGD,EAAK,KAAKL,GAAIK,EAAK,KAAKH,GACzCG,EAAK,KAAKJ,GAAII,EAAK,KAAKJ,KAAMI,EAAK,QAAQG;AAE/C;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es45.js","sources":["../src/components/Graph/ControlPanel.tsx"],"sourcesContent":["import React, { CSSProperties, useState } from 'react';\nimport { Node, Edge } from './types';\nimport Button from '@mui/material/Button';\nimport Legend from './Legend';\nimport ScaleLegend from './ScaleLegend';\nimport KeyboardDoubleArrowRightIcon from '@mui/icons-material/KeyboardDoubleArrowRight';\nimport KeyboardDoubleArrowLeftIcon from '@mui/icons-material/KeyboardDoubleArrowLeft';\nimport Stack from '@mui/material/Stack';\nimport { Typography } from '@mui/material';\nimport DownloadIcon from '@mui/icons-material/Download';\nimport ShuffleIcon from '@mui/icons-material/Shuffle';\nimport LabelIcon from '@mui/icons-material/Label';\nimport LabelOffIcon from '@mui/icons-material/LabelOff';\nimport InsightsIcon from '@mui/icons-material/Insights';\nimport Tooltip from '@mui/material/Tooltip';\nimport Paper from '@mui/material/Paper';\n\ninterface ControlPanelProps {\n  toggles: { [key: string]: boolean };\n  onToggle: (category: string) => void;\n  simpleCategories: string[];\n  edgeType: boolean;\n  colorFunc?: (node: Node | Edge) => string;\n  elements: Node[];\n  edges: Edge[];\n  scales: number[];\n  scaleWidth: (n: number) => number;\n  downloadScreenshot: () => void;\n  randomize: () => void;\n  organize: () => void;\n  toggleLabels: () => void;\n  labelsOn: boolean;\n  legendToggle?: (node: Node | Edge) => string;\n  legendNodeLabel?: string;\n  legendEdgeLabel?: string;\n  uniqueCat?: string[];\n  scaleLabel?: string;\n}\n\nconst ControlPanel: React.FC<ControlPanelProps> = ({\n  toggles,\n  onToggle,\n  simpleCategories,\n  edgeType,\n  colorFunc,\n  elements,\n  edges,\n  scales,\n  scaleWidth,\n  downloadScreenshot,\n  randomize,\n  organize,\n  toggleLabels,\n  labelsOn,\n  legendToggle,\n  legendNodeLabel,\n  legendEdgeLabel,\n  uniqueCat,\n  scaleLabel,\n}) => {\n  const [collapsed, setCollapsed] = useState(false);\n\n  const panelStyle: CSSProperties = {\n    position: 'absolute',\n    top: '0',\n    right: '0',\n    width: collapsed ? '40px' : '250px',\n    backgroundColor: 'white',\n    transition: 'width 0.3s',\n    zIndex: 1000,\n    overflowX: 'hidden',\n    marginRight: '5px',\n    marginTop: '5px',\n    overflowY: 'auto',\n    maxHeight: '100vh',\n  };\n\n  const buttonStyle: CSSProperties = {\n    width: collapsed ? '0px' : '10px',\n    height: '40px',\n    display: 'inline-block',\n    alignItems: 'left',\n    justifyContent: 'left',\n    cursor: 'pointer',\n    padding: '0px',\n  };\n\n  return (\n    <Paper style={panelStyle} elevation={3}>\n      <Button\n        onClick={() => setCollapsed(!collapsed)}\n        fullWidth\n        sx={{ typography: 'body2', textTransform: 'none' }}\n        style={buttonStyle}\n      >\n        {collapsed ? (\n          <KeyboardDoubleArrowLeftIcon style={{ marginLeft: '-27px' }} />\n        ) : (\n          <KeyboardDoubleArrowRightIcon style={{ marginRight: '30px' }} />\n        )}\n      </Button>\n\n      {!collapsed && (\n        <>\n          <Typography\n            variant=\"body2\"\n            style={{\n              fontSize: '20px',\n              marginLeft: '22px',\n              marginTop: '5px',\n              justifyContent: 'center',\n              alignItems: 'center',\n              display: 'inline-block',\n            }}\n          >\n            Controls\n          </Typography>\n          <Stack spacing={1}>\n            <Legend\n              toggles={toggles}\n              onToggle={onToggle}\n              simpleCategories={simpleCategories}\n              edgeType={edgeType}\n              colorFunc={colorFunc}\n              elements={elements}\n              edges={edges}\n              legendToggle={legendToggle}\n              legendNodeLabel={legendNodeLabel}\n              legendEdgeLabel={legendEdgeLabel}\n              uniqueCat={uniqueCat}\n            />\n\n            <ScaleLegend\n              scales={scales}\n              width={scaleWidth}\n              scaleLabel={scaleLabel}\n            />\n\n            <Stack direction=\"row\" spacing={2} style={{ marginBottom: '5px' }}>\n              <Button\n                onClick={downloadScreenshot}\n                style={{ fontSize: 'small', minWidth: '40px' }}\n              >\n                <Tooltip\n                  title=\"Download\"\n                  color=\"primary\"\n                  sx={{ ml: 1 }}\n                  placement=\"bottom\"\n                >\n                  <DownloadIcon />\n                </Tooltip>\n              </Button>\n              <Button\n                onClick={randomize}\n                style={{ fontSize: 'small', minWidth: '40px' }}\n              >\n                <Tooltip\n                  title=\"Randomize\"\n                  color=\"primary\"\n                  sx={{ ml: 1 }}\n                  placement=\"bottom\"\n                >\n                  <ShuffleIcon />\n                </Tooltip>\n              </Button>\n              <Button\n                onClick={organize}\n                style={{ fontSize: 'small', minWidth: '40px' }}\n              >\n                <Tooltip\n                  title=\"Organize\"\n                  color=\"primary\"\n                  sx={{ ml: 1 }}\n                  placement=\"bottom\"\n                >\n                  <InsightsIcon />\n                </Tooltip>\n              </Button>\n              <Button\n                onClick={toggleLabels}\n                style={{ fontSize: 'small', minWidth: '40px' }}\n              >\n                <Tooltip\n                  title=\"Toggle Labels\"\n                  color=\"primary\"\n                  sx={{ ml: 1 }}\n                  placement=\"bottom\"\n                >\n                  {labelsOn ? <LabelOffIcon /> : <LabelIcon />}\n                </Tooltip>\n              </Button>\n            </Stack>\n          </Stack>\n        </>\n      )}\n    </Paper>\n  );\n};\n\nexport default ControlPanel;\n"],"names":["ControlPanel","t0","$","_c","toggles","onToggle","simpleCategories","edgeType","colorFunc","elements","edges","scales","scaleWidth","downloadScreenshot","randomize","organize","toggleLabels","labelsOn","legendToggle","legendNodeLabel","legendEdgeLabel","uniqueCat","scaleLabel","collapsed","setCollapsed","useState","t1","t2","position","top","right","width","backgroundColor","transition","zIndex","overflowX","marginRight","marginTop","overflowY","maxHeight","panelStyle","t3","t4","height","display","alignItems","justifyContent","cursor","padding","buttonStyle","t5","t6","Symbol","for","typography","textTransform","t7","jsx","KeyboardDoubleArrowLeftIcon","marginLeft","KeyboardDoubleArrowRightIcon","t8","Button","t9","jsxs","Fragment","Typography","fontSize","Stack","Legend","ScaleLegend","marginBottom","minWidth","Tooltip","ml","DownloadIcon","ShuffleIcon","InsightsIcon","LabelOffIcon","LabelIcon","t10","Paper"],"mappings":"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"}

package/dist/visualization.es450.js

@@ -1,29 +1,7 @@
-const e = /* @__PURE__ */ new Set([
-  "baseFrequency",
-  "diffuseConstant",
-  "kernelMatrix",
-  "kernelUnitLength",
-  "keySplines",
-  "keyTimes",
-  "limitingConeAngle",
-  "markerHeight",
-  "markerWidth",
-  "numOctaves",
-  "targetX",
-  "targetY",
-  "surfaceScale",
-  "specularConstant",
-  "specularExponent",
-  "stdDeviation",
-  "tableValues",
-  "viewBox",
-  "gradientTransform",
-  "pathLength",
-  "startOffset",
-  "textLength",
-  "lengthAdjust"
-]);
+function t(r) {
+  return typeof r == "string" || Array.isArray(r);
+}
 export {
-  e as camelCaseAttributes
+  t as isVariantLabel
 };
 //# 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/svg/utils/camel-case-attrs.mjs"],"sourcesContent":["/**\n * A set of attribute names that are always read/written as camel case.\n */\nconst camelCaseAttributes = new Set([\n    \"baseFrequency\",\n    \"diffuseConstant\",\n    \"kernelMatrix\",\n    \"kernelUnitLength\",\n    \"keySplines\",\n    \"keyTimes\",\n    \"limitingConeAngle\",\n    \"markerHeight\",\n    \"markerWidth\",\n    \"numOctaves\",\n    \"targetX\",\n    \"targetY\",\n    \"surfaceScale\",\n    \"specularConstant\",\n    \"specularExponent\",\n    \"stdDeviation\",\n    \"tableValues\",\n    \"viewBox\",\n    \"gradientTransform\",\n    \"pathLength\",\n    \"startOffset\",\n    \"textLength\",\n    \"lengthAdjust\",\n]);\n\nexport { camelCaseAttributes };\n//# sourceMappingURL=camel-case-attrs.mjs.map\n"],"names":["camelCaseAttributes"],"mappings":"AAGK,MAACA,IAAsB,oBAAI,IAAI;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,CAAC;","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/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.es451.js

@@ -1,5 +1,15 @@
-const s = (o) => typeof o == "string" && o.toLowerCase() === "svg";
+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 {
-  s as isSVGTag
+  f as shallowCompare
 };
 //# 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/render/svg/utils/is-svg-tag.mjs"],"sourcesContent":["const isSVGTag = (tag) => typeof tag === \"string\" && tag.toLowerCase() === \"svg\";\n\nexport { isSVGTag };\n//# sourceMappingURL=is-svg-tag.mjs.map\n"],"names":["isSVGTag","tag"],"mappings":"AAAK,MAACA,IAAW,CAACC,MAAQ,OAAOA,KAAQ,YAAYA,EAAI,kBAAkB;","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/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.es452.js

@@ -1,12 +1,14 @@
-import { camelToDash as i } from "./visualization.es358.js";
-import { renderHTML as m } from "./visualization.es445.js";
-import { camelCaseAttributes as e } from "./visualization.es450.js";
-function c(o, t, f, s) {
-  m(o, t, void 0, s);
-  for (const r in t.attrs)
-    o.setAttribute(e.has(r) ? r : i(r), t.attrs[r]);
-}
+const i = [
+  "animate",
+  "whileInView",
+  "whileFocus",
+  "whileHover",
+  "whileTap",
+  "whileDrag",
+  "exit"
+], e = ["initial", ...i];
 export {
-  c as renderSVG
+  i as variantPriorityOrder,
+  e as variantProps
 };
 //# 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/render/svg/utils/render.mjs"],"sourcesContent":["import { camelToDash } from '../../dom/utils/camel-to-dash.mjs';\nimport { renderHTML } from '../../html/utils/render.mjs';\nimport { camelCaseAttributes } from './camel-case-attrs.mjs';\n\nfunction renderSVG(element, renderState, _styleProp, projection) {\n    renderHTML(element, renderState, undefined, projection);\n    for (const key in renderState.attrs) {\n        element.setAttribute(!camelCaseAttributes.has(key) ? camelToDash(key) : key, renderState.attrs[key]);\n    }\n}\n\nexport { renderSVG };\n//# sourceMappingURL=render.mjs.map\n"],"names":["renderSVG","element","renderState","_styleProp","projection","renderHTML","key","camelCaseAttributes","camelToDash"],"mappings":";;;AAIA,SAASA,EAAUC,GAASC,GAAaC,GAAYC,GAAY;AAC7D,EAAAC,EAAWJ,GAASC,GAAa,QAAWE,CAAU;AACtD,aAAWE,KAAOJ,EAAY;AAC1B,IAAAD,EAAQ,aAAcM,EAAoB,IAAID,CAAG,IAAuBA,IAAnBE,EAAYF,CAAG,GAASJ,EAAY,MAAMI,CAAG,CAAC;AAE3G;","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/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.es453.js

@@ -1,16 +1,10 @@
-import { isMotionValue as n } from "./visualization.es193.js";
-import { transformPropOrder as i } from "./visualization.es344.js";
-import { scrapeMotionValuesFromProps as m } from "./visualization.es446.js";
-function l(r, t, s) {
-  const e = m(r, t, s);
-  for (const o in r)
-    if (n(r[o]) || n(t[o])) {
-      const a = i.indexOf(o) !== -1 ? "attr" + o.charAt(0).toUpperCase() + o.substring(1) : o;
-      e[a] = r[o];
-    }
-  return e;
+import { transformProps as i } from "./visualization.es335.js";
+import { scaleCorrectors as n } from "./visualization.es454.js";
+function c(r, { layout: o, layoutId: t }) {
+  return i.has(r) || r.startsWith("origin") || (o || t !== void 0) && (!!n[r] || r === "opacity");
 }
 export {
-  l as scrapeMotionValuesFromProps
+  c as isForcedMotionValue,
+  n 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/render/svg/utils/scrape-motion-values.mjs"],"sourcesContent":["import { isMotionValue } from '../../../value/utils/is-motion-value.mjs';\nimport { transformPropOrder } from '../../utils/keys-transform.mjs';\nimport { scrapeMotionValuesFromProps as scrapeMotionValuesFromProps$1 } from '../../html/utils/scrape-motion-values.mjs';\n\nfunction scrapeMotionValuesFromProps(props, prevProps, visualElement) {\n    const newValues = scrapeMotionValuesFromProps$1(props, prevProps, visualElement);\n    for (const key in props) {\n        if (isMotionValue(props[key]) ||\n            isMotionValue(prevProps[key])) {\n            const targetKey = transformPropOrder.indexOf(key) !== -1\n                ? \"attr\" + key.charAt(0).toUpperCase() + key.substring(1)\n                : key;\n            newValues[targetKey] = props[key];\n        }\n    }\n    return newValues;\n}\n\nexport { scrapeMotionValuesFromProps };\n//# sourceMappingURL=scrape-motion-values.mjs.map\n"],"names":["scrapeMotionValuesFromProps","props","prevProps","visualElement","newValues","scrapeMotionValuesFromProps$1","key","isMotionValue","targetKey","transformPropOrder"],"mappings":";;;AAIA,SAASA,EAA4BC,GAAOC,GAAWC,GAAe;AAClE,QAAMC,IAAYC,EAA8BJ,GAAOC,GAAWC,CAAa;AAC/E,aAAWG,KAAOL;AACd,QAAIM,EAAcN,EAAMK,CAAG,CAAC,KACxBC,EAAcL,EAAUI,CAAG,CAAC,GAAG;AAC/B,YAAME,IAAYC,EAAmB,QAAQH,CAAG,MAAM,KAChD,SAASA,EAAI,OAAO,CAAC,EAAE,gBAAgBA,EAAI,UAAU,CAAC,IACtDA;AACN,MAAAF,EAAUI,CAAS,IAAIP,EAAMK,CAAG;AAAA,IACpC;AAEJ,SAAOF;AACX;","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/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.es454.js

@@ -1,26 +1,22 @@
-import { motionValue as r } from "./visualization.es421.js";
-import { isMotionValue as f } from "./visualization.es193.js";
-function d(a, e, s) {
-  for (const o in e) {
-    const i = e[o], t = s[o];
-    if (f(i))
-      a.addValue(o, i);
-    else if (f(t))
-      a.addValue(o, r(i, { owner: a }));
-    else if (t !== i)
-      if (a.hasValue(o)) {
-        const u = a.getValue(o);
-        u.liveStyle === !0 ? u.jump(i) : u.hasAnimated || u.set(i);
-      } else {
-        const u = a.getStaticValue(o);
-        a.addValue(o, r(u !== void 0 ? u : i, { owner: a }));
-      }
-  }
-  for (const o in s)
-    e[o] === void 0 && a.removeValue(o);
-  return e;
-}
+import { correctBorderRadius as o } from "./visualization.es463.js";
+import { correctBoxShadow as r } from "./visualization.es464.js";
+const e = {
+  borderRadius: {
+    ...o,
+    applyTo: [
+      "borderTopLeftRadius",
+      "borderTopRightRadius",
+      "borderBottomLeftRadius",
+      "borderBottomRightRadius"
+    ]
+  },
+  borderTopLeftRadius: o,
+  borderTopRightRadius: o,
+  borderBottomLeftRadius: o,
+  borderBottomRightRadius: o,
+  boxShadow: r
+};
 export {
-  d as updateMotionValuesFromProps
+  e as scaleCorrectors
 };
 //# 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/render/utils/motion-values.mjs"],"sourcesContent":["import { motionValue } from '../../value/index.mjs';\nimport { isMotionValue } from '../../value/utils/is-motion-value.mjs';\n\n/**\n * Updates motion values from props changes.\n * Uses `any` type for element to avoid circular dependencies with VisualElement.\n */\nfunction updateMotionValuesFromProps(element, next, prev) {\n    for (const key in next) {\n        const nextValue = next[key];\n        const prevValue = prev[key];\n        if (isMotionValue(nextValue)) {\n            /**\n             * If this is a motion value found in props or style, we want to add it\n             * to our visual element's motion value map.\n             */\n            element.addValue(key, nextValue);\n        }\n        else if (isMotionValue(prevValue)) {\n            /**\n             * If we're swapping from a motion value to a static value,\n             * create a new motion value from that\n             */\n            element.addValue(key, motionValue(nextValue, { owner: element }));\n        }\n        else if (prevValue !== nextValue) {\n            /**\n             * If this is a flat value that has changed, update the motion value\n             * or create one if it doesn't exist. We only want to do this if we're\n             * not handling the value with our animation state.\n             */\n            if (element.hasValue(key)) {\n                const existingValue = element.getValue(key);\n                if (existingValue.liveStyle === true) {\n                    existingValue.jump(nextValue);\n                }\n                else if (!existingValue.hasAnimated) {\n                    existingValue.set(nextValue);\n                }\n            }\n            else {\n                const latestValue = element.getStaticValue(key);\n                element.addValue(key, motionValue(latestValue !== undefined ? latestValue : nextValue, { owner: element }));\n            }\n        }\n    }\n    // Handle removed values\n    for (const key in prev) {\n        if (next[key] === undefined)\n            element.removeValue(key);\n    }\n    return next;\n}\n\nexport { updateMotionValuesFromProps };\n//# sourceMappingURL=motion-values.mjs.map\n"],"names":["updateMotionValuesFromProps","element","next","prev","key","nextValue","prevValue","isMotionValue","motionValue","existingValue","latestValue"],"mappings":";;AAOA,SAASA,EAA4BC,GAASC,GAAMC,GAAM;AACtD,aAAWC,KAAOF,GAAM;AACpB,UAAMG,IAAYH,EAAKE,CAAG,GACpBE,IAAYH,EAAKC,CAAG;AAC1B,QAAIG,EAAcF,CAAS;AAKvB,MAAAJ,EAAQ,SAASG,GAAKC,CAAS;AAAA,aAE1BE,EAAcD,CAAS;AAK5B,MAAAL,EAAQ,SAASG,GAAKI,EAAYH,GAAW,EAAE,OAAOJ,EAAO,CAAE,CAAC;AAAA,aAE3DK,MAAcD;AAMnB,UAAIJ,EAAQ,SAASG,CAAG,GAAG;AACvB,cAAMK,IAAgBR,EAAQ,SAASG,CAAG;AAC1C,QAAIK,EAAc,cAAc,KAC5BA,EAAc,KAAKJ,CAAS,IAEtBI,EAAc,eACpBA,EAAc,IAAIJ,CAAS;AAAA,MAEnC,OACK;AACD,cAAMK,IAAcT,EAAQ,eAAeG,CAAG;AAC9C,QAAAH,EAAQ,SAASG,GAAKI,EAAYE,MAAgB,SAAYA,IAAcL,GAAW,EAAE,OAAOJ,EAAO,CAAE,CAAC;AAAA,MAC9G;AAAA,EAER;AAEA,aAAWG,KAAOD;AACd,IAAID,EAAKE,CAAG,MAAM,UACdH,EAAQ,YAAYG,CAAG;AAE/B,SAAOF;AACX;","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/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.es455.js

@@ -1,16 +1,26 @@
-import { hasReducedMotionListener as t, prefersReducedMotion as r } from "./visualization.es456.js";
-const o = typeof window < "u";
-function d() {
-  if (t.current = !0, !!o)
-    if (window.matchMedia) {
-      const e = window.matchMedia("(prefers-reduced-motion)"), n = () => r.current = e.matches;
-      e.addEventListener("change", n), n();
-    } else
-      r.current = !1;
+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 {
-  t as hasReducedMotionListener,
-  d as initPrefersReducedMotion,
-  r as prefersReducedMotion
+  r as convertBoundingBoxToBox,
+  e as convertBoxToBoundingBox,
+  m as transformBoxPoints
 };
 //# sourceMappingURL=visualization.es455.js.map

package/dist/visualization.es455.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es455.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/reduced-motion/index.mjs"],"sourcesContent":["import { hasReducedMotionListener, prefersReducedMotion } from './state.mjs';\n\nconst isBrowser = typeof window !== \"undefined\";\nfunction initPrefersReducedMotion() {\n    hasReducedMotionListener.current = true;\n    if (!isBrowser)\n        return;\n    if (window.matchMedia) {\n        const motionMediaQuery = window.matchMedia(\"(prefers-reduced-motion)\");\n        const setReducedMotionPreferences = () => (prefersReducedMotion.current = motionMediaQuery.matches);\n        motionMediaQuery.addEventListener(\"change\", setReducedMotionPreferences);\n        setReducedMotionPreferences();\n    }\n    else {\n        prefersReducedMotion.current = false;\n    }\n}\n\nexport { hasReducedMotionListener, initPrefersReducedMotion, prefersReducedMotion };\n//# sourceMappingURL=index.mjs.map\n"],"names":["isBrowser","initPrefersReducedMotion","hasReducedMotionListener","motionMediaQuery","setReducedMotionPreferences","prefersReducedMotion"],"mappings":";AAEA,MAAMA,IAAY,OAAO,SAAW;AACpC,SAASC,IAA2B;AAEhC,MADAC,EAAyB,UAAU,IAC/B,EAACF;AAEL,QAAI,OAAO,YAAY;AACnB,YAAMG,IAAmB,OAAO,WAAW,0BAA0B,GAC/DC,IAA8B,MAAOC,EAAqB,UAAUF,EAAiB;AAC3F,MAAAA,EAAiB,iBAAiB,UAAUC,CAA2B,GACvEA,EAA2B;AAAA,IAC/B;AAEI,MAAAC,EAAqB,UAAU;AAEvC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es455.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]}

package/dist/visualization.es456.js

@@ -1,6 +1,15 @@
-const e = { current: null }, n = { current: !1 };
+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;
+}
 export {
-  n as hasReducedMotionListener,
-  e as prefersReducedMotion
+  i as copyAxisDeltaInto,
+  c as copyAxisInto,
+  t as copyBoxInto
 };
 //# sourceMappingURL=visualization.es456.js.map

package/dist/visualization.es456.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es456.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]}
+{"version":3,"file":"visualization.es456.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]}

package/dist/visualization.es457.js

@@ -1,5 +1,54 @@
-const e = (t) => /^0[^.\s]+$/u.test(t);
+import { mixNumber as E } from "./visualization.es366.js";
+import { hasTransform as g } from "./visualization.es458.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);
+}
 export {
-  e as isZeroValueString
+  u as applyAxisDelta,
+  _ as applyBoxDelta,
+  p as applyPointDelta,
+  N as applyTreeDeltas,
+  y as scalePoint,
+  x as transformAxis,
+  d as transformBox,
+  m as translateAxis
 };
 //# sourceMappingURL=visualization.es457.js.map