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

package/dist/visualization.es435.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es435.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.es435.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/html/utils/build-styles.mjs"],"sourcesContent":["import { getValueAsType } from '../../../value/types/utils/get-as-type.mjs';\nimport { numberValueTypes } from '../../../value/types/maps/number.mjs';\nimport { transformProps } from '../../utils/keys-transform.mjs';\nimport { isCSSVariableName } from '../../../animation/utils/is-css-variable.mjs';\nimport { buildTransform } from './build-transform.mjs';\n\nfunction buildHTMLStyles(state, latestValues, transformTemplate) {\n    const { style, vars, transformOrigin } = state;\n    // Track whether we encounter any transform or transformOrigin values.\n    let hasTransform = false;\n    let hasTransformOrigin = false;\n    /**\n     * Loop over all our latest animated values and decide whether to handle them\n     * as a style or CSS variable.\n     *\n     * Transforms and transform origins are kept separately for further processing.\n     */\n    for (const key in latestValues) {\n        const value = latestValues[key];\n        if (transformProps.has(key)) {\n            // If this is a transform, flag to enable further transform processing\n            hasTransform = true;\n            continue;\n        }\n        else if (isCSSVariableName(key)) {\n            vars[key] = value;\n            continue;\n        }\n        else {\n            // Convert the value to its default value type, ie 0 -> \"0px\"\n            const valueAsType = getValueAsType(value, numberValueTypes[key]);\n            if (key.startsWith(\"origin\")) {\n                // If this is a transform origin, flag and enable further transform-origin processing\n                hasTransformOrigin = true;\n                transformOrigin[key] =\n                    valueAsType;\n            }\n            else {\n                style[key] = valueAsType;\n            }\n        }\n    }\n    if (!latestValues.transform) {\n        if (hasTransform || transformTemplate) {\n            style.transform = buildTransform(latestValues, state.transform, transformTemplate);\n        }\n        else if (style.transform) {\n            /**\n             * If we have previously created a transform but currently don't have any,\n             * reset transform style to none.\n             */\n            style.transform = \"none\";\n        }\n    }\n    /**\n     * Build a transformOrigin style. Uses the same defaults as the browser for\n     * undefined origins.\n     */\n    if (hasTransformOrigin) {\n        const { originX = \"50%\", originY = \"50%\", originZ = 0, } = transformOrigin;\n        style.transformOrigin = `${originX} ${originY} ${originZ}`;\n    }\n}\n\nexport { buildHTMLStyles };\n//# sourceMappingURL=build-styles.mjs.map\n"],"names":["buildHTMLStyles","state","latestValues","transformTemplate","style","vars","transformOrigin","hasTransform","hasTransformOrigin","key","value","transformProps","isCSSVariableName","valueAsType","getValueAsType","numberValueTypes","buildTransform","originX","originY","originZ"],"mappings":";;;;;AAMA,SAASA,EAAgBC,GAAOC,GAAcC,GAAmB;AAC7D,QAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,iBAAAC,EAAe,IAAKL;AAEzC,MAAIM,IAAe,IACfC,IAAqB;AAOzB,aAAWC,KAAOP,GAAc;AAC5B,UAAMQ,IAAQR,EAAaO,CAAG;AAC9B,QAAIE,EAAe,IAAIF,CAAG,GAAG;AAEzB,MAAAF,IAAe;AACf;AAAA,IACJ,WACSK,EAAkBH,CAAG,GAAG;AAC7B,MAAAJ,EAAKI,CAAG,IAAIC;AACZ;AAAA,IACJ,OACK;AAED,YAAMG,IAAcC,EAAeJ,GAAOK,EAAiBN,CAAG,CAAC;AAC/D,MAAIA,EAAI,WAAW,QAAQ,KAEvBD,IAAqB,IACrBF,EAAgBG,CAAG,IACfI,KAGJT,EAAMK,CAAG,IAAII;AAAA,IAErB;AAAA,EACJ;AAiBA,MAhBKX,EAAa,cACVK,KAAgBJ,IAChBC,EAAM,YAAYY,EAAed,GAAcD,EAAM,WAAWE,CAAiB,IAE5EC,EAAM,cAKXA,EAAM,YAAY,UAOtBI,GAAoB;AACpB,UAAM,EAAE,SAAAS,IAAU,OAAO,SAAAC,IAAU,OAAO,SAAAC,IAAU,EAAC,IAAMb;AAC3D,IAAAF,EAAM,kBAAkB,GAAGa,CAAO,IAAIC,CAAO,IAAIC,CAAO;AAAA,EAC5D;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es436.js

@@ -1,9 +1,13 @@
-import { number as r } from "./visualization.es425.js";
-const t = {
-  ...r,
-  transform: Math.round
-};
+function i(r, { style: n, vars: o }, l, y) {
+  const t = r.style;
+  let e;
+  for (e in n)
+    t[e] = n[e];
+  y?.applyProjectionStyles(t, l);
+  for (e in o)
+    t.setProperty(e, o[e]);
+}
 export {
-  t as int
+  i as renderHTML
 };
 //# sourceMappingURL=visualization.es436.js.map

package/dist/visualization.es436.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es436.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.es436.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/html/utils/render.mjs"],"sourcesContent":["function renderHTML(element, { style, vars }, styleProp, projection) {\n    const elementStyle = element.style;\n    let key;\n    for (key in style) {\n        // CSSStyleDeclaration has [index: number]: string; in the types, so we use that as key type.\n        elementStyle[key] = style[key];\n    }\n    // Write projection styles directly to element style\n    projection?.applyProjectionStyles(elementStyle, styleProp);\n    for (key in vars) {\n        // Loop over any CSS variables and assign those.\n        // They can only be assigned using `setProperty`.\n        elementStyle.setProperty(key, vars[key]);\n    }\n}\n\nexport { renderHTML };\n//# sourceMappingURL=render.mjs.map\n"],"names":["renderHTML","element","style","vars","styleProp","projection","elementStyle","key"],"mappings":"AAAA,SAASA,EAAWC,GAAS,EAAE,OAAAC,GAAO,MAAAC,EAAI,GAAIC,GAAWC,GAAY;AACjE,QAAMC,IAAeL,EAAQ;AAC7B,MAAIM;AACJ,OAAKA,KAAOL;AAER,IAAAI,EAAaC,CAAG,IAAIL,EAAMK,CAAG;AAGjC,EAAAF,GAAY,sBAAsBC,GAAcF,CAAS;AACzD,OAAKG,KAAOJ;AAGR,IAAAG,EAAa,YAAYC,GAAKJ,EAAKI,CAAG,CAAC;AAE/C;","x_google_ignoreList":[0]}

package/dist/visualization.es437.js

@@ -1,32 +1,14 @@
-import { alpha as s, scale as t } from "./visualization.es425.js";
-import { px as e, progressPercentage as a, degrees as r } from "./visualization.es426.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 i } from "./visualization.es170.js";
+import { isForcedMotionValue as u } from "./visualization.es453.js";
+function a(n, s, l) {
+  const o = n.style, r = s?.style, t = {};
+  if (!o)
+    return t;
+  for (const e in o)
+    (i(o[e]) || r && i(r[e]) || u(e, n) || l?.getValue(e)?.liveStyle !== void 0) && (t[e] = o[e]);
+  return t;
+}
 export {
-  n as transformValueTypes
+  a as scrapeMotionValuesFromProps
 };
 //# sourceMappingURL=visualization.es437.js.map

package/dist/visualization.es437.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es437.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.es437.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/html/utils/scrape-motion-values.mjs"],"sourcesContent":["import { isMotionValue } from '../../../value/utils/is-motion-value.mjs';\nimport { isForcedMotionValue } from '../../utils/is-forced-motion-value.mjs';\n\nfunction scrapeMotionValuesFromProps(props, prevProps, visualElement) {\n    const style = props.style;\n    const prevStyle = prevProps?.style;\n    const newValues = {};\n    if (!style)\n        return newValues;\n    for (const key in style) {\n        if (isMotionValue(style[key]) ||\n            (prevStyle && isMotionValue(prevStyle[key])) ||\n            isForcedMotionValue(key, props) ||\n            visualElement?.getValue(key)?.liveStyle !== undefined) {\n            newValues[key] = style[key];\n        }\n    }\n    return newValues;\n}\n\nexport { scrapeMotionValuesFromProps };\n//# sourceMappingURL=scrape-motion-values.mjs.map\n"],"names":["scrapeMotionValuesFromProps","props","prevProps","visualElement","style","prevStyle","newValues","key","isMotionValue","isForcedMotionValue"],"mappings":";;AAGA,SAASA,EAA4BC,GAAOC,GAAWC,GAAe;AAClE,QAAMC,IAAQH,EAAM,OACdI,IAAYH,GAAW,OACvBI,IAAY,CAAA;AAClB,MAAI,CAACF;AACD,WAAOE;AACX,aAAWC,KAAOH;AACd,KAAII,EAAcJ,EAAMG,CAAG,CAAC,KACvBF,KAAaG,EAAcH,EAAUE,CAAG,CAAC,KAC1CE,EAAoBF,GAAKN,CAAK,KAC9BE,GAAe,SAASI,CAAG,GAAG,cAAc,YAC5CD,EAAUC,CAAG,IAAIH,EAAMG,CAAG;AAGlC,SAAOD;AACX;","x_google_ignoreList":[0]}

package/dist/visualization.es438.js

@@ -1,13 +1,5 @@
-import { complex as m } from "./visualization.es416.js";
-import { filter as n } from "./visualization.es433.js";
-import { mask as a } from "./visualization.es434.js";
-import { getDefaultValueType as r } from "./visualization.es432.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 e = /* @__PURE__ */ new WeakMap();
 export {
-  s as getAnimatableNone
+  e as visualElementStore
 };
 //# sourceMappingURL=visualization.es438.js.map

package/dist/visualization.es438.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es438.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.es438.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/store.mjs"],"sourcesContent":["const visualElementStore = new WeakMap();\n\nexport { visualElementStore };\n//# sourceMappingURL=store.mjs.map\n"],"names":["visualElementStore"],"mappings":"AAAK,MAACA,IAAqB,oBAAI,QAAO;","x_google_ignoreList":[0]}

package/dist/visualization.es439.js

@@ -1,9 +1,19 @@
-import { color as e } from "./visualization.es415.js";
-import { complex as m } from "./visualization.es416.js";
-import { dimensionValueTypes as p } from "./visualization.es369.js";
-import { testValueType as r } from "./visualization.es431.js";
-const t = [...p, e, m], s = (o) => t.find(r(o));
+const t = () => ({
+  translate: 0,
+  scale: 1,
+  origin: 0,
+  originPoint: 0
+}), a = () => ({
+  x: t(),
+  y: t()
+}), e = () => ({ min: 0, max: 0 }), c = () => ({
+  x: e(),
+  y: e()
+});
 export {
-  s as findValueType
+  e as createAxis,
+  t as createAxisDelta,
+  c as createBox,
+  a as createDelta
 };
 //# sourceMappingURL=visualization.es439.js.map

package/dist/visualization.es439.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es439.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]}
+{"version":3,"file":"visualization.es439.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/geometry/models.mjs"],"sourcesContent":["const createAxisDelta = () => ({\n    translate: 0,\n    scale: 1,\n    origin: 0,\n    originPoint: 0,\n});\nconst createDelta = () => ({\n    x: createAxisDelta(),\n    y: createAxisDelta(),\n});\nconst createAxis = () => ({ min: 0, max: 0 });\nconst createBox = () => ({\n    x: createAxis(),\n    y: createAxis(),\n});\n\nexport { createAxis, createAxisDelta, createBox, createDelta };\n//# sourceMappingURL=models.mjs.map\n"],"names":["createAxisDelta","createDelta","createAxis","createBox"],"mappings":"AAAK,MAACA,IAAkB,OAAO;AAAA,EAC3B,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,aAAa;AACjB,IACMC,IAAc,OAAO;AAAA,EACvB,GAAGD,EAAe;AAAA,EAClB,GAAGA,EAAe;AACtB,IACME,IAAa,OAAO,EAAE,KAAK,GAAG,KAAK,EAAC,IACpCC,IAAY,OAAO;AAAA,EACrB,GAAGD,EAAU;AAAA,EACb,GAAGA,EAAU;AACjB;","x_google_ignoreList":[0]}

package/dist/visualization.es440.js

@@ -1,5 +1,33 @@
-const e = (r, t) => t && typeof r == "number" ? t.transform(r) : r;
+import { buildHTMLStyles as y } from "./visualization.es435.js";
+import { buildSVGPath as c } from "./visualization.es478.js";
+const B = [
+  "offsetDistance",
+  "offsetPath",
+  "offsetRotate",
+  "offsetAnchor"
+];
+function P(r, {
+  attrX: e,
+  attrY: n,
+  attrScale: s,
+  pathLength: t,
+  pathSpacing: d = 1,
+  pathOffset: m = 0,
+  // This is object creation, which we try to avoid per-frame.
+  ...l
+}, a, u, x) {
+  if (y(r, l, u), a) {
+    r.style.viewBox && (r.attrs.viewBox = r.style.viewBox);
+    return;
+  }
+  r.attrs = r.style, r.style = {};
+  const { attrs: f, style: o } = r;
+  f.transform && (o.transform = f.transform, delete f.transform), (o.transform || f.transformOrigin) && (o.transformOrigin = f.transformOrigin ?? "50% 50%", delete f.transformOrigin), o.transform && (o.transformBox = x?.transformBox ?? "fill-box", delete f.transformBox);
+  for (const i of B)
+    f[i] !== void 0 && (o[i] = f[i], delete f[i]);
+  e !== void 0 && (f.x = e), n !== void 0 && (f.y = n), s !== void 0 && (f.scale = s), t !== void 0 && c(f, t, d, m, !1);
+}
 export {
-  e as getValueAsType
+  P as buildSVGAttrs
 };
 //# sourceMappingURL=visualization.es440.js.map

package/dist/visualization.es440.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es440.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]}
+{"version":3,"file":"visualization.es440.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/svg/utils/build-attrs.mjs"],"sourcesContent":["import { buildHTMLStyles } from '../../html/utils/build-styles.mjs';\nimport { buildSVGPath } from './path.mjs';\n\n/**\n * CSS Motion Path properties that should remain as CSS styles on SVG elements.\n */\nconst cssMotionPathProperties = [\n    \"offsetDistance\",\n    \"offsetPath\",\n    \"offsetRotate\",\n    \"offsetAnchor\",\n];\n/**\n * Build SVG visual attributes, like cx and style.transform\n */\nfunction buildSVGAttrs(state, { attrX, attrY, attrScale, pathLength, pathSpacing = 1, pathOffset = 0, \n// This is object creation, which we try to avoid per-frame.\n...latest }, isSVGTag, transformTemplate, styleProp) {\n    buildHTMLStyles(state, latest, transformTemplate);\n    /**\n     * For svg tags we just want to make sure viewBox is animatable and treat all the styles\n     * as normal HTML tags.\n     */\n    if (isSVGTag) {\n        if (state.style.viewBox) {\n            state.attrs.viewBox = state.style.viewBox;\n        }\n        return;\n    }\n    state.attrs = state.style;\n    state.style = {};\n    const { attrs, style } = state;\n    /**\n     * However, we apply transforms as CSS transforms.\n     * So if we detect a transform, transformOrigin we take it from attrs and copy it into style.\n     */\n    if (attrs.transform) {\n        style.transform = attrs.transform;\n        delete attrs.transform;\n    }\n    if (style.transform || attrs.transformOrigin) {\n        style.transformOrigin = attrs.transformOrigin ?? \"50% 50%\";\n        delete attrs.transformOrigin;\n    }\n    if (style.transform) {\n        /**\n         * SVG's element transform-origin uses its own median as a reference.\n         * Therefore, transformBox becomes a fill-box\n         */\n        style.transformBox = styleProp?.transformBox ?? \"fill-box\";\n        delete attrs.transformBox;\n    }\n    for (const key of cssMotionPathProperties) {\n        if (attrs[key] !== undefined) {\n            style[key] = attrs[key];\n            delete attrs[key];\n        }\n    }\n    // Render attrX/attrY/attrScale as attributes\n    if (attrX !== undefined)\n        attrs.x = attrX;\n    if (attrY !== undefined)\n        attrs.y = attrY;\n    if (attrScale !== undefined)\n        attrs.scale = attrScale;\n    // Build SVG path if one has been defined\n    if (pathLength !== undefined) {\n        buildSVGPath(attrs, pathLength, pathSpacing, pathOffset, false);\n    }\n}\n\nexport { buildSVGAttrs };\n//# sourceMappingURL=build-attrs.mjs.map\n"],"names":["cssMotionPathProperties","buildSVGAttrs","state","attrX","attrY","attrScale","pathLength","pathSpacing","pathOffset","latest","isSVGTag","transformTemplate","styleProp","buildHTMLStyles","attrs","style","key","buildSVGPath"],"mappings":";;AAMA,MAAMA,IAA0B;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAIA,SAASC,EAAcC,GAAO;AAAA,EAAE,OAAAC;AAAA,EAAO,OAAAC;AAAA,EAAO,WAAAC;AAAA,EAAW,YAAAC;AAAA,EAAY,aAAAC,IAAc;AAAA,EAAG,YAAAC,IAAa;AAAA;AAAA,EAEnG,GAAGC;GAAUC,GAAUC,GAAmBC,GAAW;AAMjD,MALAC,EAAgBX,GAAOO,GAAQE,CAAiB,GAK5CD,GAAU;AACV,IAAIR,EAAM,MAAM,YACZA,EAAM,MAAM,UAAUA,EAAM,MAAM;AAEtC;AAAA,EACJ;AACA,EAAAA,EAAM,QAAQA,EAAM,OACpBA,EAAM,QAAQ,CAAA;AACd,QAAM,EAAE,OAAAY,GAAO,OAAAC,EAAK,IAAKb;AAKzB,EAAIY,EAAM,cACNC,EAAM,YAAYD,EAAM,WACxB,OAAOA,EAAM,aAEbC,EAAM,aAAaD,EAAM,qBACzBC,EAAM,kBAAkBD,EAAM,mBAAmB,WACjD,OAAOA,EAAM,kBAEbC,EAAM,cAKNA,EAAM,eAAeH,GAAW,gBAAgB,YAChD,OAAOE,EAAM;AAEjB,aAAWE,KAAOhB;AACd,IAAIc,EAAME,CAAG,MAAM,WACfD,EAAMC,CAAG,IAAIF,EAAME,CAAG,GACtB,OAAOF,EAAME,CAAG;AAIxB,EAAIb,MAAU,WACVW,EAAM,IAAIX,IACVC,MAAU,WACVU,EAAM,IAAIV,IACVC,MAAc,WACdS,EAAM,QAAQT,IAEdC,MAAe,UACfW,EAAaH,GAAOR,GAAYC,GAAaC,GAAY,EAAK;AAEtE;","x_google_ignoreList":[0]}

package/dist/visualization.es441.js

@@ -1,8 +1,29 @@
-import { isMotionValue as i } from "./visualization.es193.js";
-function t(o) {
-  return !!(i(o) && o.add);
-}
+const e = /* @__PURE__ */ new Set([
+  "baseFrequency",
+  "diffuseConstant",
+  "kernelMatrix",
+  "kernelUnitLength",
+  "keySplines",
+  "keyTimes",
+  "limitingConeAngle",
+  "markerHeight",
+  "markerWidth",
+  "numOctaves",
+  "targetX",
+  "targetY",
+  "surfaceScale",
+  "specularConstant",
+  "specularExponent",
+  "stdDeviation",
+  "tableValues",
+  "viewBox",
+  "gradientTransform",
+  "pathLength",
+  "startOffset",
+  "textLength",
+  "lengthAdjust"
+]);
 export {
-  t as isWillChangeMotionValue
+  e as camelCaseAttributes
 };
 //# sourceMappingURL=visualization.es441.js.map

package/dist/visualization.es441.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es441.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]}
+{"version":3,"file":"visualization.es441.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/svg/utils/camel-case-attrs.mjs"],"sourcesContent":["/**\n * A set of attribute names that are always read/written as camel case.\n */\nconst camelCaseAttributes = new Set([\n    \"baseFrequency\",\n    \"diffuseConstant\",\n    \"kernelMatrix\",\n    \"kernelUnitLength\",\n    \"keySplines\",\n    \"keyTimes\",\n    \"limitingConeAngle\",\n    \"markerHeight\",\n    \"markerWidth\",\n    \"numOctaves\",\n    \"targetX\",\n    \"targetY\",\n    \"surfaceScale\",\n    \"specularConstant\",\n    \"specularExponent\",\n    \"stdDeviation\",\n    \"tableValues\",\n    \"viewBox\",\n    \"gradientTransform\",\n    \"pathLength\",\n    \"startOffset\",\n    \"textLength\",\n    \"lengthAdjust\",\n]);\n\nexport { camelCaseAttributes };\n//# sourceMappingURL=camel-case-attrs.mjs.map\n"],"names":["camelCaseAttributes"],"mappings":"AAGK,MAACA,IAAsB,oBAAI,IAAI;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,CAAC;","x_google_ignoreList":[0]}

package/dist/visualization.es442.js

@@ -1,29 +1,5 @@
-import { isMotionValue as r } from "./visualization.es193.js";
-import { DOMKeyframesResolver as o } from "./visualization.es368.js";
-import { VisualElement as s } from "./visualization.es298.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}`);
-    }));
-  }
-}
+const s = (o) => typeof o == "string" && o.toLowerCase() === "svg";
 export {
-  a as DOMVisualElement
+  s as isSVGTag
 };
 //# sourceMappingURL=visualization.es442.js.map

package/dist/visualization.es442.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es442.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]}
+{"version":3,"file":"visualization.es442.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/svg/utils/is-svg-tag.mjs"],"sourcesContent":["const isSVGTag = (tag) => typeof tag === \"string\" && tag.toLowerCase() === \"svg\";\n\nexport { isSVGTag };\n//# sourceMappingURL=is-svg-tag.mjs.map\n"],"names":["isSVGTag","tag"],"mappings":"AAAK,MAACA,IAAW,CAACC,MAAQ,OAAOA,KAAQ,YAAYA,EAAI,kBAAkB;","x_google_ignoreList":[0]}

package/dist/visualization.es443.js

@@ -1,14 +1,12 @@
-import { convertBoundingBoxToBox as s, transformBoxPoints as f } from "./visualization.es464.js";
-import { translateAxis as n } from "./visualization.es466.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;
+import { camelToDash as i } from "./visualization.es349.js";
+import { renderHTML as m } from "./visualization.es436.js";
+import { camelCaseAttributes as e } from "./visualization.es441.js";
+function c(o, t, f, s) {
+  m(o, t, void 0, s);
+  for (const r in t.attrs)
+    o.setAttribute(e.has(r) ? r : i(r), t.attrs[r]);
 }
 export {
-  c as measurePageBox,
-  x as measureViewportBox
+  c as renderSVG
 };
 //# sourceMappingURL=visualization.es443.js.map

package/dist/visualization.es443.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es443.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]}
+{"version":3,"file":"visualization.es443.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/svg/utils/render.mjs"],"sourcesContent":["import { camelToDash } from '../../dom/utils/camel-to-dash.mjs';\nimport { renderHTML } from '../../html/utils/render.mjs';\nimport { camelCaseAttributes } from './camel-case-attrs.mjs';\n\nfunction renderSVG(element, renderState, _styleProp, projection) {\n    renderHTML(element, renderState, undefined, projection);\n    for (const key in renderState.attrs) {\n        element.setAttribute(!camelCaseAttributes.has(key) ? camelToDash(key) : key, renderState.attrs[key]);\n    }\n}\n\nexport { renderSVG };\n//# sourceMappingURL=render.mjs.map\n"],"names":["renderSVG","element","renderState","_styleProp","projection","renderHTML","key","camelCaseAttributes","camelToDash"],"mappings":";;;AAIA,SAASA,EAAUC,GAASC,GAAaC,GAAYC,GAAY;AAC7D,EAAAC,EAAWJ,GAASC,GAAa,QAAWE,CAAU;AACtD,aAAWE,KAAOJ,EAAY;AAC1B,IAAAD,EAAQ,aAAcM,EAAoB,IAAID,CAAG,IAAuBA,IAAnBE,EAAYF,CAAG,GAASJ,EAAY,MAAMI,CAAG,CAAC;AAE3G;","x_google_ignoreList":[0]}

package/dist/visualization.es444.js

@@ -1,30 +1,16 @@
-import { getValueAsType as p } from "./visualization.es440.js";
-import { numberValueTypes as u } from "./visualization.es435.js";
-import { transformProps as c } from "./visualization.es344.js";
-import { isCSSVariableName as g } from "./visualization.es341.js";
-import { buildTransform as y } from "./visualization.es487.js";
-function S(f, i, e) {
-  const { style: o, vars: l, transformOrigin: t } = f;
-  let m = !1, a = !1;
-  for (const r in i) {
-    const n = i[r];
-    if (c.has(r)) {
-      m = !0;
-      continue;
-    } else if (g(r)) {
-      l[r] = n;
-      continue;
-    } else {
-      const s = p(n, u[r]);
-      r.startsWith("origin") ? (a = !0, t[r] = s) : o[r] = s;
+import { isMotionValue as n } from "./visualization.es170.js";
+import { transformPropOrder as i } from "./visualization.es335.js";
+import { scrapeMotionValuesFromProps as m } from "./visualization.es437.js";
+function l(r, t, s) {
+  const e = m(r, t, s);
+  for (const o in r)
+    if (n(r[o]) || n(t[o])) {
+      const a = i.indexOf(o) !== -1 ? "attr" + o.charAt(0).toUpperCase() + o.substring(1) : o;
+      e[a] = r[o];
     }
-  }
-  if (i.transform || (m || e ? o.transform = y(i, f.transform, e) : o.transform && (o.transform = "none")), a) {
-    const { originX: r = "50%", originY: n = "50%", originZ: s = 0 } = t;
-    o.transformOrigin = `${r} ${n} ${s}`;
-  }
+  return e;
 }
 export {
-  S as buildHTMLStyles
+  l as scrapeMotionValuesFromProps
 };
 //# sourceMappingURL=visualization.es444.js.map

package/dist/visualization.es444.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es444.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/html/utils/build-styles.mjs"],"sourcesContent":["import { getValueAsType } from '../../../value/types/utils/get-as-type.mjs';\nimport { numberValueTypes } from '../../../value/types/maps/number.mjs';\nimport { transformProps } from '../../utils/keys-transform.mjs';\nimport { isCSSVariableName } from '../../../animation/utils/is-css-variable.mjs';\nimport { buildTransform } from './build-transform.mjs';\n\nfunction buildHTMLStyles(state, latestValues, transformTemplate) {\n    const { style, vars, transformOrigin } = state;\n    // Track whether we encounter any transform or transformOrigin values.\n    let hasTransform = false;\n    let hasTransformOrigin = false;\n    /**\n     * Loop over all our latest animated values and decide whether to handle them\n     * as a style or CSS variable.\n     *\n     * Transforms and transform origins are kept separately for further processing.\n     */\n    for (const key in latestValues) {\n        const value = latestValues[key];\n        if (transformProps.has(key)) {\n            // If this is a transform, flag to enable further transform processing\n            hasTransform = true;\n            continue;\n        }\n        else if (isCSSVariableName(key)) {\n            vars[key] = value;\n            continue;\n        }\n        else {\n            // Convert the value to its default value type, ie 0 -> \"0px\"\n            const valueAsType = getValueAsType(value, numberValueTypes[key]);\n            if (key.startsWith(\"origin\")) {\n                // If this is a transform origin, flag and enable further transform-origin processing\n                hasTransformOrigin = true;\n                transformOrigin[key] =\n                    valueAsType;\n            }\n            else {\n                style[key] = valueAsType;\n            }\n        }\n    }\n    if (!latestValues.transform) {\n        if (hasTransform || transformTemplate) {\n            style.transform = buildTransform(latestValues, state.transform, transformTemplate);\n        }\n        else if (style.transform) {\n            /**\n             * If we have previously created a transform but currently don't have any,\n             * reset transform style to none.\n             */\n            style.transform = \"none\";\n        }\n    }\n    /**\n     * Build a transformOrigin style. Uses the same defaults as the browser for\n     * undefined origins.\n     */\n    if (hasTransformOrigin) {\n        const { originX = \"50%\", originY = \"50%\", originZ = 0, } = transformOrigin;\n        style.transformOrigin = `${originX} ${originY} ${originZ}`;\n    }\n}\n\nexport { buildHTMLStyles };\n//# sourceMappingURL=build-styles.mjs.map\n"],"names":["buildHTMLStyles","state","latestValues","transformTemplate","style","vars","transformOrigin","hasTransform","hasTransformOrigin","key","value","transformProps","isCSSVariableName","valueAsType","getValueAsType","numberValueTypes","buildTransform","originX","originY","originZ"],"mappings":";;;;;AAMA,SAASA,EAAgBC,GAAOC,GAAcC,GAAmB;AAC7D,QAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,iBAAAC,EAAe,IAAKL;AAEzC,MAAIM,IAAe,IACfC,IAAqB;AAOzB,aAAWC,KAAOP,GAAc;AAC5B,UAAMQ,IAAQR,EAAaO,CAAG;AAC9B,QAAIE,EAAe,IAAIF,CAAG,GAAG;AAEzB,MAAAF,IAAe;AACf;AAAA,IACJ,WACSK,EAAkBH,CAAG,GAAG;AAC7B,MAAAJ,EAAKI,CAAG,IAAIC;AACZ;AAAA,IACJ,OACK;AAED,YAAMG,IAAcC,EAAeJ,GAAOK,EAAiBN,CAAG,CAAC;AAC/D,MAAIA,EAAI,WAAW,QAAQ,KAEvBD,IAAqB,IACrBF,EAAgBG,CAAG,IACfI,KAGJT,EAAMK,CAAG,IAAII;AAAA,IAErB;AAAA,EACJ;AAiBA,MAhBKX,EAAa,cACVK,KAAgBJ,IAChBC,EAAM,YAAYY,EAAed,GAAcD,EAAM,WAAWE,CAAiB,IAE5EC,EAAM,cAKXA,EAAM,YAAY,UAOtBI,GAAoB;AACpB,UAAM,EAAE,SAAAS,IAAU,OAAO,SAAAC,IAAU,OAAO,SAAAC,IAAU,EAAC,IAAMb;AAC3D,IAAAF,EAAM,kBAAkB,GAAGa,CAAO,IAAIC,CAAO,IAAIC,CAAO;AAAA,EAC5D;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es444.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/svg/utils/scrape-motion-values.mjs"],"sourcesContent":["import { isMotionValue } from '../../../value/utils/is-motion-value.mjs';\nimport { transformPropOrder } from '../../utils/keys-transform.mjs';\nimport { scrapeMotionValuesFromProps as scrapeMotionValuesFromProps$1 } from '../../html/utils/scrape-motion-values.mjs';\n\nfunction scrapeMotionValuesFromProps(props, prevProps, visualElement) {\n    const newValues = scrapeMotionValuesFromProps$1(props, prevProps, visualElement);\n    for (const key in props) {\n        if (isMotionValue(props[key]) ||\n            isMotionValue(prevProps[key])) {\n            const targetKey = transformPropOrder.indexOf(key) !== -1\n                ? \"attr\" + key.charAt(0).toUpperCase() + key.substring(1)\n                : key;\n            newValues[targetKey] = props[key];\n        }\n    }\n    return newValues;\n}\n\nexport { scrapeMotionValuesFromProps };\n//# sourceMappingURL=scrape-motion-values.mjs.map\n"],"names":["scrapeMotionValuesFromProps","props","prevProps","visualElement","newValues","scrapeMotionValuesFromProps$1","key","isMotionValue","targetKey","transformPropOrder"],"mappings":";;;AAIA,SAASA,EAA4BC,GAAOC,GAAWC,GAAe;AAClE,QAAMC,IAAYC,EAA8BJ,GAAOC,GAAWC,CAAa;AAC/E,aAAWG,KAAOL;AACd,QAAIM,EAAcN,EAAMK,CAAG,CAAC,KACxBC,EAAcL,EAAUI,CAAG,CAAC,GAAG;AAC/B,YAAME,IAAYC,EAAmB,QAAQH,CAAG,MAAM,KAChD,SAASA,EAAI,OAAO,CAAC,EAAE,gBAAgBA,EAAI,UAAU,CAAC,IACtDA;AACN,MAAAF,EAAUI,CAAS,IAAIP,EAAMK,CAAG;AAAA,IACpC;AAEJ,SAAOF;AACX;","x_google_ignoreList":[0]}

package/dist/visualization.es445.js

@@ -1,13 +1,26 @@
-function i(r, { style: n, vars: o }, l, y) {
-  const t = r.style;
-  let e;
-  for (e in n)
-    t[e] = n[e];
-  y?.applyProjectionStyles(t, l);
-  for (e in o)
-    t.setProperty(e, o[e]);
+import { motionValue as r } from "./visualization.es412.js";
+import { isMotionValue as f } from "./visualization.es170.js";
+function d(a, e, s) {
+  for (const o in e) {
+    const i = e[o], t = s[o];
+    if (f(i))
+      a.addValue(o, i);
+    else if (f(t))
+      a.addValue(o, r(i, { owner: a }));
+    else if (t !== i)
+      if (a.hasValue(o)) {
+        const u = a.getValue(o);
+        u.liveStyle === !0 ? u.jump(i) : u.hasAnimated || u.set(i);
+      } else {
+        const u = a.getStaticValue(o);
+        a.addValue(o, r(u !== void 0 ? u : i, { owner: a }));
+      }
+  }
+  for (const o in s)
+    e[o] === void 0 && a.removeValue(o);
+  return e;
 }
 export {
-  i as renderHTML
+  d as updateMotionValuesFromProps
 };
 //# sourceMappingURL=visualization.es445.js.map

package/dist/visualization.es445.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es445.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/html/utils/render.mjs"],"sourcesContent":["function renderHTML(element, { style, vars }, styleProp, projection) {\n    const elementStyle = element.style;\n    let key;\n    for (key in style) {\n        // CSSStyleDeclaration has [index: number]: string; in the types, so we use that as key type.\n        elementStyle[key] = style[key];\n    }\n    // Write projection styles directly to element style\n    projection?.applyProjectionStyles(elementStyle, styleProp);\n    for (key in vars) {\n        // Loop over any CSS variables and assign those.\n        // They can only be assigned using `setProperty`.\n        elementStyle.setProperty(key, vars[key]);\n    }\n}\n\nexport { renderHTML };\n//# sourceMappingURL=render.mjs.map\n"],"names":["renderHTML","element","style","vars","styleProp","projection","elementStyle","key"],"mappings":"AAAA,SAASA,EAAWC,GAAS,EAAE,OAAAC,GAAO,MAAAC,EAAI,GAAIC,GAAWC,GAAY;AACjE,QAAMC,IAAeL,EAAQ;AAC7B,MAAIM;AACJ,OAAKA,KAAOL;AAER,IAAAI,EAAaC,CAAG,IAAIL,EAAMK,CAAG;AAGjC,EAAAF,GAAY,sBAAsBC,GAAcF,CAAS;AACzD,OAAKG,KAAOJ;AAGR,IAAAG,EAAa,YAAYC,GAAKJ,EAAKI,CAAG,CAAC;AAE/C;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es445.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/motion-values.mjs"],"sourcesContent":["import { motionValue } from '../../value/index.mjs';\nimport { isMotionValue } from '../../value/utils/is-motion-value.mjs';\n\n/**\n * Updates motion values from props changes.\n * Uses `any` type for element to avoid circular dependencies with VisualElement.\n */\nfunction updateMotionValuesFromProps(element, next, prev) {\n    for (const key in next) {\n        const nextValue = next[key];\n        const prevValue = prev[key];\n        if (isMotionValue(nextValue)) {\n            /**\n             * If this is a motion value found in props or style, we want to add it\n             * to our visual element's motion value map.\n             */\n            element.addValue(key, nextValue);\n        }\n        else if (isMotionValue(prevValue)) {\n            /**\n             * If we're swapping from a motion value to a static value,\n             * create a new motion value from that\n             */\n            element.addValue(key, motionValue(nextValue, { owner: element }));\n        }\n        else if (prevValue !== nextValue) {\n            /**\n             * If this is a flat value that has changed, update the motion value\n             * or create one if it doesn't exist. We only want to do this if we're\n             * not handling the value with our animation state.\n             */\n            if (element.hasValue(key)) {\n                const existingValue = element.getValue(key);\n                if (existingValue.liveStyle === true) {\n                    existingValue.jump(nextValue);\n                }\n                else if (!existingValue.hasAnimated) {\n                    existingValue.set(nextValue);\n                }\n            }\n            else {\n                const latestValue = element.getStaticValue(key);\n                element.addValue(key, motionValue(latestValue !== undefined ? latestValue : nextValue, { owner: element }));\n            }\n        }\n    }\n    // Handle removed values\n    for (const key in prev) {\n        if (next[key] === undefined)\n            element.removeValue(key);\n    }\n    return next;\n}\n\nexport { updateMotionValuesFromProps };\n//# sourceMappingURL=motion-values.mjs.map\n"],"names":["updateMotionValuesFromProps","element","next","prev","key","nextValue","prevValue","isMotionValue","motionValue","existingValue","latestValue"],"mappings":";;AAOA,SAASA,EAA4BC,GAASC,GAAMC,GAAM;AACtD,aAAWC,KAAOF,GAAM;AACpB,UAAMG,IAAYH,EAAKE,CAAG,GACpBE,IAAYH,EAAKC,CAAG;AAC1B,QAAIG,EAAcF,CAAS;AAKvB,MAAAJ,EAAQ,SAASG,GAAKC,CAAS;AAAA,aAE1BE,EAAcD,CAAS;AAK5B,MAAAL,EAAQ,SAASG,GAAKI,EAAYH,GAAW,EAAE,OAAOJ,EAAO,CAAE,CAAC;AAAA,aAE3DK,MAAcD;AAMnB,UAAIJ,EAAQ,SAASG,CAAG,GAAG;AACvB,cAAMK,IAAgBR,EAAQ,SAASG,CAAG;AAC1C,QAAIK,EAAc,cAAc,KAC5BA,EAAc,KAAKJ,CAAS,IAEtBI,EAAc,eACpBA,EAAc,IAAIJ,CAAS;AAAA,MAEnC,OACK;AACD,cAAMK,IAAcT,EAAQ,eAAeG,CAAG;AAC9C,QAAAH,EAAQ,SAASG,GAAKI,EAAYE,MAAgB,SAAYA,IAAcL,GAAW,EAAE,OAAOJ,EAAO,CAAE,CAAC;AAAA,MAC9G;AAAA,EAER;AAEA,aAAWG,KAAOD;AACd,IAAID,EAAKE,CAAG,MAAM,UACdH,EAAQ,YAAYG,CAAG;AAE/B,SAAOF;AACX;","x_google_ignoreList":[0]}

package/dist/visualization.es446.js

@@ -1,14 +1,16 @@
-import { isMotionValue as i } from "./visualization.es193.js";
-import { isForcedMotionValue as u } from "./visualization.es462.js";
-function a(n, s, l) {
-  const o = n.style, r = s?.style, t = {};
-  if (!o)
-    return t;
-  for (const e in o)
-    (i(o[e]) || r && i(r[e]) || u(e, n) || l?.getValue(e)?.liveStyle !== void 0) && (t[e] = o[e]);
-  return t;
+import { hasReducedMotionListener as t, prefersReducedMotion as r } from "./visualization.es447.js";
+const o = typeof window < "u";
+function d() {
+  if (t.current = !0, !!o)
+    if (window.matchMedia) {
+      const e = window.matchMedia("(prefers-reduced-motion)"), n = () => r.current = e.matches;
+      e.addEventListener("change", n), n();
+    } else
+      r.current = !1;
 }
 export {
-  a as scrapeMotionValuesFromProps
+  t as hasReducedMotionListener,
+  d as initPrefersReducedMotion,
+  r as prefersReducedMotion
 };
 //# sourceMappingURL=visualization.es446.js.map

package/dist/visualization.es446.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es446.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/html/utils/scrape-motion-values.mjs"],"sourcesContent":["import { isMotionValue } from '../../../value/utils/is-motion-value.mjs';\nimport { isForcedMotionValue } from '../../utils/is-forced-motion-value.mjs';\n\nfunction scrapeMotionValuesFromProps(props, prevProps, visualElement) {\n    const style = props.style;\n    const prevStyle = prevProps?.style;\n    const newValues = {};\n    if (!style)\n        return newValues;\n    for (const key in style) {\n        if (isMotionValue(style[key]) ||\n            (prevStyle && isMotionValue(prevStyle[key])) ||\n            isForcedMotionValue(key, props) ||\n            visualElement?.getValue(key)?.liveStyle !== undefined) {\n            newValues[key] = style[key];\n        }\n    }\n    return newValues;\n}\n\nexport { scrapeMotionValuesFromProps };\n//# sourceMappingURL=scrape-motion-values.mjs.map\n"],"names":["scrapeMotionValuesFromProps","props","prevProps","visualElement","style","prevStyle","newValues","key","isMotionValue","isForcedMotionValue"],"mappings":";;AAGA,SAASA,EAA4BC,GAAOC,GAAWC,GAAe;AAClE,QAAMC,IAAQH,EAAM,OACdI,IAAYH,GAAW,OACvBI,IAAY,CAAA;AAClB,MAAI,CAACF;AACD,WAAOE;AACX,aAAWC,KAAOH;AACd,KAAII,EAAcJ,EAAMG,CAAG,CAAC,KACvBF,KAAaG,EAAcH,EAAUE,CAAG,CAAC,KAC1CE,EAAoBF,GAAKN,CAAK,KAC9BE,GAAe,SAASI,CAAG,GAAG,cAAc,YAC5CD,EAAUC,CAAG,IAAIH,EAAMG,CAAG;AAGlC,SAAOD;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es446.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/reduced-motion/index.mjs"],"sourcesContent":["import { hasReducedMotionListener, prefersReducedMotion } from './state.mjs';\n\nconst isBrowser = typeof window !== \"undefined\";\nfunction initPrefersReducedMotion() {\n    hasReducedMotionListener.current = true;\n    if (!isBrowser)\n        return;\n    if (window.matchMedia) {\n        const motionMediaQuery = window.matchMedia(\"(prefers-reduced-motion)\");\n        const setReducedMotionPreferences = () => (prefersReducedMotion.current = motionMediaQuery.matches);\n        motionMediaQuery.addEventListener(\"change\", setReducedMotionPreferences);\n        setReducedMotionPreferences();\n    }\n    else {\n        prefersReducedMotion.current = false;\n    }\n}\n\nexport { hasReducedMotionListener, initPrefersReducedMotion, prefersReducedMotion };\n//# sourceMappingURL=index.mjs.map\n"],"names":["isBrowser","initPrefersReducedMotion","hasReducedMotionListener","motionMediaQuery","setReducedMotionPreferences","prefersReducedMotion"],"mappings":";AAEA,MAAMA,IAAY,OAAO,SAAW;AACpC,SAASC,IAA2B;AAEhC,MADAC,EAAyB,UAAU,IAC/B,EAACF;AAEL,QAAI,OAAO,YAAY;AACnB,YAAMG,IAAmB,OAAO,WAAW,0BAA0B,GAC/DC,IAA8B,MAAOC,EAAqB,UAAUF,EAAiB;AAC3F,MAAAA,EAAiB,iBAAiB,UAAUC,CAA2B,GACvEA,EAA2B;AAAA,IAC/B;AAEI,MAAAC,EAAqB,UAAU;AAEvC;","x_google_ignoreList":[0]}

package/dist/visualization.es447.js

@@ -1,5 +1,6 @@
-const e = /* @__PURE__ */ new WeakMap();
+const e = { current: null }, n = { current: !1 };
 export {
-  e as visualElementStore
+  n as hasReducedMotionListener,
+  e as prefersReducedMotion
 };
 //# sourceMappingURL=visualization.es447.js.map

package/dist/visualization.es447.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es447.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/store.mjs"],"sourcesContent":["const visualElementStore = new WeakMap();\n\nexport { visualElementStore };\n//# sourceMappingURL=store.mjs.map\n"],"names":["visualElementStore"],"mappings":"AAAK,MAACA,IAAqB,oBAAI,QAAO;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es447.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/reduced-motion/state.mjs"],"sourcesContent":["// Does this device prefer reduced motion? Returns `null` server-side.\nconst prefersReducedMotion = { current: null };\nconst hasReducedMotionListener = { current: false };\n\nexport { hasReducedMotionListener, prefersReducedMotion };\n//# sourceMappingURL=state.mjs.map\n"],"names":["prefersReducedMotion","hasReducedMotionListener"],"mappings":"AACK,MAACA,IAAuB,EAAE,SAAS,KAAI,GACtCC,IAA2B,EAAE,SAAS,GAAK;","x_google_ignoreList":[0]}

package/dist/visualization.es448.js

@@ -1,19 +1,5 @@
-const t = () => ({
-  translate: 0,
-  scale: 1,
-  origin: 0,
-  originPoint: 0
-}), a = () => ({
-  x: t(),
-  y: t()
-}), e = () => ({ min: 0, max: 0 }), c = () => ({
-  x: e(),
-  y: e()
-});
+const e = (t) => /^0[^.\s]+$/u.test(t);
 export {
-  e as createAxis,
-  t as createAxisDelta,
-  c as createBox,
-  a as createDelta
+  e as isZeroValueString
 };
 //# sourceMappingURL=visualization.es448.js.map

package/dist/visualization.es448.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es448.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/geometry/models.mjs"],"sourcesContent":["const createAxisDelta = () => ({\n    translate: 0,\n    scale: 1,\n    origin: 0,\n    originPoint: 0,\n});\nconst createDelta = () => ({\n    x: createAxisDelta(),\n    y: createAxisDelta(),\n});\nconst createAxis = () => ({ min: 0, max: 0 });\nconst createBox = () => ({\n    x: createAxis(),\n    y: createAxis(),\n});\n\nexport { createAxis, createAxisDelta, createBox, createDelta };\n//# sourceMappingURL=models.mjs.map\n"],"names":["createAxisDelta","createDelta","createAxis","createBox"],"mappings":"AAAK,MAACA,IAAkB,OAAO;AAAA,EAC3B,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,aAAa;AACjB,IACMC,IAAc,OAAO;AAAA,EACvB,GAAGD,EAAe;AAAA,EAClB,GAAGA,EAAe;AACtB,IACME,IAAa,OAAO,EAAE,KAAK,GAAG,KAAK,EAAC,IACpCC,IAAY,OAAO;AAAA,EACrB,GAAGD,EAAU;AAAA,EACb,GAAGA,EAAU;AACjB;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es448.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/is-zero-value-string.mjs"],"sourcesContent":["/**\n * Check if the value is a zero value string like \"0px\" or \"0%\"\n */\nconst isZeroValueString = (v) => /^0[^.\\s]+$/u.test(v);\n\nexport { isZeroValueString };\n//# sourceMappingURL=is-zero-value-string.mjs.map\n"],"names":["isZeroValueString","v"],"mappings":"AAGK,MAACA,IAAoB,CAACC,MAAM,cAAc,KAAKA,CAAC;","x_google_ignoreList":[0]}