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

package/dist/visualization.es406.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es406.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/mix/color.mjs"],"sourcesContent":["import { warning } from 'motion-utils';\nimport { hex } from '../../value/types/color/hex.mjs';\nimport { hsla } from '../../value/types/color/hsla.mjs';\nimport { hslaToRgba } from '../../value/types/color/hsla-to-rgba.mjs';\nimport { rgba } from '../../value/types/color/rgba.mjs';\nimport { mixImmediate } from './immediate.mjs';\nimport { mixNumber } from './number.mjs';\n\n// Linear color space blending\n// Explained https://www.youtube.com/watch?v=LKnqECcg6Gw\n// Demonstrated http://codepen.io/osublake/pen/xGVVaN\nconst mixLinearColor = (from, to, v) => {\n    const fromExpo = from * from;\n    const expo = v * (to * to - fromExpo) + fromExpo;\n    return expo < 0 ? 0 : Math.sqrt(expo);\n};\nconst colorTypes = [hex, rgba, hsla];\nconst getColorType = (v) => colorTypes.find((type) => type.test(v));\nfunction asRGBA(color) {\n    const type = getColorType(color);\n    warning(Boolean(type), `'${color}' is not an animatable color. Use the equivalent color code instead.`, \"color-not-animatable\");\n    if (!Boolean(type))\n        return false;\n    let model = type.parse(color);\n    if (type === hsla) {\n        // TODO Remove this cast - needed since Motion's stricter typing\n        model = hslaToRgba(model);\n    }\n    return model;\n}\nconst mixColor = (from, to) => {\n    const fromRGBA = asRGBA(from);\n    const toRGBA = asRGBA(to);\n    if (!fromRGBA || !toRGBA) {\n        return mixImmediate(from, to);\n    }\n    const blended = { ...fromRGBA };\n    return (v) => {\n        blended.red = mixLinearColor(fromRGBA.red, toRGBA.red, v);\n        blended.green = mixLinearColor(fromRGBA.green, toRGBA.green, v);\n        blended.blue = mixLinearColor(fromRGBA.blue, toRGBA.blue, v);\n        blended.alpha = mixNumber(fromRGBA.alpha, toRGBA.alpha, v);\n        return rgba.transform(blended);\n    };\n};\n\nexport { mixColor, mixLinearColor };\n//# sourceMappingURL=color.mjs.map\n"],"names":["mixLinearColor","from","to","v","fromExpo","expo","colorTypes","hex","rgba","hsla","getColorType","type","asRGBA","color","warning","model","hslaToRgba","mixColor","fromRGBA","toRGBA","mixImmediate","blended","mixNumber"],"mappings":";;;;;;;AAWK,MAACA,IAAiB,CAACC,GAAMC,GAAIC,MAAM;AACpC,QAAMC,IAAWH,IAAOA,GAClBI,IAAOF,KAAKD,IAAKA,IAAKE,KAAYA;AACxC,SAAOC,IAAO,IAAI,IAAI,KAAK,KAAKA,CAAI;AACxC,GACMC,IAAa,CAACC,GAAKC,GAAMC,CAAI,GAC7BC,IAAe,CAACP,MAAMG,EAAW,KAAK,CAACK,MAASA,EAAK,KAAKR,CAAC,CAAC;AAClE,SAASS,EAAOC,GAAO;AACnB,QAAMF,IAAOD,EAAaG,CAAK;AAE/B,MADAC,EAAQ,EAAQH,GAAO,IAAIE,CAAK,wEAAwE,sBAAsB,GAC1H,CAASF;AACT,WAAO;AACX,MAAII,IAAQJ,EAAK,MAAME,CAAK;AAC5B,SAAIF,MAASF,MAETM,IAAQC,EAAWD,CAAK,IAErBA;AACX;AACK,MAACE,IAAW,CAAChB,GAAMC,MAAO;AAC3B,QAAMgB,IAAWN,EAAOX,CAAI,GACtBkB,IAASP,EAAOV,CAAE;AACxB,MAAI,CAACgB,KAAY,CAACC;AACd,WAAOC,EAAanB,GAAMC,CAAE;AAEhC,QAAMmB,IAAU,EAAE,GAAGH,EAAQ;AAC7B,SAAO,CAACf,OACJkB,EAAQ,MAAMrB,EAAekB,EAAS,KAAKC,EAAO,KAAKhB,CAAC,GACxDkB,EAAQ,QAAQrB,EAAekB,EAAS,OAAOC,EAAO,OAAOhB,CAAC,GAC9DkB,EAAQ,OAAOrB,EAAekB,EAAS,MAAMC,EAAO,MAAMhB,CAAC,GAC3DkB,EAAQ,QAAQC,EAAUJ,EAAS,OAAOC,EAAO,OAAOhB,CAAC,GAClDK,EAAK,UAAUa,CAAO;AAErC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es406.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]}

package/dist/visualization.es407.js

@@ -1,20 +1,5 @@
-import { rgba as i } from "./visualization.es410.js";
-import { isColorString as g } from "./visualization.es421.js";
-function a(r) {
-  let t = "", e = "", n = "", s = "";
-  return r.length > 5 ? (t = r.substring(1, 3), e = r.substring(3, 5), n = r.substring(5, 7), s = r.substring(7, 9)) : (t = r.substring(1, 2), e = r.substring(2, 3), n = r.substring(3, 4), s = r.substring(4, 5), t += t, e += e, n += n, s += s), {
-    red: parseInt(t, 16),
-    green: parseInt(e, 16),
-    blue: parseInt(n, 16),
-    alpha: s ? parseInt(s, 16) / 255 : 1
-  };
-}
-const u = {
-  test: /* @__PURE__ */ g("#"),
-  parse: a,
-  transform: i.transform
-};
+const s = {};
 export {
-  u as hex
+  s as supportsFlags
 };
 //# sourceMappingURL=visualization.es407.js.map

package/dist/visualization.es407.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es407.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/color/hex.mjs"],"sourcesContent":["import { rgba } from './rgba.mjs';\nimport { isColorString } from './utils.mjs';\n\nfunction parseHex(v) {\n    let r = \"\";\n    let g = \"\";\n    let b = \"\";\n    let a = \"\";\n    // If we have 6 characters, ie #FF0000\n    if (v.length > 5) {\n        r = v.substring(1, 3);\n        g = v.substring(3, 5);\n        b = v.substring(5, 7);\n        a = v.substring(7, 9);\n        // Or we have 3 characters, ie #F00\n    }\n    else {\n        r = v.substring(1, 2);\n        g = v.substring(2, 3);\n        b = v.substring(3, 4);\n        a = v.substring(4, 5);\n        r += r;\n        g += g;\n        b += b;\n        a += a;\n    }\n    return {\n        red: parseInt(r, 16),\n        green: parseInt(g, 16),\n        blue: parseInt(b, 16),\n        alpha: a ? parseInt(a, 16) / 255 : 1,\n    };\n}\nconst hex = {\n    test: /*@__PURE__*/ isColorString(\"#\"),\n    parse: parseHex,\n    transform: rgba.transform,\n};\n\nexport { hex };\n//# sourceMappingURL=hex.mjs.map\n"],"names":["parseHex","v","r","g","b","a","hex","isColorString","rgba"],"mappings":";;AAGA,SAASA,EAASC,GAAG;AACjB,MAAIC,IAAI,IACJC,IAAI,IACJC,IAAI,IACJC,IAAI;AAER,SAAIJ,EAAE,SAAS,KACXC,IAAID,EAAE,UAAU,GAAG,CAAC,GACpBE,IAAIF,EAAE,UAAU,GAAG,CAAC,GACpBG,IAAIH,EAAE,UAAU,GAAG,CAAC,GACpBI,IAAIJ,EAAE,UAAU,GAAG,CAAC,MAIpBC,IAAID,EAAE,UAAU,GAAG,CAAC,GACpBE,IAAIF,EAAE,UAAU,GAAG,CAAC,GACpBG,IAAIH,EAAE,UAAU,GAAG,CAAC,GACpBI,IAAIJ,EAAE,UAAU,GAAG,CAAC,GACpBC,KAAKA,GACLC,KAAKA,GACLC,KAAKA,GACLC,KAAKA,IAEF;AAAA,IACH,KAAK,SAASH,GAAG,EAAE;AAAA,IACnB,OAAO,SAASC,GAAG,EAAE;AAAA,IACrB,MAAM,SAASC,GAAG,EAAE;AAAA,IACpB,OAAOC,IAAI,SAASA,GAAG,EAAE,IAAI,MAAM;AAAA,EAC3C;AACA;AACK,MAACC,IAAM;AAAA,EACR,MAAoB,gBAAAC,EAAc,GAAG;AAAA,EACrC,OAAOP;AAAA,EACP,WAAWQ,EAAK;AACpB;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es407.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]}

package/dist/visualization.es408.js

@@ -1,13 +1,10 @@
-import { alpha as n } from "./visualization.es422.js";
-import { percent as t } from "./visualization.es423.js";
-import { sanitize as r } from "./visualization.es424.js";
-import { splitColor as i, isColorString as e } from "./visualization.es421.js";
-const u = {
-  test: /* @__PURE__ */ e("hsl", "hue"),
-  parse: /* @__PURE__ */ i("hue", "saturation", "lightness"),
-  transform: ({ hue: o, saturation: s, lightness: a, alpha: m = 1 }) => "hsla(" + Math.round(o) + ", " + t.transform(r(s)) + ", " + t.transform(r(a)) + ", " + r(n.transform(m)) + ")"
-};
+import { supportsFlags as t } from "./visualization.es407.js";
+import { memo as p } from "./visualization.es372.js";
+function i(o, m) {
+  const r = p(o);
+  return () => t[m] ?? r();
+}
 export {
-  u as hsla
+  i as memoSupports
 };
 //# sourceMappingURL=visualization.es408.js.map

package/dist/visualization.es408.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es408.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/color/hsla.mjs"],"sourcesContent":["import { alpha } from '../numbers/index.mjs';\nimport { percent } from '../numbers/units.mjs';\nimport { sanitize } from '../utils/sanitize.mjs';\nimport { splitColor, isColorString } from './utils.mjs';\n\nconst hsla = {\n    test: /*@__PURE__*/ isColorString(\"hsl\", \"hue\"),\n    parse: /*@__PURE__*/ splitColor(\"hue\", \"saturation\", \"lightness\"),\n    transform: ({ hue, saturation, lightness, alpha: alpha$1 = 1 }) => {\n        return (\"hsla(\" +\n            Math.round(hue) +\n            \", \" +\n            percent.transform(sanitize(saturation)) +\n            \", \" +\n            percent.transform(sanitize(lightness)) +\n            \", \" +\n            sanitize(alpha.transform(alpha$1)) +\n            \")\");\n    },\n};\n\nexport { hsla };\n//# sourceMappingURL=hsla.mjs.map\n"],"names":["hsla","isColorString","splitColor","hue","saturation","lightness","alpha$1","percent","sanitize","alpha"],"mappings":";;;;AAKK,MAACA,IAAO;AAAA,EACT,MAAoB,gBAAAC,EAAc,OAAO,KAAK;AAAA,EAC9C,OAAqB,gBAAAC,EAAW,OAAO,cAAc,WAAW;AAAA,EAChE,WAAW,CAAC,EAAE,KAAAC,GAAK,YAAAC,GAAY,WAAAC,GAAW,OAAOC,IAAU,QAC/C,UACJ,KAAK,MAAMH,CAAG,IACd,OACAI,EAAQ,UAAUC,EAASJ,CAAU,CAAC,IACtC,OACAG,EAAQ,UAAUC,EAASH,CAAS,CAAC,IACrC,OACAG,EAASC,EAAM,UAAUH,CAAO,CAAC,IACjC;AAEZ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es408.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]}

package/dist/visualization.es409.js

@@ -1,23 +1,213 @@
-function c(e, f, r) {
-  return r < 0 && (r += 1), r > 1 && (r -= 1), r < 1 / 6 ? e + (f - e) * 6 * r : r < 1 / 2 ? f : r < 2 / 3 ? e + (f - e) * (2 / 3 - r) * 6 : e;
+import { time as n } from "./visualization.es299.js";
+import { frame as o } from "./visualization.es337.js";
+import { warnOnce as d } from "./visualization.es288.js";
+import { SubscriptionManager as c } from "./visualization.es410.js";
+import { velocityPerSecond as p } from "./visualization.es411.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 R({ hue: e, saturation: f, lightness: r, alpha: M }) {
-  e /= 360, f /= 100, r /= 100;
-  let o = 0, u = 0, d = 0;
-  if (!f)
-    o = u = d = r;
-  else {
-    const n = r < 0.5 ? r * (1 + f) : r + f - r * f, b = 2 * r - n;
-    o = c(b, n, e + 1 / 3), u = c(b, n, e), d = c(b, n, e - 1 / 3);
-  }
-  return {
-    red: Math.round(o * 255),
-    green: Math.round(u * 255),
-    blue: Math.round(d * 255),
-    alpha: M
-  };
+function V(s, t) {
+  return new f(s, t);
 }
 export {
-  R as hslaToRgba
+  f as MotionValue,
+  V as motionValue
 };
 //# sourceMappingURL=visualization.es409.js.map

package/dist/visualization.es409.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es409.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/color/hsla-to-rgba.mjs"],"sourcesContent":["// Adapted from https://gist.github.com/mjackson/5311256\nfunction hueToRgb(p, q, t) {\n    if (t < 0)\n        t += 1;\n    if (t > 1)\n        t -= 1;\n    if (t < 1 / 6)\n        return p + (q - p) * 6 * t;\n    if (t < 1 / 2)\n        return q;\n    if (t < 2 / 3)\n        return p + (q - p) * (2 / 3 - t) * 6;\n    return p;\n}\nfunction hslaToRgba({ hue, saturation, lightness, alpha }) {\n    hue /= 360;\n    saturation /= 100;\n    lightness /= 100;\n    let red = 0;\n    let green = 0;\n    let blue = 0;\n    if (!saturation) {\n        red = green = blue = lightness;\n    }\n    else {\n        const q = lightness < 0.5\n            ? lightness * (1 + saturation)\n            : lightness + saturation - lightness * saturation;\n        const p = 2 * lightness - q;\n        red = hueToRgb(p, q, hue + 1 / 3);\n        green = hueToRgb(p, q, hue);\n        blue = hueToRgb(p, q, hue - 1 / 3);\n    }\n    return {\n        red: Math.round(red * 255),\n        green: Math.round(green * 255),\n        blue: Math.round(blue * 255),\n        alpha,\n    };\n}\n\nexport { hslaToRgba };\n//# sourceMappingURL=hsla-to-rgba.mjs.map\n"],"names":["hueToRgb","p","q","t","hslaToRgba","hue","saturation","lightness","alpha","red","green","blue"],"mappings":"AACA,SAASA,EAASC,GAAGC,GAAGC,GAAG;AAKvB,SAJIA,IAAI,MACJA,KAAK,IACLA,IAAI,MACJA,KAAK,IACLA,IAAI,IAAI,IACDF,KAAKC,IAAID,KAAK,IAAIE,IACzBA,IAAI,IAAI,IACDD,IACPC,IAAI,IAAI,IACDF,KAAKC,IAAID,MAAM,IAAI,IAAIE,KAAK,IAChCF;AACX;AACA,SAASG,EAAW,EAAE,KAAAC,GAAK,YAAAC,GAAY,WAAAC,GAAW,OAAAC,EAAK,GAAI;AACvD,EAAAH,KAAO,KACPC,KAAc,KACdC,KAAa;AACb,MAAIE,IAAM,GACNC,IAAQ,GACRC,IAAO;AACX,MAAI,CAACL;AACD,IAAAG,IAAMC,IAAQC,IAAOJ;AAAA,OAEpB;AACD,UAAML,IAAIK,IAAY,MAChBA,KAAa,IAAID,KACjBC,IAAYD,IAAaC,IAAYD,GACrCL,IAAI,IAAIM,IAAYL;AAC1B,IAAAO,IAAMT,EAASC,GAAGC,GAAGG,IAAM,IAAI,CAAC,GAChCK,IAAQV,EAASC,GAAGC,GAAGG,CAAG,GAC1BM,IAAOX,EAASC,GAAGC,GAAGG,IAAM,IAAI,CAAC;AAAA,EACrC;AACA,SAAO;AAAA,IACH,KAAK,KAAK,MAAMI,IAAM,GAAG;AAAA,IACzB,OAAO,KAAK,MAAMC,IAAQ,GAAG;AAAA,IAC7B,MAAM,KAAK,MAAMC,IAAO,GAAG;AAAA,IAC3B,OAAAH;AAAA,EACR;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es409.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]}

package/dist/visualization.es41.js

@@ -1,46 +1,21 @@
-import { createElement as B } from "react";
-import I from "./visualization.es127.js";
-import L from "./visualization.es167.js";
-import i from "./visualization.es168.js";
-import { jsx as t, Fragment as j } from "react/jsx-runtime";
-import v from "./visualization.es169.js";
-import h from "./visualization.es31.js";
-function H(N) {
-  let {
-    top: x,
-    left: O,
-    className: R,
-    root: T,
-    tile: r,
-    size: d,
-    round: n,
-    padding: o,
-    paddingInner: p,
-    paddingOuter: a,
-    paddingTop: m,
-    paddingRight: f,
-    paddingBottom: g,
-    paddingLeft: c,
-    children: s,
-    nodeComponent: l = L
-  } = N;
-  const e = v();
-  r && e.tile(r), d && e.size(d), n && e.round(n), o && i(e.padding, o), p && i(e.paddingInner, p), a && i(e.paddingOuter, a), m && i(e.paddingTop, m), f && i(e.paddingRight, f), g && i(e.paddingBottom, g), c && i(e.paddingLeft, c);
-  const u = e(T);
-  return s ? /* @__PURE__ */ t(j, {
-    children: s(u)
-  }) : /* @__PURE__ */ t(h, {
-    top: x,
-    left: O,
-    className: I("visx-treemap", R),
-    children: l && u.descendants().map((b, z) => /* @__PURE__ */ t(h, {
-      children: /* @__PURE__ */ B(l, {
-        node: b
-      })
-    }, `treemap-node-${z}`))
-  });
-}
+import g from "./visualization.es42.js";
+import R from "./visualization.es40.js";
+import { squarifyRatio as _, phi as d } from "./visualization.es44.js";
+const k = (function q(l) {
+  function v(i, t, a, m, c) {
+    if ((u = i._squarify) && u.ratio === l)
+      for (var u, e, r, f, h = -1, p, s = u.length, n = i.value; ++h < s; ) {
+        for (e = u[h], r = e.children, f = e.value = 0, p = r.length; f < p; ++f) e.value += r[f].value;
+        e.dice ? g(e, t, a, m, a += (c - a) * e.value / n) : R(e, t, a, t += (m - t) * e.value / n, c), n -= e.value;
+      }
+    else
+      i._squarify = u = _(l, i, t, a, m, c), u.ratio = l;
+  }
+  return v.ratio = function(i) {
+    return q((i = +i) > 1 ? i : 1);
+  }, v;
+})(d);
 export {
-  H as default
+  k as default
 };
 //# sourceMappingURL=visualization.es41.js.map

package/dist/visualization.es41.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es41.js","sources":["../../../node_modules/.pnpm/@visx+hierarchy@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/hierarchy/esm/hierarchies/Treemap.js"],"sourcesContent":["import { createElement } from 'react';\nimport cx from 'classnames';\nimport { Group } from '@visx/group';\nimport { treemap as d3treemap } from 'd3-hierarchy';\nimport HierarchyDefaultRectNode from \"../HierarchyDefaultRectNode.js\";\nimport setNumberOrNumberAccessor from \"../utils/setNumOrNumAccessor.js\";\nimport { Fragment as _Fragment, jsx as _jsx } from \"react/jsx-runtime\";\nexport default function Treemap(_ref) {\n  let {\n    top,\n    left,\n    className,\n    root,\n    tile,\n    size,\n    round,\n    padding,\n    paddingInner,\n    paddingOuter,\n    paddingTop,\n    paddingRight,\n    paddingBottom,\n    paddingLeft,\n    children,\n    nodeComponent = HierarchyDefaultRectNode\n  } = _ref;\n  const treemap = d3treemap();\n  if (tile) treemap.tile(tile);\n  if (size) treemap.size(size);\n  if (round) treemap.round(round);\n  if (padding) setNumberOrNumberAccessor(treemap.padding, padding);\n  if (paddingInner) setNumberOrNumberAccessor(treemap.paddingInner, paddingInner);\n  if (paddingOuter) setNumberOrNumberAccessor(treemap.paddingOuter, paddingOuter);\n  if (paddingTop) setNumberOrNumberAccessor(treemap.paddingTop, paddingTop);\n  if (paddingRight) setNumberOrNumberAccessor(treemap.paddingRight, paddingRight);\n  if (paddingBottom) setNumberOrNumberAccessor(treemap.paddingBottom, paddingBottom);\n  if (paddingLeft) setNumberOrNumberAccessor(treemap.paddingLeft, paddingLeft);\n  const data = treemap(root);\n  if (children) return /*#__PURE__*/_jsx(_Fragment, {\n    children: children(data)\n  });\n  return /*#__PURE__*/_jsx(Group, {\n    top: top,\n    left: left,\n    className: cx('visx-treemap', className),\n    children: nodeComponent && data.descendants().map((node, i) => /*#__PURE__*/_jsx(Group, {\n      children: /*#__PURE__*/createElement(nodeComponent, {\n        node\n      })\n    }, `treemap-node-${i}`))\n  });\n}"],"names":["Treemap","_ref","top","left","className","root","tile","size","round","padding","paddingInner","paddingOuter","paddingTop","paddingRight","paddingBottom","paddingLeft","children","nodeComponent","HierarchyDefaultRectNode","treemap","d3treemap","setNumberOrNumberAccessor","data","_jsx","_Fragment","Group","cx","node","i","createElement"],"mappings":";;;;;;;AAOe,SAASA,EAAQC,GAAM;AACpC,MAAI;AAAA,IACF,KAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC,IAAgBC;AAAA,EACpB,IAAMjB;AACJ,QAAMkB,IAAUC,EAAS;AACzB,EAAId,KAAMa,EAAQ,KAAKb,CAAI,GACvBC,KAAMY,EAAQ,KAAKZ,CAAI,GACvBC,KAAOW,EAAQ,MAAMX,CAAK,GAC1BC,KAASY,EAA0BF,EAAQ,SAASV,CAAO,GAC3DC,KAAcW,EAA0BF,EAAQ,cAAcT,CAAY,GAC1EC,KAAcU,EAA0BF,EAAQ,cAAcR,CAAY,GAC1EC,KAAYS,EAA0BF,EAAQ,YAAYP,CAAU,GACpEC,KAAcQ,EAA0BF,EAAQ,cAAcN,CAAY,GAC1EC,KAAeO,EAA0BF,EAAQ,eAAeL,CAAa,GAC7EC,KAAaM,EAA0BF,EAAQ,aAAaJ,CAAW;AAC3E,QAAMO,IAAOH,EAAQd,CAAI;AACzB,SAAIW,IAA8BO,gBAAAA,EAAKC,GAAW;AAAA,IAChD,UAAUR,EAASM,CAAI;AAAA,EAC3B,CAAG,IACmBC,gBAAAA,EAAKE,GAAO;AAAA,IAC9B,KAAKvB;AAAA,IACL,MAAMC;AAAA,IACN,WAAWuB,EAAG,gBAAgBtB,CAAS;AAAA,IACvC,UAAUa,KAAiBK,EAAK,YAAW,EAAG,IAAI,CAACK,GAAMC,MAAmBL,gBAAAA,EAAKE,GAAO;AAAA,MACtF,UAAuB,gBAAAI,EAAcZ,GAAe;AAAA,QAClD,MAAAU;AAAA,MACR,CAAO;AAAA,IACP,GAAO,gBAAgBC,CAAC,EAAE,CAAC;AAAA,EAC3B,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es41.js","sources":["../../../node_modules/.pnpm/d3-hierarchy@1.1.9/node_modules/d3-hierarchy/src/treemap/resquarify.js"],"sourcesContent":["import treemapDice from \"./dice.js\";\nimport treemapSlice from \"./slice.js\";\nimport {phi, squarifyRatio} from \"./squarify.js\";\n\nexport default (function custom(ratio) {\n\n  function resquarify(parent, x0, y0, x1, y1) {\n    if ((rows = parent._squarify) && (rows.ratio === ratio)) {\n      var rows,\n          row,\n          nodes,\n          i,\n          j = -1,\n          n,\n          m = rows.length,\n          value = parent.value;\n\n      while (++j < m) {\n        row = rows[j], nodes = row.children;\n        for (i = row.value = 0, n = nodes.length; i < n; ++i) row.value += nodes[i].value;\n        if (row.dice) treemapDice(row, x0, y0, x1, y0 += (y1 - y0) * row.value / value);\n        else treemapSlice(row, x0, y0, x0 += (x1 - x0) * row.value / value, y1);\n        value -= row.value;\n      }\n    } else {\n      parent._squarify = rows = squarifyRatio(ratio, parent, x0, y0, x1, y1);\n      rows.ratio = ratio;\n    }\n  }\n\n  resquarify.ratio = function(x) {\n    return custom((x = +x) > 1 ? x : 1);\n  };\n\n  return resquarify;\n})(phi);\n"],"names":["treemapResquarify","custom","ratio","resquarify","parent","x0","y0","x1","y1","rows","row","nodes","i","j","n","m","value","treemapDice","treemapSlice","squarifyRatio","x","phi"],"mappings":";;;AAIA,MAAAA,KAAgB,SAASC,EAAOC,GAAO;AAErC,WAASC,EAAWC,GAAQC,GAAIC,GAAIC,GAAIC,GAAI;AAC1C,SAAKC,IAAOL,EAAO,cAAeK,EAAK,UAAUP;AAU/C,eATIO,GACAC,GACAC,GACAC,GACAC,IAAI,IACJC,GACAC,IAAIN,EAAK,QACTO,IAAQZ,EAAO,OAEZ,EAAES,IAAIE,KAAG;AAEd,aADAL,IAAMD,EAAKI,CAAC,GAAGF,IAAQD,EAAI,UACtBE,IAAIF,EAAI,QAAQ,GAAGI,IAAIH,EAAM,QAAQC,IAAIE,GAAG,EAAEF,EAAG,CAAAF,EAAI,SAASC,EAAMC,CAAC,EAAE;AAC5E,QAAIF,EAAI,OAAMO,EAAYP,GAAKL,GAAIC,GAAIC,GAAID,MAAOE,IAAKF,KAAMI,EAAI,QAAQM,CAAK,IACzEE,EAAaR,GAAKL,GAAIC,GAAID,MAAOE,IAAKF,KAAMK,EAAI,QAAQM,GAAOR,CAAE,GACtEQ,KAASN,EAAI;AAAA,MACf;AAAA;AAEA,MAAAN,EAAO,YAAYK,IAAOU,EAAcjB,GAAOE,GAAQC,GAAIC,GAAIC,GAAIC,CAAE,GACrEC,EAAK,QAAQP;AAAA,EAEjB;AAEA,SAAAC,EAAW,QAAQ,SAASiB,GAAG;AAC7B,WAAOnB,GAAQmB,IAAI,CAACA,KAAK,IAAIA,IAAI,CAAC;AAAA,EACpC,GAEOjB;AACT,GAAGkB,CAAG;","x_google_ignoreList":[0]}

package/dist/visualization.es410.js

@@ -1,17 +1,30 @@
-import { number as n, alpha as s } from "./visualization.es422.js";
-import { sanitize as i } from "./visualization.es424.js";
-import { splitColor as p, isColorString as e } from "./visualization.es421.js";
-import { clamp as f } from "./visualization.es329.js";
-const l = (r) => f(0, 255, r), o = {
-  ...n,
-  transform: (r) => Math.round(l(r))
-}, h = {
-  test: /* @__PURE__ */ e("rgb", "red"),
-  parse: /* @__PURE__ */ p("red", "green", "blue"),
-  transform: ({ red: r, green: t, blue: a, alpha: m = 1 }) => "rgba(" + o.transform(r) + ", " + o.transform(t) + ", " + o.transform(a) + ", " + i(s.transform(m)) + ")"
-};
+import { addUniqueItem as e, removeItem as u } from "./visualization.es468.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;
+  }
+}
 export {
-  o as rgbUnit,
-  h as rgba
+  h as SubscriptionManager
 };
 //# sourceMappingURL=visualization.es410.js.map

package/dist/visualization.es410.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es410.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/color/rgba.mjs"],"sourcesContent":["import { clamp } from 'motion-utils';\nimport { number, alpha } from '../numbers/index.mjs';\nimport { sanitize } from '../utils/sanitize.mjs';\nimport { splitColor, isColorString } from './utils.mjs';\n\nconst clampRgbUnit = (v) => clamp(0, 255, v);\nconst rgbUnit = {\n    ...number,\n    transform: (v) => Math.round(clampRgbUnit(v)),\n};\nconst rgba = {\n    test: /*@__PURE__*/ isColorString(\"rgb\", \"red\"),\n    parse: /*@__PURE__*/ splitColor(\"red\", \"green\", \"blue\"),\n    transform: ({ red, green, blue, alpha: alpha$1 = 1 }) => \"rgba(\" +\n        rgbUnit.transform(red) +\n        \", \" +\n        rgbUnit.transform(green) +\n        \", \" +\n        rgbUnit.transform(blue) +\n        \", \" +\n        sanitize(alpha.transform(alpha$1)) +\n        \")\",\n};\n\nexport { rgbUnit, rgba };\n//# sourceMappingURL=rgba.mjs.map\n"],"names":["clampRgbUnit","v","clamp","rgbUnit","number","rgba","isColorString","splitColor","red","green","blue","alpha$1","sanitize","alpha"],"mappings":";;;;AAKA,MAAMA,IAAe,CAACC,MAAMC,EAAM,GAAG,KAAKD,CAAC,GACrCE,IAAU;AAAA,EACZ,GAAGC;AAAA,EACH,WAAW,CAACH,MAAM,KAAK,MAAMD,EAAaC,CAAC,CAAC;AAChD,GACMI,IAAO;AAAA,EACT,MAAoB,gBAAAC,EAAc,OAAO,KAAK;AAAA,EAC9C,OAAqB,gBAAAC,EAAW,OAAO,SAAS,MAAM;AAAA,EACtD,WAAW,CAAC,EAAE,KAAAC,GAAK,OAAAC,GAAO,MAAAC,GAAM,OAAOC,IAAU,EAAC,MAAO,UACrDR,EAAQ,UAAUK,CAAG,IACrB,OACAL,EAAQ,UAAUM,CAAK,IACvB,OACAN,EAAQ,UAAUO,CAAI,IACtB,OACAE,EAASC,EAAM,UAAUF,CAAO,CAAC,IACjC;AACR;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es410.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]}

package/dist/visualization.es411.js

@@ -1,7 +1,7 @@
-function m(e, t) {
-  return (i) => i > 0 ? t : e;
+function n(c, e) {
+  return e ? c * (1e3 / e) : 0;
 }
 export {
-  m as mixImmediate
+  n as velocityPerSecond
 };
 //# sourceMappingURL=visualization.es411.js.map

package/dist/visualization.es411.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es411.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/mix/immediate.mjs"],"sourcesContent":["function mixImmediate(a, b) {\n    return (p) => (p > 0 ? b : a);\n}\n\nexport { mixImmediate };\n//# sourceMappingURL=immediate.mjs.map\n"],"names":["mixImmediate","a","b","p"],"mappings":"AAAA,SAASA,EAAaC,GAAGC,GAAG;AACxB,SAAO,CAACC,MAAOA,IAAI,IAAID,IAAID;AAC/B;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es411.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]}

package/dist/visualization.es412.js

@@ -1,16 +1,19 @@
-import { hex as o } from "./visualization.es407.js";
-import { hsla as t } from "./visualization.es408.js";
-import { rgba as e } from "./visualization.es410.js";
-const a = {
-  test: (r) => e.test(r) || o.test(r) || t.test(r),
-  parse: (r) => e.test(r) ? e.parse(r) : t.test(r) ? t.parse(r) : o.parse(r),
-  transform: (r) => typeof r == "string" ? r : r.hasOwnProperty("red") ? e.transform(r) : t.transform(r),
-  getAnimatableNone: (r) => {
-    const s = a.parse(r);
-    return s.alpha = 0, a.transform(s);
-  }
+import { floatRegex as i } from "./visualization.es417.js";
+import { isNullish as n } from "./visualization.es548.js";
+import { singleColorRegex as f } from "./visualization.es549.js";
+const h = (r, o) => (t) => !!(typeof t == "string" && f.test(t) && t.startsWith(r) || o && !n(t) && Object.prototype.hasOwnProperty.call(t, o)), u = (r, o, t) => (e) => {
+  if (typeof e != "string")
+    return e;
+  const [l, s, p, a] = e.match(i);
+  return {
+    [r]: parseFloat(l),
+    [o]: parseFloat(s),
+    [t]: parseFloat(p),
+    alpha: a !== void 0 ? parseFloat(a) : 1
+  };
 };
 export {
-  a as color
+  h as isColorString,
+  u as splitColor
 };
 //# sourceMappingURL=visualization.es412.js.map

package/dist/visualization.es412.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es412.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/color/index.mjs"],"sourcesContent":["import { hex } from './hex.mjs';\nimport { hsla } from './hsla.mjs';\nimport { rgba } from './rgba.mjs';\n\nconst color = {\n    test: (v) => rgba.test(v) || hex.test(v) || hsla.test(v),\n    parse: (v) => {\n        if (rgba.test(v)) {\n            return rgba.parse(v);\n        }\n        else if (hsla.test(v)) {\n            return hsla.parse(v);\n        }\n        else {\n            return hex.parse(v);\n        }\n    },\n    transform: (v) => {\n        return typeof v === \"string\"\n            ? v\n            : v.hasOwnProperty(\"red\")\n                ? rgba.transform(v)\n                : hsla.transform(v);\n    },\n    getAnimatableNone: (v) => {\n        const parsed = color.parse(v);\n        parsed.alpha = 0;\n        return color.transform(parsed);\n    },\n};\n\nexport { color };\n//# sourceMappingURL=index.mjs.map\n"],"names":["color","v","rgba","hex","hsla","parsed"],"mappings":";;;AAIK,MAACA,IAAQ;AAAA,EACV,MAAM,CAACC,MAAMC,EAAK,KAAKD,CAAC,KAAKE,EAAI,KAAKF,CAAC,KAAKG,EAAK,KAAKH,CAAC;AAAA,EACvD,OAAO,CAACA,MACAC,EAAK,KAAKD,CAAC,IACJC,EAAK,MAAMD,CAAC,IAEdG,EAAK,KAAKH,CAAC,IACTG,EAAK,MAAMH,CAAC,IAGZE,EAAI,MAAMF,CAAC;AAAA,EAG1B,WAAW,CAACA,MACD,OAAOA,KAAM,WACdA,IACAA,EAAE,eAAe,KAAK,IAClBC,EAAK,UAAUD,CAAC,IAChBG,EAAK,UAAUH,CAAC;AAAA,EAE9B,mBAAmB,CAACA,MAAM;AACtB,UAAMI,IAASL,EAAM,MAAMC,CAAC;AAC5B,WAAAI,EAAO,QAAQ,GACRL,EAAM,UAAUK,CAAM;AAAA,EACjC;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es412.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/color/utils.mjs"],"sourcesContent":["import { floatRegex } from '../utils/float-regex.mjs';\nimport { isNullish } from '../utils/is-nullish.mjs';\nimport { singleColorRegex } from '../utils/single-color-regex.mjs';\n\n/**\n * Returns true if the provided string is a color, ie rgba(0,0,0,0) or #000,\n * but false if a number or multiple colors\n */\nconst isColorString = (type, testProp) => (v) => {\n    return Boolean((typeof v === \"string\" &&\n        singleColorRegex.test(v) &&\n        v.startsWith(type)) ||\n        (testProp &&\n            !isNullish(v) &&\n            Object.prototype.hasOwnProperty.call(v, testProp)));\n};\nconst splitColor = (aName, bName, cName) => (v) => {\n    if (typeof v !== \"string\")\n        return v;\n    const [a, b, c, alpha] = v.match(floatRegex);\n    return {\n        [aName]: parseFloat(a),\n        [bName]: parseFloat(b),\n        [cName]: parseFloat(c),\n        alpha: alpha !== undefined ? parseFloat(alpha) : 1,\n    };\n};\n\nexport { isColorString, splitColor };\n//# sourceMappingURL=utils.mjs.map\n"],"names":["isColorString","type","testProp","v","singleColorRegex","isNullish","splitColor","aName","bName","cName","a","b","c","alpha","floatRegex"],"mappings":";;;AAQK,MAACA,IAAgB,CAACC,GAAMC,MAAa,CAACC,MAChC,GAAS,OAAOA,KAAM,YACzBC,EAAiB,KAAKD,CAAC,KACvBA,EAAE,WAAWF,CAAI,KAChBC,KACG,CAACG,EAAUF,CAAC,KACZ,OAAO,UAAU,eAAe,KAAKA,GAAGD,CAAQ,IAEtDI,IAAa,CAACC,GAAOC,GAAOC,MAAU,CAACN,MAAM;AAC/C,MAAI,OAAOA,KAAM;AACb,WAAOA;AACX,QAAM,CAACO,GAAGC,GAAGC,GAAGC,CAAK,IAAIV,EAAE,MAAMW,CAAU;AAC3C,SAAO;AAAA,IACH,CAACP,CAAK,GAAG,WAAWG,CAAC;AAAA,IACrB,CAACF,CAAK,GAAG,WAAWG,CAAC;AAAA,IACrB,CAACF,CAAK,GAAG,WAAWG,CAAC;AAAA,IACrB,OAAOC,MAAU,SAAY,WAAWA,CAAK,IAAI;AAAA,EACzD;AACA;","x_google_ignoreList":[0]}