@weng-lab/visualization 2.4.0-beta.2 → 2.4.0-beta.3

package/dist/visualization.es421.js

@@ -1,8 +1,71 @@
-const o = {
-  test: (t) => t === "auto",
-  parse: (t) => t
+import { int as t } from "./visualization.es422.js";
+import { alpha as n } from "./visualization.es411.js";
+import { px as i } from "./visualization.es412.js";
+import { transformValueTypes as o } from "./visualization.es423.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 {
-  o as auto
+  g as numberValueTypes
 };
 //# 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/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]}
+{"version":3,"file":"visualization.es421.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.es422.js

@@ -1,5 +1,9 @@
-const s = (t) => (e) => e.test(t);
+import { number as r } from "./visualization.es411.js";
+const t = {
+  ...r,
+  transform: Math.round
+};
 export {
-  s as testValueType
+  t as int
 };
 //# sourceMappingURL=visualization.es422.js.map

package/dist/visualization.es422.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es422.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]}
+{"version":3,"file":"visualization.es422.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.es423.js

@@ -1,28 +1,32 @@
-import { color as o } from "./visualization.es406.js";
-import { filter as r } from "./visualization.es424.js";
-import { mask as e } from "./visualization.es425.js";
-import { numberValueTypes as l } from "./visualization.es426.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];
+import { alpha as s, scale as t } from "./visualization.es411.js";
+import { px as e, progressPercentage as a, degrees as r } from "./visualization.es412.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 {
-  i as defaultValueTypes,
-  a as getDefaultValueType
+  n as transformValueTypes
 };
 //# sourceMappingURL=visualization.es423.js.map

package/dist/visualization.es423.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es423.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]}
+{"version":3,"file":"visualization.es423.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.es424.js

@@ -1,25 +1,13 @@
-import { complex as c } from "./visualization.es407.js";
-import { floatRegex as i } from "./visualization.es420.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 + ")";
+import { complex as m } from "./visualization.es402.js";
+import { filter as n } from "./visualization.es419.js";
+import { mask as a } from "./visualization.es420.js";
+import { getDefaultValueType as r } from "./visualization.es418.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 l = /\b([a-z-]*)\(.*?\)/gu, p = {
-  ...c,
-  getAnimatableNone: (t) => {
-    const e = t.match(l);
-    return e ? e.map(u).join(" ") : t;
-  }
-};
 export {
-  p as filter
+  s as getAnimatableNone
 };
 //# sourceMappingURL=visualization.es424.js.map

package/dist/visualization.es424.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es424.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]}
+{"version":3,"file":"visualization.es424.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.es425.js

@@ -1,12 +1,9 @@
-import { complex as e } from "./visualization.es407.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));
-  }
-};
+import { color as e } from "./visualization.es401.js";
+import { complex as m } from "./visualization.es402.js";
+import { dimensionValueTypes as p } from "./visualization.es355.js";
+import { testValueType as r } from "./visualization.es417.js";
+const t = [...p, e, m], s = (o) => t.find(r(o));
 export {
-  n as mask
+  s as findValueType
 };
 //# sourceMappingURL=visualization.es425.js.map

package/dist/visualization.es425.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es425.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]}
+{"version":3,"file":"visualization.es425.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.es426.js

@@ -1,71 +1,5 @@
-import { int as t } from "./visualization.es427.js";
-import { alpha as n } from "./visualization.es416.js";
-import { px as i } from "./visualization.es417.js";
-import { transformValueTypes as o } from "./visualization.es428.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
-};
+const e = (r, t) => t && typeof r == "number" ? t.transform(r) : r;
 export {
-  g as numberValueTypes
+  e as getValueAsType
 };
 //# sourceMappingURL=visualization.es426.js.map

package/dist/visualization.es426.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es426.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]}
+{"version":3,"file":"visualization.es426.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]}

package/dist/visualization.es427.js

@@ -1,9 +1,8 @@
-import { number as r } from "./visualization.es416.js";
-const t = {
-  ...r,
-  transform: Math.round
-};
+import { isMotionValue as i } from "./visualization.es209.js";
+function t(o) {
+  return !!(i(o) && o.add);
+}
 export {
-  t as int
+  t as isWillChangeMotionValue
 };
 //# sourceMappingURL=visualization.es427.js.map

package/dist/visualization.es427.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es427.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]}
+{"version":3,"file":"visualization.es427.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/will-change/is.mjs"],"sourcesContent":["import { isMotionValue } from '../utils/is-motion-value.mjs';\n\nfunction isWillChangeMotionValue(value) {\n    return Boolean(isMotionValue(value) && value.add);\n}\n\nexport { isWillChangeMotionValue };\n//# sourceMappingURL=is.mjs.map\n"],"names":["isWillChangeMotionValue","value","isMotionValue"],"mappings":";AAEA,SAASA,EAAwBC,GAAO;AACpC,SAAO,GAAQC,EAAcD,CAAK,KAAKA,EAAM;AACjD;","x_google_ignoreList":[0]}

package/dist/visualization.es428.js

@@ -1,32 +1,29 @@
-import { alpha as s, scale as t } from "./visualization.es416.js";
-import { px as e, progressPercentage as a, degrees as r } from "./visualization.es417.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
-};
+import { isMotionValue as r } from "./visualization.es209.js";
+import { DOMKeyframesResolver as o } from "./visualization.es354.js";
+import { VisualElement as s } from "./visualization.es284.js";
+class a extends s {
+  constructor() {
+    super(...arguments), this.KeyframeResolver = o;
+  }
+  sortInstanceNodePosition(e, t) {
+    return e.compareDocumentPosition(t) & 2 ? 1 : -1;
+  }
+  getBaseTargetFromProps(e, t) {
+    const i = e.style;
+    return i ? i[t] : void 0;
+  }
+  removeValueFromRenderState(e, { vars: t, style: i }) {
+    delete t[e], delete i[e];
+  }
+  handleChildMotionValue() {
+    this.childSubscription && (this.childSubscription(), delete this.childSubscription);
+    const { children: e } = this.props;
+    r(e) && (this.childSubscription = e.on("change", (t) => {
+      this.current && (this.current.textContent = `${t}`);
+    }));
+  }
+}
 export {
-  n as transformValueTypes
+  a as DOMVisualElement
 };
 //# sourceMappingURL=visualization.es428.js.map

package/dist/visualization.es428.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es428.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]}
+{"version":3,"file":"visualization.es428.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/dom/DOMVisualElement.mjs"],"sourcesContent":["import { isMotionValue } from '../../value/utils/is-motion-value.mjs';\nimport { DOMKeyframesResolver } from '../../animation/keyframes/DOMKeyframesResolver.mjs';\nimport { VisualElement } from '../VisualElement.mjs';\n\nclass DOMVisualElement extends VisualElement {\n    constructor() {\n        super(...arguments);\n        this.KeyframeResolver = DOMKeyframesResolver;\n    }\n    sortInstanceNodePosition(a, b) {\n        /**\n         * compareDocumentPosition returns a bitmask, by using the bitwise &\n         * we're returning true if 2 in that bitmask is set to true. 2 is set\n         * to true if b preceeds a.\n         */\n        return a.compareDocumentPosition(b) & 2 ? 1 : -1;\n    }\n    getBaseTargetFromProps(props, key) {\n        const style = props.style;\n        return style ? style[key] : undefined;\n    }\n    removeValueFromRenderState(key, { vars, style }) {\n        delete vars[key];\n        delete style[key];\n    }\n    handleChildMotionValue() {\n        if (this.childSubscription) {\n            this.childSubscription();\n            delete this.childSubscription;\n        }\n        const { children } = this.props;\n        if (isMotionValue(children)) {\n            this.childSubscription = children.on(\"change\", (latest) => {\n                if (this.current) {\n                    this.current.textContent = `${latest}`;\n                }\n            });\n        }\n    }\n}\n\nexport { DOMVisualElement };\n//# sourceMappingURL=DOMVisualElement.mjs.map\n"],"names":["DOMVisualElement","VisualElement","DOMKeyframesResolver","a","b","props","key","style","vars","children","isMotionValue","latest"],"mappings":";;;AAIA,MAAMA,UAAyBC,EAAc;AAAA,EACzC,cAAc;AACV,UAAM,GAAG,SAAS,GAClB,KAAK,mBAAmBC;AAAA,EAC5B;AAAA,EACA,yBAAyBC,GAAGC,GAAG;AAM3B,WAAOD,EAAE,wBAAwBC,CAAC,IAAI,IAAI,IAAI;AAAA,EAClD;AAAA,EACA,uBAAuBC,GAAOC,GAAK;AAC/B,UAAMC,IAAQF,EAAM;AACpB,WAAOE,IAAQA,EAAMD,CAAG,IAAI;AAAA,EAChC;AAAA,EACA,2BAA2BA,GAAK,EAAE,MAAAE,GAAM,OAAAD,EAAK,GAAI;AAC7C,WAAOC,EAAKF,CAAG,GACf,OAAOC,EAAMD,CAAG;AAAA,EACpB;AAAA,EACA,yBAAyB;AACrB,IAAI,KAAK,sBACL,KAAK,kBAAiB,GACtB,OAAO,KAAK;AAEhB,UAAM,EAAE,UAAAG,MAAa,KAAK;AAC1B,IAAIC,EAAcD,CAAQ,MACtB,KAAK,oBAAoBA,EAAS,GAAG,UAAU,CAACE,MAAW;AACvD,MAAI,KAAK,YACL,KAAK,QAAQ,cAAc,GAAGA,CAAM;AAAA,IAE5C,CAAC;AAAA,EAET;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es429.js

@@ -1,13 +1,14 @@
-import { complex as m } from "./visualization.es407.js";
-import { filter as n } from "./visualization.es424.js";
-import { mask as a } from "./visualization.es425.js";
-import { getDefaultValueType as r } from "./visualization.es423.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;
+import { convertBoundingBoxToBox as s, transformBoxPoints as f } from "./visualization.es450.js";
+import { translateAxis as n } from "./visualization.es452.js";
+function x(o, t) {
+  return s(f(o.getBoundingClientRect(), t));
+}
+function c(o, t, i) {
+  const r = x(o, i), { scroll: e } = t;
+  return e && (n(r.x, e.offset.x), n(r.y, e.offset.y)), r;
 }
 export {
-  s as getAnimatableNone
+  c as measurePageBox,
+  x as measureViewportBox
 };
 //# sourceMappingURL=visualization.es429.js.map

package/dist/visualization.es429.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es429.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]}
+{"version":3,"file":"visualization.es429.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/utils/measure.mjs"],"sourcesContent":["import { convertBoundingBoxToBox, transformBoxPoints } from '../geometry/conversion.mjs';\nimport { translateAxis } from '../geometry/delta-apply.mjs';\n\nfunction measureViewportBox(instance, transformPoint) {\n    return convertBoundingBoxToBox(transformBoxPoints(instance.getBoundingClientRect(), transformPoint));\n}\nfunction measurePageBox(element, rootProjectionNode, transformPagePoint) {\n    const viewportBox = measureViewportBox(element, transformPagePoint);\n    const { scroll } = rootProjectionNode;\n    if (scroll) {\n        translateAxis(viewportBox.x, scroll.offset.x);\n        translateAxis(viewportBox.y, scroll.offset.y);\n    }\n    return viewportBox;\n}\n\nexport { measurePageBox, measureViewportBox };\n//# sourceMappingURL=measure.mjs.map\n"],"names":["measureViewportBox","instance","transformPoint","convertBoundingBoxToBox","transformBoxPoints","measurePageBox","element","rootProjectionNode","transformPagePoint","viewportBox","scroll","translateAxis"],"mappings":";;AAGA,SAASA,EAAmBC,GAAUC,GAAgB;AAClD,SAAOC,EAAwBC,EAAmBH,EAAS,sBAAqB,GAAIC,CAAc,CAAC;AACvG;AACA,SAASG,EAAeC,GAASC,GAAoBC,GAAoB;AACrE,QAAMC,IAAcT,EAAmBM,GAASE,CAAkB,GAC5D,EAAE,QAAAE,EAAM,IAAKH;AACnB,SAAIG,MACAC,EAAcF,EAAY,GAAGC,EAAO,OAAO,CAAC,GAC5CC,EAAcF,EAAY,GAAGC,EAAO,OAAO,CAAC,IAEzCD;AACX;","x_google_ignoreList":[0]}