@weng-lab/visualization 2.5.1 → 2.6.0-beta.1

package/dist/visualization.es410.js

@@ -1,5 +1,5 @@
-const s = (t) => t.startsWith("--");
+const d = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
 export {
-  s as isCSSVar
+  d as floatRegex
 };
 //# 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/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.es410.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/utils/float-regex.mjs"],"sourcesContent":["const floatRegex = /-?(?:\\d+(?:\\.\\d+)?|\\.\\d+)/gu;\n\nexport { floatRegex };\n//# sourceMappingURL=float-regex.mjs.map\n"],"names":["floatRegex"],"mappings":"AAAK,MAACA,IAAa;","x_google_ignoreList":[0]}

package/dist/visualization.es411.js

@@ -1,5 +1,8 @@
-const e = (r) => Array.isArray(r);
+const o = {
+  test: (t) => t === "auto",
+  parse: (t) => t
+};
 export {
-  e as isKeyframesTarget
+  o as auto
 };
 //# 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/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.es411.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/auto.mjs"],"sourcesContent":["/**\n * ValueType for \"auto\"\n */\nconst auto = {\n    test: (v) => v === \"auto\",\n    parse: (v) => v,\n};\n\nexport { auto };\n//# sourceMappingURL=auto.mjs.map\n"],"names":["auto","v"],"mappings":"AAGK,MAACA,IAAO;AAAA,EACT,MAAM,CAACC,MAAMA,MAAM;AAAA,EACnB,OAAO,CAACA,MAAMA;AAClB;","x_google_ignoreList":[0]}

package/dist/visualization.es412.js

@@ -1,9 +1,5 @@
-import { resizeElement as o } from "./visualization.es413.js";
-import { resizeWindow as i } from "./visualization.es414.js";
-function f(e, r) {
-  return typeof e == "function" ? i(e) : o(e, r);
-}
+const s = (t) => (e) => e.test(t);
 export {
-  f as resize
+  s as testValueType
 };
 //# 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/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.es412.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/test.mjs"],"sourcesContent":["/**\n * Tests a provided value against a ValueType\n */\nconst testValueType = (v) => (type) => type.test(v);\n\nexport { testValueType };\n//# sourceMappingURL=test.mjs.map\n"],"names":["testValueType","v","type"],"mappings":"AAGK,MAACA,IAAgB,CAACC,MAAM,CAACC,MAASA,EAAK,KAAKD,CAAC;","x_google_ignoreList":[0]}

package/dist/visualization.es413.js

@@ -1,40 +1,28 @@
-import { isSVGElement as c } from "./visualization.es416.js";
-import { resolveElements as l } from "./visualization.es428.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 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);
-    });
-  };
-}
+import { color as o } from "./visualization.es396.js";
+import { filter as r } from "./visualization.es414.js";
+import { mask as e } from "./visualization.es415.js";
+import { numberValueTypes as l } from "./visualization.es416.js";
+const i = {
+  ...l,
+  // Color props
+  color: o,
+  backgroundColor: o,
+  outlineColor: o,
+  fill: o,
+  stroke: o,
+  // Border props
+  borderColor: o,
+  borderTopColor: o,
+  borderRightColor: o,
+  borderBottomColor: o,
+  borderLeftColor: o,
+  filter: r,
+  WebkitFilter: r,
+  mask: e,
+  WebkitMask: e
+}, a = (t) => i[t];
 export {
-  a as resizeElement
+  i as defaultValueTypes,
+  a as getDefaultValueType
 };
 //# sourceMappingURL=visualization.es413.js.map

package/dist/visualization.es413.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es413.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.es413.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/maps/defaults.mjs"],"sourcesContent":["import { color } from '../color/index.mjs';\nimport { filter } from '../complex/filter.mjs';\nimport { mask } from '../complex/mask.mjs';\nimport { numberValueTypes } from './number.mjs';\n\n/**\n * A map of default value types for common values\n */\nconst defaultValueTypes = {\n    ...numberValueTypes,\n    // Color props\n    color,\n    backgroundColor: color,\n    outlineColor: color,\n    fill: color,\n    stroke: color,\n    // Border props\n    borderColor: color,\n    borderTopColor: color,\n    borderRightColor: color,\n    borderBottomColor: color,\n    borderLeftColor: color,\n    filter,\n    WebkitFilter: filter,\n    mask,\n    WebkitMask: mask,\n};\n/**\n * Gets the default ValueType for the provided value key\n */\nconst getDefaultValueType = (key) => defaultValueTypes[key];\n\nexport { defaultValueTypes, getDefaultValueType };\n//# sourceMappingURL=defaults.mjs.map\n"],"names":["defaultValueTypes","numberValueTypes","color","filter","mask","getDefaultValueType","key"],"mappings":";;;;AAQK,MAACA,IAAoB;AAAA,EACtB,GAAGC;AAAA;AAAA,EAEH,OAAAC;AAAA,EACA,iBAAiBA;AAAA,EACjB,cAAcA;AAAA,EACd,MAAMA;AAAA,EACN,QAAQA;AAAA;AAAA,EAER,aAAaA;AAAA,EACb,gBAAgBA;AAAA,EAChB,kBAAkBA;AAAA,EAClB,mBAAmBA;AAAA,EACnB,iBAAiBA;AAAA,EACjB,QAAAC;AAAA,EACA,cAAcA;AAAA,EACd,MAAAC;AAAA,EACA,YAAYA;AAChB,GAIMC,IAAsB,CAACC,MAAQN,EAAkBM,CAAG;","x_google_ignoreList":[0]}

package/dist/visualization.es414.js

@@ -1,24 +1,25 @@
-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 { complex as c } from "./visualization.es397.js";
+import { floatRegex as i } from "./visualization.es410.js";
+const s = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+function u(t) {
+  const [e, n] = t.slice(0, -1).split("(");
+  if (e === "drop-shadow")
+    return t;
+  const [o] = n.match(i) || [];
+  if (!o)
+    return t;
+  const r = n.replace(o, "");
+  let a = s.has(e) ? 1 : 0;
+  return o !== n && (a *= 100), e + "(" + a + r + ")";
 }
+const l = /\b([a-z-]*)\(.*?\)/gu, p = {
+  ...c,
+  getAnimatableNone: (t) => {
+    const e = t.match(l);
+    return e ? e.map(u).join(" ") : t;
+  }
+};
 export {
-  r as resizeWindow
+  p as filter
 };
 //# sourceMappingURL=visualization.es414.js.map

package/dist/visualization.es414.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es414.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.es414.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/complex/filter.mjs"],"sourcesContent":["import { complex } from './index.mjs';\nimport { floatRegex } from '../utils/float-regex.mjs';\n\n/**\n * Properties that should default to 1 or 100%\n */\nconst maxDefaults = new Set([\"brightness\", \"contrast\", \"saturate\", \"opacity\"]);\nfunction applyDefaultFilter(v) {\n    const [name, value] = v.slice(0, -1).split(\"(\");\n    if (name === \"drop-shadow\")\n        return v;\n    const [number] = value.match(floatRegex) || [];\n    if (!number)\n        return v;\n    const unit = value.replace(number, \"\");\n    let defaultValue = maxDefaults.has(name) ? 1 : 0;\n    if (number !== value)\n        defaultValue *= 100;\n    return name + \"(\" + defaultValue + unit + \")\";\n}\nconst functionRegex = /\\b([a-z-]*)\\(.*?\\)/gu;\nconst filter = {\n    ...complex,\n    getAnimatableNone: (v) => {\n        const functions = v.match(functionRegex);\n        return functions ? functions.map(applyDefaultFilter).join(\" \") : v;\n    },\n};\n\nexport { filter };\n//# sourceMappingURL=filter.mjs.map\n"],"names":["maxDefaults","applyDefaultFilter","v","name","value","number","floatRegex","unit","defaultValue","functionRegex","filter","complex","functions"],"mappings":";;AAMA,MAAMA,IAAc,oBAAI,IAAI,CAAC,cAAc,YAAY,YAAY,SAAS,CAAC;AAC7E,SAASC,EAAmBC,GAAG;AAC3B,QAAM,CAACC,GAAMC,CAAK,IAAIF,EAAE,MAAM,GAAG,EAAE,EAAE,MAAM,GAAG;AAC9C,MAAIC,MAAS;AACT,WAAOD;AACX,QAAM,CAACG,CAAM,IAAID,EAAM,MAAME,CAAU,KAAK,CAAA;AAC5C,MAAI,CAACD;AACD,WAAOH;AACX,QAAMK,IAAOH,EAAM,QAAQC,GAAQ,EAAE;AACrC,MAAIG,IAAeR,EAAY,IAAIG,CAAI,IAAI,IAAI;AAC/C,SAAIE,MAAWD,MACXI,KAAgB,MACbL,IAAO,MAAMK,IAAeD,IAAO;AAC9C;AACA,MAAME,IAAgB,wBAChBC,IAAS;AAAA,EACX,GAAGC;AAAA,EACH,mBAAmB,CAACT,MAAM;AACtB,UAAMU,IAAYV,EAAE,MAAMO,CAAa;AACvC,WAAOG,IAAYA,EAAU,IAAIX,CAAkB,EAAE,KAAK,GAAG,IAAIC;AAAA,EACrE;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es415.js

@@ -1,7 +1,12 @@
-function e(t) {
-  return typeof t == "object" && t !== null;
-}
+import { complex as e } from "./visualization.es397.js";
+const n = {
+  ...e,
+  getAnimatableNone: (o) => {
+    const t = e.parse(o);
+    return e.createTransformer(o)(t.map((r) => typeof r == "number" ? 0 : typeof r == "object" ? { ...r, alpha: 1 } : r));
+  }
+};
 export {
-  e as isObject
+  n as mask
 };
 //# sourceMappingURL=visualization.es415.js.map

package/dist/visualization.es415.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es415.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.es415.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/complex/mask.mjs"],"sourcesContent":["import { complex } from './index.mjs';\n\nconst mask = {\n    ...complex,\n    getAnimatableNone: (v) => {\n        const parsed = complex.parse(v);\n        const transformer = complex.createTransformer(v);\n        return transformer(parsed.map((v) => typeof v === \"number\" ? 0 : typeof v === \"object\" ? { ...v, alpha: 1 } : v));\n    },\n};\n\nexport { mask };\n//# sourceMappingURL=mask.mjs.map\n"],"names":["mask","complex","v","parsed"],"mappings":";AAEK,MAACA,IAAO;AAAA,EACT,GAAGC;AAAA,EACH,mBAAmB,CAACC,MAAM;AACtB,UAAMC,IAASF,EAAQ,MAAMC,CAAC;AAE9B,WADoBD,EAAQ,kBAAkBC,CAAC,EAC5BC,EAAO,IAAI,CAACD,MAAM,OAAOA,KAAM,WAAW,IAAI,OAAOA,KAAM,WAAW,EAAE,GAAGA,GAAG,OAAO,EAAC,IAAKA,CAAC,CAAC;AAAA,EACpH;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es416.js

@@ -1,8 +1,71 @@
-import { isObject as r } from "./visualization.es415.js";
-function e(n) {
-  return r(n) && "ownerSVGElement" in n;
-}
+import { int as t } from "./visualization.es417.js";
+import { alpha as n } from "./visualization.es406.js";
+import { px as i } from "./visualization.es407.js";
+import { transformValueTypes as o } from "./visualization.es418.js";
+const g = {
+  // Border props
+  borderWidth: i,
+  borderTopWidth: i,
+  borderRightWidth: i,
+  borderBottomWidth: i,
+  borderLeftWidth: i,
+  borderRadius: i,
+  borderTopLeftRadius: i,
+  borderTopRightRadius: i,
+  borderBottomRightRadius: i,
+  borderBottomLeftRadius: i,
+  // Positioning props
+  width: i,
+  maxWidth: i,
+  height: i,
+  maxHeight: i,
+  top: i,
+  right: i,
+  bottom: i,
+  left: i,
+  inset: i,
+  insetBlock: i,
+  insetBlockStart: i,
+  insetBlockEnd: i,
+  insetInline: i,
+  insetInlineStart: i,
+  insetInlineEnd: i,
+  // Spacing props
+  padding: i,
+  paddingTop: i,
+  paddingRight: i,
+  paddingBottom: i,
+  paddingLeft: i,
+  paddingBlock: i,
+  paddingBlockStart: i,
+  paddingBlockEnd: i,
+  paddingInline: i,
+  paddingInlineStart: i,
+  paddingInlineEnd: i,
+  margin: i,
+  marginTop: i,
+  marginRight: i,
+  marginBottom: i,
+  marginLeft: i,
+  marginBlock: i,
+  marginBlockStart: i,
+  marginBlockEnd: i,
+  marginInline: i,
+  marginInlineStart: i,
+  marginInlineEnd: i,
+  // Typography
+  fontSize: i,
+  // Misc
+  backgroundPositionX: i,
+  backgroundPositionY: i,
+  ...o,
+  zIndex: t,
+  // SVG
+  fillOpacity: n,
+  strokeOpacity: n,
+  numOctaves: t
+};
 export {
-  e as isSVGElement
+  g as numberValueTypes
 };
 //# sourceMappingURL=visualization.es416.js.map

package/dist/visualization.es416.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es416.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.es416.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/maps/number.mjs"],"sourcesContent":["import { int } from '../int.mjs';\nimport { alpha } from '../numbers/index.mjs';\nimport { px } from '../numbers/units.mjs';\nimport { transformValueTypes } from './transform.mjs';\n\nconst numberValueTypes = {\n    // Border props\n    borderWidth: px,\n    borderTopWidth: px,\n    borderRightWidth: px,\n    borderBottomWidth: px,\n    borderLeftWidth: px,\n    borderRadius: px,\n    borderTopLeftRadius: px,\n    borderTopRightRadius: px,\n    borderBottomRightRadius: px,\n    borderBottomLeftRadius: px,\n    // Positioning props\n    width: px,\n    maxWidth: px,\n    height: px,\n    maxHeight: px,\n    top: px,\n    right: px,\n    bottom: px,\n    left: px,\n    inset: px,\n    insetBlock: px,\n    insetBlockStart: px,\n    insetBlockEnd: px,\n    insetInline: px,\n    insetInlineStart: px,\n    insetInlineEnd: px,\n    // Spacing props\n    padding: px,\n    paddingTop: px,\n    paddingRight: px,\n    paddingBottom: px,\n    paddingLeft: px,\n    paddingBlock: px,\n    paddingBlockStart: px,\n    paddingBlockEnd: px,\n    paddingInline: px,\n    paddingInlineStart: px,\n    paddingInlineEnd: px,\n    margin: px,\n    marginTop: px,\n    marginRight: px,\n    marginBottom: px,\n    marginLeft: px,\n    marginBlock: px,\n    marginBlockStart: px,\n    marginBlockEnd: px,\n    marginInline: px,\n    marginInlineStart: px,\n    marginInlineEnd: px,\n    // Typography\n    fontSize: px,\n    // Misc\n    backgroundPositionX: px,\n    backgroundPositionY: px,\n    ...transformValueTypes,\n    zIndex: int,\n    // SVG\n    fillOpacity: alpha,\n    strokeOpacity: alpha,\n    numOctaves: int,\n};\n\nexport { numberValueTypes };\n//# sourceMappingURL=number.mjs.map\n"],"names":["numberValueTypes","px","transformValueTypes","int","alpha"],"mappings":";;;;AAKK,MAACA,IAAmB;AAAA;AAAA,EAErB,aAAaC;AAAA,EACb,gBAAgBA;AAAA,EAChB,kBAAkBA;AAAA,EAClB,mBAAmBA;AAAA,EACnB,iBAAiBA;AAAA,EACjB,cAAcA;AAAA,EACd,qBAAqBA;AAAA,EACrB,sBAAsBA;AAAA,EACtB,yBAAyBA;AAAA,EACzB,wBAAwBA;AAAA;AAAA,EAExB,OAAOA;AAAA,EACP,UAAUA;AAAA,EACV,QAAQA;AAAA,EACR,WAAWA;AAAA,EACX,KAAKA;AAAA,EACL,OAAOA;AAAA,EACP,QAAQA;AAAA,EACR,MAAMA;AAAA,EACN,OAAOA;AAAA,EACP,YAAYA;AAAA,EACZ,iBAAiBA;AAAA,EACjB,eAAeA;AAAA,EACf,aAAaA;AAAA,EACb,kBAAkBA;AAAA,EAClB,gBAAgBA;AAAA;AAAA,EAEhB,SAASA;AAAA,EACT,YAAYA;AAAA,EACZ,cAAcA;AAAA,EACd,eAAeA;AAAA,EACf,aAAaA;AAAA,EACb,cAAcA;AAAA,EACd,mBAAmBA;AAAA,EACnB,iBAAiBA;AAAA,EACjB,eAAeA;AAAA,EACf,oBAAoBA;AAAA,EACpB,kBAAkBA;AAAA,EAClB,QAAQA;AAAA,EACR,WAAWA;AAAA,EACX,aAAaA;AAAA,EACb,cAAcA;AAAA,EACd,YAAYA;AAAA,EACZ,aAAaA;AAAA,EACb,kBAAkBA;AAAA,EAClB,gBAAgBA;AAAA,EAChB,cAAcA;AAAA,EACd,mBAAmBA;AAAA,EACnB,iBAAiBA;AAAA;AAAA,EAEjB,UAAUA;AAAA;AAAA,EAEV,qBAAqBA;AAAA,EACrB,qBAAqBA;AAAA,EACrB,GAAGC;AAAA,EACH,QAAQC;AAAA;AAAA,EAER,aAAaC;AAAA,EACb,eAAeA;AAAA,EACf,YAAYD;AAChB;","x_google_ignoreList":[0]}

package/dist/visualization.es417.js

@@ -1,8 +1,9 @@
-import { isSVGElement as r } from "./visualization.es416.js";
-function i(t) {
-  return r(t) && t.tagName === "svg";
-}
+import { number as r } from "./visualization.es406.js";
+const t = {
+  ...r,
+  transform: Math.round
+};
 export {
-  i as isSVGSVGElement
+  t as int
 };
 //# sourceMappingURL=visualization.es417.js.map

package/dist/visualization.es417.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es417.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.es417.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/int.mjs"],"sourcesContent":["import { number } from './numbers/index.mjs';\n\nconst int = {\n    ...number,\n    transform: Math.round,\n};\n\nexport { int };\n//# sourceMappingURL=int.mjs.map\n"],"names":["int","number"],"mappings":";AAEK,MAACA,IAAM;AAAA,EACR,GAAGC;AAAA,EACH,WAAW,KAAK;AACpB;","x_google_ignoreList":[0]}

package/dist/visualization.es418.js

@@ -1,52 +1,32 @@
-import { isCSSVariableToken as d } from "./visualization.es351.js";
-import { color as u } from "./visualization.es425.js";
-import { complex as h, analyseComplexValue as m } from "./visualization.es426.js";
-import { mixColor as a } from "./visualization.es419.js";
-import { mixImmediate as l } from "./visualization.es424.js";
-import { mixNumber as b } from "./visualization.es385.js";
-import { invisibleValues as c, mixVisibility as y } from "./visualization.es427.js";
-import { pipe as v } from "./visualization.es340.js";
-import { warning as g } from "./visualization.es339.js";
-function V(e, t) {
-  return (r) => b(e, t, r);
-}
-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));
+import { alpha as s, scale as t } from "./visualization.es406.js";
+import { px as e, progressPercentage as a, degrees as r } from "./visualization.es407.js";
+const n = {
+  rotate: r,
+  rotateX: r,
+  rotateY: r,
+  rotateZ: r,
+  scale: t,
+  scaleX: t,
+  scaleY: t,
+  scaleZ: t,
+  skew: r,
+  skewX: r,
+  skewY: r,
+  distance: e,
+  translateX: e,
+  translateY: e,
+  translateZ: e,
+  x: e,
+  y: e,
+  z: e,
+  perspective: e,
+  transformPerspective: e,
+  opacity: s,
+  originX: a,
+  originY: a,
+  originZ: e
 };
 export {
-  f as getMixer,
-  p as mixArray,
-  I as mixComplex,
-  C as mixObject
+  n as transformValueTypes
 };
 //# sourceMappingURL=visualization.es418.js.map

package/dist/visualization.es418.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es418.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.es418.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/maps/transform.mjs"],"sourcesContent":["import { alpha, scale } from '../numbers/index.mjs';\nimport { px, progressPercentage, degrees } from '../numbers/units.mjs';\n\nconst transformValueTypes = {\n    rotate: degrees,\n    rotateX: degrees,\n    rotateY: degrees,\n    rotateZ: degrees,\n    scale,\n    scaleX: scale,\n    scaleY: scale,\n    scaleZ: scale,\n    skew: degrees,\n    skewX: degrees,\n    skewY: degrees,\n    distance: px,\n    translateX: px,\n    translateY: px,\n    translateZ: px,\n    x: px,\n    y: px,\n    z: px,\n    perspective: px,\n    transformPerspective: px,\n    opacity: alpha,\n    originX: progressPercentage,\n    originY: progressPercentage,\n    originZ: px,\n};\n\nexport { transformValueTypes };\n//# sourceMappingURL=transform.mjs.map\n"],"names":["transformValueTypes","degrees","scale","px","alpha","progressPercentage"],"mappings":";;AAGK,MAACA,IAAsB;AAAA,EACxB,QAAQC;AAAA,EACR,SAASA;AAAA,EACT,SAASA;AAAA,EACT,SAASA;AAAA,EACT,OAAAC;AAAA,EACA,QAAQA;AAAA,EACR,QAAQA;AAAA,EACR,QAAQA;AAAA,EACR,MAAMD;AAAA,EACN,OAAOA;AAAA,EACP,OAAOA;AAAA,EACP,UAAUE;AAAA,EACV,YAAYA;AAAA,EACZ,YAAYA;AAAA,EACZ,YAAYA;AAAA,EACZ,GAAGA;AAAA,EACH,GAAGA;AAAA,EACH,GAAGA;AAAA,EACH,aAAaA;AAAA,EACb,sBAAsBA;AAAA,EACtB,SAASC;AAAA,EACT,SAASC;AAAA,EACT,SAASA;AAAA,EACT,SAASF;AACb;","x_google_ignoreList":[0]}

package/dist/visualization.es419.js

@@ -1,30 +1,13 @@
-import { hex as p } from "./visualization.es420.js";
-import { hsla as l } from "./visualization.es421.js";
-import { hslaToRgba as c } from "./visualization.es422.js";
-import { rgba as s } from "./visualization.es423.js";
-import { mixImmediate as f } from "./visualization.es424.js";
-import { mixNumber as u } from "./visualization.es385.js";
-import { warning as d } from "./visualization.es339.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;
+import { complex as m } from "./visualization.es397.js";
+import { filter as n } from "./visualization.es414.js";
+import { mask as a } from "./visualization.es415.js";
+import { getDefaultValueType as r } from "./visualization.es413.js";
+const i = /* @__PURE__ */ new Set([n, a]);
+function s(t, o) {
+  let e = r(t);
+  return i.has(e) || (e = m), e.getAnimatableNone ? e.getAnimatableNone(o) : void 0;
 }
-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
+  s as getAnimatableNone
 };
 //# sourceMappingURL=visualization.es419.js.map

package/dist/visualization.es419.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es419.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.es419.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/utils/animatable-none.mjs"],"sourcesContent":["import { complex } from '../complex/index.mjs';\nimport { filter } from '../complex/filter.mjs';\nimport { mask } from '../complex/mask.mjs';\nimport { getDefaultValueType } from '../maps/defaults.mjs';\n\nconst customTypes = /*@__PURE__*/ new Set([filter, mask]);\nfunction getAnimatableNone(key, value) {\n    let defaultValueType = getDefaultValueType(key);\n    if (!customTypes.has(defaultValueType))\n        defaultValueType = complex;\n    // If value is not recognised as animatable, ie \"none\", create an animatable version origin based on the target\n    return defaultValueType.getAnimatableNone\n        ? defaultValueType.getAnimatableNone(value)\n        : undefined;\n}\n\nexport { getAnimatableNone };\n//# sourceMappingURL=animatable-none.mjs.map\n"],"names":["customTypes","filter","mask","getAnimatableNone","key","value","defaultValueType","getDefaultValueType","complex"],"mappings":";;;;AAKA,MAAMA,IAA4B,oBAAI,IAAI,CAACC,GAAQC,CAAI,CAAC;AACxD,SAASC,EAAkBC,GAAKC,GAAO;AACnC,MAAIC,IAAmBC,EAAoBH,CAAG;AAC9C,SAAKJ,EAAY,IAAIM,CAAgB,MACjCA,IAAmBE,IAEhBF,EAAiB,oBAClBA,EAAiB,kBAAkBD,CAAK,IACxC;AACV;","x_google_ignoreList":[0]}

package/dist/visualization.es42.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as r } from "./visualization.es135.js";
-import { __require as o } from "./visualization.es95.js";
-var e = o();
-const a = /* @__PURE__ */ r(e);
+import { getDefaultExportFromCjs as e } from "./visualization.es186.js";
+import { __require as o } from "./visualization.es105.js";
+var t = o();
+const a = /* @__PURE__ */ e(t);
 export {
   a as default
 };

package/dist/visualization.es420.js

@@ -1,20 +1,9 @@
-import { rgba as i } from "./visualization.es423.js";
-import { isColorString as g } from "./visualization.es434.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
-};
+import { color as e } from "./visualization.es396.js";
+import { complex as m } from "./visualization.es397.js";
+import { dimensionValueTypes as p } from "./visualization.es350.js";
+import { testValueType as r } from "./visualization.es412.js";
+const t = [...p, e, m], s = (o) => t.find(r(o));
 export {
-  u as hex
+  s as findValueType
 };
 //# sourceMappingURL=visualization.es420.js.map

package/dist/visualization.es420.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es420.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.es420.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/utils/find.mjs"],"sourcesContent":["import { color } from '../color/index.mjs';\nimport { complex } from '../complex/index.mjs';\nimport { dimensionValueTypes } from '../dimensions.mjs';\nimport { testValueType } from '../test.mjs';\n\n/**\n * A list of all ValueTypes\n */\nconst valueTypes = [...dimensionValueTypes, color, complex];\n/**\n * Tests a value against the list of ValueTypes\n */\nconst findValueType = (v) => valueTypes.find(testValueType(v));\n\nexport { findValueType };\n//# sourceMappingURL=find.mjs.map\n"],"names":["valueTypes","dimensionValueTypes","color","complex","findValueType","v","testValueType"],"mappings":";;;;AAQA,MAAMA,IAAa,CAAC,GAAGC,GAAqBC,GAAOC,CAAO,GAIpDC,IAAgB,CAACC,MAAML,EAAW,KAAKM,EAAcD,CAAC,CAAC;","x_google_ignoreList":[0]}

package/dist/visualization.es421.js

@@ -1,13 +1,5 @@
-import { alpha as n } from "./visualization.es435.js";
-import { percent as t } from "./visualization.es436.js";
-import { sanitize as r } from "./visualization.es437.js";
-import { splitColor as i, isColorString as e } from "./visualization.es434.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)) + ")"
-};
+const e = (r, t) => t && typeof r == "number" ? t.transform(r) : r;
 export {
-  u as hsla
+  e as getValueAsType
 };
 //# sourceMappingURL=visualization.es421.js.map

package/dist/visualization.es421.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es421.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.es421.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/utils/get-as-type.mjs"],"sourcesContent":["/**\n * Provided a value and a ValueType, returns the value as that value type.\n */\nconst getValueAsType = (value, type) => {\n    return type && typeof value === \"number\"\n        ? type.transform(value)\n        : value;\n};\n\nexport { getValueAsType };\n//# sourceMappingURL=get-as-type.mjs.map\n"],"names":["getValueAsType","value","type"],"mappings":"AAGK,MAACA,IAAiB,CAACC,GAAOC,MACpBA,KAAQ,OAAOD,KAAU,WAC1BC,EAAK,UAAUD,CAAK,IACpBA;","x_google_ignoreList":[0]}