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

package/dist/visualization.es397.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es397.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/dom/is-css-var.mjs"],"sourcesContent":["const isCSSVar = (name) => name.startsWith(\"--\");\n\nexport { isCSSVar };\n//# sourceMappingURL=is-css-var.mjs.map\n"],"names":["isCSSVar","name"],"mappings":"AAAK,MAACA,IAAW,CAACC,MAASA,EAAK,WAAW,IAAI;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es397.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]}

package/dist/visualization.es398.js

@@ -1,5 +1,20 @@
-const e = (r) => Array.isArray(r);
+import { rgba as i } from "./visualization.es401.js";
+import { isColorString as g } from "./visualization.es412.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
+};
 export {
-  e as isKeyframesTarget
+  u as hex
 };
 //# sourceMappingURL=visualization.es398.js.map

package/dist/visualization.es398.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es398.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/is-keyframes-target.mjs"],"sourcesContent":["const isKeyframesTarget = (v) => {\n    return Array.isArray(v);\n};\n\nexport { isKeyframesTarget };\n//# sourceMappingURL=is-keyframes-target.mjs.map\n"],"names":["isKeyframesTarget","v"],"mappings":"AAAK,MAACA,IAAoB,CAACC,MAChB,MAAM,QAAQA,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es398.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]}

package/dist/visualization.es399.js

@@ -1,9 +1,13 @@
-import { resizeElement as o } from "./visualization.es400.js";
-import { resizeWindow as i } from "./visualization.es401.js";
-function f(e, r) {
-  return typeof e == "function" ? i(e) : o(e, r);
-}
+import { alpha as n } from "./visualization.es413.js";
+import { percent as t } from "./visualization.es414.js";
+import { sanitize as r } from "./visualization.es415.js";
+import { splitColor as i, isColorString as e } from "./visualization.es412.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)) + ")"
+};
 export {
-  f as resize
+  u as hsla
 };
 //# sourceMappingURL=visualization.es399.js.map

package/dist/visualization.es399.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es399.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/resize/index.mjs"],"sourcesContent":["import { resizeElement } from './handle-element.mjs';\nimport { resizeWindow } from './handle-window.mjs';\n\nfunction resize(a, b) {\n    return typeof a === \"function\" ? resizeWindow(a) : resizeElement(a, b);\n}\n\nexport { resize };\n//# sourceMappingURL=index.mjs.map\n"],"names":["resize","a","b","resizeWindow","resizeElement"],"mappings":";;AAGA,SAASA,EAAOC,GAAGC,GAAG;AAClB,SAAO,OAAOD,KAAM,aAAaE,EAAaF,CAAC,IAAIG,EAAcH,GAAGC,CAAC;AACzE;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es399.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]}

package/dist/visualization.es4.js

@@ -1,12 +1,12 @@
 import { jsxs as X, jsx as I } from "react/jsx-runtime";
 import { useRef as G, useState as v, useEffect as q } from "react";
-import V from "./visualization.es73.js";
-import ye from "./visualization.es74.js";
-import me from "./visualization.es75.js";
-import { useScreenshot as he } from "./visualization.es76.js";
-import pe from "./visualization.es77.js";
+import V from "./visualization.es65.js";
+import ye from "./visualization.es66.js";
+import me from "./visualization.es67.js";
+import { useScreenshot as he } from "./visualization.es68.js";
+import pe from "./visualization.es69.js";
 /* empty css                   */
-import ge from "./visualization.es79.js";
+import ge from "./visualization.es71.js";
 import { Typography as be } from "@mui/material";
 V.use(ye);
 V.use(me(A));

package/dist/visualization.es40.js

@@ -1,58 +1,8 @@
-import s from "./visualization.es263.js";
-import u from "./visualization.es264.js";
-import m from "./visualization.es265.js";
-import l from "./visualization.es266.js";
-import _ from "./visualization.es267.js";
-import v from "./visualization.es268.js";
-import y from "./visualization.es269.js";
-import g from "./visualization.es270.js";
-import w from "./visualization.es271.js";
-import B from "./visualization.es272.js";
-import A from "./visualization.es273.js";
-function d(e, t) {
-  var a = new n(e), f = +e.value && (a.value = e.value), o, c = [a], i, h, r, p;
-  for (t == null && (t = x); o = c.pop(); )
-    if (f && (o.value = +o.data.value), (h = t(o.data)) && (p = h.length))
-      for (o.children = new Array(p), r = p - 1; r >= 0; --r)
-        c.push(i = o.children[r] = new n(h[r])), i.parent = o, i.depth = o.depth + 1;
-  return a.eachBefore(D);
+function h(l, u, a, d, o) {
+  for (var i = l.children, e, n = -1, v = i.length, c = l.value && (o - a) / l.value; ++n < v; )
+    e = i[n], e.x0 = u, e.x1 = d, e.y0 = a, e.y1 = a += e.value * c;
 }
-function k() {
-  return d(this).eachBefore(C);
-}
-function x(e) {
-  return e.children;
-}
-function C(e) {
-  e.data = e.data.data;
-}
-function D(e) {
-  var t = 0;
-  do
-    e.height = t;
-  while ((e = e.parent) && e.height < ++t);
-}
-function n(e) {
-  this.data = e, this.depth = this.height = 0, this.parent = null;
-}
-n.prototype = d.prototype = {
-  constructor: n,
-  count: s,
-  each: u,
-  eachAfter: l,
-  eachBefore: m,
-  sum: _,
-  sort: v,
-  path: y,
-  ancestors: g,
-  descendants: w,
-  leaves: B,
-  links: A,
-  copy: k
-};
 export {
-  n as Node,
-  D as computeHeight,
-  d as default
+  h as default
 };
 //# sourceMappingURL=visualization.es40.js.map

package/dist/visualization.es40.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es40.js","sources":["../../../node_modules/.pnpm/d3-hierarchy@1.1.9/node_modules/d3-hierarchy/src/hierarchy/index.js"],"sourcesContent":["import node_count from \"./count.js\";\nimport node_each from \"./each.js\";\nimport node_eachBefore from \"./eachBefore.js\";\nimport node_eachAfter from \"./eachAfter.js\";\nimport node_sum from \"./sum.js\";\nimport node_sort from \"./sort.js\";\nimport node_path from \"./path.js\";\nimport node_ancestors from \"./ancestors.js\";\nimport node_descendants from \"./descendants.js\";\nimport node_leaves from \"./leaves.js\";\nimport node_links from \"./links.js\";\n\nexport default function hierarchy(data, children) {\n  var root = new Node(data),\n      valued = +data.value && (root.value = data.value),\n      node,\n      nodes = [root],\n      child,\n      childs,\n      i,\n      n;\n\n  if (children == null) children = defaultChildren;\n\n  while (node = nodes.pop()) {\n    if (valued) node.value = +node.data.value;\n    if ((childs = children(node.data)) && (n = childs.length)) {\n      node.children = new Array(n);\n      for (i = n - 1; i >= 0; --i) {\n        nodes.push(child = node.children[i] = new Node(childs[i]));\n        child.parent = node;\n        child.depth = node.depth + 1;\n      }\n    }\n  }\n\n  return root.eachBefore(computeHeight);\n}\n\nfunction node_copy() {\n  return hierarchy(this).eachBefore(copyData);\n}\n\nfunction defaultChildren(d) {\n  return d.children;\n}\n\nfunction copyData(node) {\n  node.data = node.data.data;\n}\n\nexport function computeHeight(node) {\n  var height = 0;\n  do node.height = height;\n  while ((node = node.parent) && (node.height < ++height));\n}\n\nexport function Node(data) {\n  this.data = data;\n  this.depth =\n  this.height = 0;\n  this.parent = null;\n}\n\nNode.prototype = hierarchy.prototype = {\n  constructor: Node,\n  count: node_count,\n  each: node_each,\n  eachAfter: node_eachAfter,\n  eachBefore: node_eachBefore,\n  sum: node_sum,\n  sort: node_sort,\n  path: node_path,\n  ancestors: node_ancestors,\n  descendants: node_descendants,\n  leaves: node_leaves,\n  links: node_links,\n  copy: node_copy\n};\n"],"names":["hierarchy","data","children","root","Node","valued","node","nodes","child","childs","i","n","defaultChildren","computeHeight","node_copy","copyData","d","height","node_count","node_each","node_eachAfter","node_eachBefore","node_sum","node_sort","node_path","node_ancestors","node_descendants","node_leaves","node_links"],"mappings":";;;;;;;;;;;AAYe,SAASA,EAAUC,GAAMC,GAAU;AAChD,MAAIC,IAAO,IAAIC,EAAKH,CAAI,GACpBI,IAAS,CAACJ,EAAK,UAAUE,EAAK,QAAQF,EAAK,QAC3CK,GACAC,IAAQ,CAACJ,CAAI,GACbK,GACAC,GACAC,GACAC;AAIJ,OAFIT,KAAY,SAAMA,IAAWU,IAE1BN,IAAOC,EAAM;AAElB,QADIF,MAAQC,EAAK,QAAQ,CAACA,EAAK,KAAK,SAC/BG,IAASP,EAASI,EAAK,IAAI,OAAOK,IAAIF,EAAO;AAEhD,WADAH,EAAK,WAAW,IAAI,MAAMK,CAAC,GACtBD,IAAIC,IAAI,GAAGD,KAAK,GAAG,EAAEA;AACxB,QAAAH,EAAM,KAAKC,IAAQF,EAAK,SAASI,CAAC,IAAI,IAAIN,EAAKK,EAAOC,CAAC,CAAC,CAAC,GACzDF,EAAM,SAASF,GACfE,EAAM,QAAQF,EAAK,QAAQ;AAKjC,SAAOH,EAAK,WAAWU,CAAa;AACtC;AAEA,SAASC,IAAY;AACnB,SAAOd,EAAU,IAAI,EAAE,WAAWe,CAAQ;AAC5C;AAEA,SAASH,EAAgBI,GAAG;AAC1B,SAAOA,EAAE;AACX;AAEA,SAASD,EAAST,GAAM;AACtB,EAAAA,EAAK,OAAOA,EAAK,KAAK;AACxB;AAEO,SAASO,EAAcP,GAAM;AAClC,MAAIW,IAAS;AACb;AAAG,IAAAX,EAAK,SAASW;AAAA,UACTX,IAAOA,EAAK,WAAYA,EAAK,SAAS,EAAEW;AAClD;AAEO,SAASb,EAAKH,GAAM;AACzB,OAAK,OAAOA,GACZ,KAAK,QACL,KAAK,SAAS,GACd,KAAK,SAAS;AAChB;AAEAG,EAAK,YAAYJ,EAAU,YAAY;AAAA,EACrC,aAAaI;AAAA,EACb,OAAOc;AAAA,EACP,MAAMC;AAAA,EACN,WAAWC;AAAA,EACX,YAAYC;AAAA,EACZ,KAAKC;AAAA,EACL,MAAMC;AAAA,EACN,MAAMC;AAAA,EACN,WAAWC;AAAA,EACX,aAAaC;AAAA,EACb,QAAQC;AAAA,EACR,OAAOC;AAAA,EACP,MAAMd;AACR;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es40.js","sources":["../../../node_modules/.pnpm/d3-hierarchy@1.1.9/node_modules/d3-hierarchy/src/treemap/slice.js"],"sourcesContent":["export default function(parent, x0, y0, x1, y1) {\n  var nodes = parent.children,\n      node,\n      i = -1,\n      n = nodes.length,\n      k = parent.value && (y1 - y0) / parent.value;\n\n  while (++i < n) {\n    node = nodes[i], node.x0 = x0, node.x1 = x1;\n    node.y0 = y0, node.y1 = y0 += node.value * k;\n  }\n}\n"],"names":["treemapSlice","parent","x0","y0","x1","y1","nodes","node","i","n","k"],"mappings":"AAAe,SAAAA,EAASC,GAAQC,GAAIC,GAAIC,GAAIC,GAAI;AAO9C,WANIC,IAAQL,EAAO,UACfM,GACAC,IAAI,IACJC,IAAIH,EAAM,QACVI,IAAIT,EAAO,UAAUI,IAAKF,KAAMF,EAAO,OAEpC,EAAEO,IAAIC;AACX,IAAAF,IAAOD,EAAME,CAAC,GAAGD,EAAK,KAAKL,GAAIK,EAAK,KAAKH,GACzCG,EAAK,KAAKJ,GAAII,EAAK,KAAKJ,KAAMI,EAAK,QAAQG;AAE/C;","x_google_ignoreList":[0]}

package/dist/visualization.es400.js

@@ -1,40 +1,23 @@
-import { isSVGElement as c } from "./visualization.es403.js";
-import { resolveElements as l } from "./visualization.es415.js";
-const r = /* @__PURE__ */ new WeakMap();
-let o;
-const f = (n, i, s) => (e, t) => t && t[0] ? t[0][n + "Size"] : c(e) && "getBBox" in e ? e.getBBox()[i] : e[s], h = /* @__PURE__ */ f("inline", "width", "offsetWidth"), u = /* @__PURE__ */ f("block", "height", "offsetHeight");
-function g({ target: n, borderBoxSize: i }) {
-  r.get(n)?.forEach((s) => {
-    s(n, {
-      get width() {
-        return h(n, i);
-      },
-      get height() {
-        return u(n, i);
-      }
-    });
-  });
+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;
 }
-function d(n) {
-  n.forEach(g);
-}
-function m() {
-  typeof ResizeObserver > "u" || (o = new ResizeObserver(d));
-}
-function a(n, i) {
-  o || m();
-  const s = l(n);
-  return s.forEach((e) => {
-    let t = r.get(e);
-    t || (t = /* @__PURE__ */ new Set(), r.set(e, t)), t.add(i), o?.observe(e);
-  }), () => {
-    s.forEach((e) => {
-      const t = r.get(e);
-      t?.delete(i), t?.size || o?.unobserve(e);
-    });
+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
   };
 }
 export {
-  a as resizeElement
+  R as hslaToRgba
 };
 //# sourceMappingURL=visualization.es400.js.map

package/dist/visualization.es400.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es400.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/resize/handle-element.mjs"],"sourcesContent":["import { isSVGElement } from '../utils/is-svg-element.mjs';\nimport { resolveElements } from '../utils/resolve-elements.mjs';\n\nconst resizeHandlers = new WeakMap();\nlet observer;\nconst getSize = (borderBoxAxis, svgAxis, htmlAxis) => (target, borderBoxSize) => {\n    if (borderBoxSize && borderBoxSize[0]) {\n        return borderBoxSize[0][(borderBoxAxis + \"Size\")];\n    }\n    else if (isSVGElement(target) && \"getBBox\" in target) {\n        return target.getBBox()[svgAxis];\n    }\n    else {\n        return target[htmlAxis];\n    }\n};\nconst getWidth = /*@__PURE__*/ getSize(\"inline\", \"width\", \"offsetWidth\");\nconst getHeight = /*@__PURE__*/ getSize(\"block\", \"height\", \"offsetHeight\");\nfunction notifyTarget({ target, borderBoxSize }) {\n    resizeHandlers.get(target)?.forEach((handler) => {\n        handler(target, {\n            get width() {\n                return getWidth(target, borderBoxSize);\n            },\n            get height() {\n                return getHeight(target, borderBoxSize);\n            },\n        });\n    });\n}\nfunction notifyAll(entries) {\n    entries.forEach(notifyTarget);\n}\nfunction createResizeObserver() {\n    if (typeof ResizeObserver === \"undefined\")\n        return;\n    observer = new ResizeObserver(notifyAll);\n}\nfunction resizeElement(target, handler) {\n    if (!observer)\n        createResizeObserver();\n    const elements = resolveElements(target);\n    elements.forEach((element) => {\n        let elementHandlers = resizeHandlers.get(element);\n        if (!elementHandlers) {\n            elementHandlers = new Set();\n            resizeHandlers.set(element, elementHandlers);\n        }\n        elementHandlers.add(handler);\n        observer?.observe(element);\n    });\n    return () => {\n        elements.forEach((element) => {\n            const elementHandlers = resizeHandlers.get(element);\n            elementHandlers?.delete(handler);\n            if (!elementHandlers?.size) {\n                observer?.unobserve(element);\n            }\n        });\n    };\n}\n\nexport { resizeElement };\n//# sourceMappingURL=handle-element.mjs.map\n"],"names":["resizeHandlers","observer","getSize","borderBoxAxis","svgAxis","htmlAxis","target","borderBoxSize","isSVGElement","getWidth","getHeight","notifyTarget","handler","notifyAll","entries","createResizeObserver","resizeElement","elements","resolveElements","element","elementHandlers"],"mappings":";;AAGA,MAAMA,IAAiB,oBAAI,QAAO;AAClC,IAAIC;AACJ,MAAMC,IAAU,CAACC,GAAeC,GAASC,MAAa,CAACC,GAAQC,MACvDA,KAAiBA,EAAc,CAAC,IACzBA,EAAc,CAAC,EAAGJ,IAAgB,MAAM,IAE1CK,EAAaF,CAAM,KAAK,aAAaA,IACnCA,EAAO,QAAO,EAAGF,CAAO,IAGxBE,EAAOD,CAAQ,GAGxBI,IAAyB,gBAAAP,EAAQ,UAAU,SAAS,aAAa,GACjEQ,IAA0B,gBAAAR,EAAQ,SAAS,UAAU,cAAc;AACzE,SAASS,EAAa,EAAE,QAAAL,GAAQ,eAAAC,KAAiB;AAC7C,EAAAP,EAAe,IAAIM,CAAM,GAAG,QAAQ,CAACM,MAAY;AAC7C,IAAAA,EAAQN,GAAQ;AAAA,MACZ,IAAI,QAAQ;AACR,eAAOG,EAASH,GAAQC,CAAa;AAAA,MACzC;AAAA,MACA,IAAI,SAAS;AACT,eAAOG,EAAUJ,GAAQC,CAAa;AAAA,MAC1C;AAAA,IACZ,CAAS;AAAA,EACL,CAAC;AACL;AACA,SAASM,EAAUC,GAAS;AACxB,EAAAA,EAAQ,QAAQH,CAAY;AAChC;AACA,SAASI,IAAuB;AAC5B,EAAI,OAAO,iBAAmB,QAE9Bd,IAAW,IAAI,eAAeY,CAAS;AAC3C;AACA,SAASG,EAAcV,GAAQM,GAAS;AACpC,EAAKX,KACDc,EAAoB;AACxB,QAAME,IAAWC,EAAgBZ,CAAM;AACvC,SAAAW,EAAS,QAAQ,CAACE,MAAY;AAC1B,QAAIC,IAAkBpB,EAAe,IAAImB,CAAO;AAChD,IAAKC,MACDA,IAAkB,oBAAI,IAAG,GACzBpB,EAAe,IAAImB,GAASC,CAAe,IAE/CA,EAAgB,IAAIR,CAAO,GAC3BX,GAAU,QAAQkB,CAAO;AAAA,EAC7B,CAAC,GACM,MAAM;AACT,IAAAF,EAAS,QAAQ,CAACE,MAAY;AAC1B,YAAMC,IAAkBpB,EAAe,IAAImB,CAAO;AAClD,MAAAC,GAAiB,OAAOR,CAAO,GAC1BQ,GAAiB,QAClBnB,GAAU,UAAUkB,CAAO;AAAA,IAEnC,CAAC;AAAA,EACL;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es400.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]}

package/dist/visualization.es401.js

@@ -1,24 +1,17 @@
-const i = /* @__PURE__ */ new Set();
-let e;
-function d() {
-  e = () => {
-    const n = {
-      get width() {
-        return window.innerWidth;
-      },
-      get height() {
-        return window.innerHeight;
-      }
-    };
-    i.forEach((t) => t(n));
-  }, window.addEventListener("resize", e);
-}
-function r(n) {
-  return i.add(n), e || d(), () => {
-    i.delete(n), !i.size && typeof e == "function" && (window.removeEventListener("resize", e), e = void 0);
-  };
-}
+import { number as n, alpha as s } from "./visualization.es413.js";
+import { sanitize as i } from "./visualization.es415.js";
+import { splitColor as p, isColorString as e } from "./visualization.es412.js";
+import { clamp as f } from "./visualization.es320.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)) + ")"
+};
 export {
-  r as resizeWindow
+  o as rgbUnit,
+  h as rgba
 };
 //# sourceMappingURL=visualization.es401.js.map

package/dist/visualization.es401.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es401.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/resize/handle-window.mjs"],"sourcesContent":["const windowCallbacks = new Set();\nlet windowResizeHandler;\nfunction createWindowResizeHandler() {\n    windowResizeHandler = () => {\n        const info = {\n            get width() {\n                return window.innerWidth;\n            },\n            get height() {\n                return window.innerHeight;\n            },\n        };\n        windowCallbacks.forEach((callback) => callback(info));\n    };\n    window.addEventListener(\"resize\", windowResizeHandler);\n}\nfunction resizeWindow(callback) {\n    windowCallbacks.add(callback);\n    if (!windowResizeHandler)\n        createWindowResizeHandler();\n    return () => {\n        windowCallbacks.delete(callback);\n        if (!windowCallbacks.size &&\n            typeof windowResizeHandler === \"function\") {\n            window.removeEventListener(\"resize\", windowResizeHandler);\n            windowResizeHandler = undefined;\n        }\n    };\n}\n\nexport { resizeWindow };\n//# sourceMappingURL=handle-window.mjs.map\n"],"names":["windowCallbacks","windowResizeHandler","createWindowResizeHandler","info","callback","resizeWindow"],"mappings":"AAAA,MAAMA,IAAkB,oBAAI,IAAG;AAC/B,IAAIC;AACJ,SAASC,IAA4B;AACjC,EAAAD,IAAsB,MAAM;AACxB,UAAME,IAAO;AAAA,MACT,IAAI,QAAQ;AACR,eAAO,OAAO;AAAA,MAClB;AAAA,MACA,IAAI,SAAS;AACT,eAAO,OAAO;AAAA,MAClB;AAAA,IACZ;AACQ,IAAAH,EAAgB,QAAQ,CAACI,MAAaA,EAASD,CAAI,CAAC;AAAA,EACxD,GACA,OAAO,iBAAiB,UAAUF,CAAmB;AACzD;AACA,SAASI,EAAaD,GAAU;AAC5B,SAAAJ,EAAgB,IAAII,CAAQ,GACvBH,KACDC,EAAyB,GACtB,MAAM;AACT,IAAAF,EAAgB,OAAOI,CAAQ,GAC3B,CAACJ,EAAgB,QACjB,OAAOC,KAAwB,eAC/B,OAAO,oBAAoB,UAAUA,CAAmB,GACxDA,IAAsB;AAAA,EAE9B;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es401.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]}

package/dist/visualization.es402.js

@@ -1,7 +1,7 @@
-function e(t) {
-  return typeof t == "object" && t !== null;
+function m(e, t) {
+  return (i) => i > 0 ? t : e;
 }
 export {
-  e as isObject
+  m as mixImmediate
 };
 //# sourceMappingURL=visualization.es402.js.map

package/dist/visualization.es402.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es402.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/is-object.mjs"],"sourcesContent":["function isObject(value) {\n    return typeof value === \"object\" && value !== null;\n}\n\nexport { isObject };\n//# sourceMappingURL=is-object.mjs.map\n"],"names":["isObject","value"],"mappings":"AAAA,SAASA,EAASC,GAAO;AACrB,SAAO,OAAOA,KAAU,YAAYA,MAAU;AAClD;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es402.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]}

package/dist/visualization.es403.js

@@ -1,8 +1,16 @@
-import { isObject as r } from "./visualization.es402.js";
-function e(n) {
-  return r(n) && "ownerSVGElement" in n;
-}
+import { hex as o } from "./visualization.es398.js";
+import { hsla as t } from "./visualization.es399.js";
+import { rgba as e } from "./visualization.es401.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);
+  }
+};
 export {
-  e as isSVGElement
+  a as color
 };
 //# sourceMappingURL=visualization.es403.js.map

package/dist/visualization.es403.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es403.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/is-svg-element.mjs"],"sourcesContent":["import { isObject } from 'motion-utils';\n\n/**\n * Checks if an element is an SVG element in a way\n * that works across iframes\n */\nfunction isSVGElement(element) {\n    return isObject(element) && \"ownerSVGElement\" in element;\n}\n\nexport { isSVGElement };\n//# sourceMappingURL=is-svg-element.mjs.map\n"],"names":["isSVGElement","element","isObject"],"mappings":";AAMA,SAASA,EAAaC,GAAS;AAC3B,SAAOC,EAASD,CAAO,KAAK,qBAAqBA;AACrD;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es403.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]}

package/dist/visualization.es404.js

@@ -1,8 +1,52 @@
-import { isSVGElement as r } from "./visualization.es403.js";
-function i(t) {
-  return r(t) && t.tagName === "svg";
+import { color as c } from "./visualization.es403.js";
+import { colorRegex as g } from "./visualization.es416.js";
+import { floatRegex as N } from "./visualization.es417.js";
+import { sanitize as d } from "./visualization.es415.js";
+function b(t) {
+  return isNaN(t) && typeof t == "string" && (t.match(N)?.length || 0) + (t.match(g)?.length || 0) > 0;
 }
+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 {
-  i as isSVGSVGElement
+  l as analyseComplexValue,
+  w as complex
 };
 //# sourceMappingURL=visualization.es404.js.map

package/dist/visualization.es404.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es404.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/is-svg-svg-element.mjs"],"sourcesContent":["import { isSVGElement } from './is-svg-element.mjs';\n\n/**\n * Checks if an element is specifically an SVGSVGElement (the root SVG element)\n * in a way that works across iframes\n */\nfunction isSVGSVGElement(element) {\n    return isSVGElement(element) && element.tagName === \"svg\";\n}\n\nexport { isSVGSVGElement };\n//# sourceMappingURL=is-svg-svg-element.mjs.map\n"],"names":["isSVGSVGElement","element","isSVGElement"],"mappings":";AAMA,SAASA,EAAgBC,GAAS;AAC9B,SAAOC,EAAaD,CAAO,KAAKA,EAAQ,YAAY;AACxD;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es404.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]}

package/dist/visualization.es405.js

@@ -1,52 +1,9 @@
-import { isCSSVariableToken as d } from "./visualization.es338.js";
-import { color as u } from "./visualization.es412.js";
-import { complex as h, analyseComplexValue as m } from "./visualization.es413.js";
-import { mixColor as a } from "./visualization.es406.js";
-import { mixImmediate as l } from "./visualization.es411.js";
-import { mixNumber as b } from "./visualization.es372.js";
-import { invisibleValues as c, mixVisibility as y } from "./visualization.es414.js";
-import { pipe as v } from "./visualization.es327.js";
-import { warning as g } from "./visualization.es326.js";
-function V(e, t) {
-  return (r) => b(e, t, r);
+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;
 }
-function f(e) {
-  return typeof e == "number" ? V : typeof e == "string" ? d(e) ? l : u.test(e) ? a : I : Array.isArray(e) ? p : typeof e == "object" ? u.test(e) ? a : C : l;
-}
-function p(e, t) {
-  const r = [...e], o = r.length, n = e.map((i, s) => f(i)(i, t[s]));
-  return (i) => {
-    for (let s = 0; s < o; s++)
-      r[s] = n[s](i);
-    return r;
-  };
-}
-function C(e, t) {
-  const r = { ...e, ...t }, o = {};
-  for (const n in r)
-    e[n] !== void 0 && t[n] !== void 0 && (o[n] = f(e[n])(e[n], t[n]));
-  return (n) => {
-    for (const i in o)
-      r[i] = o[i](n);
-    return r;
-  };
-}
-function k(e, t) {
-  const r = [], o = { color: 0, var: 0, number: 0 };
-  for (let n = 0; n < t.values.length; n++) {
-    const i = t.types[n], s = e.indexes[i][o[i]], x = e.values[s] ?? 0;
-    r[n] = x, o[i]++;
-  }
-  return r;
-}
-const I = (e, t) => {
-  const r = h.createTransformer(t), o = m(e), n = m(t);
-  return o.indexes.var.length === n.indexes.var.length && o.indexes.color.length === n.indexes.color.length && o.indexes.number.length >= n.indexes.number.length ? c.has(e) && !n.values.length || c.has(t) && !o.values.length ? y(e, t) : v(p(k(o, n), n.values), r) : (g(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`, "complex-values-different"), l(e, t));
-};
 export {
-  f as getMixer,
-  p as mixArray,
-  I as mixComplex,
-  C as mixObject
+  s as invisibleValues,
+  t as mixVisibility
 };
 //# sourceMappingURL=visualization.es405.js.map

package/dist/visualization.es405.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es405.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/mix/complex.mjs"],"sourcesContent":["import { pipe, warning } from 'motion-utils';\nimport { isCSSVariableToken } from '../../animation/utils/is-css-variable.mjs';\nimport { color } from '../../value/types/color/index.mjs';\nimport { complex, analyseComplexValue } from '../../value/types/complex/index.mjs';\nimport { mixColor } from './color.mjs';\nimport { mixImmediate } from './immediate.mjs';\nimport { mixNumber as mixNumber$1 } from './number.mjs';\nimport { invisibleValues, mixVisibility } from './visibility.mjs';\n\nfunction mixNumber(a, b) {\n    return (p) => mixNumber$1(a, b, p);\n}\nfunction getMixer(a) {\n    if (typeof a === \"number\") {\n        return mixNumber;\n    }\n    else if (typeof a === \"string\") {\n        return isCSSVariableToken(a)\n            ? mixImmediate\n            : color.test(a)\n                ? mixColor\n                : mixComplex;\n    }\n    else if (Array.isArray(a)) {\n        return mixArray;\n    }\n    else if (typeof a === \"object\") {\n        return color.test(a) ? mixColor : mixObject;\n    }\n    return mixImmediate;\n}\nfunction mixArray(a, b) {\n    const output = [...a];\n    const numValues = output.length;\n    const blendValue = a.map((v, i) => getMixer(v)(v, b[i]));\n    return (p) => {\n        for (let i = 0; i < numValues; i++) {\n            output[i] = blendValue[i](p);\n        }\n        return output;\n    };\n}\nfunction mixObject(a, b) {\n    const output = { ...a, ...b };\n    const blendValue = {};\n    for (const key in output) {\n        if (a[key] !== undefined && b[key] !== undefined) {\n            blendValue[key] = getMixer(a[key])(a[key], b[key]);\n        }\n    }\n    return (v) => {\n        for (const key in blendValue) {\n            output[key] = blendValue[key](v);\n        }\n        return output;\n    };\n}\nfunction matchOrder(origin, target) {\n    const orderedOrigin = [];\n    const pointers = { color: 0, var: 0, number: 0 };\n    for (let i = 0; i < target.values.length; i++) {\n        const type = target.types[i];\n        const originIndex = origin.indexes[type][pointers[type]];\n        const originValue = origin.values[originIndex] ?? 0;\n        orderedOrigin[i] = originValue;\n        pointers[type]++;\n    }\n    return orderedOrigin;\n}\nconst mixComplex = (origin, target) => {\n    const template = complex.createTransformer(target);\n    const originStats = analyseComplexValue(origin);\n    const targetStats = analyseComplexValue(target);\n    const canInterpolate = originStats.indexes.var.length === targetStats.indexes.var.length &&\n        originStats.indexes.color.length === targetStats.indexes.color.length &&\n        originStats.indexes.number.length >= targetStats.indexes.number.length;\n    if (canInterpolate) {\n        if ((invisibleValues.has(origin) &&\n            !targetStats.values.length) ||\n            (invisibleValues.has(target) &&\n                !originStats.values.length)) {\n            return mixVisibility(origin, target);\n        }\n        return pipe(mixArray(matchOrder(originStats, targetStats), targetStats.values), template);\n    }\n    else {\n        warning(true, `Complex values '${origin}' and '${target}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`, \"complex-values-different\");\n        return mixImmediate(origin, target);\n    }\n};\n\nexport { getMixer, mixArray, mixComplex, mixObject };\n//# sourceMappingURL=complex.mjs.map\n"],"names":["mixNumber","a","b","p","mixNumber$1","getMixer","isCSSVariableToken","mixImmediate","color","mixColor","mixComplex","mixArray","mixObject","output","numValues","blendValue","v","i","key","matchOrder","origin","target","orderedOrigin","pointers","type","originIndex","originValue","template","complex","originStats","analyseComplexValue","targetStats","invisibleValues","mixVisibility","pipe","warning"],"mappings":";;;;;;;;;AASA,SAASA,EAAUC,GAAGC,GAAG;AACrB,SAAO,CAACC,MAAMC,EAAYH,GAAGC,GAAGC,CAAC;AACrC;AACA,SAASE,EAASJ,GAAG;AACjB,SAAI,OAAOA,KAAM,WACND,IAEF,OAAOC,KAAM,WACXK,EAAmBL,CAAC,IACrBM,IACAC,EAAM,KAAKP,CAAC,IACRQ,IACAC,IAEL,MAAM,QAAQT,CAAC,IACbU,IAEF,OAAOV,KAAM,WACXO,EAAM,KAAKP,CAAC,IAAIQ,IAAWG,IAE/BL;AACX;AACA,SAASI,EAASV,GAAGC,GAAG;AACpB,QAAMW,IAAS,CAAC,GAAGZ,CAAC,GACda,IAAYD,EAAO,QACnBE,IAAad,EAAE,IAAI,CAACe,GAAGC,MAAMZ,EAASW,CAAC,EAAEA,GAAGd,EAAEe,CAAC,CAAC,CAAC;AACvD,SAAO,CAACd,MAAM;AACV,aAASc,IAAI,GAAGA,IAAIH,GAAWG;AAC3B,MAAAJ,EAAOI,CAAC,IAAIF,EAAWE,CAAC,EAAEd,CAAC;AAE/B,WAAOU;AAAA,EACX;AACJ;AACA,SAASD,EAAUX,GAAGC,GAAG;AACrB,QAAMW,IAAS,EAAE,GAAGZ,GAAG,GAAGC,EAAC,GACrBa,IAAa,CAAA;AACnB,aAAWG,KAAOL;AACd,IAAIZ,EAAEiB,CAAG,MAAM,UAAahB,EAAEgB,CAAG,MAAM,WACnCH,EAAWG,CAAG,IAAIb,EAASJ,EAAEiB,CAAG,CAAC,EAAEjB,EAAEiB,CAAG,GAAGhB,EAAEgB,CAAG,CAAC;AAGzD,SAAO,CAACF,MAAM;AACV,eAAWE,KAAOH;AACd,MAAAF,EAAOK,CAAG,IAAIH,EAAWG,CAAG,EAAEF,CAAC;AAEnC,WAAOH;AAAA,EACX;AACJ;AACA,SAASM,EAAWC,GAAQC,GAAQ;AAChC,QAAMC,IAAgB,CAAA,GAChBC,IAAW,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,EAAC;AAC9C,WAASN,IAAI,GAAGA,IAAII,EAAO,OAAO,QAAQJ,KAAK;AAC3C,UAAMO,IAAOH,EAAO,MAAMJ,CAAC,GACrBQ,IAAcL,EAAO,QAAQI,CAAI,EAAED,EAASC,CAAI,CAAC,GACjDE,IAAcN,EAAO,OAAOK,CAAW,KAAK;AAClD,IAAAH,EAAcL,CAAC,IAAIS,GACnBH,EAASC,CAAI;AAAA,EACjB;AACA,SAAOF;AACX;AACK,MAACZ,IAAa,CAACU,GAAQC,MAAW;AACnC,QAAMM,IAAWC,EAAQ,kBAAkBP,CAAM,GAC3CQ,IAAcC,EAAoBV,CAAM,GACxCW,IAAcD,EAAoBT,CAAM;AAI9C,SAHuBQ,EAAY,QAAQ,IAAI,WAAWE,EAAY,QAAQ,IAAI,UAC9EF,EAAY,QAAQ,MAAM,WAAWE,EAAY,QAAQ,MAAM,UAC/DF,EAAY,QAAQ,OAAO,UAAUE,EAAY,QAAQ,OAAO,SAE3DC,EAAgB,IAAIZ,CAAM,KAC3B,CAACW,EAAY,OAAO,UACnBC,EAAgB,IAAIX,CAAM,KACvB,CAACQ,EAAY,OAAO,SACjBI,EAAcb,GAAQC,CAAM,IAEhCa,EAAKvB,EAASQ,EAAWU,GAAaE,CAAW,GAAGA,EAAY,MAAM,GAAGJ,CAAQ,KAGxFQ,EAAQ,IAAM,mBAAmBf,CAAM,UAAUC,CAAM,4KAA4K,0BAA0B,GACtPd,EAAaa,GAAQC,CAAM;AAE1C;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es405.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]}

package/dist/visualization.es406.js

@@ -1,30 +1,16 @@
-import { hex as p } from "./visualization.es407.js";
-import { hsla as l } from "./visualization.es408.js";
-import { hslaToRgba as c } from "./visualization.es409.js";
-import { rgba as s } from "./visualization.es410.js";
-import { mixImmediate as f } from "./visualization.es411.js";
-import { mixNumber as u } from "./visualization.es372.js";
-import { warning as d } from "./visualization.es326.js";
-const m = (r, o, e) => {
-  const t = r * r, n = e * (o * o - t) + t;
-  return n < 0 ? 0 : Math.sqrt(n);
-}, b = [p, s, l], h = (r) => b.find((o) => o.test(r));
-function i(r) {
-  const o = h(r);
-  if (d(!!o, `'${r}' is not an animatable color. Use the equivalent color code instead.`, "color-not-animatable"), !o)
-    return !1;
-  let e = o.parse(r);
-  return o === l && (e = c(e)), e;
+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);
 }
-const G = (r, o) => {
-  const e = i(r), t = i(o);
-  if (!e || !t)
-    return f(r, o);
-  const n = { ...e };
-  return (a) => (n.red = m(e.red, t.red, a), n.green = m(e.green, t.green, a), n.blue = m(e.blue, t.blue, a), n.alpha = u(e.alpha, t.alpha, a), s.transform(n));
-};
 export {
-  G as mixColor,
-  m as mixLinearColor
+  i as resolveElements
 };
 //# sourceMappingURL=visualization.es406.js.map