@weng-lab/visualization 2.6.0-beta.1 → 2.7.0-beta.0

package/dist/visualization.es335.js

@@ -1,22 +1,57 @@
-import { motionValue as s } from "./visualization.es402.js";
-import { resolveVariant as f } from "./visualization.es284.js";
-import { isKeyframesTarget as l } from "./visualization.es382.js";
-function u(t, o, e) {
-  t.hasValue(o) ? t.getValue(o).set(e) : t.addValue(o, s(e));
+import { getValueTransition as S } from "./visualization.es329.js";
+import { resolveTransition as H } from "./visualization.es330.js";
+import { positionalKeys as B } from "./visualization.es337.js";
+import { setTarget as I } from "./visualization.es338.js";
+import { addValueToWillChange as P } from "./visualization.es339.js";
+import { getOptimisedAppearId as R } from "./visualization.es340.js";
+import { animateMotionValue as k } from "./visualization.es332.js";
+import { frame as d } from "./visualization.es333.js";
+function x({ protectedKeys: t, needsAnimating: r }, a) {
+  const s = t.hasOwnProperty(a) && r[a] !== !0;
+  return r[a] = !1, s;
 }
-function V(t) {
-  return l(t) ? t[t.length - 1] || 0 : t;
-}
-function p(t, o) {
-  const e = f(t, o);
-  let { transitionEnd: a = {}, transition: c = {}, ...r } = e || {};
-  r = { ...r, ...a };
-  for (const n in r) {
-    const i = V(r[n]);
-    u(t, n, i);
+function z(t, r, { delay: a = 0, transitionOverride: s, type: m } = {}) {
+  let { transition: n, transitionEnd: c, ...p } = r;
+  const l = t.getDefaultTransition();
+  n = n ? H(n, l) : l;
+  const V = n?.reduceMotion;
+  s && (n = s);
+  const f = [], T = m && t.animationState && t.animationState.getState()[m];
+  for (const o in p) {
+    const i = t.getValue(o, t.latestValues[o] ?? null), e = p[o];
+    if (e === void 0 || T && x(T, o))
+      continue;
+    const u = {
+      delay: a,
+      ...S(n || {}, o)
+    }, g = i.get();
+    if (g !== void 0 && !i.isAnimating() && !Array.isArray(e) && e === g && !u.velocity) {
+      d.update(() => i.set(e));
+      continue;
+    }
+    let h = !1;
+    if (window.MotionHandoffAnimation) {
+      const y = R(t);
+      if (y) {
+        const A = window.MotionHandoffAnimation(y, o, d);
+        A !== null && (u.startTime = A, h = !0);
+      }
+    }
+    P(t, o);
+    const w = V ?? t.shouldReduceMotion;
+    i.start(k(o, i, e, w && B.has(o) ? { type: !1 } : u, t, h));
+    const M = i.animation;
+    M && f.push(M);
+  }
+  if (c) {
+    const o = () => d.update(() => {
+      c && I(t, c);
+    });
+    f.length ? Promise.all(f).then(o) : o();
   }
+  return f;
 }
 export {
-  p as setTarget
+  z as animateTarget
 };
 //# sourceMappingURL=visualization.es335.js.map

package/dist/visualization.es335.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es335.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/setters.mjs"],"sourcesContent":["import { motionValue } from '../../value/index.mjs';\nimport { resolveVariant } from './resolve-dynamic-variants.mjs';\nimport { isKeyframesTarget } from './is-keyframes-target.mjs';\n\n/**\n * Set VisualElement's MotionValue, creating a new MotionValue for it if\n * it doesn't exist.\n */\nfunction setMotionValue(visualElement, key, value) {\n    if (visualElement.hasValue(key)) {\n        visualElement.getValue(key).set(value);\n    }\n    else {\n        visualElement.addValue(key, motionValue(value));\n    }\n}\nfunction resolveFinalValueInKeyframes(v) {\n    // TODO maybe throw if v.length - 1 is placeholder token?\n    return isKeyframesTarget(v) ? v[v.length - 1] || 0 : v;\n}\nfunction setTarget(visualElement, definition) {\n    const resolved = resolveVariant(visualElement, definition);\n    let { transitionEnd = {}, transition = {}, ...target } = resolved || {};\n    target = { ...target, ...transitionEnd };\n    for (const key in target) {\n        const value = resolveFinalValueInKeyframes(target[key]);\n        setMotionValue(visualElement, key, value);\n    }\n}\n\nexport { setTarget };\n//# sourceMappingURL=setters.mjs.map\n"],"names":["setMotionValue","visualElement","key","value","motionValue","resolveFinalValueInKeyframes","v","isKeyframesTarget","setTarget","definition","resolved","resolveVariant","transitionEnd","transition","target"],"mappings":";;;AAQA,SAASA,EAAeC,GAAeC,GAAKC,GAAO;AAC/C,EAAIF,EAAc,SAASC,CAAG,IAC1BD,EAAc,SAASC,CAAG,EAAE,IAAIC,CAAK,IAGrCF,EAAc,SAASC,GAAKE,EAAYD,CAAK,CAAC;AAEtD;AACA,SAASE,EAA6BC,GAAG;AAErC,SAAOC,EAAkBD,CAAC,IAAIA,EAAEA,EAAE,SAAS,CAAC,KAAK,IAAIA;AACzD;AACA,SAASE,EAAUP,GAAeQ,GAAY;AAC1C,QAAMC,IAAWC,EAAeV,GAAeQ,CAAU;AACzD,MAAI,EAAE,eAAAG,IAAgB,CAAA,GAAI,YAAAC,IAAa,CAAA,GAAI,GAAGC,EAAM,IAAKJ,KAAY,CAAA;AACrE,EAAAI,IAAS,EAAE,GAAGA,GAAQ,GAAGF,EAAa;AACtC,aAAWV,KAAOY,GAAQ;AACtB,UAAMX,IAAQE,EAA6BS,EAAOZ,CAAG,CAAC;AACtD,IAAAF,EAAeC,GAAeC,GAAKC,CAAK;AAAA,EAC5C;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es335.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/interfaces/visual-element-target.mjs"],"sourcesContent":["import { getValueTransition } from '../utils/get-value-transition.mjs';\nimport { resolveTransition } from '../utils/resolve-transition.mjs';\nimport { positionalKeys } from '../../render/utils/keys-position.mjs';\nimport { setTarget } from '../../render/utils/setters.mjs';\nimport { addValueToWillChange } from '../../value/will-change/add-will-change.mjs';\nimport { getOptimisedAppearId } from '../optimized-appear/get-appear-id.mjs';\nimport { animateMotionValue } from './motion-value.mjs';\nimport { frame } from '../../frameloop/frame.mjs';\n\n/**\n * Decide whether we should block this animation. Previously, we achieved this\n * just by checking whether the key was listed in protectedKeys, but this\n * posed problems if an animation was triggered by afterChildren and protectedKeys\n * had been set to true in the meantime.\n */\nfunction shouldBlockAnimation({ protectedKeys, needsAnimating }, key) {\n    const shouldBlock = protectedKeys.hasOwnProperty(key) && needsAnimating[key] !== true;\n    needsAnimating[key] = false;\n    return shouldBlock;\n}\nfunction animateTarget(visualElement, targetAndTransition, { delay = 0, transitionOverride, type } = {}) {\n    let { transition, transitionEnd, ...target } = targetAndTransition;\n    const defaultTransition = visualElement.getDefaultTransition();\n    transition = transition\n        ? resolveTransition(transition, defaultTransition)\n        : defaultTransition;\n    const reduceMotion = transition?.reduceMotion;\n    if (transitionOverride)\n        transition = transitionOverride;\n    const animations = [];\n    const animationTypeState = type &&\n        visualElement.animationState &&\n        visualElement.animationState.getState()[type];\n    for (const key in target) {\n        const value = visualElement.getValue(key, visualElement.latestValues[key] ?? null);\n        const valueTarget = target[key];\n        if (valueTarget === undefined ||\n            (animationTypeState &&\n                shouldBlockAnimation(animationTypeState, key))) {\n            continue;\n        }\n        const valueTransition = {\n            delay,\n            ...getValueTransition(transition || {}, key),\n        };\n        /**\n         * If the value is already at the defined target, skip the animation.\n         * We still re-assert the value via frame.update to take precedence\n         * over any stale transitionEnd callbacks from previous animations.\n         */\n        const currentValue = value.get();\n        if (currentValue !== undefined &&\n            !value.isAnimating() &&\n            !Array.isArray(valueTarget) &&\n            valueTarget === currentValue &&\n            !valueTransition.velocity) {\n            frame.update(() => value.set(valueTarget));\n            continue;\n        }\n        /**\n         * If this is the first time a value is being animated, check\n         * to see if we're handling off from an existing animation.\n         */\n        let isHandoff = false;\n        if (window.MotionHandoffAnimation) {\n            const appearId = getOptimisedAppearId(visualElement);\n            if (appearId) {\n                const startTime = window.MotionHandoffAnimation(appearId, key, frame);\n                if (startTime !== null) {\n                    valueTransition.startTime = startTime;\n                    isHandoff = true;\n                }\n            }\n        }\n        addValueToWillChange(visualElement, key);\n        const shouldReduceMotion = reduceMotion ?? visualElement.shouldReduceMotion;\n        value.start(animateMotionValue(key, value, valueTarget, shouldReduceMotion && positionalKeys.has(key)\n            ? { type: false }\n            : valueTransition, visualElement, isHandoff));\n        const animation = value.animation;\n        if (animation) {\n            animations.push(animation);\n        }\n    }\n    if (transitionEnd) {\n        const applyTransitionEnd = () => frame.update(() => {\n            transitionEnd && setTarget(visualElement, transitionEnd);\n        });\n        if (animations.length) {\n            Promise.all(animations).then(applyTransitionEnd);\n        }\n        else {\n            applyTransitionEnd();\n        }\n    }\n    return animations;\n}\n\nexport { animateTarget };\n//# sourceMappingURL=visual-element-target.mjs.map\n"],"names":["shouldBlockAnimation","protectedKeys","needsAnimating","key","shouldBlock","animateTarget","visualElement","targetAndTransition","delay","transitionOverride","type","transition","transitionEnd","target","defaultTransition","resolveTransition","reduceMotion","animations","animationTypeState","value","valueTarget","valueTransition","getValueTransition","currentValue","frame","isHandoff","appearId","getOptimisedAppearId","startTime","addValueToWillChange","shouldReduceMotion","animateMotionValue","positionalKeys","animation","applyTransitionEnd","setTarget"],"mappings":";;;;;;;;AAeA,SAASA,EAAqB,EAAE,eAAAC,GAAe,gBAAAC,EAAc,GAAIC,GAAK;AAClE,QAAMC,IAAcH,EAAc,eAAeE,CAAG,KAAKD,EAAeC,CAAG,MAAM;AACjF,SAAAD,EAAeC,CAAG,IAAI,IACfC;AACX;AACA,SAASC,EAAcC,GAAeC,GAAqB,EAAE,OAAAC,IAAQ,GAAG,oBAAAC,GAAoB,MAAAC,EAAI,IAAK,IAAI;AACrG,MAAI,EAAE,YAAAC,GAAY,eAAAC,GAAe,GAAGC,EAAM,IAAKN;AAC/C,QAAMO,IAAoBR,EAAc,qBAAoB;AAC5D,EAAAK,IAAaA,IACPI,EAAkBJ,GAAYG,CAAiB,IAC/CA;AACN,QAAME,IAAeL,GAAY;AACjC,EAAIF,MACAE,IAAaF;AACjB,QAAMQ,IAAa,CAAA,GACbC,IAAqBR,KACvBJ,EAAc,kBACdA,EAAc,eAAe,SAAQ,EAAGI,CAAI;AAChD,aAAWP,KAAOU,GAAQ;AACtB,UAAMM,IAAQb,EAAc,SAASH,GAAKG,EAAc,aAAaH,CAAG,KAAK,IAAI,GAC3EiB,IAAcP,EAAOV,CAAG;AAC9B,QAAIiB,MAAgB,UACfF,KACGlB,EAAqBkB,GAAoBf,CAAG;AAChD;AAEJ,UAAMkB,IAAkB;AAAA,MACpB,OAAAb;AAAA,MACA,GAAGc,EAAmBX,KAAc,CAAA,GAAIR,CAAG;AAAA,IACvD,GAMcoB,IAAeJ,EAAM,IAAG;AAC9B,QAAII,MAAiB,UACjB,CAACJ,EAAM,YAAW,KAClB,CAAC,MAAM,QAAQC,CAAW,KAC1BA,MAAgBG,KAChB,CAACF,EAAgB,UAAU;AAC3B,MAAAG,EAAM,OAAO,MAAML,EAAM,IAAIC,CAAW,CAAC;AACzC;AAAA,IACJ;AAKA,QAAIK,IAAY;AAChB,QAAI,OAAO,wBAAwB;AAC/B,YAAMC,IAAWC,EAAqBrB,CAAa;AACnD,UAAIoB,GAAU;AACV,cAAME,IAAY,OAAO,uBAAuBF,GAAUvB,GAAKqB,CAAK;AACpE,QAAII,MAAc,SACdP,EAAgB,YAAYO,GAC5BH,IAAY;AAAA,MAEpB;AAAA,IACJ;AACA,IAAAI,EAAqBvB,GAAeH,CAAG;AACvC,UAAM2B,IAAqBd,KAAgBV,EAAc;AACzD,IAAAa,EAAM,MAAMY,EAAmB5B,GAAKgB,GAAOC,GAAaU,KAAsBE,EAAe,IAAI7B,CAAG,IAC9F,EAAE,MAAM,GAAK,IACbkB,GAAiBf,GAAemB,CAAS,CAAC;AAChD,UAAMQ,IAAYd,EAAM;AACxB,IAAIc,KACAhB,EAAW,KAAKgB,CAAS;AAAA,EAEjC;AACA,MAAIrB,GAAe;AACf,UAAMsB,IAAqB,MAAMV,EAAM,OAAO,MAAM;AAChD,MAAAZ,KAAiBuB,EAAU7B,GAAeM,CAAa;AAAA,IAC3D,CAAC;AACD,IAAIK,EAAW,SACX,QAAQ,IAAIA,CAAU,EAAE,KAAKiB,CAAkB,IAG/CA,EAAkB;AAAA,EAE1B;AACA,SAAOjB;AACX;","x_google_ignoreList":[0]}

package/dist/visualization.es336.js

@@ -1,15 +1,30 @@
-import { isWillChangeMotionValue as o } from "./visualization.es422.js";
-import { MotionGlobalConfig as i } from "./visualization.es301.js";
-function C(a, n) {
-  const l = a.getValue("willChange");
-  if (o(l))
-    return l.add(n);
-  if (!l && i.WillChange) {
-    const e = new i.WillChange("auto");
-    a.addValue("willChange", e), e.add(n);
-  }
+import { resolveVariant as h } from "./visualization.es287.js";
+import { calcChildStagger as l } from "./visualization.es323.js";
+import { animateTarget as g } from "./visualization.es335.js";
+function C(r, i, t = {}) {
+  const n = h(r, i, t.type === "exit" ? r.presenceContext?.custom : void 0);
+  let { transition: o = r.getDefaultTransition() || {} } = n || {};
+  t.transitionOverride && (o = t.transitionOverride);
+  const a = n ? () => Promise.all(g(r, n, t)) : () => Promise.resolve(), s = r.variantChildren && r.variantChildren.size ? (e = 0) => {
+    const { delayChildren: f = 0, staggerChildren: d, staggerDirection: m } = o;
+    return y(r, i, e, f, d, m, t);
+  } : () => Promise.resolve(), { when: c } = o;
+  if (c) {
+    const [e, f] = c === "beforeChildren" ? [a, s] : [s, a];
+    return e().then(() => f());
+  } else
+    return Promise.all([a(), s(t.delay)]);
+}
+function y(r, i, t = 0, n = 0, o = 0, a = 1, s) {
+  const c = [];
+  for (const e of r.variantChildren)
+    e.notify("AnimationStart", i), c.push(C(e, i, {
+      ...s,
+      delay: t + (typeof n == "function" ? 0 : n) + l(r.variantChildren, e, n, o, a)
+    }).then(() => e.notify("AnimationComplete", i)));
+  return Promise.all(c);
 }
 export {
-  C as addValueToWillChange
+  C as animateVariant
 };
 //# sourceMappingURL=visualization.es336.js.map

package/dist/visualization.es336.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es336.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/will-change/add-will-change.mjs"],"sourcesContent":["import { MotionGlobalConfig } from 'motion-utils';\nimport { isWillChangeMotionValue } from './is.mjs';\n\nfunction addValueToWillChange(visualElement, key) {\n    const willChange = visualElement.getValue(\"willChange\");\n    /**\n     * It could be that a user has set willChange to a regular MotionValue,\n     * in which case we can't add the value to it.\n     */\n    if (isWillChangeMotionValue(willChange)) {\n        return willChange.add(key);\n    }\n    else if (!willChange && MotionGlobalConfig.WillChange) {\n        const newWillChange = new MotionGlobalConfig.WillChange(\"auto\");\n        visualElement.addValue(\"willChange\", newWillChange);\n        newWillChange.add(key);\n    }\n}\n\nexport { addValueToWillChange };\n//# sourceMappingURL=add-will-change.mjs.map\n"],"names":["addValueToWillChange","visualElement","key","willChange","isWillChangeMotionValue","MotionGlobalConfig","newWillChange"],"mappings":";;AAGA,SAASA,EAAqBC,GAAeC,GAAK;AAC9C,QAAMC,IAAaF,EAAc,SAAS,YAAY;AAKtD,MAAIG,EAAwBD,CAAU;AAClC,WAAOA,EAAW,IAAID,CAAG;AAExB,MAAI,CAACC,KAAcE,EAAmB,YAAY;AACnD,UAAMC,IAAgB,IAAID,EAAmB,WAAW,MAAM;AAC9D,IAAAJ,EAAc,SAAS,cAAcK,CAAa,GAClDA,EAAc,IAAIJ,CAAG;AAAA,EACzB;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es336.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/interfaces/visual-element-variant.mjs"],"sourcesContent":["import { resolveVariant } from '../../render/utils/resolve-dynamic-variants.mjs';\nimport { calcChildStagger } from '../utils/calc-child-stagger.mjs';\nimport { animateTarget } from './visual-element-target.mjs';\n\nfunction animateVariant(visualElement, variant, options = {}) {\n    const resolved = resolveVariant(visualElement, variant, options.type === \"exit\"\n        ? visualElement.presenceContext?.custom\n        : undefined);\n    let { transition = visualElement.getDefaultTransition() || {} } = resolved || {};\n    if (options.transitionOverride) {\n        transition = options.transitionOverride;\n    }\n    /**\n     * If we have a variant, create a callback that runs it as an animation.\n     * Otherwise, we resolve a Promise immediately for a composable no-op.\n     */\n    const getAnimation = resolved\n        ? () => Promise.all(animateTarget(visualElement, resolved, options))\n        : () => Promise.resolve();\n    /**\n     * If we have children, create a callback that runs all their animations.\n     * Otherwise, we resolve a Promise immediately for a composable no-op.\n     */\n    const getChildAnimations = visualElement.variantChildren && visualElement.variantChildren.size\n        ? (forwardDelay = 0) => {\n            const { delayChildren = 0, staggerChildren, staggerDirection, } = transition;\n            return animateChildren(visualElement, variant, forwardDelay, delayChildren, staggerChildren, staggerDirection, options);\n        }\n        : () => Promise.resolve();\n    /**\n     * If the transition explicitly defines a \"when\" option, we need to resolve either\n     * this animation or all children animations before playing the other.\n     */\n    const { when } = transition;\n    if (when) {\n        const [first, last] = when === \"beforeChildren\"\n            ? [getAnimation, getChildAnimations]\n            : [getChildAnimations, getAnimation];\n        return first().then(() => last());\n    }\n    else {\n        return Promise.all([getAnimation(), getChildAnimations(options.delay)]);\n    }\n}\nfunction animateChildren(visualElement, variant, delay = 0, delayChildren = 0, staggerChildren = 0, staggerDirection = 1, options) {\n    const animations = [];\n    for (const child of visualElement.variantChildren) {\n        child.notify(\"AnimationStart\", variant);\n        animations.push(animateVariant(child, variant, {\n            ...options,\n            delay: delay +\n                (typeof delayChildren === \"function\" ? 0 : delayChildren) +\n                calcChildStagger(visualElement.variantChildren, child, delayChildren, staggerChildren, staggerDirection),\n        }).then(() => child.notify(\"AnimationComplete\", variant)));\n    }\n    return Promise.all(animations);\n}\n\nexport { animateVariant };\n//# sourceMappingURL=visual-element-variant.mjs.map\n"],"names":["animateVariant","visualElement","variant","options","resolved","resolveVariant","transition","getAnimation","animateTarget","getChildAnimations","forwardDelay","delayChildren","staggerChildren","staggerDirection","animateChildren","when","first","last","delay","animations","child","calcChildStagger"],"mappings":";;;AAIA,SAASA,EAAeC,GAAeC,GAASC,IAAU,CAAA,GAAI;AAC1D,QAAMC,IAAWC,EAAeJ,GAAeC,GAASC,EAAQ,SAAS,SACnEF,EAAc,iBAAiB,SAC/B,MAAS;AACf,MAAI,EAAE,YAAAK,IAAaL,EAAc,qBAAoB,KAAM,CAAA,EAAE,IAAKG,KAAY,CAAA;AAC9E,EAAID,EAAQ,uBACRG,IAAaH,EAAQ;AAMzB,QAAMI,IAAeH,IACf,MAAM,QAAQ,IAAII,EAAcP,GAAeG,GAAUD,CAAO,CAAC,IACjE,MAAM,QAAQ,QAAO,GAKrBM,IAAqBR,EAAc,mBAAmBA,EAAc,gBAAgB,OACpF,CAACS,IAAe,MAAM;AACpB,UAAM,EAAE,eAAAC,IAAgB,GAAG,iBAAAC,GAAiB,kBAAAC,EAAgB,IAAMP;AAClE,WAAOQ,EAAgBb,GAAeC,GAASQ,GAAcC,GAAeC,GAAiBC,GAAkBV,CAAO;AAAA,EAC1H,IACE,MAAM,QAAQ,QAAO,GAKrB,EAAE,MAAAY,EAAI,IAAKT;AACjB,MAAIS,GAAM;AACN,UAAM,CAACC,GAAOC,CAAI,IAAIF,MAAS,mBACzB,CAACR,GAAcE,CAAkB,IACjC,CAACA,GAAoBF,CAAY;AACvC,WAAOS,EAAK,EAAG,KAAK,MAAMC,EAAI,CAAE;AAAA,EACpC;AAEI,WAAO,QAAQ,IAAI,CAACV,EAAY,GAAIE,EAAmBN,EAAQ,KAAK,CAAC,CAAC;AAE9E;AACA,SAASW,EAAgBb,GAAeC,GAASgB,IAAQ,GAAGP,IAAgB,GAAGC,IAAkB,GAAGC,IAAmB,GAAGV,GAAS;AAC/H,QAAMgB,IAAa,CAAA;AACnB,aAAWC,KAASnB,EAAc;AAC9B,IAAAmB,EAAM,OAAO,kBAAkBlB,CAAO,GACtCiB,EAAW,KAAKnB,EAAeoB,GAAOlB,GAAS;AAAA,MAC3C,GAAGC;AAAA,MACH,OAAOe,KACF,OAAOP,KAAkB,aAAa,IAAIA,KAC3CU,EAAiBpB,EAAc,iBAAiBmB,GAAOT,GAAeC,GAAiBC,CAAgB;AAAA,IACvH,CAAS,EAAE,KAAK,MAAMO,EAAM,OAAO,qBAAqBlB,CAAO,CAAC,CAAC;AAE7D,SAAO,QAAQ,IAAIiB,CAAU;AACjC;","x_google_ignoreList":[0]}

package/dist/visualization.es337.js

@@ -1,8 +1,14 @@
-import { optimizedAppearDataAttribute as p } from "./visualization.es338.js";
-function e(t) {
-  return t.props[p];
-}
+import { transformPropOrder as t } from "./visualization.es328.js";
+const r = /* @__PURE__ */ new Set([
+  "width",
+  "height",
+  "top",
+  "left",
+  "right",
+  "bottom",
+  ...t
+]);
 export {
-  e as getOptimisedAppearId
+  r as positionalKeys
 };
 //# sourceMappingURL=visualization.es337.js.map

package/dist/visualization.es337.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es337.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/optimized-appear/get-appear-id.mjs"],"sourcesContent":["import { optimizedAppearDataAttribute } from './data-id.mjs';\n\nfunction getOptimisedAppearId(visualElement) {\n    return visualElement.props[optimizedAppearDataAttribute];\n}\n\nexport { getOptimisedAppearId };\n//# sourceMappingURL=get-appear-id.mjs.map\n"],"names":["getOptimisedAppearId","visualElement","optimizedAppearDataAttribute"],"mappings":";AAEA,SAASA,EAAqBC,GAAe;AACzC,SAAOA,EAAc,MAAMC,CAA4B;AAC3D;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es337.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/keys-position.mjs"],"sourcesContent":["import { transformPropOrder } from './keys-transform.mjs';\n\nconst positionalKeys = new Set([\n    \"width\",\n    \"height\",\n    \"top\",\n    \"left\",\n    \"right\",\n    \"bottom\",\n    ...transformPropOrder,\n]);\n\nexport { positionalKeys };\n//# sourceMappingURL=keys-position.mjs.map\n"],"names":["positionalKeys","transformPropOrder"],"mappings":";AAEK,MAACA,IAAiB,oBAAI,IAAI;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAGC;AACP,CAAC;","x_google_ignoreList":[0]}

package/dist/visualization.es338.js

@@ -1,7 +1,22 @@
-import { camelToDash as a } from "./visualization.es339.js";
-const t = "framerAppearId", e = "data-" + a(t);
+import { motionValue as s } from "./visualization.es405.js";
+import { resolveVariant as f } from "./visualization.es287.js";
+import { isKeyframesTarget as l } from "./visualization.es385.js";
+function u(t, o, e) {
+  t.hasValue(o) ? t.getValue(o).set(e) : t.addValue(o, s(e));
+}
+function V(t) {
+  return l(t) ? t[t.length - 1] || 0 : t;
+}
+function p(t, o) {
+  const e = f(t, o);
+  let { transitionEnd: a = {}, transition: c = {}, ...r } = e || {};
+  r = { ...r, ...a };
+  for (const n in r) {
+    const i = V(r[n]);
+    u(t, n, i);
+  }
+}
 export {
-  e as optimizedAppearDataAttribute,
-  t as optimizedAppearDataId
+  p as setTarget
 };
 //# sourceMappingURL=visualization.es338.js.map

package/dist/visualization.es338.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es338.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/optimized-appear/data-id.mjs"],"sourcesContent":["import { camelToDash } from '../../render/dom/utils/camel-to-dash.mjs';\n\nconst optimizedAppearDataId = \"framerAppearId\";\nconst optimizedAppearDataAttribute = \"data-\" + camelToDash(optimizedAppearDataId);\n\nexport { optimizedAppearDataAttribute, optimizedAppearDataId };\n//# sourceMappingURL=data-id.mjs.map\n"],"names":["optimizedAppearDataId","optimizedAppearDataAttribute","camelToDash"],"mappings":";AAEK,MAACA,IAAwB,kBACxBC,IAA+B,UAAUC,EAAYF,CAAqB;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es338.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/setters.mjs"],"sourcesContent":["import { motionValue } from '../../value/index.mjs';\nimport { resolveVariant } from './resolve-dynamic-variants.mjs';\nimport { isKeyframesTarget } from './is-keyframes-target.mjs';\n\n/**\n * Set VisualElement's MotionValue, creating a new MotionValue for it if\n * it doesn't exist.\n */\nfunction setMotionValue(visualElement, key, value) {\n    if (visualElement.hasValue(key)) {\n        visualElement.getValue(key).set(value);\n    }\n    else {\n        visualElement.addValue(key, motionValue(value));\n    }\n}\nfunction resolveFinalValueInKeyframes(v) {\n    // TODO maybe throw if v.length - 1 is placeholder token?\n    return isKeyframesTarget(v) ? v[v.length - 1] || 0 : v;\n}\nfunction setTarget(visualElement, definition) {\n    const resolved = resolveVariant(visualElement, definition);\n    let { transitionEnd = {}, transition = {}, ...target } = resolved || {};\n    target = { ...target, ...transitionEnd };\n    for (const key in target) {\n        const value = resolveFinalValueInKeyframes(target[key]);\n        setMotionValue(visualElement, key, value);\n    }\n}\n\nexport { setTarget };\n//# sourceMappingURL=setters.mjs.map\n"],"names":["setMotionValue","visualElement","key","value","motionValue","resolveFinalValueInKeyframes","v","isKeyframesTarget","setTarget","definition","resolved","resolveVariant","transitionEnd","transition","target"],"mappings":";;;AAQA,SAASA,EAAeC,GAAeC,GAAKC,GAAO;AAC/C,EAAIF,EAAc,SAASC,CAAG,IAC1BD,EAAc,SAASC,CAAG,EAAE,IAAIC,CAAK,IAGrCF,EAAc,SAASC,GAAKE,EAAYD,CAAK,CAAC;AAEtD;AACA,SAASE,EAA6BC,GAAG;AAErC,SAAOC,EAAkBD,CAAC,IAAIA,EAAEA,EAAE,SAAS,CAAC,KAAK,IAAIA;AACzD;AACA,SAASE,EAAUP,GAAeQ,GAAY;AAC1C,QAAMC,IAAWC,EAAeV,GAAeQ,CAAU;AACzD,MAAI,EAAE,eAAAG,IAAgB,CAAA,GAAI,YAAAC,IAAa,CAAA,GAAI,GAAGC,EAAM,IAAKJ,KAAY,CAAA;AACrE,EAAAI,IAAS,EAAE,GAAGA,GAAQ,GAAGF,EAAa;AACtC,aAAWV,KAAOY,GAAQ;AACtB,UAAMX,IAAQE,EAA6BS,EAAOZ,CAAG,CAAC;AACtD,IAAAF,EAAeC,GAAeC,GAAKC,CAAK;AAAA,EAC5C;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es339.js

@@ -1,7 +1,15 @@
-function r(e) {
-  return e.replace(/([A-Z])/g, (o) => `-${o.toLowerCase()}`);
+import { isWillChangeMotionValue as o } from "./visualization.es425.js";
+import { MotionGlobalConfig as i } from "./visualization.es304.js";
+function C(a, n) {
+  const l = a.getValue("willChange");
+  if (o(l))
+    return l.add(n);
+  if (!l && i.WillChange) {
+    const e = new i.WillChange("auto");
+    a.addValue("willChange", e), e.add(n);
+  }
 }
 export {
-  r as camelToDash
+  C as addValueToWillChange
 };
 //# sourceMappingURL=visualization.es339.js.map

package/dist/visualization.es339.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es339.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/dom/utils/camel-to-dash.mjs"],"sourcesContent":["function camelToDash(str) {\n    return str.replace(/([A-Z])/g, (match) => `-${match.toLowerCase()}`);\n}\n\nexport { camelToDash };\n//# sourceMappingURL=camel-to-dash.mjs.map\n"],"names":["camelToDash","str","match"],"mappings":"AAAA,SAASA,EAAYC,GAAK;AACtB,SAAOA,EAAI,QAAQ,YAAY,CAACC,MAAU,IAAIA,EAAM,YAAW,CAAE,EAAE;AACvE;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es339.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/will-change/add-will-change.mjs"],"sourcesContent":["import { MotionGlobalConfig } from 'motion-utils';\nimport { isWillChangeMotionValue } from './is.mjs';\n\nfunction addValueToWillChange(visualElement, key) {\n    const willChange = visualElement.getValue(\"willChange\");\n    /**\n     * It could be that a user has set willChange to a regular MotionValue,\n     * in which case we can't add the value to it.\n     */\n    if (isWillChangeMotionValue(willChange)) {\n        return willChange.add(key);\n    }\n    else if (!willChange && MotionGlobalConfig.WillChange) {\n        const newWillChange = new MotionGlobalConfig.WillChange(\"auto\");\n        visualElement.addValue(\"willChange\", newWillChange);\n        newWillChange.add(key);\n    }\n}\n\nexport { addValueToWillChange };\n//# sourceMappingURL=add-will-change.mjs.map\n"],"names":["addValueToWillChange","visualElement","key","willChange","isWillChangeMotionValue","MotionGlobalConfig","newWillChange"],"mappings":";;AAGA,SAASA,EAAqBC,GAAeC,GAAK;AAC9C,QAAMC,IAAaF,EAAc,SAAS,YAAY;AAKtD,MAAIG,EAAwBD,CAAU;AAClC,WAAOA,EAAW,IAAID,CAAG;AAExB,MAAI,CAACC,KAAcE,EAAmB,YAAY;AACnD,UAAMC,IAAgB,IAAID,EAAmB,WAAW,MAAM;AAC9D,IAAAJ,EAAc,SAAS,cAAcK,CAAa,GAClDA,EAAc,IAAIJ,CAAG;AAAA,EACzB;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es34.js

@@ -1,144 +1,134 @@
-import { jsx as C, jsxs as lt } from "react/jsx-runtime";
-import { c as mt } from "react/compiler-runtime";
-import { useRef as rt, useEffect as dt } from "react";
-import { CROSSHAIR_STROKE as it, CROSSHAIR_DASH as pt, CROSSHAIR_STROKE_WIDTH as gt } from "./visualization.es102.js";
-import { useStableCallback as yt } from "./visualization.es20.js";
-const i = 0.25, st = gt / i, at = pt.map((z) => z / i).join(","), At = (z) => {
-  const t = mt(76), {
-    miniMap: H,
-    width: ct,
-    height: ft,
-    pointData: U,
-    xScale: E,
-    yScale: O,
-    zoom: n,
-    crosshair: D
-  } = z, c = D ? E(D.x) : null, f = D ? O(D.y) : null, o = ct - 100, l = ft - 100, s = rt(null), Y = rt(null), B = rt(null);
-  let W;
-  t[0] !== n ? (W = () => {
-    const e = B.current, r = Y.current;
-    B.current = null, !(!e || !r) && n.setTransformMatrix({
-      ...n.transformMatrix,
-      translateX: r.translateX - (e.x - r.x) / i * n.transformMatrix.scaleX,
-      translateY: r.translateY - (e.y - r.y) / i * n.transformMatrix.scaleY
-    });
-  }, t[0] = n, t[1] = W) : W = t[1];
-  const u = yt(W);
-  let w;
-  t[2] !== n.transformMatrix.translateX || t[3] !== n.transformMatrix.translateY ? (w = (e, r) => {
-    Y.current = {
-      x: e,
-      y: r,
-      translateX: n.transformMatrix.translateX,
-      translateY: n.transformMatrix.translateY
-    };
-  }, t[2] = n.transformMatrix.translateX, t[3] = n.transformMatrix.translateY, t[4] = w) : w = t[4];
-  const h = w;
-  let F;
-  t[5] !== u ? (F = (e, r) => {
-    Y.current && (B.current = {
-      x: e,
-      y: r
-    }, s.current === null && (s.current = requestAnimationFrame(() => {
-      s.current = null, u();
-    })));
-  }, t[5] = u, t[6] = F) : F = t[6];
-  const m = F;
-  let j;
-  t[7] !== u || t[8] !== n ? (j = () => {
-    s.current !== null && (cancelAnimationFrame(s.current), s.current = null), u(), Y.current = null, n.dragEnd();
-  }, t[7] = u, t[8] = n, t[9] = j) : j = t[9];
-  const a = j;
-  let K, N;
-  t[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (K = () => () => {
-    s.current !== null && cancelAnimationFrame(s.current);
-  }, N = [], t[10] = K, t[11] = N) : (K = t[10], N = t[11]), dt(K, N);
-  const G = H.position ? H.position.bottom : 10, J = H.position ? H.position.right : 10;
-  let d;
-  t[12] !== G || t[13] !== J ? (d = {
+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.es119.js";
+import X from "./visualization.es120.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",
-    bottom: G,
-    right: J
-  }, t[12] = G, t[13] = J, t[14] = d) : d = t[14];
-  const Q = o * i, V = l * i;
+    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;
-  t[15] !== l || t[16] !== o || t[17] !== U || t[18] !== E || t[19] !== O ? (p = (e) => {
-    if (e) {
-      const r = e.getContext("2d"), nt = o * i, ot = l * i;
-      r && (r.clearRect(0, 0, e.width, e.height), r.fillStyle = "white", r.fillRect(0, 0, nt, ot), r.strokeStyle = "grey", r.lineWidth = 4, r.strokeRect(0, 0, nt, ot), U.forEach((et) => {
-        const ut = E(et.x) * i, ht = O(et.y) * i;
-        r.beginPath(), r.arc(ut, ht, 3 * i, 0, Math.PI * 2), r.fillStyle = et.color ?? "black", r.fill();
-      }));
-    }
-  }, t[15] = l, t[16] = o, t[17] = U, t[18] = E, t[19] = O, t[20] = p) : p = t[20];
-  let L;
-  t[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = {
-    display: "block"
-  }, t[21] = L) : L = t[21];
-  let g;
-  t[22] !== Q || t[23] !== V || t[24] !== p ? (g = /* @__PURE__ */ C("canvas", { width: Q, height: V, ref: p, style: L }), t[22] = Q, t[23] = V, t[24] = p, t[25] = g) : g = t[25];
-  const Z = o * i, v = l * i;
-  let $;
-  t[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($ = {
-    position: "absolute",
-    top: 0,
-    left: 0
-  }, t[26] = $) : $ = t[26];
-  let y;
-  t[27] !== n ? (y = n.toStringInvert(), t[27] = n, t[28] = y) : y = t[28];
-  const tt = n.isDragging ? "grabbing" : "grab";
-  let S;
-  t[29] !== tt ? (S = {
-    cursor: tt,
-    touchAction: "none"
-  }, t[29] = tt, t[30] = S) : S = t[30];
-  let x;
-  t[31] !== h || t[32] !== n ? (x = (e) => {
-    e.pointerType !== "touch" && (e.currentTarget.setPointerCapture(e.pointerId), h(e.clientX, e.clientY), n.dragStart(e));
-  }, t[31] = h, t[32] = n, t[33] = x) : x = t[33];
-  let M;
-  t[34] !== m ? (M = (e) => {
-    e.pointerType !== "touch" && m(e.clientX, e.clientY);
-  }, t[34] = m, t[35] = M) : M = t[35];
-  let R, b;
-  t[36] !== a ? (R = (e) => {
-    e.pointerType !== "touch" && a();
-  }, b = (e) => {
-    e.pointerType !== "touch" && Y.current && a();
-  }, t[36] = a, t[37] = R, t[38] = b) : (R = t[37], b = t[38]);
-  let A;
-  t[39] !== h || t[40] !== n ? (A = (e) => {
-    const r = e.touches[0];
-    r && h(r.clientX, r.clientY), n.dragStart(e);
-  }, t[39] = h, t[40] = n, t[41] = A) : A = t[41];
-  let I;
-  t[42] !== m ? (I = (e) => {
-    if (e.touches.length !== 1)
-      return;
-    const r = e.touches[0];
-    m(r.clientX, r.clientY);
-  }, t[42] = m, t[43] = I) : I = t[43];
-  let T;
-  t[44] !== a || t[45] !== l || t[46] !== o || t[47] !== y || t[48] !== S || t[49] !== x || t[50] !== M || t[51] !== R || t[52] !== b || t[53] !== A || t[54] !== I ? (T = /* @__PURE__ */ C("rect", { width: o, height: l, fill: "#0d0f98", fillOpacity: 0.2, stroke: "#0d0f98", strokeWidth: 4, rx: 8, transform: y, style: S, onPointerDown: x, onPointerMove: M, onPointerUp: R, onLostPointerCapture: b, onTouchStart: A, onTouchEnd: a, onTouchCancel: a, onTouchMove: I }), t[44] = a, t[45] = l, t[46] = o, t[47] = y, t[48] = S, t[49] = x, t[50] = M, t[51] = R, t[52] = b, t[53] = A, t[54] = I, t[55] = T) : T = t[55];
-  let P;
-  t[56] !== f || t[57] !== l || t[58] !== o ? (P = f !== null && f >= 0 && f <= l && /* @__PURE__ */ C("line", { x1: 0, x2: o, y1: f, y2: f, stroke: it, strokeWidth: st, strokeDasharray: at, pointerEvents: "none" }), t[56] = f, t[57] = l, t[58] = o, t[59] = P) : P = t[59];
-  let _;
-  t[60] !== c || t[61] !== l || t[62] !== o ? (_ = c !== null && c >= 0 && c <= o && /* @__PURE__ */ C("line", { x1: c, x2: c, y1: 0, y2: l, stroke: it, strokeWidth: st, strokeDasharray: at, pointerEvents: "none" }), t[60] = c, t[61] = l, t[62] = o, t[63] = _) : _ = t[63];
-  let k;
-  t[64] !== T || t[65] !== P || t[66] !== _ ? (k = /* @__PURE__ */ lt("g", { transform: `scale(${i})`, children: [
-    T,
-    P,
-    _
-  ] }), t[64] = T, t[65] = P, t[66] = _, t[67] = k) : k = t[67];
-  let X;
-  t[68] !== Z || t[69] !== v || t[70] !== k ? (X = /* @__PURE__ */ C("svg", { width: Z, height: v, style: $, children: k }), t[68] = Z, t[69] = v, t[70] = k, t[71] = X) : X = t[71];
-  let q;
-  return t[72] !== g || t[73] !== X || t[74] !== d ? (q = /* @__PURE__ */ lt("div", { style: d, children: [
-    g,
-    X
-  ] }), t[72] = g, t[73] = X, t[74] = d, t[75] = q) : q = t[75], q;
+  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 {
-  At as default
+  xe as default
 };
 //# sourceMappingURL=visualization.es34.js.map