@weng-lab/visualization 2.2.2 → 2.3.1

package/dist/visualization.es484.js

@@ -1,8 +1,16 @@
-import { isSVGElement as r } from "./visualization.es483.js";
-function i(t) {
-  return r(t) && t.tagName === "svg";
+import { __require as v } from "./visualization.es547.js";
+var l, s;
+function h() {
+  if (s) return l;
+  s = 1;
+  var o = v();
+  return o.prototype.formulaEval = function() {
+    for (var a, t, r, e = [], u = this.value, p = 0; p < u.length; p++)
+      u[p].type === 1 || u[p].type === 3 ? e.push({ value: u[p].type === 3 ? u[p].show : u[p].value, type: 1 }) : u[p].type === 13 ? e.push({ value: u[p].show, type: 1 }) : u[p].type === 0 ? e[e.length - 1] = { value: u[p].show + (u[p].show != "-" ? "(" : "") + e[e.length - 1].value + (u[p].show != "-" ? ")" : ""), type: 0 } : u[p].type === 7 ? e[e.length - 1] = { value: (e[e.length - 1].type != 1 ? "(" : "") + e[e.length - 1].value + (e[e.length - 1].type != 1 ? ")" : "") + u[p].show, type: 7 } : u[p].type === 10 ? (a = e.pop(), t = e.pop(), u[p].show === "P" || u[p].show === "C" ? e.push({ value: "<sup>" + t.value + "</sup>" + u[p].show + "<sub>" + a.value + "</sub>", type: 10 }) : e.push({ value: (t.type != 1 ? "(" : "") + t.value + (t.type != 1 ? ")" : "") + "<sup>" + a.value + "</sup>", type: 1 })) : u[p].type === 2 || u[p].type === 9 ? (a = e.pop(), t = e.pop(), e.push({ value: (t.type != 1 ? "(" : "") + t.value + (t.type != 1 ? ")" : "") + u[p].show + (a.type != 1 ? "(" : "") + a.value + (a.type != 1 ? ")" : ""), type: u[p].type })) : u[p].type === 12 && (a = e.pop(), t = e.pop(), r = e.pop(), e.push({ value: u[p].show + "(" + r.value + "," + t.value + "," + a.value + ")", type: 12 }));
+    return e[0].value;
+  }, l = o, l;
 }
 export {
-  i as isSVGSVGElement
+  h as __require
 };
 //# sourceMappingURL=visualization.es484.js.map

package/dist/visualization.es484.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es484.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.es484.js","sources":["../../../node_modules/.pnpm/math-expression-evaluator@1.4.0/node_modules/math-expression-evaluator/src/formula_evaluator.js"],"sourcesContent":["var Mexp=require('./postfix_evaluator.js');\r\nMexp.prototype.formulaEval = function () {\r\n\t\"use strict\";\r\n\tvar stack=[],pop1,pop2,pop3;\r\n\tvar disp=[];\r\n\tvar temp='';\r\n\tvar arr=this.value;\r\n\tfor(var i=0;i<arr.length;i++){\r\n\t\tif(arr[i].type===1||arr[i].type===3){\r\n\t\t\tdisp.push({value:arr[i].type===3?arr[i].show:arr[i].value,type:1});\r\n\t\t}\r\n\t\telse if(arr[i].type===13){\r\n\t\t\tdisp.push({value:arr[i].show,type:1});\r\n\t\t}\r\n\t\telse if(arr[i].type===0){\r\n\t\t\tdisp[disp.length-1]={value:arr[i].show+(arr[i].show!=\"-\"?\"(\":\"\")+disp[disp.length-1].value+(arr[i].show!=\"-\"?\")\":\"\"),type:0};\r\n\t\t}\r\n\t\telse if(arr[i].type===7){\r\n\t\t\tdisp[disp.length-1]={value:(disp[disp.length-1].type!=1?\"(\":\"\")+disp[disp.length-1].value+(disp[disp.length-1].type!=1?\")\":\"\")+arr[i].show,type:7};\r\n\t\t}\r\n\t\telse if(arr[i].type===10){\r\n\t\t\tpop1=disp.pop();\r\n\t\t\tpop2=disp.pop();\r\n\t\t\tif(arr[i].show==='P'||arr[i].show==='C')disp.push({value:\"<sup>\"+pop2.value+\"</sup>\"+arr[i].show+\"<sub>\"+pop1.value+\"</sub>\",type:10});\r\n\t\t\telse disp.push({value:(pop2.type!=1?\"(\":\"\")+pop2.value+(pop2.type!=1?\")\":\"\")+\"<sup>\"+pop1.value+\"</sup>\",type:1});\r\n\t\t}\r\n\t\telse if(arr[i].type===2||arr[i].type===9){\r\n\t\t\tpop1=disp.pop();\r\n\t\t\tpop2=disp.pop();\r\n\t\t\tdisp.push({value:(pop2.type!=1?\"(\":\"\")+pop2.value+(pop2.type!=1?\")\":\"\")+arr[i].show+(pop1.type!=1?\"(\":\"\")+pop1.value+(pop1.type!=1?\")\":\"\"),type:arr[i].type});\r\n\t\t}\r\n\t\telse if(arr[i].type===12){\r\n\t\t\tpop1=disp.pop();\r\n\t\t\tpop2=disp.pop();\r\n\t\t\tpop3=disp.pop();\r\n\t\t\tdisp.push({value:arr[i].show+\"(\"+pop3.value+\",\"+pop2.value+\",\"+pop1.value+\")\",type:12});\r\n\t\t}\r\n\t}\r\n\treturn disp[0].value;\r\n};\r\nmodule.exports=Mexp;"],"names":["Mexp","require$$0","pop1","pop2","pop3","disp","arr","i","formula_evaluator"],"mappings":";;;;;AAAA,MAAIA,IAAKC;AACT,SAAAD,EAAK,UAAU,cAAc,WAAY;AAMxC,aAJaE,GAAKC,GAAKC,GACnBC,IAAK,CAAA,GAELC,IAAI,KAAK,OACLC,IAAE,GAAEA,IAAED,EAAI,QAAOC;AACxB,MAAGD,EAAIC,CAAC,EAAE,SAAO,KAAGD,EAAIC,CAAC,EAAE,SAAO,IACjCF,EAAK,KAAK,EAAC,OAAMC,EAAIC,CAAC,EAAE,SAAO,IAAED,EAAIC,CAAC,EAAE,OAAKD,EAAIC,CAAC,EAAE,OAAM,MAAK,EAAC,CAAC,IAE1DD,EAAIC,CAAC,EAAE,SAAO,KACrBF,EAAK,KAAK,EAAC,OAAMC,EAAIC,CAAC,EAAE,MAAK,MAAK,EAAC,CAAC,IAE7BD,EAAIC,CAAC,EAAE,SAAO,IACrBF,EAAKA,EAAK,SAAO,CAAC,IAAE,EAAC,OAAMC,EAAIC,CAAC,EAAE,QAAMD,EAAIC,CAAC,EAAE,QAAM,MAAI,MAAI,MAAIF,EAAKA,EAAK,SAAO,CAAC,EAAE,SAAOC,EAAIC,CAAC,EAAE,QAAM,MAAI,MAAI,KAAI,MAAK,EAAC,IAEpHD,EAAIC,CAAC,EAAE,SAAO,IACrBF,EAAKA,EAAK,SAAO,CAAC,IAAE,EAAC,QAAOA,EAAKA,EAAK,SAAO,CAAC,EAAE,QAAM,IAAE,MAAI,MAAIA,EAAKA,EAAK,SAAO,CAAC,EAAE,SAAOA,EAAKA,EAAK,SAAO,CAAC,EAAE,QAAM,IAAE,MAAI,MAAIC,EAAIC,CAAC,EAAE,MAAK,MAAK,EAAC,IAE1ID,EAAIC,CAAC,EAAE,SAAO,MACrBL,IAAKG,EAAK,OACVF,IAAKE,EAAK,OACPC,EAAIC,CAAC,EAAE,SAAO,OAAKD,EAAIC,CAAC,EAAE,SAAO,MAAIF,EAAK,KAAK,EAAC,OAAM,UAAQF,EAAK,QAAM,WAASG,EAAIC,CAAC,EAAE,OAAK,UAAQL,EAAK,QAAM,UAAS,MAAK,GAAE,CAAC,IAChIG,EAAK,KAAK,EAAC,QAAOF,EAAK,QAAM,IAAE,MAAI,MAAIA,EAAK,SAAOA,EAAK,QAAM,IAAE,MAAI,MAAI,UAAQD,EAAK,QAAM,UAAS,MAAK,EAAC,CAAC,KAEzGI,EAAIC,CAAC,EAAE,SAAO,KAAGD,EAAIC,CAAC,EAAE,SAAO,KACtCL,IAAKG,EAAK,OACVF,IAAKE,EAAK,OACVA,EAAK,KAAK,EAAC,QAAOF,EAAK,QAAM,IAAE,MAAI,MAAIA,EAAK,SAAOA,EAAK,QAAM,IAAE,MAAI,MAAIG,EAAIC,CAAC,EAAE,QAAML,EAAK,QAAM,IAAE,MAAI,MAAIA,EAAK,SAAOA,EAAK,QAAM,IAAE,MAAI,KAAI,MAAKI,EAAIC,CAAC,EAAE,KAAI,CAAC,KAErJD,EAAIC,CAAC,EAAE,SAAO,OACrBL,IAAKG,EAAK,OACVF,IAAKE,EAAK,OACVD,IAAKC,EAAK,OACVA,EAAK,KAAK,EAAC,OAAMC,EAAIC,CAAC,EAAE,OAAK,MAAIH,EAAK,QAAM,MAAID,EAAK,QAAM,MAAID,EAAK,QAAM,KAAI,MAAK,GAAE,CAAC;AAGxF,WAAOG,EAAK,CAAC,EAAE;AAAA,EAChB,GACAG,IAAeR;;","x_google_ignoreList":[0]}

package/dist/visualization.es485.js

@@ -1,52 +1,14 @@
-import { isCSSVariableToken as d } from "./visualization.es418.js";
-import { color as u } from "./visualization.es492.js";
-import { complex as h, analyseComplexValue as m } from "./visualization.es493.js";
-import { mixColor as a } from "./visualization.es486.js";
-import { mixImmediate as l } from "./visualization.es491.js";
-import { mixNumber as b } from "./visualization.es452.js";
-import { invisibleValues as c, mixVisibility as y } from "./visualization.es494.js";
-import { pipe as v } from "./visualization.es407.js";
-import { warning as g } from "./visualization.es406.js";
-function V(e, t) {
-  return (r) => b(e, t, r);
+import { useContext as o, useMemo as i } from "react";
+import { MotionContext as a } from "./visualization.es119.js";
+import { getCurrentTreeVariants as m } from "./visualization.es552.js";
+function C(t) {
+  const { initial: e, animate: n } = m(t, o(a));
+  return i(() => ({ initial: e, animate: n }), [r(e), r(n)]);
 }
-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 r(t) {
+  return Array.isArray(t) ? t.join(" ") : t;
 }
-function p(e, t) {
-  const r = [...e], o = r.length, n = e.map((i, s) => f(i)(i, t[s]));
-  return (i) => {
-    for (let s = 0; s < o; s++)
-      r[s] = n[s](i);
-    return r;
-  };
-}
-function C(e, t) {
-  const r = { ...e, ...t }, o = {};
-  for (const n in r)
-    e[n] !== void 0 && t[n] !== void 0 && (o[n] = f(e[n])(e[n], t[n]));
-  return (n) => {
-    for (const i in o)
-      r[i] = o[i](n);
-    return r;
-  };
-}
-function k(e, t) {
-  const r = [], o = { color: 0, var: 0, number: 0 };
-  for (let n = 0; n < t.values.length; n++) {
-    const i = t.types[n], s = e.indexes[i][o[i]], x = e.values[s] ?? 0;
-    r[n] = x, o[i]++;
-  }
-  return r;
-}
-const I = (e, t) => {
-  const r = h.createTransformer(t), o = m(e), n = m(t);
-  return o.indexes.var.length === n.indexes.var.length && o.indexes.color.length === n.indexes.color.length && o.indexes.number.length >= n.indexes.number.length ? c.has(e) && !n.values.length || c.has(t) && !o.values.length ? y(e, t) : v(p(k(o, n), n.values), r) : (g(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`, "complex-values-different"), l(e, t));
-};
 export {
-  f as getMixer,
-  p as mixArray,
-  I as mixComplex,
-  C as mixObject
+  C as useCreateMotionContext
 };
 //# sourceMappingURL=visualization.es485.js.map

package/dist/visualization.es485.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es485.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.es485.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/context/MotionContext/create.mjs"],"sourcesContent":["\"use client\";\nimport { useContext, useMemo } from 'react';\nimport { MotionContext } from './index.mjs';\nimport { getCurrentTreeVariants } from './utils.mjs';\n\nfunction useCreateMotionContext(props) {\n    const { initial, animate } = getCurrentTreeVariants(props, useContext(MotionContext));\n    return useMemo(() => ({ initial, animate }), [variantLabelsAsDependency(initial), variantLabelsAsDependency(animate)]);\n}\nfunction variantLabelsAsDependency(prop) {\n    return Array.isArray(prop) ? prop.join(\" \") : prop;\n}\n\nexport { useCreateMotionContext };\n//# sourceMappingURL=create.mjs.map\n"],"names":["useCreateMotionContext","props","initial","animate","getCurrentTreeVariants","useContext","MotionContext","useMemo","variantLabelsAsDependency","prop"],"mappings":";;;AAKA,SAASA,EAAuBC,GAAO;AACnC,QAAM,EAAE,SAAAC,GAAS,SAAAC,EAAO,IAAKC,EAAuBH,GAAOI,EAAWC,CAAa,CAAC;AACpF,SAAOC,EAAQ,OAAO,EAAE,SAAAL,GAAS,SAAAC,EAAO,IAAK,CAACK,EAA0BN,CAAO,GAAGM,EAA0BL,CAAO,CAAC,CAAC;AACzH;AACA,SAASK,EAA0BC,GAAM;AACrC,SAAO,MAAM,QAAQA,CAAI,IAAIA,EAAK,KAAK,GAAG,IAAIA;AAClD;","x_google_ignoreList":[0]}

package/dist/visualization.es486.js

@@ -1,30 +1,17 @@
-import { hex as p } from "./visualization.es487.js";
-import { hsla as l } from "./visualization.es488.js";
-import { hslaToRgba as c } from "./visualization.es489.js";
-import { rgba as s } from "./visualization.es490.js";
-import { mixImmediate as f } from "./visualization.es491.js";
-import { mixNumber as u } from "./visualization.es452.js";
-import { warning as d } from "./visualization.es406.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 { Fragment as p, useMemo as P, createElement as a } from "react";
+import { useHTMLProps as d } from "./visualization.es553.js";
+import { useSVGProps as V } from "./visualization.es554.js";
+import { filterProps as g } from "./visualization.es126.js";
+import { isSVGComponent as h } from "./visualization.es193.js";
+import { isMotionValue as M } from "./visualization.es128.js";
+function H(r, s, o, { latestValues: t }, i, m = !1, n) {
+  const l = (n ?? h(r) ? V : d)(s, t, i, r), u = g(s, typeof r == "string", m), f = r !== p ? { ...u, ...l, ref: o } : {}, { children: e } = s, c = P(() => M(e) ? e.get() : e, [e]);
+  return a(r, {
+    ...f,
+    children: c
+  });
 }
-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
+  H as useRender
 };
 //# sourceMappingURL=visualization.es486.js.map

package/dist/visualization.es486.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es486.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.es486.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/render/dom/use-render.mjs"],"sourcesContent":["\"use client\";\nimport { isMotionValue } from 'motion-dom';\nimport { Fragment, useMemo, createElement } from 'react';\nimport { useHTMLProps } from '../html/use-props.mjs';\nimport { useSVGProps } from '../svg/use-props.mjs';\nimport { filterProps } from './utils/filter-props.mjs';\nimport { isSVGComponent } from './utils/is-svg-component.mjs';\n\nfunction useRender(Component, props, ref, { latestValues, }, isStatic, forwardMotionProps = false, isSVG) {\n    const useVisualProps = (isSVG ?? isSVGComponent(Component)) ? useSVGProps : useHTMLProps;\n    const visualProps = useVisualProps(props, latestValues, isStatic, Component);\n    const filteredProps = filterProps(props, typeof Component === \"string\", forwardMotionProps);\n    const elementProps = Component !== Fragment ? { ...filteredProps, ...visualProps, ref } : {};\n    /**\n     * If component has been handed a motion value as its child,\n     * memoise its initial value and render that. Subsequent updates\n     * will be handled by the onChange handler\n     */\n    const { children } = props;\n    const renderedChildren = useMemo(() => (isMotionValue(children) ? children.get() : children), [children]);\n    return createElement(Component, {\n        ...elementProps,\n        children: renderedChildren,\n    });\n}\n\nexport { useRender };\n//# sourceMappingURL=use-render.mjs.map\n"],"names":["useRender","Component","props","ref","latestValues","isStatic","forwardMotionProps","isSVG","visualProps","isSVGComponent","useSVGProps","useHTMLProps","filteredProps","filterProps","elementProps","Fragment","children","renderedChildren","useMemo","isMotionValue","createElement"],"mappings":";;;;;;AAQA,SAASA,EAAUC,GAAWC,GAAOC,GAAK,EAAE,cAAAC,EAAY,GAAKC,GAAUC,IAAqB,IAAOC,GAAO;AAEtG,QAAMC,KADkBD,KAASE,EAAeR,CAAS,IAAKS,IAAcC,GACzCT,GAAOE,GAAcC,GAAUJ,CAAS,GACrEW,IAAgBC,EAAYX,GAAO,OAAOD,KAAc,UAAUK,CAAkB,GACpFQ,IAAeb,MAAcc,IAAW,EAAE,GAAGH,GAAe,GAAGJ,GAAa,KAAAL,EAAG,IAAK,CAAA,GAMpF,EAAE,UAAAa,EAAQ,IAAKd,GACfe,IAAmBC,EAAQ,MAAOC,EAAcH,CAAQ,IAAIA,EAAS,QAAQA,GAAW,CAACA,CAAQ,CAAC;AACxG,SAAOI,EAAcnB,GAAW;AAAA,IAC5B,GAAGa;AAAA,IACH,UAAUG;AAAA,EAClB,CAAK;AACL;","x_google_ignoreList":[0]}

package/dist/visualization.es487.js

@@ -1,20 +1,11 @@
-import { rgba as i } from "./visualization.es490.js";
-import { isColorString as g } from "./visualization.es501.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 { makeUseVisualState as e } from "./visualization.es118.js";
+import { createHtmlRenderState as t } from "./visualization.es555.js";
+import { scrapeMotionValuesFromProps as r } from "./visualization.es338.js";
+const m = /* @__PURE__ */ e({
+  scrapeMotionValuesFromProps: r,
+  createRenderState: t
+});
 export {
-  u as hex
+  m as useHTMLVisualState
 };
 //# sourceMappingURL=visualization.es487.js.map

package/dist/visualization.es487.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es487.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.es487.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/render/html/use-html-visual-state.mjs"],"sourcesContent":["\"use client\";\nimport { scrapeHTMLMotionValuesFromProps } from 'motion-dom';\nimport { makeUseVisualState } from '../../motion/utils/use-visual-state.mjs';\nimport { createHtmlRenderState } from './utils/create-render-state.mjs';\n\nconst useHTMLVisualState = /*@__PURE__*/ makeUseVisualState({\n    scrapeMotionValuesFromProps: scrapeHTMLMotionValuesFromProps,\n    createRenderState: createHtmlRenderState,\n});\n\nexport { useHTMLVisualState };\n//# sourceMappingURL=use-html-visual-state.mjs.map\n"],"names":["useHTMLVisualState","makeUseVisualState","scrapeHTMLMotionValuesFromProps","createHtmlRenderState"],"mappings":";;;AAKK,MAACA,IAAmC,gBAAAC,EAAmB;AAAA,EACxD,6BAA6BC;AAAAA,EAC7B,mBAAmBC;AACvB,CAAC;","x_google_ignoreList":[0]}

package/dist/visualization.es488.js

@@ -1,13 +1,11 @@
-import { alpha as n } from "./visualization.es502.js";
-import { percent as t } from "./visualization.es503.js";
-import { sanitize as r } from "./visualization.es504.js";
-import { splitColor as i, isColorString as e } from "./visualization.es501.js";
-const u = {
-  test: /* @__PURE__ */ e("hsl", "hue"),
-  parse: /* @__PURE__ */ i("hue", "saturation", "lightness"),
-  transform: ({ hue: o, saturation: s, lightness: a, alpha: m = 1 }) => "hsla(" + Math.round(o) + ", " + t.transform(r(s)) + ", " + t.transform(r(a)) + ", " + r(n.transform(m)) + ")"
-};
+import { makeUseVisualState as e } from "./visualization.es118.js";
+import { createSvgRenderState as r } from "./visualization.es556.js";
+import { scrapeMotionValuesFromProps as t } from "./visualization.es345.js";
+const m = /* @__PURE__ */ e({
+  scrapeMotionValuesFromProps: t,
+  createRenderState: r
+});
 export {
-  u as hsla
+  m as useSVGVisualState
 };
 //# sourceMappingURL=visualization.es488.js.map

package/dist/visualization.es488.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es488.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.es488.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/render/svg/use-svg-visual-state.mjs"],"sourcesContent":["\"use client\";\nimport { scrapeSVGMotionValuesFromProps } from 'motion-dom';\nimport { makeUseVisualState } from '../../motion/utils/use-visual-state.mjs';\nimport { createSvgRenderState } from './utils/create-render-state.mjs';\n\nconst useSVGVisualState = /*@__PURE__*/ makeUseVisualState({\n    scrapeMotionValuesFromProps: scrapeSVGMotionValuesFromProps,\n    createRenderState: createSvgRenderState,\n});\n\nexport { useSVGVisualState };\n//# sourceMappingURL=use-svg-visual-state.mjs.map\n"],"names":["useSVGVisualState","makeUseVisualState","scrapeSVGMotionValuesFromProps","createSvgRenderState"],"mappings":";;;AAKK,MAACA,IAAkC,gBAAAC,EAAmB;AAAA,EACvD,6BAA6BC;AAAAA,EAC7B,mBAAmBC;AACvB,CAAC;","x_google_ignoreList":[0]}

package/dist/visualization.es489.js

@@ -1,23 +1,23 @@
-function c(e, f, r) {
-  return r < 0 && (r += 1), r > 1 && (r -= 1), r < 1 / 6 ? e + (f - e) * 6 * r : r < 1 / 2 ? f : r < 2 / 3 ? e + (f - e) * (2 / 3 - r) * 6 : e;
-}
-function R({ hue: e, saturation: f, lightness: r, alpha: M }) {
-  e /= 360, f /= 100, r /= 100;
-  let o = 0, u = 0, d = 0;
-  if (!f)
-    o = u = d = r;
-  else {
-    const n = r < 0.5 ? r * (1 + f) : r + f - r * f, b = 2 * r - n;
-    o = c(b, n, e + 1 / 3), u = c(b, n, e), d = c(b, n, e - 1 / 3);
-  }
-  return {
-    red: Math.round(o * 255),
-    green: Math.round(u * 255),
-    blue: Math.round(d * 255),
-    alpha: M
-  };
+import { useRef as c, useInsertionEffect as l, useCallback as i } from "react";
+function s(p, u, e) {
+  const t = c(e);
+  l(() => {
+    t.current = e;
+  });
+  const f = c(null);
+  return i((r) => {
+    r && p.onMount?.(r);
+    const o = t.current;
+    if (typeof o == "function")
+      if (r) {
+        const n = o(r);
+        typeof n == "function" && (f.current = n);
+      } else f.current ? (f.current(), f.current = null) : o(r);
+    else o && (o.current = r);
+    u && (r ? u.mount(r) : u.unmount());
+  }, [u]);
 }
 export {
-  R as hslaToRgba
+  s as useMotionRef
 };
 //# sourceMappingURL=visualization.es489.js.map

package/dist/visualization.es489.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es489.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/color/hsla-to-rgba.mjs"],"sourcesContent":["// Adapted from https://gist.github.com/mjackson/5311256\nfunction hueToRgb(p, q, t) {\n    if (t < 0)\n        t += 1;\n    if (t > 1)\n        t -= 1;\n    if (t < 1 / 6)\n        return p + (q - p) * 6 * t;\n    if (t < 1 / 2)\n        return q;\n    if (t < 2 / 3)\n        return p + (q - p) * (2 / 3 - t) * 6;\n    return p;\n}\nfunction hslaToRgba({ hue, saturation, lightness, alpha }) {\n    hue /= 360;\n    saturation /= 100;\n    lightness /= 100;\n    let red = 0;\n    let green = 0;\n    let blue = 0;\n    if (!saturation) {\n        red = green = blue = lightness;\n    }\n    else {\n        const q = lightness < 0.5\n            ? lightness * (1 + saturation)\n            : lightness + saturation - lightness * saturation;\n        const p = 2 * lightness - q;\n        red = hueToRgb(p, q, hue + 1 / 3);\n        green = hueToRgb(p, q, hue);\n        blue = hueToRgb(p, q, hue - 1 / 3);\n    }\n    return {\n        red: Math.round(red * 255),\n        green: Math.round(green * 255),\n        blue: Math.round(blue * 255),\n        alpha,\n    };\n}\n\nexport { hslaToRgba };\n//# sourceMappingURL=hsla-to-rgba.mjs.map\n"],"names":["hueToRgb","p","q","t","hslaToRgba","hue","saturation","lightness","alpha","red","green","blue"],"mappings":"AACA,SAASA,EAASC,GAAGC,GAAGC,GAAG;AAKvB,SAJIA,IAAI,MACJA,KAAK,IACLA,IAAI,MACJA,KAAK,IACLA,IAAI,IAAI,IACDF,KAAKC,IAAID,KAAK,IAAIE,IACzBA,IAAI,IAAI,IACDD,IACPC,IAAI,IAAI,IACDF,KAAKC,IAAID,MAAM,IAAI,IAAIE,KAAK,IAChCF;AACX;AACA,SAASG,EAAW,EAAE,KAAAC,GAAK,YAAAC,GAAY,WAAAC,GAAW,OAAAC,EAAK,GAAI;AACvD,EAAAH,KAAO,KACPC,KAAc,KACdC,KAAa;AACb,MAAIE,IAAM,GACNC,IAAQ,GACRC,IAAO;AACX,MAAI,CAACL;AACD,IAAAG,IAAMC,IAAQC,IAAOJ;AAAA,OAEpB;AACD,UAAML,IAAIK,IAAY,MAChBA,KAAa,IAAID,KACjBC,IAAYD,IAAaC,IAAYD,GACrCL,IAAI,IAAIM,IAAYL;AAC1B,IAAAO,IAAMT,EAASC,GAAGC,GAAGG,IAAM,IAAI,CAAC,GAChCK,IAAQV,EAASC,GAAGC,GAAGG,CAAG,GAC1BM,IAAOX,EAASC,GAAGC,GAAGG,IAAM,IAAI,CAAC;AAAA,EACrC;AACA,SAAO;AAAA,IACH,KAAK,KAAK,MAAMI,IAAM,GAAG;AAAA,IACzB,OAAO,KAAK,MAAMC,IAAQ,GAAG;AAAA,IAC7B,MAAM,KAAK,MAAMC,IAAO,GAAG;AAAA,IAC3B,OAAAH;AAAA,EACR;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es489.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/motion/utils/use-motion-ref.mjs"],"sourcesContent":["\"use client\";\nimport { useRef, useInsertionEffect, useCallback } from 'react';\n\n/**\n * Creates a ref function that, when called, hydrates the provided\n * external ref and VisualElement.\n */\nfunction useMotionRef(visualState, visualElement, externalRef) {\n    /**\n     * Store externalRef in a ref to avoid including it in the useCallback\n     * dependency array. Including externalRef in dependencies causes issues\n     * with libraries like Radix UI that create new callback refs on each render\n     * when using asChild - this would cause the callback to be recreated,\n     * triggering element remounts and breaking AnimatePresence exit animations.\n     */\n    const externalRefContainer = useRef(externalRef);\n    useInsertionEffect(() => {\n        externalRefContainer.current = externalRef;\n    });\n    // Store cleanup function returned by callback refs (React 19 feature)\n    const refCleanup = useRef(null);\n    return useCallback((instance) => {\n        if (instance) {\n            visualState.onMount?.(instance);\n        }\n        const ref = externalRefContainer.current;\n        if (typeof ref === \"function\") {\n            if (instance) {\n                const cleanup = ref(instance);\n                if (typeof cleanup === \"function\") {\n                    refCleanup.current = cleanup;\n                }\n            }\n            else if (refCleanup.current) {\n                refCleanup.current();\n                refCleanup.current = null;\n            }\n            else {\n                ref(instance);\n            }\n        }\n        else if (ref) {\n            ref.current = instance;\n        }\n        if (visualElement) {\n            instance ? visualElement.mount(instance) : visualElement.unmount();\n        }\n    }, [visualElement]);\n}\n\nexport { useMotionRef };\n//# sourceMappingURL=use-motion-ref.mjs.map\n"],"names":["useMotionRef","visualState","visualElement","externalRef","externalRefContainer","useRef","useInsertionEffect","refCleanup","useCallback","instance","ref","cleanup"],"mappings":";AAOA,SAASA,EAAaC,GAAaC,GAAeC,GAAa;AAQ3D,QAAMC,IAAuBC,EAAOF,CAAW;AAC/C,EAAAG,EAAmB,MAAM;AACrB,IAAAF,EAAqB,UAAUD;AAAA,EACnC,CAAC;AAED,QAAMI,IAAaF,EAAO,IAAI;AAC9B,SAAOG,EAAY,CAACC,MAAa;AAC7B,IAAIA,KACAR,EAAY,UAAUQ,CAAQ;AAElC,UAAMC,IAAMN,EAAqB;AACjC,QAAI,OAAOM,KAAQ;AACf,UAAID,GAAU;AACV,cAAME,IAAUD,EAAID,CAAQ;AAC5B,QAAI,OAAOE,KAAY,eACnBJ,EAAW,UAAUI;AAAA,MAE7B,MACK,CAAIJ,EAAW,WAChBA,EAAW,QAAO,GAClBA,EAAW,UAAU,QAGrBG,EAAID,CAAQ;AAAA,QAGf,CAAIC,MACLA,EAAI,UAAUD;AAElB,IAAIP,MACAO,IAAWP,EAAc,MAAMO,CAAQ,IAAIP,EAAc,QAAO;AAAA,EAExE,GAAG,CAACA,CAAa,CAAC;AACtB;","x_google_ignoreList":[0]}

package/dist/visualization.es49.js

@@ -0,0 +1,285 @@
+import { useRef as H, useState as P, useCallback as s } from "react";
+import { useGesture as st } from "./visualization.es462.js";
+import { applyMatrixToPoint as rt, applyInverseMatrixToPoint as E, composeMatrices as J, translateMatrix as R, scaleMatrix as ot, inverseMatrix as lt, identityMatrix as ct } from "./visualization.es463.js";
+import { jsx as it, Fragment as ft } from "react/jsx-runtime";
+import W from "./visualization.es77.js";
+const ut = {
+  scaleX: 1,
+  scaleY: 1,
+  translateX: 0,
+  translateY: 0,
+  skewX: 0,
+  skewY: 0
+}, dt = (u) => -u.deltaY > 0 ? {
+  scaleX: 1.1,
+  scaleY: 1.1
+} : {
+  scaleX: 0.9,
+  scaleY: 0.9
+}, xt = (u) => {
+  let {
+    offset: [d],
+    lastOffset: [x]
+  } = u;
+  return {
+    scaleX: d - x < 0 ? 0.9 : 1.1,
+    scaleY: d - x < 0 ? 0.9 : 1.1
+  };
+};
+function ht(u) {
+  let {
+    scaleXMin: d = 0,
+    scaleXMax: x = 1 / 0,
+    scaleYMin: z = 0,
+    scaleYMax: K = 1 / 0,
+    initialTransformMatrix: Y = ut,
+    wheelDelta: O = dt,
+    pinchDelta: j = xt,
+    width: p,
+    height: g,
+    constrain: S,
+    children: L
+  } = u;
+  const h = H(null), M = H(Y), [r, N] = P(Y), [X, B] = P(!1), [v, $] = P(void 0), [f, T] = P(void 0), F = s((e, t) => {
+    if (S) return S(e, t);
+    const {
+      scaleX: n,
+      scaleY: a
+    } = e, o = n > x || n < d, l = a > K || a < z;
+    return o || l ? t : e;
+  }, [S, d, x, z, K]), c = s((e) => {
+    N((t) => {
+      const n = F(e, t);
+      return M.current = n, n;
+    });
+  }, [F]), Q = s((e) => {
+    let {
+      x: t,
+      y: n
+    } = e;
+    return rt(r, {
+      x: t,
+      y: n
+    });
+  }, [r]), D = s((e) => {
+    let {
+      x: t,
+      y: n
+    } = e;
+    return E(r, {
+      x: t,
+      y: n
+    });
+  }, [r]), U = s(() => {
+    c(Y);
+  }, [Y, c]), y = s((e) => {
+    let {
+      scaleX: t,
+      scaleY: n,
+      point: a
+    } = e;
+    const o = n || t, l = a || {
+      x: p / 2,
+      y: g / 2
+    }, i = E(M.current, l), C = J(M.current, R(i.x, i.y), ot(t, o), R(-i.x, -i.y));
+    if (c(C), X) {
+      const {
+        translateX: b,
+        translateY: at
+      } = M.current;
+      T(a), $({
+        translateX: b,
+        translateY: at
+      });
+    }
+  }, [g, p, X, c]), k = s((e) => {
+    let {
+      translateX: t,
+      translateY: n
+    } = e;
+    const a = J(r, R(t, n));
+    c(a);
+  }, [c, r]), m = s((e) => {
+    let {
+      translateX: t,
+      translateY: n
+    } = e;
+    const a = {
+      ...r,
+      translateX: t,
+      translateY: n
+    };
+    c(a);
+  }, [c, r]), V = s((e) => {
+    let {
+      x: t,
+      y: n
+    } = e;
+    const a = E(r, {
+      x: t,
+      y: n
+    });
+    m({
+      translateX: a.x,
+      translateY: a.y
+    });
+  }, [m, r]), I = s(() => lt(r), [r]), _ = s(() => {
+    const {
+      translateX: e,
+      translateY: t,
+      scaleX: n,
+      scaleY: a,
+      skewX: o,
+      skewY: l
+    } = I();
+    return `matrix(${n}, ${l}, ${o}, ${a}, ${e}, ${t})`;
+  }, [I]), G = s((e) => {
+    const {
+      translateX: t,
+      translateY: n
+    } = r;
+    T(W(e) || void 0), $({
+      translateX: t,
+      translateY: n
+    }), B(!0);
+  }, [r]), Z = s((e, t) => {
+    if (!X || !f || !v) return;
+    const n = W(e), a = n ? -(f.x - n.x) : -f.x, o = n ? -(f.y - n.y) : -f.y;
+    let l = v.translateX + a;
+    t?.offsetX && (l += t?.offsetX ?? 0);
+    let i = v.translateY + o;
+    t?.offsetY && (i += t?.offsetY ?? 0), m({
+      translateX: l,
+      translateY: i
+    });
+  }, [X, m, f, v]), w = s(() => {
+    T(void 0), $(void 0), B(!1);
+  }, []), q = s((e) => {
+    e.preventDefault();
+    const t = W(e) || void 0, {
+      scaleX: n,
+      scaleY: a
+    } = O(e);
+    y({
+      scaleX: n,
+      scaleY: a,
+      point: t
+    });
+  }, [y, O]), A = s((e) => {
+    const {
+      origin: [t, n],
+      memo: a
+    } = e;
+    let o = a;
+    if (h.current) {
+      const {
+        top: l,
+        left: i
+      } = o ?? h.current.getBoundingClientRect();
+      o || (o = {
+        top: l,
+        left: i
+      });
+      const {
+        scaleX: C,
+        scaleY: b
+      } = j(e);
+      y({
+        scaleX: C,
+        scaleY: b,
+        point: {
+          x: t - i,
+          y: n - l
+        }
+      });
+    }
+    return o;
+  }, [y, j]), tt = s(() => {
+    const {
+      translateX: e,
+      translateY: t,
+      scaleX: n,
+      scaleY: a,
+      skewX: o,
+      skewY: l
+    } = r;
+    return `matrix(${n}, ${l}, ${o}, ${a}, ${e}, ${t})`;
+  }, [r]), et = s(() => {
+    const e = {
+      x: p / 2,
+      y: g / 2
+    }, t = D(e);
+    k({
+      translateX: t.x - e.x,
+      translateY: t.y - e.y
+    });
+  }, [g, p, D, k]), nt = s(() => {
+    c(ct());
+  }, [c]);
+  return st({
+    onDragStart: (e) => {
+      let {
+        event: t
+      } = e;
+      t instanceof KeyboardEvent || G(t);
+    },
+    onDrag: (e) => {
+      let {
+        event: t,
+        pinching: n,
+        cancel: a
+      } = e;
+      n ? (a(), w()) : t instanceof KeyboardEvent || Z(t);
+    },
+    onDragEnd: w,
+    onPinch: A,
+    onWheel: (e) => {
+      let {
+        event: t,
+        active: n,
+        pinching: a
+      } = e;
+      // Outside of Safari, the wheel event is fired together with the pinch event
+      a || // currently onWheelEnd emits one final wheel event which causes 2x scale
+      // updates for the last tick. ensuring that the gesture is active avoids this
+      !n || q(t);
+    }
+  }, {
+    target: h,
+    eventOptions: {
+      passive: !1
+    },
+    drag: {
+      filterTaps: !0
+    }
+  }), /* @__PURE__ */ it(ft, {
+    children: L({
+      initialTransformMatrix: Y,
+      transformMatrix: r,
+      isDragging: X,
+      center: et,
+      clear: nt,
+      scale: y,
+      translate: k,
+      translateTo: V,
+      setTranslate: m,
+      setTransformMatrix: c,
+      reset: U,
+      handleWheel: q,
+      handlePinch: A,
+      dragEnd: w,
+      dragMove: Z,
+      dragStart: G,
+      toString: tt,
+      invert: I,
+      toStringInvert: _,
+      applyToPoint: Q,
+      applyInverseToPoint: D,
+      containerRef: h
+    })
+  });
+}
+export {
+  ht as default
+};
+//# sourceMappingURL=visualization.es49.js.map