@weng-lab/visualization 2.4.0-beta.5 → 2.4.0-beta.6

package/dist/visualization.es380.js

@@ -1,52 +1,11 @@
-import { color as c } from "./visualization.es379.js";
-import { colorRegex as g } from "./visualization.es392.js";
-import { floatRegex as N } from "./visualization.es393.js";
-import { sanitize as d } from "./visualization.es391.js";
-function b(t) {
-  return isNaN(t) && typeof t == "string" && (t.match(N)?.length || 0) + (t.match(g)?.length || 0) > 0;
+const t = /^(?:oklch|oklab|lab|lch|color|color-mix|light-dark)\(/;
+function l(r) {
+  for (let o = 0; o < r.length; o++)
+    if (typeof r[o] == "string" && t.test(r[o]))
+      return !0;
+  return !1;
 }
-const a = "number", f = "color", T = "var", x = "var(", m = "${}", O = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
-function l(t) {
-  const r = t.toString(), s = [], o = {
-    color: [],
-    number: [],
-    var: []
-  }, n = [];
-  let e = 0;
-  const h = r.replace(O, (i) => (c.test(i) ? (o.color.push(e), n.push(f), s.push(c.parse(i))) : i.startsWith(x) ? (o.var.push(e), n.push(T), s.push(i)) : (o.number.push(e), n.push(a), s.push(parseFloat(i))), ++e, m)).split(m);
-  return { values: s, split: h, indexes: o, types: n };
-}
-function R(t) {
-  return l(t).values;
-}
-function p({ split: t, types: r }) {
-  const s = t.length;
-  return (o) => {
-    let n = "";
-    for (let e = 0; e < s; e++)
-      if (n += t[e], o[e] !== void 0) {
-        const u = r[e];
-        u === a ? n += d(o[e]) : u === f ? n += c.transform(o[e]) : n += o[e];
-      }
-    return n;
-  };
-}
-function y(t) {
-  return p(l(t));
-}
-const E = (t) => typeof t == "number" ? 0 : c.test(t) ? c.getAnimatableNone(t) : t, _ = (t, r) => typeof t == "number" ? r?.trim().endsWith("/") ? t : 0 : E(t);
-function K(t) {
-  const r = l(t);
-  return p(r)(r.values.map((o, n) => _(o, r.split[n])));
-}
-const w = {
-  test: b,
-  parse: R,
-  createTransformer: y,
-  getAnimatableNone: K
-};
 export {
-  l as analyseComplexValue,
-  w as complex
+  l as hasBrowserOnlyColors
 };
 //# sourceMappingURL=visualization.es380.js.map

package/dist/visualization.es380.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es380.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/complex/index.mjs"],"sourcesContent":["import { color } from '../color/index.mjs';\nimport { colorRegex } from '../utils/color-regex.mjs';\nimport { floatRegex } from '../utils/float-regex.mjs';\nimport { sanitize } from '../utils/sanitize.mjs';\n\nfunction test(v) {\n    return (isNaN(v) &&\n        typeof v === \"string\" &&\n        (v.match(floatRegex)?.length || 0) +\n            (v.match(colorRegex)?.length || 0) >\n            0);\n}\nconst NUMBER_TOKEN = \"number\";\nconst COLOR_TOKEN = \"color\";\nconst VAR_TOKEN = \"var\";\nconst VAR_FUNCTION_TOKEN = \"var(\";\nconst SPLIT_TOKEN = \"${}\";\n// this regex consists of the `singleCssVariableRegex|rgbHSLValueRegex|digitRegex`\nconst complexRegex = /var\\s*\\(\\s*--(?:[\\w-]+\\s*|[\\w-]+\\s*,(?:\\s*[^)(\\s]|\\s*\\((?:[^)(]|\\([^)(]*\\))*\\))+\\s*)\\)|#[\\da-f]{3,8}|(?:rgb|hsl)a?\\((?:-?[\\d.]+%?[,\\s]+){2}-?[\\d.]+%?\\s*(?:[,/]\\s*)?(?:\\b\\d+(?:\\.\\d+)?|\\.\\d+)?%?\\)|-?(?:\\d+(?:\\.\\d+)?|\\.\\d+)/giu;\nfunction analyseComplexValue(value) {\n    const originalValue = value.toString();\n    const values = [];\n    const indexes = {\n        color: [],\n        number: [],\n        var: [],\n    };\n    const types = [];\n    let i = 0;\n    const tokenised = originalValue.replace(complexRegex, (parsedValue) => {\n        if (color.test(parsedValue)) {\n            indexes.color.push(i);\n            types.push(COLOR_TOKEN);\n            values.push(color.parse(parsedValue));\n        }\n        else if (parsedValue.startsWith(VAR_FUNCTION_TOKEN)) {\n            indexes.var.push(i);\n            types.push(VAR_TOKEN);\n            values.push(parsedValue);\n        }\n        else {\n            indexes.number.push(i);\n            types.push(NUMBER_TOKEN);\n            values.push(parseFloat(parsedValue));\n        }\n        ++i;\n        return SPLIT_TOKEN;\n    });\n    const split = tokenised.split(SPLIT_TOKEN);\n    return { values, split, indexes, types };\n}\nfunction parseComplexValue(v) {\n    return analyseComplexValue(v).values;\n}\nfunction buildTransformer({ split, types }) {\n    const numSections = split.length;\n    return (v) => {\n        let output = \"\";\n        for (let i = 0; i < numSections; i++) {\n            output += split[i];\n            if (v[i] !== undefined) {\n                const type = types[i];\n                if (type === NUMBER_TOKEN) {\n                    output += sanitize(v[i]);\n                }\n                else if (type === COLOR_TOKEN) {\n                    output += color.transform(v[i]);\n                }\n                else {\n                    output += v[i];\n                }\n            }\n        }\n        return output;\n    };\n}\nfunction createTransformer(source) {\n    return buildTransformer(analyseComplexValue(source));\n}\nconst convertNumbersToZero = (v) => typeof v === \"number\" ? 0 : color.test(v) ? color.getAnimatableNone(v) : v;\n/**\n * Convert a parsed value to its zero equivalent, but preserve numbers\n * that act as divisors in CSS calc() expressions.\n *\n * analyseComplexValue extracts numbers from CSS strings and puts the\n * surrounding text into a `split` template array. For example:\n *   \"calc(var(--gap) / 5)\"  →  values: [var(--gap), 5]\n *                               split:  [\"calc(\", \" / \", \")\"]\n *\n * When building a zero-equivalent for animation, naively zeroing all\n * numbers turns the divisor into 0 → \"calc(var(--gap) / 0)\" → NaN.\n * We detect this by checking whether the text preceding a number\n * (split[i]) ends with \"/\" — the CSS calc division operator.\n */\nconst convertToZero = (value, splitBefore) => {\n    if (typeof value === \"number\") {\n        return splitBefore?.trim().endsWith(\"/\") ? value : 0;\n    }\n    return convertNumbersToZero(value);\n};\nfunction getAnimatableNone(v) {\n    const info = analyseComplexValue(v);\n    const transformer = buildTransformer(info);\n    return transformer(info.values.map((value, i) => convertToZero(value, info.split[i])));\n}\nconst complex = {\n    test,\n    parse: parseComplexValue,\n    createTransformer,\n    getAnimatableNone,\n};\n\nexport { analyseComplexValue, complex };\n//# sourceMappingURL=index.mjs.map\n"],"names":["test","v","floatRegex","colorRegex","NUMBER_TOKEN","COLOR_TOKEN","VAR_TOKEN","VAR_FUNCTION_TOKEN","SPLIT_TOKEN","complexRegex","analyseComplexValue","value","originalValue","values","indexes","types","i","split","parsedValue","color","parseComplexValue","buildTransformer","numSections","output","type","sanitize","createTransformer","source","convertNumbersToZero","convertToZero","splitBefore","getAnimatableNone","info","complex"],"mappings":";;;;AAKA,SAASA,EAAKC,GAAG;AACb,SAAQ,MAAMA,CAAC,KACX,OAAOA,KAAM,aACZA,EAAE,MAAMC,CAAU,GAAG,UAAU,MAC3BD,EAAE,MAAME,CAAU,GAAG,UAAU,KAChC;AACZ;AACA,MAAMC,IAAe,UACfC,IAAc,SACdC,IAAY,OACZC,IAAqB,QACrBC,IAAc,OAEdC,IAAe;AACrB,SAASC,EAAoBC,GAAO;AAChC,QAAMC,IAAgBD,EAAM,SAAQ,GAC9BE,IAAS,CAAA,GACTC,IAAU;AAAA,IACZ,OAAO,CAAA;AAAA,IACP,QAAQ,CAAA;AAAA,IACR,KAAK,CAAA;AAAA,EACb,GACUC,IAAQ,CAAA;AACd,MAAIC,IAAI;AAoBR,QAAMC,IAnBYL,EAAc,QAAQH,GAAc,CAACS,OAC/CC,EAAM,KAAKD,CAAW,KACtBJ,EAAQ,MAAM,KAAKE,CAAC,GACpBD,EAAM,KAAKV,CAAW,GACtBQ,EAAO,KAAKM,EAAM,MAAMD,CAAW,CAAC,KAE/BA,EAAY,WAAWX,CAAkB,KAC9CO,EAAQ,IAAI,KAAKE,CAAC,GAClBD,EAAM,KAAKT,CAAS,GACpBO,EAAO,KAAKK,CAAW,MAGvBJ,EAAQ,OAAO,KAAKE,CAAC,GACrBD,EAAM,KAAKX,CAAY,GACvBS,EAAO,KAAK,WAAWK,CAAW,CAAC,IAEvC,EAAEF,GACKR,EACV,EACuB,MAAMA,CAAW;AACzC,SAAO,EAAE,QAAAK,GAAQ,OAAAI,GAAO,SAAAH,GAAS,OAAAC,EAAK;AAC1C;AACA,SAASK,EAAkBnB,GAAG;AAC1B,SAAOS,EAAoBT,CAAC,EAAE;AAClC;AACA,SAASoB,EAAiB,EAAE,OAAAJ,GAAO,OAAAF,KAAS;AACxC,QAAMO,IAAcL,EAAM;AAC1B,SAAO,CAAChB,MAAM;AACV,QAAIsB,IAAS;AACb,aAASP,IAAI,GAAGA,IAAIM,GAAaN;AAE7B,UADAO,KAAUN,EAAMD,CAAC,GACbf,EAAEe,CAAC,MAAM,QAAW;AACpB,cAAMQ,IAAOT,EAAMC,CAAC;AACpB,QAAIQ,MAASpB,IACTmB,KAAUE,EAASxB,EAAEe,CAAC,CAAC,IAElBQ,MAASnB,IACdkB,KAAUJ,EAAM,UAAUlB,EAAEe,CAAC,CAAC,IAG9BO,KAAUtB,EAAEe,CAAC;AAAA,MAErB;AAEJ,WAAOO;AAAA,EACX;AACJ;AACA,SAASG,EAAkBC,GAAQ;AAC/B,SAAON,EAAiBX,EAAoBiB,CAAM,CAAC;AACvD;AACA,MAAMC,IAAuB,CAAC3B,MAAM,OAAOA,KAAM,WAAW,IAAIkB,EAAM,KAAKlB,CAAC,IAAIkB,EAAM,kBAAkBlB,CAAC,IAAIA,GAevG4B,IAAgB,CAAClB,GAAOmB,MACtB,OAAOnB,KAAU,WACVmB,GAAa,KAAI,EAAG,SAAS,GAAG,IAAInB,IAAQ,IAEhDiB,EAAqBjB,CAAK;AAErC,SAASoB,EAAkB9B,GAAG;AAC1B,QAAM+B,IAAOtB,EAAoBT,CAAC;AAElC,SADoBoB,EAAiBW,CAAI,EACtBA,EAAK,OAAO,IAAI,CAACrB,GAAOK,MAAMa,EAAclB,GAAOqB,EAAK,MAAMhB,CAAC,CAAC,CAAC,CAAC;AACzF;AACK,MAACiB,IAAU;AAAA,EACZ,MAAAjC;AAAA,EACA,OAAOoB;AAAA,EACP,mBAAAM;AAAA,EACA,mBAAAK;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es380.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/waapi/utils/is-browser-color.mjs"],"sourcesContent":["const browserColorFunctions = /^(?:oklch|oklab|lab|lch|color|color-mix|light-dark)\\(/;\nfunction hasBrowserOnlyColors(keyframes) {\n    for (let i = 0; i < keyframes.length; i++) {\n        if (typeof keyframes[i] === \"string\" &&\n            browserColorFunctions.test(keyframes[i])) {\n            return true;\n        }\n    }\n    return false;\n}\n\nexport { hasBrowserOnlyColors };\n//# sourceMappingURL=is-browser-color.mjs.map\n"],"names":["browserColorFunctions","hasBrowserOnlyColors","keyframes","i"],"mappings":"AAAA,MAAMA,IAAwB;AAC9B,SAASC,EAAqBC,GAAW;AACrC,WAASC,IAAI,GAAGA,IAAID,EAAU,QAAQC;AAClC,QAAI,OAAOD,EAAUC,CAAC,KAAM,YACxBH,EAAsB,KAAKE,EAAUC,CAAC,CAAC;AACvC,aAAO;AAGf,SAAO;AACX;","x_google_ignoreList":[0]}

package/dist/visualization.es381.js

@@ -1,9 +1,9 @@
-const s = /* @__PURE__ */ new Set(["none", "hidden"]);
-function t(e, i) {
-  return s.has(e) ? (n) => n <= 0 ? e : i : (n) => n >= 1 ? i : e;
+// @__NO_SIDE_EFFECTS__
+function r(n) {
+  let e;
+  return () => (e === void 0 && (e = n()), e);
 }
 export {
-  s as invisibleValues,
-  t as mixVisibility
+  r as memo
 };
 //# sourceMappingURL=visualization.es381.js.map

package/dist/visualization.es381.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es381.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/mix/visibility.mjs"],"sourcesContent":["const invisibleValues = new Set([\"none\", \"hidden\"]);\n/**\n * Returns a function that, when provided a progress value between 0 and 1,\n * will return the \"none\" or \"hidden\" string only when the progress is that of\n * the origin or target.\n */\nfunction mixVisibility(origin, target) {\n    if (invisibleValues.has(origin)) {\n        return (p) => (p <= 0 ? origin : target);\n    }\n    else {\n        return (p) => (p >= 1 ? target : origin);\n    }\n}\n\nexport { invisibleValues, mixVisibility };\n//# sourceMappingURL=visibility.mjs.map\n"],"names":["invisibleValues","mixVisibility","origin","target","p"],"mappings":"AAAK,MAACA,IAAkB,oBAAI,IAAI,CAAC,QAAQ,QAAQ,CAAC;AAMlD,SAASC,EAAcC,GAAQC,GAAQ;AACnC,SAAIH,EAAgB,IAAIE,CAAM,IACnB,CAACE,MAAOA,KAAK,IAAIF,IAASC,IAG1B,CAACC,MAAOA,KAAK,IAAID,IAASD;AAEzC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es381.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/memo.mjs"],"sourcesContent":["/*#__NO_SIDE_EFFECTS__*/\nfunction memo(callback) {\n    let result;\n    return () => {\n        if (result === undefined)\n            result = callback();\n        return result;\n    };\n}\n\nexport { memo };\n//# sourceMappingURL=memo.mjs.map\n"],"names":["memo","callback","result"],"mappings":";AACA,SAASA,EAAKC,GAAU;AACpB,MAAIC;AACJ,SAAO,OACCA,MAAW,WACXA,IAASD,EAAQ,IACdC;AAEf;","x_google_ignoreList":[0]}

package/dist/visualization.es382.js

@@ -1,16 +1,28 @@
-function i(n, s, u) {
-  if (n == null)
-    return [];
-  if (n instanceof EventTarget)
-    return [n];
-  if (typeof n == "string") {
-    let r = document;
-    const f = u?.[n] ?? r.querySelectorAll(n);
-    return f ? Array.from(f) : [];
-  }
-  return Array.from(n).filter((r) => r != null);
+import { stepsOrder as o } from "./visualization.es383.js";
+import { createRenderStep as T } from "./visualization.es384.js";
+import { MotionGlobalConfig as b } from "./visualization.es317.js";
+const v = 40;
+function N(c, i) {
+  let r = !1, a = !0;
+  const e = {
+    delta: 0,
+    timestamp: 0,
+    isProcessing: !1
+  }, l = () => r = !0, n = o.reduce((t, s) => (t[s] = T(l), t), {}), { setup: m, read: u, resolveKeyframes: f, preUpdate: d, update: g, preRender: h, render: M, postRender: R } = n, p = () => {
+    const t = b.useManualTiming, s = t ? e.timestamp : performance.now();
+    r = !1, t || (e.delta = a ? 1e3 / 60 : Math.max(Math.min(s - e.timestamp, v), 1)), e.timestamp = s, e.isProcessing = !0, m.process(e), u.process(e), f.process(e), d.process(e), g.process(e), h.process(e), M.process(e), R.process(e), e.isProcessing = !1, r && i && (a = !1, c(p));
+  }, x = () => {
+    r = !0, a = !0, e.isProcessing || c(p);
+  };
+  return { schedule: o.reduce((t, s) => {
+    const P = n[s];
+    return t[s] = (w, E = !1, F = !1) => (r || x(), P.schedule(w, E, F)), t;
+  }, {}), cancel: (t) => {
+    for (let s = 0; s < o.length; s++)
+      n[o[s]].cancel(t);
+  }, state: e, steps: n };
 }
 export {
-  i as resolveElements
+  N as createRenderBatcher
 };
 //# sourceMappingURL=visualization.es382.js.map

package/dist/visualization.es382.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es382.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/resolve-elements.mjs"],"sourcesContent":["function resolveElements(elementOrSelector, scope, selectorCache) {\n    if (elementOrSelector == null) {\n        return [];\n    }\n    if (elementOrSelector instanceof EventTarget) {\n        return [elementOrSelector];\n    }\n    else if (typeof elementOrSelector === \"string\") {\n        let root = document;\n        if (scope) {\n            root = scope.current;\n        }\n        const elements = selectorCache?.[elementOrSelector] ??\n            root.querySelectorAll(elementOrSelector);\n        return elements ? Array.from(elements) : [];\n    }\n    return Array.from(elementOrSelector).filter((element) => element != null);\n}\n\nexport { resolveElements };\n//# sourceMappingURL=resolve-elements.mjs.map\n"],"names":["resolveElements","elementOrSelector","scope","selectorCache","root","elements","element"],"mappings":"AAAA,SAASA,EAAgBC,GAAmBC,GAAOC,GAAe;AAC9D,MAAIF,KAAqB;AACrB,WAAO,CAAA;AAEX,MAAIA,aAA6B;AAC7B,WAAO,CAACA,CAAiB;AAExB,MAAI,OAAOA,KAAsB,UAAU;AAC5C,QAAIG,IAAO;AAIX,UAAMC,IAAWF,IAAgBF,CAAiB,KAC9CG,EAAK,iBAAiBH,CAAiB;AAC3C,WAAOI,IAAW,MAAM,KAAKA,CAAQ,IAAI,CAAA;AAAA,EAC7C;AACA,SAAO,MAAM,KAAKJ,CAAiB,EAAE,OAAO,CAACK,MAAYA,KAAW,IAAI;AAC5E;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es382.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/frameloop/batcher.mjs"],"sourcesContent":["import { MotionGlobalConfig } from 'motion-utils';\nimport { stepsOrder } from './order.mjs';\nimport { createRenderStep } from './render-step.mjs';\n\nconst maxElapsed = 40;\nfunction createRenderBatcher(scheduleNextBatch, allowKeepAlive) {\n    let runNextFrame = false;\n    let useDefaultElapsed = true;\n    const state = {\n        delta: 0.0,\n        timestamp: 0.0,\n        isProcessing: false,\n    };\n    const flagRunNextFrame = () => (runNextFrame = true);\n    const steps = stepsOrder.reduce((acc, key) => {\n        acc[key] = createRenderStep(flagRunNextFrame, allowKeepAlive ? key : undefined);\n        return acc;\n    }, {});\n    const { setup, read, resolveKeyframes, preUpdate, update, preRender, render, postRender, } = steps;\n    const processBatch = () => {\n        const useManualTiming = MotionGlobalConfig.useManualTiming;\n        const timestamp = useManualTiming\n            ? state.timestamp\n            : performance.now();\n        runNextFrame = false;\n        if (!useManualTiming) {\n            state.delta = useDefaultElapsed\n                ? 1000 / 60\n                : Math.max(Math.min(timestamp - state.timestamp, maxElapsed), 1);\n        }\n        state.timestamp = timestamp;\n        state.isProcessing = true;\n        // Unrolled render loop for better per-frame performance\n        setup.process(state);\n        read.process(state);\n        resolveKeyframes.process(state);\n        preUpdate.process(state);\n        update.process(state);\n        preRender.process(state);\n        render.process(state);\n        postRender.process(state);\n        state.isProcessing = false;\n        if (runNextFrame && allowKeepAlive) {\n            useDefaultElapsed = false;\n            scheduleNextBatch(processBatch);\n        }\n    };\n    const wake = () => {\n        runNextFrame = true;\n        useDefaultElapsed = true;\n        if (!state.isProcessing) {\n            scheduleNextBatch(processBatch);\n        }\n    };\n    const schedule = stepsOrder.reduce((acc, key) => {\n        const step = steps[key];\n        acc[key] = (process, keepAlive = false, immediate = false) => {\n            if (!runNextFrame)\n                wake();\n            return step.schedule(process, keepAlive, immediate);\n        };\n        return acc;\n    }, {});\n    const cancel = (process) => {\n        for (let i = 0; i < stepsOrder.length; i++) {\n            steps[stepsOrder[i]].cancel(process);\n        }\n    };\n    return { schedule, cancel, state, steps };\n}\n\nexport { createRenderBatcher };\n//# sourceMappingURL=batcher.mjs.map\n"],"names":["maxElapsed","createRenderBatcher","scheduleNextBatch","allowKeepAlive","runNextFrame","useDefaultElapsed","state","flagRunNextFrame","steps","stepsOrder","acc","key","createRenderStep","setup","read","resolveKeyframes","preUpdate","update","preRender","render","postRender","processBatch","useManualTiming","MotionGlobalConfig","timestamp","wake","step","process","keepAlive","immediate","i"],"mappings":";;;AAIA,MAAMA,IAAa;AACnB,SAASC,EAAoBC,GAAmBC,GAAgB;AAC5D,MAAIC,IAAe,IACfC,IAAoB;AACxB,QAAMC,IAAQ;AAAA,IACV,OAAO;AAAA,IACP,WAAW;AAAA,IACX,cAAc;AAAA,EACtB,GACUC,IAAmB,MAAOH,IAAe,IACzCI,IAAQC,EAAW,OAAO,CAACC,GAAKC,OAClCD,EAAIC,CAAG,IAAIC,EAAiBL,CAAkD,GACvEG,IACR,CAAA,CAAE,GACC,EAAE,OAAAG,GAAO,MAAAC,GAAM,kBAAAC,GAAkB,WAAAC,GAAW,QAAAC,GAAQ,WAAAC,GAAW,QAAAC,GAAQ,YAAAC,EAAU,IAAMZ,GACvFa,IAAe,MAAM;AACvB,UAAMC,IAAkBC,EAAmB,iBACrCC,IAAYF,IACZhB,EAAM,YACN,YAAY,IAAG;AACrB,IAAAF,IAAe,IACVkB,MACDhB,EAAM,QAAQD,IACR,MAAO,KACP,KAAK,IAAI,KAAK,IAAImB,IAAYlB,EAAM,WAAWN,CAAU,GAAG,CAAC,IAEvEM,EAAM,YAAYkB,GAClBlB,EAAM,eAAe,IAErBO,EAAM,QAAQP,CAAK,GACnBQ,EAAK,QAAQR,CAAK,GAClBS,EAAiB,QAAQT,CAAK,GAC9BU,EAAU,QAAQV,CAAK,GACvBW,EAAO,QAAQX,CAAK,GACpBY,EAAU,QAAQZ,CAAK,GACvBa,EAAO,QAAQb,CAAK,GACpBc,EAAW,QAAQd,CAAK,GACxBA,EAAM,eAAe,IACjBF,KAAgBD,MAChBE,IAAoB,IACpBH,EAAkBmB,CAAY;AAAA,EAEtC,GACMI,IAAO,MAAM;AACf,IAAArB,IAAe,IACfC,IAAoB,IACfC,EAAM,gBACPJ,EAAkBmB,CAAY;AAAA,EAEtC;AAeA,SAAO,EAAE,UAdQZ,EAAW,OAAO,CAACC,GAAKC,MAAQ;AAC7C,UAAMe,IAAOlB,EAAMG,CAAG;AACtB,WAAAD,EAAIC,CAAG,IAAI,CAACgB,GAASC,IAAY,IAAOC,IAAY,QAC3CzB,KACDqB,EAAI,GACDC,EAAK,SAASC,GAASC,GAAWC,CAAS,IAE/CnB;AAAA,EACX,GAAG,CAAA,CAAE,GAMc,QALJ,CAACiB,MAAY;AACxB,aAASG,IAAI,GAAGA,IAAIrB,EAAW,QAAQqB;AACnC,MAAAtB,EAAMC,EAAWqB,CAAC,CAAC,EAAE,OAAOH,CAAO;AAAA,EAE3C,GAC2B,OAAArB,GAAO,OAAAE,EAAK;AAC3C;","x_google_ignoreList":[0]}

package/dist/visualization.es383.js

@@ -1,5 +1,22 @@
-const s = {};
+const e = [
+  "setup",
+  // Compute
+  "read",
+  // Read
+  "resolveKeyframes",
+  // Write/Read/Write/Read
+  "preUpdate",
+  // Compute
+  "update",
+  // Compute
+  "preRender",
+  // Compute
+  "render",
+  // Write
+  "postRender"
+  // Compute
+];
 export {
-  s as supportsFlags
+  e as stepsOrder
 };
 //# sourceMappingURL=visualization.es383.js.map

package/dist/visualization.es383.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es383.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/supports/flags.mjs"],"sourcesContent":["/**\n * Add the ability for test suites to manually set support flags\n * to better test more environments.\n */\nconst supportsFlags = {};\n\nexport { supportsFlags };\n//# sourceMappingURL=flags.mjs.map\n"],"names":["supportsFlags"],"mappings":"AAIK,MAACA,IAAgB,CAAA;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es383.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/frameloop/order.mjs"],"sourcesContent":["const stepsOrder = [\n    \"setup\", // Compute\n    \"read\", // Read\n    \"resolveKeyframes\", // Write/Read/Write/Read\n    \"preUpdate\", // Compute\n    \"update\", // Compute\n    \"preRender\", // Compute\n    \"render\", // Write\n    \"postRender\", // Compute\n];\n\nexport { stepsOrder };\n//# sourceMappingURL=order.mjs.map\n"],"names":["stepsOrder"],"mappings":"AAAK,MAACA,IAAa;AAAA,EACf;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es384.js

@@ -1,10 +1,44 @@
-import { supportsFlags as t } from "./visualization.es383.js";
-import { memo as p } from "./visualization.es348.js";
-function i(o, m) {
-  const r = p(o);
-  return () => t[m] ?? r();
+function F(i, m) {
+  let t = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), r = !1, n = !1;
+  const a = /* @__PURE__ */ new WeakSet();
+  let f = {
+    delta: 0,
+    timestamp: 0,
+    isProcessing: !1
+  };
+  function l(e) {
+    a.has(e) && (o.schedule(e), i()), e(f);
+  }
+  const o = {
+    /**
+     * Schedule a process to run on the next frame.
+     */
+    schedule: (e, d = !1, u = !1) => {
+      const c = u && r ? t : s;
+      return d && a.add(e), c.add(e), e;
+    },
+    /**
+     * Cancel the provided callback from running on the next frame.
+     */
+    cancel: (e) => {
+      s.delete(e), a.delete(e);
+    },
+    /**
+     * Execute all schedule callbacks.
+     */
+    process: (e) => {
+      if (f = e, r) {
+        n = !0;
+        return;
+      }
+      r = !0;
+      const d = t;
+      t = s, s = d, t.forEach(l), t.clear(), r = !1, n && (n = !1, o.process(e));
+    }
+  };
+  return o;
 }
 export {
-  i as memoSupports
+  F as createRenderStep
 };
 //# sourceMappingURL=visualization.es384.js.map

package/dist/visualization.es384.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es384.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/supports/memo.mjs"],"sourcesContent":["import { memo } from 'motion-utils';\nimport { supportsFlags } from './flags.mjs';\n\nfunction memoSupports(callback, supportsFlag) {\n    const memoized = memo(callback);\n    return () => supportsFlags[supportsFlag] ?? memoized();\n}\n\nexport { memoSupports };\n//# sourceMappingURL=memo.mjs.map\n"],"names":["memoSupports","callback","supportsFlag","memoized","memo","supportsFlags"],"mappings":";;AAGA,SAASA,EAAaC,GAAUC,GAAc;AAC1C,QAAMC,IAAWC,EAAKH,CAAQ;AAC9B,SAAO,MAAMI,EAAcH,CAAY,KAAKC,EAAQ;AACxD;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es384.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/frameloop/render-step.mjs"],"sourcesContent":["import { statsBuffer } from '../stats/buffer.mjs';\n\nfunction createRenderStep(runNextFrame, stepName) {\n    /**\n     * We create and reuse two queues, one to queue jobs for the current frame\n     * and one for the next. We reuse to avoid triggering GC after x frames.\n     */\n    let thisFrame = new Set();\n    let nextFrame = new Set();\n    /**\n     * Track whether we're currently processing jobs in this step. This way\n     * we can decide whether to schedule new jobs for this frame or next.\n     */\n    let isProcessing = false;\n    let flushNextFrame = false;\n    /**\n     * A set of processes which were marked keepAlive when scheduled.\n     */\n    const toKeepAlive = new WeakSet();\n    let latestFrameData = {\n        delta: 0.0,\n        timestamp: 0.0,\n        isProcessing: false,\n    };\n    let numCalls = 0;\n    function triggerCallback(callback) {\n        if (toKeepAlive.has(callback)) {\n            step.schedule(callback);\n            runNextFrame();\n        }\n        numCalls++;\n        callback(latestFrameData);\n    }\n    const step = {\n        /**\n         * Schedule a process to run on the next frame.\n         */\n        schedule: (callback, keepAlive = false, immediate = false) => {\n            const addToCurrentFrame = immediate && isProcessing;\n            const queue = addToCurrentFrame ? thisFrame : nextFrame;\n            if (keepAlive)\n                toKeepAlive.add(callback);\n            queue.add(callback);\n            return callback;\n        },\n        /**\n         * Cancel the provided callback from running on the next frame.\n         */\n        cancel: (callback) => {\n            nextFrame.delete(callback);\n            toKeepAlive.delete(callback);\n        },\n        /**\n         * Execute all schedule callbacks.\n         */\n        process: (frameData) => {\n            latestFrameData = frameData;\n            /**\n             * If we're already processing we've probably been triggered by a flushSync\n             * inside an existing process. Instead of executing, mark flushNextFrame\n             * as true and ensure we flush the following frame at the end of this one.\n             */\n            if (isProcessing) {\n                flushNextFrame = true;\n                return;\n            }\n            isProcessing = true;\n            // Swap this frame and the next to avoid GC\n            const prevFrame = thisFrame;\n            thisFrame = nextFrame;\n            nextFrame = prevFrame;\n            // Execute this frame\n            thisFrame.forEach(triggerCallback);\n            /**\n             * If we're recording stats then\n             */\n            if (stepName && statsBuffer.value) {\n                statsBuffer.value.frameloop[stepName].push(numCalls);\n            }\n            numCalls = 0;\n            // Clear the frame so no callbacks remain. This is to avoid\n            // memory leaks should this render step not run for a while.\n            thisFrame.clear();\n            isProcessing = false;\n            if (flushNextFrame) {\n                flushNextFrame = false;\n                step.process(frameData);\n            }\n        },\n    };\n    return step;\n}\n\nexport { createRenderStep };\n//# sourceMappingURL=render-step.mjs.map\n"],"names":["createRenderStep","runNextFrame","stepName","thisFrame","nextFrame","isProcessing","flushNextFrame","toKeepAlive","latestFrameData","triggerCallback","callback","step","keepAlive","immediate","queue","frameData","prevFrame"],"mappings":"AAEA,SAASA,EAAiBC,GAAcC,GAAU;AAK9C,MAAIC,IAAY,oBAAI,IAAG,GACnBC,IAAY,oBAAI,IAAG,GAKnBC,IAAe,IACfC,IAAiB;AAIrB,QAAMC,IAAc,oBAAI,QAAO;AAC/B,MAAIC,IAAkB;AAAA,IAClB,OAAO;AAAA,IACP,WAAW;AAAA,IACX,cAAc;AAAA,EACtB;AAEI,WAASC,EAAgBC,GAAU;AAC/B,IAAIH,EAAY,IAAIG,CAAQ,MACxBC,EAAK,SAASD,CAAQ,GACtBT,EAAY,IAGhBS,EAASF,CAAe;AAAA,EAC5B;AACA,QAAMG,IAAO;AAAA;AAAA;AAAA;AAAA,IAIT,UAAU,CAACD,GAAUE,IAAY,IAAOC,IAAY,OAAU;AAE1D,YAAMC,IADoBD,KAAaR,IACLF,IAAYC;AAC9C,aAAIQ,KACAL,EAAY,IAAIG,CAAQ,GAC5BI,EAAM,IAAIJ,CAAQ,GACXA;AAAA,IACX;AAAA;AAAA;AAAA;AAAA,IAIA,QAAQ,CAACA,MAAa;AAClB,MAAAN,EAAU,OAAOM,CAAQ,GACzBH,EAAY,OAAOG,CAAQ;AAAA,IAC/B;AAAA;AAAA;AAAA;AAAA,IAIA,SAAS,CAACK,MAAc;AAOpB,UANAP,IAAkBO,GAMdV,GAAc;AACd,QAAAC,IAAiB;AACjB;AAAA,MACJ;AACA,MAAAD,IAAe;AAEf,YAAMW,IAAYb;AAClB,MAAAA,IAAYC,GACZA,IAAYY,GAEZb,EAAU,QAAQM,CAAe,GAUjCN,EAAU,MAAK,GACfE,IAAe,IACXC,MACAA,IAAiB,IACjBK,EAAK,QAAQI,CAAS;AAAA,IAE9B;AAAA,EACR;AACI,SAAOJ;AACX;","x_google_ignoreList":[0]}

package/dist/visualization.es385.js

@@ -1,213 +1,6 @@
-import { time as n } from "./visualization.es275.js";
-import { frame as o } from "./visualization.es313.js";
-import { warnOnce as d } from "./visualization.es264.js";
-import { SubscriptionManager as c } from "./visualization.es386.js";
-import { velocityPerSecond as p } from "./visualization.es387.js";
-const r = 30, u = (s) => !isNaN(parseFloat(s));
-class f {
-  /**
-   * @param init - The initiating value
-   * @param config - Optional configuration options
-   *
-   * -  `transformer`: A function to transform incoming values with.
-   */
-  constructor(t, e = {}) {
-    this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (i) => {
-      const a = n.now();
-      if (this.updatedAt !== a && this.setPrevFrameValue(), this.prev = this.current, this.setCurrent(i), this.current !== this.prev && (this.events.change?.notify(this.current), this.dependents))
-        for (const h of this.dependents)
-          h.dirty();
-    }, this.hasAnimated = !1, this.setCurrent(t), this.owner = e.owner;
-  }
-  setCurrent(t) {
-    this.current = t, this.updatedAt = n.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = u(this.current));
-  }
-  setPrevFrameValue(t = this.current) {
-    this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt;
-  }
-  /**
-   * Adds a function that will be notified when the `MotionValue` is updated.
-   *
-   * It returns a function that, when called, will cancel the subscription.
-   *
-   * When calling `onChange` inside a React component, it should be wrapped with the
-   * `useEffect` hook. As it returns an unsubscribe function, this should be returned
-   * from the `useEffect` function to ensure you don't add duplicate subscribers..
-   *
-   * ```jsx
-   * export const MyComponent = () => {
-   *   const x = useMotionValue(0)
-   *   const y = useMotionValue(0)
-   *   const opacity = useMotionValue(1)
-   *
-   *   useEffect(() => {
-   *     function updateOpacity() {
-   *       const maxXY = Math.max(x.get(), y.get())
-   *       const newOpacity = transform(maxXY, [0, 100], [1, 0])
-   *       opacity.set(newOpacity)
-   *     }
-   *
-   *     const unsubscribeX = x.on("change", updateOpacity)
-   *     const unsubscribeY = y.on("change", updateOpacity)
-   *
-   *     return () => {
-   *       unsubscribeX()
-   *       unsubscribeY()
-   *     }
-   *   }, [])
-   *
-   *   return <motion.div style={{ x }} />
-   * }
-   * ```
-   *
-   * @param subscriber - A function that receives the latest value.
-   * @returns A function that, when called, will cancel this subscription.
-   *
-   * @deprecated
-   */
-  onChange(t) {
-    return process.env.NODE_ENV !== "production" && d(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", t);
-  }
-  on(t, e) {
-    this.events[t] || (this.events[t] = new c());
-    const i = this.events[t].add(e);
-    return t === "change" ? () => {
-      i(), o.read(() => {
-        this.events.change.getSize() || this.stop();
-      });
-    } : i;
-  }
-  clearListeners() {
-    for (const t in this.events)
-      this.events[t].clear();
-  }
-  /**
-   * Attaches a passive effect to the `MotionValue`.
-   */
-  attach(t, e) {
-    this.passiveEffect = t, this.stopPassiveEffect = e;
-  }
-  /**
-   * Sets the state of the `MotionValue`.
-   *
-   * @remarks
-   *
-   * ```jsx
-   * const x = useMotionValue(0)
-   * x.set(10)
-   * ```
-   *
-   * @param latest - Latest value to set.
-   * @param render - Whether to notify render subscribers. Defaults to `true`
-   *
-   * @public
-   */
-  set(t) {
-    this.passiveEffect ? this.passiveEffect(t, this.updateAndNotify) : this.updateAndNotify(t);
-  }
-  setWithVelocity(t, e, i) {
-    this.set(e), this.prev = void 0, this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt - i;
-  }
-  /**
-   * Set the state of the `MotionValue`, stopping any active animations,
-   * effects, and resets velocity to `0`.
-   */
-  jump(t, e = !0) {
-    this.updateAndNotify(t), this.prev = t, this.prevUpdatedAt = this.prevFrameValue = void 0, e && this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
-  }
-  dirty() {
-    this.events.change?.notify(this.current);
-  }
-  addDependent(t) {
-    this.dependents || (this.dependents = /* @__PURE__ */ new Set()), this.dependents.add(t);
-  }
-  removeDependent(t) {
-    this.dependents && this.dependents.delete(t);
-  }
-  /**
-   * Returns the latest state of `MotionValue`
-   *
-   * @returns - The latest state of `MotionValue`
-   *
-   * @public
-   */
-  get() {
-    return this.current;
-  }
-  /**
-   * @public
-   */
-  getPrevious() {
-    return this.prev;
-  }
-  /**
-   * Returns the latest velocity of `MotionValue`
-   *
-   * @returns - The latest velocity of `MotionValue`. Returns `0` if the state is non-numerical.
-   *
-   * @public
-   */
-  getVelocity() {
-    const t = n.now();
-    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > r)
-      return 0;
-    const e = Math.min(this.updatedAt - this.prevUpdatedAt, r);
-    return p(parseFloat(this.current) - parseFloat(this.prevFrameValue), e);
-  }
-  /**
-   * Registers a new animation to control this `MotionValue`. Only one
-   * animation can drive a `MotionValue` at one time.
-   *
-   * ```jsx
-   * value.start()
-   * ```
-   *
-   * @param animation - A function that starts the provided animation
-   */
-  start(t) {
-    return this.stop(), new Promise((e) => {
-      this.hasAnimated = !0, this.animation = t(e), this.events.animationStart && this.events.animationStart.notify();
-    }).then(() => {
-      this.events.animationComplete && this.events.animationComplete.notify(), this.clearAnimation();
-    });
-  }
-  /**
-   * Stop the currently active animation.
-   *
-   * @public
-   */
-  stop() {
-    this.animation && (this.animation.stop(), this.events.animationCancel && this.events.animationCancel.notify()), this.clearAnimation();
-  }
-  /**
-   * Returns `true` if this value is currently animating.
-   *
-   * @public
-   */
-  isAnimating() {
-    return !!this.animation;
-  }
-  clearAnimation() {
-    delete this.animation;
-  }
-  /**
-   * Destroy and clean up subscribers to this `MotionValue`.
-   *
-   * The `MotionValue` hooks like `useMotionValue` and `useTransform` automatically
-   * handle the lifecycle of the returned `MotionValue`, so this method is only necessary if you've manually
-   * created a `MotionValue` via the `motionValue` function.
-   *
-   * @public
-   */
-  destroy() {
-    this.dependents?.clear(), this.events.destroy?.notify(), this.clearListeners(), this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
-  }
-}
-function V(s, t) {
-  return new f(s, t);
-}
+import { createRenderBatcher as e } from "./visualization.es382.js";
+const { schedule: t } = /* @__PURE__ */ e(queueMicrotask, !1);
 export {
-  f as MotionValue,
-  V as motionValue
+  t as microtask
 };
 //# sourceMappingURL=visualization.es385.js.map

package/dist/visualization.es385.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es385.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/index.mjs"],"sourcesContent":["import { warnOnce, SubscriptionManager, velocityPerSecond } from 'motion-utils';\nimport { time } from '../frameloop/sync-time.mjs';\nimport { frame } from '../frameloop/frame.mjs';\n\n/**\n * Maximum time between the value of two frames, beyond which we\n * assume the velocity has since been 0.\n */\nconst MAX_VELOCITY_DELTA = 30;\nconst isFloat = (value) => {\n    return !isNaN(parseFloat(value));\n};\nconst collectMotionValues = {\n    current: undefined,\n};\n/**\n * `MotionValue` is used to track the state and velocity of motion values.\n *\n * @public\n */\nclass MotionValue {\n    /**\n     * @param init - The initiating value\n     * @param config - Optional configuration options\n     *\n     * -  `transformer`: A function to transform incoming values with.\n     */\n    constructor(init, options = {}) {\n        /**\n         * Tracks whether this value can output a velocity. Currently this is only true\n         * if the value is numerical, but we might be able to widen the scope here and support\n         * other value types.\n         *\n         * @internal\n         */\n        this.canTrackVelocity = null;\n        /**\n         * An object containing a SubscriptionManager for each active event.\n         */\n        this.events = {};\n        this.updateAndNotify = (v) => {\n            const currentTime = time.now();\n            /**\n             * If we're updating the value during another frame or eventloop\n             * than the previous frame, then the we set the previous frame value\n             * to current.\n             */\n            if (this.updatedAt !== currentTime) {\n                this.setPrevFrameValue();\n            }\n            this.prev = this.current;\n            this.setCurrent(v);\n            // Update update subscribers\n            if (this.current !== this.prev) {\n                this.events.change?.notify(this.current);\n                if (this.dependents) {\n                    for (const dependent of this.dependents) {\n                        dependent.dirty();\n                    }\n                }\n            }\n        };\n        this.hasAnimated = false;\n        this.setCurrent(init);\n        this.owner = options.owner;\n    }\n    setCurrent(current) {\n        this.current = current;\n        this.updatedAt = time.now();\n        if (this.canTrackVelocity === null && current !== undefined) {\n            this.canTrackVelocity = isFloat(this.current);\n        }\n    }\n    setPrevFrameValue(prevFrameValue = this.current) {\n        this.prevFrameValue = prevFrameValue;\n        this.prevUpdatedAt = this.updatedAt;\n    }\n    /**\n     * Adds a function that will be notified when the `MotionValue` is updated.\n     *\n     * It returns a function that, when called, will cancel the subscription.\n     *\n     * When calling `onChange` inside a React component, it should be wrapped with the\n     * `useEffect` hook. As it returns an unsubscribe function, this should be returned\n     * from the `useEffect` function to ensure you don't add duplicate subscribers..\n     *\n     * ```jsx\n     * export const MyComponent = () => {\n     *   const x = useMotionValue(0)\n     *   const y = useMotionValue(0)\n     *   const opacity = useMotionValue(1)\n     *\n     *   useEffect(() => {\n     *     function updateOpacity() {\n     *       const maxXY = Math.max(x.get(), y.get())\n     *       const newOpacity = transform(maxXY, [0, 100], [1, 0])\n     *       opacity.set(newOpacity)\n     *     }\n     *\n     *     const unsubscribeX = x.on(\"change\", updateOpacity)\n     *     const unsubscribeY = y.on(\"change\", updateOpacity)\n     *\n     *     return () => {\n     *       unsubscribeX()\n     *       unsubscribeY()\n     *     }\n     *   }, [])\n     *\n     *   return <motion.div style={{ x }} />\n     * }\n     * ```\n     *\n     * @param subscriber - A function that receives the latest value.\n     * @returns A function that, when called, will cancel this subscription.\n     *\n     * @deprecated\n     */\n    onChange(subscription) {\n        if (process.env.NODE_ENV !== \"production\") {\n            warnOnce(false, `value.onChange(callback) is deprecated. Switch to value.on(\"change\", callback).`);\n        }\n        return this.on(\"change\", subscription);\n    }\n    on(eventName, callback) {\n        if (!this.events[eventName]) {\n            this.events[eventName] = new SubscriptionManager();\n        }\n        const unsubscribe = this.events[eventName].add(callback);\n        if (eventName === \"change\") {\n            return () => {\n                unsubscribe();\n                /**\n                 * If we have no more change listeners by the start\n                 * of the next frame, stop active animations.\n                 */\n                frame.read(() => {\n                    if (!this.events.change.getSize()) {\n                        this.stop();\n                    }\n                });\n            };\n        }\n        return unsubscribe;\n    }\n    clearListeners() {\n        for (const eventManagers in this.events) {\n            this.events[eventManagers].clear();\n        }\n    }\n    /**\n     * Attaches a passive effect to the `MotionValue`.\n     */\n    attach(passiveEffect, stopPassiveEffect) {\n        this.passiveEffect = passiveEffect;\n        this.stopPassiveEffect = stopPassiveEffect;\n    }\n    /**\n     * Sets the state of the `MotionValue`.\n     *\n     * @remarks\n     *\n     * ```jsx\n     * const x = useMotionValue(0)\n     * x.set(10)\n     * ```\n     *\n     * @param latest - Latest value to set.\n     * @param render - Whether to notify render subscribers. Defaults to `true`\n     *\n     * @public\n     */\n    set(v) {\n        if (!this.passiveEffect) {\n            this.updateAndNotify(v);\n        }\n        else {\n            this.passiveEffect(v, this.updateAndNotify);\n        }\n    }\n    setWithVelocity(prev, current, delta) {\n        this.set(current);\n        this.prev = undefined;\n        this.prevFrameValue = prev;\n        this.prevUpdatedAt = this.updatedAt - delta;\n    }\n    /**\n     * Set the state of the `MotionValue`, stopping any active animations,\n     * effects, and resets velocity to `0`.\n     */\n    jump(v, endAnimation = true) {\n        this.updateAndNotify(v);\n        this.prev = v;\n        this.prevUpdatedAt = this.prevFrameValue = undefined;\n        endAnimation && this.stop();\n        if (this.stopPassiveEffect)\n            this.stopPassiveEffect();\n    }\n    dirty() {\n        this.events.change?.notify(this.current);\n    }\n    addDependent(dependent) {\n        if (!this.dependents) {\n            this.dependents = new Set();\n        }\n        this.dependents.add(dependent);\n    }\n    removeDependent(dependent) {\n        if (this.dependents) {\n            this.dependents.delete(dependent);\n        }\n    }\n    /**\n     * Returns the latest state of `MotionValue`\n     *\n     * @returns - The latest state of `MotionValue`\n     *\n     * @public\n     */\n    get() {\n        if (collectMotionValues.current) {\n            collectMotionValues.current.push(this);\n        }\n        return this.current;\n    }\n    /**\n     * @public\n     */\n    getPrevious() {\n        return this.prev;\n    }\n    /**\n     * Returns the latest velocity of `MotionValue`\n     *\n     * @returns - The latest velocity of `MotionValue`. Returns `0` if the state is non-numerical.\n     *\n     * @public\n     */\n    getVelocity() {\n        const currentTime = time.now();\n        if (!this.canTrackVelocity ||\n            this.prevFrameValue === undefined ||\n            currentTime - this.updatedAt > MAX_VELOCITY_DELTA) {\n            return 0;\n        }\n        const delta = Math.min(this.updatedAt - this.prevUpdatedAt, MAX_VELOCITY_DELTA);\n        // Casts because of parseFloat's poor typing\n        return velocityPerSecond(parseFloat(this.current) -\n            parseFloat(this.prevFrameValue), delta);\n    }\n    /**\n     * Registers a new animation to control this `MotionValue`. Only one\n     * animation can drive a `MotionValue` at one time.\n     *\n     * ```jsx\n     * value.start()\n     * ```\n     *\n     * @param animation - A function that starts the provided animation\n     */\n    start(startAnimation) {\n        this.stop();\n        return new Promise((resolve) => {\n            this.hasAnimated = true;\n            this.animation = startAnimation(resolve);\n            if (this.events.animationStart) {\n                this.events.animationStart.notify();\n            }\n        }).then(() => {\n            if (this.events.animationComplete) {\n                this.events.animationComplete.notify();\n            }\n            this.clearAnimation();\n        });\n    }\n    /**\n     * Stop the currently active animation.\n     *\n     * @public\n     */\n    stop() {\n        if (this.animation) {\n            this.animation.stop();\n            if (this.events.animationCancel) {\n                this.events.animationCancel.notify();\n            }\n        }\n        this.clearAnimation();\n    }\n    /**\n     * Returns `true` if this value is currently animating.\n     *\n     * @public\n     */\n    isAnimating() {\n        return !!this.animation;\n    }\n    clearAnimation() {\n        delete this.animation;\n    }\n    /**\n     * Destroy and clean up subscribers to this `MotionValue`.\n     *\n     * The `MotionValue` hooks like `useMotionValue` and `useTransform` automatically\n     * handle the lifecycle of the returned `MotionValue`, so this method is only necessary if you've manually\n     * created a `MotionValue` via the `motionValue` function.\n     *\n     * @public\n     */\n    destroy() {\n        this.dependents?.clear();\n        this.events.destroy?.notify();\n        this.clearListeners();\n        this.stop();\n        if (this.stopPassiveEffect) {\n            this.stopPassiveEffect();\n        }\n    }\n}\nfunction motionValue(init, options) {\n    return new MotionValue(init, options);\n}\n\nexport { MotionValue, collectMotionValues, motionValue };\n//# sourceMappingURL=index.mjs.map\n"],"names":["MAX_VELOCITY_DELTA","isFloat","value","MotionValue","init","options","v","currentTime","time","dependent","current","prevFrameValue","subscription","warnOnce","eventName","callback","SubscriptionManager","unsubscribe","frame","eventManagers","passiveEffect","stopPassiveEffect","prev","delta","endAnimation","velocityPerSecond","startAnimation","resolve","motionValue"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es385.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/frameloop/microtask.mjs"],"sourcesContent":["import { createRenderBatcher } from './batcher.mjs';\n\nconst { schedule: microtask, cancel: cancelMicrotask } = \n/* @__PURE__ */ createRenderBatcher(queueMicrotask, false);\n\nexport { cancelMicrotask, microtask };\n//# sourceMappingURL=microtask.mjs.map\n"],"names":["microtask","createRenderBatcher"],"mappings":";AAEK,MAAC,EAAE,UAAUA,EAAmC,IACrC,gBAAAC,EAAoB,gBAAgB,EAAK;","x_google_ignoreList":[0]}

package/dist/visualization.es386.js

@@ -1,30 +1,12 @@
-import { addUniqueItem as e, removeItem as u } from "./visualization.es444.js";
-class h {
-  constructor() {
-    this.subscriptions = [];
-  }
-  add(s) {
-    return e(this.subscriptions, s), () => u(this.subscriptions, s);
-  }
-  notify(s, r, n) {
-    const i = this.subscriptions.length;
-    if (i)
-      if (i === 1)
-        this.subscriptions[0](s, r, n);
-      else
-        for (let t = 0; t < i; t++) {
-          const o = this.subscriptions[t];
-          o && o(s, r, n);
-        }
-  }
-  getSize() {
-    return this.subscriptions.length;
-  }
-  clear() {
-    this.subscriptions.length = 0;
-  }
+const e = {
+  x: !1,
+  y: !1
+};
+function i() {
+  return e.x || e.y;
 }
 export {
-  h as SubscriptionManager
+  i as isDragActive,
+  e as isDragging
 };
 //# sourceMappingURL=visualization.es386.js.map

package/dist/visualization.es386.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es386.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/subscription-manager.mjs"],"sourcesContent":["import { addUniqueItem, removeItem } from './array.mjs';\n\nclass SubscriptionManager {\n    constructor() {\n        this.subscriptions = [];\n    }\n    add(handler) {\n        addUniqueItem(this.subscriptions, handler);\n        return () => removeItem(this.subscriptions, handler);\n    }\n    notify(a, b, c) {\n        const numSubscriptions = this.subscriptions.length;\n        if (!numSubscriptions)\n            return;\n        if (numSubscriptions === 1) {\n            /**\n             * If there's only a single handler we can just call it without invoking a loop.\n             */\n            this.subscriptions[0](a, b, c);\n        }\n        else {\n            for (let i = 0; i < numSubscriptions; i++) {\n                /**\n                 * Check whether the handler exists before firing as it's possible\n                 * the subscriptions were modified during this loop running.\n                 */\n                const handler = this.subscriptions[i];\n                handler && handler(a, b, c);\n            }\n        }\n    }\n    getSize() {\n        return this.subscriptions.length;\n    }\n    clear() {\n        this.subscriptions.length = 0;\n    }\n}\n\nexport { SubscriptionManager };\n//# sourceMappingURL=subscription-manager.mjs.map\n"],"names":["SubscriptionManager","handler","addUniqueItem","removeItem","a","b","c","numSubscriptions","i"],"mappings":";AAEA,MAAMA,EAAoB;AAAA,EACtB,cAAc;AACV,SAAK,gBAAgB,CAAA;AAAA,EACzB;AAAA,EACA,IAAIC,GAAS;AACT,WAAAC,EAAc,KAAK,eAAeD,CAAO,GAClC,MAAME,EAAW,KAAK,eAAeF,CAAO;AAAA,EACvD;AAAA,EACA,OAAOG,GAAGC,GAAGC,GAAG;AACZ,UAAMC,IAAmB,KAAK,cAAc;AAC5C,QAAKA;AAEL,UAAIA,MAAqB;AAIrB,aAAK,cAAc,CAAC,EAAEH,GAAGC,GAAGC,CAAC;AAAA;AAG7B,iBAASE,IAAI,GAAGA,IAAID,GAAkBC,KAAK;AAKvC,gBAAMP,IAAU,KAAK,cAAcO,CAAC;AACpC,UAAAP,KAAWA,EAAQG,GAAGC,GAAGC,CAAC;AAAA,QAC9B;AAAA,EAER;AAAA,EACA,UAAU;AACN,WAAO,KAAK,cAAc;AAAA,EAC9B;AAAA,EACA,QAAQ;AACJ,SAAK,cAAc,SAAS;AAAA,EAChC;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es386.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/gestures/drag/state/is-active.mjs"],"sourcesContent":["const isDragging = {\n    x: false,\n    y: false,\n};\nfunction isDragActive() {\n    return isDragging.x || isDragging.y;\n}\n\nexport { isDragActive, isDragging };\n//# sourceMappingURL=is-active.mjs.map\n"],"names":["isDragging","isDragActive"],"mappings":"AAAK,MAACA,IAAa;AAAA,EACf,GAAG;AAAA,EACH,GAAG;AACP;AACA,SAASC,IAAe;AACpB,SAAOD,EAAW,KAAKA,EAAW;AACtC;","x_google_ignoreList":[0]}

package/dist/visualization.es387.js

@@ -1,7 +1,12 @@
-function n(c, e) {
-  return e ? c * (1e3 / e) : 0;
+import { isDragging as e } from "./visualization.es386.js";
+function l(r) {
+  return r === "x" || r === "y" ? e[r] ? null : (e[r] = !0, () => {
+    e[r] = !1;
+  }) : e.x || e.y ? null : (e.x = e.y = !0, () => {
+    e.x = e.y = !1;
+  });
 }
 export {
-  n as velocityPerSecond
+  l as setDragLock
 };
 //# sourceMappingURL=visualization.es387.js.map

package/dist/visualization.es387.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es387.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/velocity-per-second.mjs"],"sourcesContent":["/*\n  Convert velocity into velocity per second\n\n  @param [number]: Unit per frame\n  @param [number]: Frame duration in ms\n*/\nfunction velocityPerSecond(velocity, frameDuration) {\n    return frameDuration ? velocity * (1000 / frameDuration) : 0;\n}\n\nexport { velocityPerSecond };\n//# sourceMappingURL=velocity-per-second.mjs.map\n"],"names":["velocityPerSecond","velocity","frameDuration"],"mappings":"AAMA,SAASA,EAAkBC,GAAUC,GAAe;AAChD,SAAOA,IAAgBD,KAAY,MAAOC,KAAiB;AAC/D;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es387.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/gestures/drag/state/set-active.mjs"],"sourcesContent":["import { isDragging } from './is-active.mjs';\n\nfunction setDragLock(axis) {\n    if (axis === \"x\" || axis === \"y\") {\n        if (isDragging[axis]) {\n            return null;\n        }\n        else {\n            isDragging[axis] = true;\n            return () => {\n                isDragging[axis] = false;\n            };\n        }\n    }\n    else {\n        if (isDragging.x || isDragging.y) {\n            return null;\n        }\n        else {\n            isDragging.x = isDragging.y = true;\n            return () => {\n                isDragging.x = isDragging.y = false;\n            };\n        }\n    }\n}\n\nexport { setDragLock };\n//# sourceMappingURL=set-active.mjs.map\n"],"names":["setDragLock","axis","isDragging"],"mappings":";AAEA,SAASA,EAAYC,GAAM;AACvB,SAAIA,MAAS,OAAOA,MAAS,MACrBC,EAAWD,CAAI,IACR,QAGPC,EAAWD,CAAI,IAAI,IACZ,MAAM;AACT,IAAAC,EAAWD,CAAI,IAAI;AAAA,EACvB,KAIAC,EAAW,KAAKA,EAAW,IACpB,QAGPA,EAAW,IAAIA,EAAW,IAAI,IACvB,MAAM;AACT,IAAAA,EAAW,IAAIA,EAAW,IAAI;AAAA,EAClC;AAGZ;","x_google_ignoreList":[0]}