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

package/dist/visualization.es398.js

@@ -1,16 +1,23 @@
-import { hex as o } from "./visualization.es393.js";
-import { hsla as t } from "./visualization.es394.js";
-import { rgba as e } from "./visualization.es396.js";
-const a = {
-  test: (r) => e.test(r) || o.test(r) || t.test(r),
-  parse: (r) => e.test(r) ? e.parse(r) : t.test(r) ? t.parse(r) : o.parse(r),
-  transform: (r) => typeof r == "string" ? r : r.hasOwnProperty("red") ? e.transform(r) : t.transform(r),
-  getAnimatableNone: (r) => {
-    const s = a.parse(r);
-    return s.alpha = 0, a.transform(s);
+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
+  };
+}
 export {
-  a as color
+  R as hslaToRgba
 };
 //# sourceMappingURL=visualization.es398.js.map

package/dist/visualization.es398.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es398.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/color/index.mjs"],"sourcesContent":["import { hex } from './hex.mjs';\nimport { hsla } from './hsla.mjs';\nimport { rgba } from './rgba.mjs';\n\nconst color = {\n    test: (v) => rgba.test(v) || hex.test(v) || hsla.test(v),\n    parse: (v) => {\n        if (rgba.test(v)) {\n            return rgba.parse(v);\n        }\n        else if (hsla.test(v)) {\n            return hsla.parse(v);\n        }\n        else {\n            return hex.parse(v);\n        }\n    },\n    transform: (v) => {\n        return typeof v === \"string\"\n            ? v\n            : v.hasOwnProperty(\"red\")\n                ? rgba.transform(v)\n                : hsla.transform(v);\n    },\n    getAnimatableNone: (v) => {\n        const parsed = color.parse(v);\n        parsed.alpha = 0;\n        return color.transform(parsed);\n    },\n};\n\nexport { color };\n//# sourceMappingURL=index.mjs.map\n"],"names":["color","v","rgba","hex","hsla","parsed"],"mappings":";;;AAIK,MAACA,IAAQ;AAAA,EACV,MAAM,CAACC,MAAMC,EAAK,KAAKD,CAAC,KAAKE,EAAI,KAAKF,CAAC,KAAKG,EAAK,KAAKH,CAAC;AAAA,EACvD,OAAO,CAACA,MACAC,EAAK,KAAKD,CAAC,IACJC,EAAK,MAAMD,CAAC,IAEdG,EAAK,KAAKH,CAAC,IACTG,EAAK,MAAMH,CAAC,IAGZE,EAAI,MAAMF,CAAC;AAAA,EAG1B,WAAW,CAACA,MACD,OAAOA,KAAM,WACdA,IACAA,EAAE,eAAe,KAAK,IAClBC,EAAK,UAAUD,CAAC,IAChBG,EAAK,UAAUH,CAAC;AAAA,EAE9B,mBAAmB,CAACA,MAAM;AACtB,UAAMI,IAASL,EAAM,MAAMC,CAAC;AAC5B,WAAAI,EAAO,QAAQ,GACRL,EAAM,UAAUK,CAAM;AAAA,EACjC;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es398.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/color/hsla-to-rgba.mjs"],"sourcesContent":["// Adapted from https://gist.github.com/mjackson/5311256\nfunction hueToRgb(p, q, t) {\n    if (t < 0)\n        t += 1;\n    if (t > 1)\n        t -= 1;\n    if (t < 1 / 6)\n        return p + (q - p) * 6 * t;\n    if (t < 1 / 2)\n        return q;\n    if (t < 2 / 3)\n        return p + (q - p) * (2 / 3 - t) * 6;\n    return p;\n}\nfunction hslaToRgba({ hue, saturation, lightness, alpha }) {\n    hue /= 360;\n    saturation /= 100;\n    lightness /= 100;\n    let red = 0;\n    let green = 0;\n    let blue = 0;\n    if (!saturation) {\n        red = green = blue = lightness;\n    }\n    else {\n        const q = lightness < 0.5\n            ? lightness * (1 + saturation)\n            : lightness + saturation - lightness * saturation;\n        const p = 2 * lightness - q;\n        red = hueToRgb(p, q, hue + 1 / 3);\n        green = hueToRgb(p, q, hue);\n        blue = hueToRgb(p, q, hue - 1 / 3);\n    }\n    return {\n        red: Math.round(red * 255),\n        green: Math.round(green * 255),\n        blue: Math.round(blue * 255),\n        alpha,\n    };\n}\n\nexport { hslaToRgba };\n//# sourceMappingURL=hsla-to-rgba.mjs.map\n"],"names":["hueToRgb","p","q","t","hslaToRgba","hue","saturation","lightness","alpha","red","green","blue"],"mappings":"AACA,SAASA,EAASC,GAAGC,GAAGC,GAAG;AAKvB,SAJIA,IAAI,MACJA,KAAK,IACLA,IAAI,MACJA,KAAK,IACLA,IAAI,IAAI,IACDF,KAAKC,IAAID,KAAK,IAAIE,IACzBA,IAAI,IAAI,IACDD,IACPC,IAAI,IAAI,IACDF,KAAKC,IAAID,MAAM,IAAI,IAAIE,KAAK,IAChCF;AACX;AACA,SAASG,EAAW,EAAE,KAAAC,GAAK,YAAAC,GAAY,WAAAC,GAAW,OAAAC,EAAK,GAAI;AACvD,EAAAH,KAAO,KACPC,KAAc,KACdC,KAAa;AACb,MAAIE,IAAM,GACNC,IAAQ,GACRC,IAAO;AACX,MAAI,CAACL;AACD,IAAAG,IAAMC,IAAQC,IAAOJ;AAAA,OAEpB;AACD,UAAML,IAAIK,IAAY,MAChBA,KAAa,IAAID,KACjBC,IAAYD,IAAaC,IAAYD,GACrCL,IAAI,IAAIM,IAAYL;AAC1B,IAAAO,IAAMT,EAASC,GAAGC,GAAGG,IAAM,IAAI,CAAC,GAChCK,IAAQV,EAASC,GAAGC,GAAGG,CAAG,GAC1BM,IAAOX,EAASC,GAAGC,GAAGG,IAAM,IAAI,CAAC;AAAA,EACrC;AACA,SAAO;AAAA,IACH,KAAK,KAAK,MAAMI,IAAM,GAAG;AAAA,IACzB,OAAO,KAAK,MAAMC,IAAQ,GAAG;AAAA,IAC7B,MAAM,KAAK,MAAMC,IAAO,GAAG;AAAA,IAC3B,OAAAH;AAAA,EACR;AACA;","x_google_ignoreList":[0]}

package/dist/visualization.es399.js

@@ -1,52 +1,17 @@
-import { color as c } from "./visualization.es398.js";
-import { colorRegex as g } from "./visualization.es411.js";
-import { floatRegex as N } from "./visualization.es412.js";
-import { sanitize as d } from "./visualization.es410.js";
-function b(t) {
-  return isNaN(t) && typeof t == "string" && (t.match(N)?.length || 0) + (t.match(g)?.length || 0) > 0;
-}
-const a = "number", f = "color", T = "var", x = "var(", m = "${}", O = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
-function l(t) {
-  const r = t.toString(), s = [], o = {
-    color: [],
-    number: [],
-    var: []
-  }, n = [];
-  let e = 0;
-  const h = r.replace(O, (i) => (c.test(i) ? (o.color.push(e), n.push(f), s.push(c.parse(i))) : i.startsWith(x) ? (o.var.push(e), n.push(T), s.push(i)) : (o.number.push(e), n.push(a), s.push(parseFloat(i))), ++e, m)).split(m);
-  return { values: s, split: h, indexes: o, types: n };
-}
-function R(t) {
-  return l(t).values;
-}
-function p({ split: t, types: r }) {
-  const s = t.length;
-  return (o) => {
-    let n = "";
-    for (let e = 0; e < s; e++)
-      if (n += t[e], o[e] !== void 0) {
-        const u = r[e];
-        u === a ? n += d(o[e]) : u === f ? n += c.transform(o[e]) : n += o[e];
-      }
-    return n;
-  };
-}
-function y(t) {
-  return p(l(t));
-}
-const E = (t) => typeof t == "number" ? 0 : c.test(t) ? c.getAnimatableNone(t) : t, _ = (t, r) => typeof t == "number" ? r?.trim().endsWith("/") ? t : 0 : E(t);
-function K(t) {
-  const r = l(t);
-  return p(r)(r.values.map((o, n) => _(o, r.split[n])));
-}
-const w = {
-  test: b,
-  parse: R,
-  createTransformer: y,
-  getAnimatableNone: K
+import { number as n, alpha as s } from "./visualization.es411.js";
+import { sanitize as i } from "./visualization.es413.js";
+import { splitColor as p, isColorString as e } from "./visualization.es410.js";
+import { clamp as f } from "./visualization.es318.js";
+const l = (r) => f(0, 255, r), o = {
+  ...n,
+  transform: (r) => Math.round(l(r))
+}, h = {
+  test: /* @__PURE__ */ e("rgb", "red"),
+  parse: /* @__PURE__ */ p("red", "green", "blue"),
+  transform: ({ red: r, green: t, blue: a, alpha: m = 1 }) => "rgba(" + o.transform(r) + ", " + o.transform(t) + ", " + o.transform(a) + ", " + i(s.transform(m)) + ")"
 };
 export {
-  l as analyseComplexValue,
-  w as complex
+  o as rgbUnit,
+  h as rgba
 };
 //# sourceMappingURL=visualization.es399.js.map

package/dist/visualization.es399.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es399.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/complex/index.mjs"],"sourcesContent":["import { color } from '../color/index.mjs';\nimport { colorRegex } from '../utils/color-regex.mjs';\nimport { floatRegex } from '../utils/float-regex.mjs';\nimport { sanitize } from '../utils/sanitize.mjs';\n\nfunction test(v) {\n    return (isNaN(v) &&\n        typeof v === \"string\" &&\n        (v.match(floatRegex)?.length || 0) +\n            (v.match(colorRegex)?.length || 0) >\n            0);\n}\nconst NUMBER_TOKEN = \"number\";\nconst COLOR_TOKEN = \"color\";\nconst VAR_TOKEN = \"var\";\nconst VAR_FUNCTION_TOKEN = \"var(\";\nconst SPLIT_TOKEN = \"${}\";\n// this regex consists of the `singleCssVariableRegex|rgbHSLValueRegex|digitRegex`\nconst complexRegex = /var\\s*\\(\\s*--(?:[\\w-]+\\s*|[\\w-]+\\s*,(?:\\s*[^)(\\s]|\\s*\\((?:[^)(]|\\([^)(]*\\))*\\))+\\s*)\\)|#[\\da-f]{3,8}|(?:rgb|hsl)a?\\((?:-?[\\d.]+%?[,\\s]+){2}-?[\\d.]+%?\\s*(?:[,/]\\s*)?(?:\\b\\d+(?:\\.\\d+)?|\\.\\d+)?%?\\)|-?(?:\\d+(?:\\.\\d+)?|\\.\\d+)/giu;\nfunction analyseComplexValue(value) {\n    const originalValue = value.toString();\n    const values = [];\n    const indexes = {\n        color: [],\n        number: [],\n        var: [],\n    };\n    const types = [];\n    let i = 0;\n    const tokenised = originalValue.replace(complexRegex, (parsedValue) => {\n        if (color.test(parsedValue)) {\n            indexes.color.push(i);\n            types.push(COLOR_TOKEN);\n            values.push(color.parse(parsedValue));\n        }\n        else if (parsedValue.startsWith(VAR_FUNCTION_TOKEN)) {\n            indexes.var.push(i);\n            types.push(VAR_TOKEN);\n            values.push(parsedValue);\n        }\n        else {\n            indexes.number.push(i);\n            types.push(NUMBER_TOKEN);\n            values.push(parseFloat(parsedValue));\n        }\n        ++i;\n        return SPLIT_TOKEN;\n    });\n    const split = tokenised.split(SPLIT_TOKEN);\n    return { values, split, indexes, types };\n}\nfunction parseComplexValue(v) {\n    return analyseComplexValue(v).values;\n}\nfunction buildTransformer({ split, types }) {\n    const numSections = split.length;\n    return (v) => {\n        let output = \"\";\n        for (let i = 0; i < numSections; i++) {\n            output += split[i];\n            if (v[i] !== undefined) {\n                const type = types[i];\n                if (type === NUMBER_TOKEN) {\n                    output += sanitize(v[i]);\n                }\n                else if (type === COLOR_TOKEN) {\n                    output += color.transform(v[i]);\n                }\n                else {\n                    output += v[i];\n                }\n            }\n        }\n        return output;\n    };\n}\nfunction createTransformer(source) {\n    return buildTransformer(analyseComplexValue(source));\n}\nconst convertNumbersToZero = (v) => typeof v === \"number\" ? 0 : color.test(v) ? color.getAnimatableNone(v) : v;\n/**\n * Convert a parsed value to its zero equivalent, but preserve numbers\n * that act as divisors in CSS calc() expressions.\n *\n * analyseComplexValue extracts numbers from CSS strings and puts the\n * surrounding text into a `split` template array. For example:\n *   \"calc(var(--gap) / 5)\"  →  values: [var(--gap), 5]\n *                               split:  [\"calc(\", \" / \", \")\"]\n *\n * When building a zero-equivalent for animation, naively zeroing all\n * numbers turns the divisor into 0 → \"calc(var(--gap) / 0)\" → NaN.\n * We detect this by checking whether the text preceding a number\n * (split[i]) ends with \"/\" — the CSS calc division operator.\n */\nconst convertToZero = (value, splitBefore) => {\n    if (typeof value === \"number\") {\n        return splitBefore?.trim().endsWith(\"/\") ? value : 0;\n    }\n    return convertNumbersToZero(value);\n};\nfunction getAnimatableNone(v) {\n    const info = analyseComplexValue(v);\n    const transformer = buildTransformer(info);\n    return transformer(info.values.map((value, i) => convertToZero(value, info.split[i])));\n}\nconst complex = {\n    test,\n    parse: parseComplexValue,\n    createTransformer,\n    getAnimatableNone,\n};\n\nexport { analyseComplexValue, complex };\n//# sourceMappingURL=index.mjs.map\n"],"names":["test","v","floatRegex","colorRegex","NUMBER_TOKEN","COLOR_TOKEN","VAR_TOKEN","VAR_FUNCTION_TOKEN","SPLIT_TOKEN","complexRegex","analyseComplexValue","value","originalValue","values","indexes","types","i","split","parsedValue","color","parseComplexValue","buildTransformer","numSections","output","type","sanitize","createTransformer","source","convertNumbersToZero","convertToZero","splitBefore","getAnimatableNone","info","complex"],"mappings":";;;;AAKA,SAASA,EAAKC,GAAG;AACb,SAAQ,MAAMA,CAAC,KACX,OAAOA,KAAM,aACZA,EAAE,MAAMC,CAAU,GAAG,UAAU,MAC3BD,EAAE,MAAME,CAAU,GAAG,UAAU,KAChC;AACZ;AACA,MAAMC,IAAe,UACfC,IAAc,SACdC,IAAY,OACZC,IAAqB,QACrBC,IAAc,OAEdC,IAAe;AACrB,SAASC,EAAoBC,GAAO;AAChC,QAAMC,IAAgBD,EAAM,SAAQ,GAC9BE,IAAS,CAAA,GACTC,IAAU;AAAA,IACZ,OAAO,CAAA;AAAA,IACP,QAAQ,CAAA;AAAA,IACR,KAAK,CAAA;AAAA,EACb,GACUC,IAAQ,CAAA;AACd,MAAIC,IAAI;AAoBR,QAAMC,IAnBYL,EAAc,QAAQH,GAAc,CAACS,OAC/CC,EAAM,KAAKD,CAAW,KACtBJ,EAAQ,MAAM,KAAKE,CAAC,GACpBD,EAAM,KAAKV,CAAW,GACtBQ,EAAO,KAAKM,EAAM,MAAMD,CAAW,CAAC,KAE/BA,EAAY,WAAWX,CAAkB,KAC9CO,EAAQ,IAAI,KAAKE,CAAC,GAClBD,EAAM,KAAKT,CAAS,GACpBO,EAAO,KAAKK,CAAW,MAGvBJ,EAAQ,OAAO,KAAKE,CAAC,GACrBD,EAAM,KAAKX,CAAY,GACvBS,EAAO,KAAK,WAAWK,CAAW,CAAC,IAEvC,EAAEF,GACKR,EACV,EACuB,MAAMA,CAAW;AACzC,SAAO,EAAE,QAAAK,GAAQ,OAAAI,GAAO,SAAAH,GAAS,OAAAC,EAAK;AAC1C;AACA,SAASK,EAAkBnB,GAAG;AAC1B,SAAOS,EAAoBT,CAAC,EAAE;AAClC;AACA,SAASoB,EAAiB,EAAE,OAAAJ,GAAO,OAAAF,KAAS;AACxC,QAAMO,IAAcL,EAAM;AAC1B,SAAO,CAAChB,MAAM;AACV,QAAIsB,IAAS;AACb,aAASP,IAAI,GAAGA,IAAIM,GAAaN;AAE7B,UADAO,KAAUN,EAAMD,CAAC,GACbf,EAAEe,CAAC,MAAM,QAAW;AACpB,cAAMQ,IAAOT,EAAMC,CAAC;AACpB,QAAIQ,MAASpB,IACTmB,KAAUE,EAASxB,EAAEe,CAAC,CAAC,IAElBQ,MAASnB,IACdkB,KAAUJ,EAAM,UAAUlB,EAAEe,CAAC,CAAC,IAG9BO,KAAUtB,EAAEe,CAAC;AAAA,MAErB;AAEJ,WAAOO;AAAA,EACX;AACJ;AACA,SAASG,EAAkBC,GAAQ;AAC/B,SAAON,EAAiBX,EAAoBiB,CAAM,CAAC;AACvD;AACA,MAAMC,IAAuB,CAAC3B,MAAM,OAAOA,KAAM,WAAW,IAAIkB,EAAM,KAAKlB,CAAC,IAAIkB,EAAM,kBAAkBlB,CAAC,IAAIA,GAevG4B,IAAgB,CAAClB,GAAOmB,MACtB,OAAOnB,KAAU,WACVmB,GAAa,KAAI,EAAG,SAAS,GAAG,IAAInB,IAAQ,IAEhDiB,EAAqBjB,CAAK;AAErC,SAASoB,EAAkB9B,GAAG;AAC1B,QAAM+B,IAAOtB,EAAoBT,CAAC;AAElC,SADoBoB,EAAiBW,CAAI,EACtBA,EAAK,OAAO,IAAI,CAACrB,GAAOK,MAAMa,EAAclB,GAAOqB,EAAK,MAAMhB,CAAC,CAAC,CAAC,CAAC;AACzF;AACK,MAACiB,IAAU;AAAA,EACZ,MAAAjC;AAAA,EACA,OAAOoB;AAAA,EACP,mBAAAM;AAAA,EACA,mBAAAK;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es399.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/color/rgba.mjs"],"sourcesContent":["import { clamp } from 'motion-utils';\nimport { number, alpha } from '../numbers/index.mjs';\nimport { sanitize } from '../utils/sanitize.mjs';\nimport { splitColor, isColorString } from './utils.mjs';\n\nconst clampRgbUnit = (v) => clamp(0, 255, v);\nconst rgbUnit = {\n    ...number,\n    transform: (v) => Math.round(clampRgbUnit(v)),\n};\nconst rgba = {\n    test: /*@__PURE__*/ isColorString(\"rgb\", \"red\"),\n    parse: /*@__PURE__*/ splitColor(\"red\", \"green\", \"blue\"),\n    transform: ({ red, green, blue, alpha: alpha$1 = 1 }) => \"rgba(\" +\n        rgbUnit.transform(red) +\n        \", \" +\n        rgbUnit.transform(green) +\n        \", \" +\n        rgbUnit.transform(blue) +\n        \", \" +\n        sanitize(alpha.transform(alpha$1)) +\n        \")\",\n};\n\nexport { rgbUnit, rgba };\n//# sourceMappingURL=rgba.mjs.map\n"],"names":["clampRgbUnit","v","clamp","rgbUnit","number","rgba","isColorString","splitColor","red","green","blue","alpha$1","sanitize","alpha"],"mappings":";;;;AAKA,MAAMA,IAAe,CAACC,MAAMC,EAAM,GAAG,KAAKD,CAAC,GACrCE,IAAU;AAAA,EACZ,GAAGC;AAAA,EACH,WAAW,CAACH,MAAM,KAAK,MAAMD,EAAaC,CAAC,CAAC;AAChD,GACMI,IAAO;AAAA,EACT,MAAoB,gBAAAC,EAAc,OAAO,KAAK;AAAA,EAC9C,OAAqB,gBAAAC,EAAW,OAAO,SAAS,MAAM;AAAA,EACtD,WAAW,CAAC,EAAE,KAAAC,GAAK,OAAAC,GAAO,MAAAC,GAAM,OAAOC,IAAU,EAAC,MAAO,UACrDR,EAAQ,UAAUK,CAAG,IACrB,OACAL,EAAQ,UAAUM,CAAK,IACvB,OACAN,EAAQ,UAAUO,CAAI,IACtB,OACAE,EAASC,EAAM,UAAUF,CAAO,CAAC,IACjC;AACR;","x_google_ignoreList":[0]}

package/dist/visualization.es4.js

@@ -1,12 +1,12 @@
 import { jsxs as X, jsx as I } from "react/jsx-runtime";
 import { useRef as G, useState as v, useEffect as q } from "react";
-import V from "./visualization.es60.js";
-import ye from "./visualization.es61.js";
-import me from "./visualization.es62.js";
-import { useScreenshot as he } from "./visualization.es63.js";
-import pe from "./visualization.es64.js";
+import V from "./visualization.es56.js";
+import ye from "./visualization.es57.js";
+import me from "./visualization.es58.js";
+import { useScreenshot as he } from "./visualization.es59.js";
+import pe from "./visualization.es60.js";
 /* empty css                   */
-import ge from "./visualization.es66.js";
+import ge from "./visualization.es62.js";
 import { Typography as be } from "@mui/material";
 V.use(ye);
 V.use(me(A));

package/dist/visualization.es40.js

@@ -1,8 +1,151 @@
-function h(l, u, a, d, o) {
-  for (var i = l.children, e, n = -1, v = i.length, c = l.value && (o - a) / l.value; ++n < v; )
-    e = i[n], e.x0 = u, e.x1 = d, e.y0 = a, e.y1 = a += e.value * c;
+import f from "./visualization.es96.js";
+import p from "./visualization.es97.js";
+import { easeOut as x } from "./visualization.es98.js";
+function S(t, o = "scatterPlot.png", e = window.devicePixelRatio || 2) {
+  if (!t) return;
+  const i = t.getBoundingClientRect(), n = Math.ceil(Math.max(i.width, i.height));
+  p.toPng(t, {
+    width: n * e,
+    height: n * e,
+    style: {
+      transform: `scale(${e})`,
+      transformOrigin: "top left",
+      width: `${n}px`,
+      height: `${n}px`,
+      overflow: "visible"
+    }
+  }).then((a) => {
+    f(a, o, "image/png");
+  }).catch((a) => {
+    console.error("Download failed:", a);
+  });
 }
+function b(t, o = "scatterPlot.svg") {
+  t && p.toSvg(t).then((e) => {
+    f(e, o, "image/svg+xml");
+  }).catch((e) => {
+    console.error("SVG download failed:", e);
+  });
+}
+function z(t, o = "chart.svg") {
+  const i = new XMLSerializer().serializeToString(t), n = new Blob([i], {
+    type: "image/svg+xml;charset=utf-8"
+  }), a = URL.createObjectURL(n), r = document.createElement("a");
+  r.href = a, r.download = o, r.click(), URL.revokeObjectURL(a);
+}
+function A(t, o = "chart.png", e = window.devicePixelRatio || 2, i) {
+  const a = new XMLSerializer().serializeToString(t), r = new Blob([a], {
+    type: "image/svg+xml;charset=utf-8"
+  }), h = URL.createObjectURL(r), s = new Image();
+  s.onload = () => {
+    const l = document.createElement("canvas"), w = t.clientWidth || 800, v = t.clientHeight || 600;
+    l.width = w * e, l.height = v * e;
+    const c = l.getContext("2d");
+    if (!c) {
+      i?.(!1);
+      return;
+    }
+    c.setTransform(e, 0, 0, e, 0, 0), c.imageSmoothingEnabled = !0, c.imageSmoothingQuality = "high", c.drawImage(s, 0, 0), URL.revokeObjectURL(h), l.toBlob(
+      (d) => {
+        if (d) {
+          const u = URL.createObjectURL(d), g = document.createElement("a");
+          g.href = u, g.download = o, g.click(), URL.revokeObjectURL(u);
+        }
+        i?.(!!d);
+      },
+      "image/png",
+      1
+      // max quality
+    );
+  }, s.onerror = () => i?.(!1), s.src = h;
+}
+let m = null;
+function O(t, o, e) {
+  m || (m = document.createElement("canvas"));
+  const i = m.getContext("2d");
+  return i ? (i.font = `${o}px ${e}`, i.measureText(t).width) : 0;
+}
+const R = 1, P = (t, o, e = 0.03) => {
+  if (!t) return {};
+  const i = Math.min(o * e, R), n = {
+    transition: {
+      duration: 0.4,
+      delay: i,
+      ease: x
+    }
+  };
+  switch (t) {
+    case "fade":
+      return {
+        initial: {
+          opacity: 0
+        },
+        animate: {
+          opacity: 1
+        },
+        ...n
+      };
+    case "scale":
+      return {
+        initial: {
+          opacity: 0,
+          scale: 0.8
+        },
+        animate: {
+          opacity: 1,
+          scale: 1
+        },
+        ...n
+      };
+    case "slideUp":
+      return {
+        initial: {
+          opacity: 0,
+          y: 20
+        },
+        animate: {
+          opacity: 1,
+          y: 0
+        },
+        ...n
+      };
+    case "slideRight":
+      return {
+        initial: {
+          opacity: 0,
+          x: -20
+        },
+        animate: {
+          opacity: 1,
+          x: 0
+        },
+        ...n
+      };
+    case "pop":
+      return {
+        initial: {
+          scale: 0
+        },
+        animate: {
+          scale: 1
+        },
+        transition: {
+          type: "spring",
+          stiffness: 150,
+          damping: 12,
+          delay: i
+        }
+      };
+    default:
+      return {};
+  }
+};
 export {
-  h as default
+  z as downloadAsSVG,
+  S as downloadDivAsPNG,
+  b as downloadDivAsSVG,
+  A as downloadSVGAsPNG,
+  P as getAnimationProps,
+  O as measureTextWidth
 };
 //# sourceMappingURL=visualization.es40.js.map

package/dist/visualization.es40.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es40.js","sources":["../../../node_modules/.pnpm/d3-hierarchy@1.1.9/node_modules/d3-hierarchy/src/treemap/slice.js"],"sourcesContent":["export default function(parent, x0, y0, x1, y1) {\n  var nodes = parent.children,\n      node,\n      i = -1,\n      n = nodes.length,\n      k = parent.value && (y1 - y0) / parent.value;\n\n  while (++i < n) {\n    node = nodes[i], node.x0 = x0, node.x1 = x1;\n    node.y0 = y0, node.y1 = y0 += node.value * k;\n  }\n}\n"],"names":["treemapSlice","parent","x0","y0","x1","y1","nodes","node","i","n","k"],"mappings":"AAAe,SAAAA,EAASC,GAAQC,GAAIC,GAAIC,GAAIC,GAAI;AAO9C,WANIC,IAAQL,EAAO,UACfM,GACAC,IAAI,IACJC,IAAIH,EAAM,QACVI,IAAIT,EAAO,UAAUI,IAAKF,KAAMF,EAAO,OAEpC,EAAEO,IAAIC;AACX,IAAAF,IAAOD,EAAME,CAAC,GAAGD,EAAK,KAAKL,GAAIK,EAAK,KAAKH,GACzCG,EAAK,KAAKJ,GAAII,EAAK,KAAKJ,KAAMI,EAAK,QAAQG;AAE/C;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es40.js","sources":["../src/utility.ts"],"sourcesContent":["import downloadjs from 'downloadjs';\nimport domtoimage from 'dom-to-image';\nimport { easeOut, Transition } from \"framer-motion\";\n\nexport type AnimationType = \"fade\" | \"scale\" | \"slideUp\" | \"slideRight\" | \"pop\";\n\nexport interface DownloadPlotHandle {\n  downloadSVG: () => void;\n  downloadPNG: () => void;\n}\n\n/**\n * Used to combine canvas and svg elements in scatterplot\n */\nexport function downloadDivAsPNG(\n    target: HTMLElement | null,\n    filename = \"scatterPlot.png\",\n    scale = window.devicePixelRatio || 2\n) {\n    if (!target) return;\n\n    const rect = target.getBoundingClientRect();\n    const size = Math.ceil(Math.max(rect.width, rect.height));\n\n    domtoimage\n        .toPng(target, {\n            width: size * scale,\n            height: size * scale,\n            style: {\n                transform: `scale(${scale})`,\n                transformOrigin: \"top left\",\n                width: `${size}px`,\n                height: `${size}px`,\n                overflow: \"visible\",\n            },\n        })\n        .then((dataUrl) => {\n            downloadjs(dataUrl, filename, \"image/png\");\n        })\n        .catch((error) => {\n            console.error(\"Download failed:\", error);\n        });\n}\n\n/**\n * Used to combine canvas and svg elements in scatterplot\n */\nexport function downloadDivAsSVG(\n    target: HTMLElement | null,\n    filename: string = 'scatterPlot.svg'\n) {\n    if (!target) return;\n\n    domtoimage\n        .toSvg(target)\n        .then((dataUrl) => {\n            // Convert the returned SVG data URL into a downloadable file\n            downloadjs(dataUrl, filename, 'image/svg+xml');\n        })\n        .catch((error) => {\n            console.error('SVG download failed:', error);\n        });\n}\n\n/**\n * Downloads an SVG element as an .svg file\n */\nexport function downloadAsSVG(svgElement: SVGSVGElement, fileName = \"chart.svg\") {\n    const serializer = new XMLSerializer();\n    const svgString = serializer.serializeToString(svgElement);\n\n    const blob = new Blob([svgString], { type: \"image/svg+xml;charset=utf-8\" });\n    const url = URL.createObjectURL(blob);\n\n    const link = document.createElement(\"a\");\n    link.href = url;\n    link.download = fileName;\n    link.click();\n\n    URL.revokeObjectURL(url);\n}\n\n/**\n * Converts an SVG element to PNG and downloads it. svgElement must be attached to the document\n * (clientWidth/clientHeight are read from its layout box) for the whole duration of the export -\n * if the caller only needs it attached for this call (e.g. an off-screen node built just for\n * export), pass onComplete to know when it's safe to detach/remove it. onComplete receives\n * whether the download actually succeeded, so callers can surface a failure if they care to -\n * it's called the same way (once, eventually) on every path either way.\n */\nexport function downloadSVGAsPNG(svgElement: SVGSVGElement, fileName = \"chart.png\", scale = window.devicePixelRatio || 2, onComplete?: (success: boolean) => void) {\n    const serializer = new XMLSerializer();\n    const svgString = serializer.serializeToString(svgElement);\n    const svgBlob = new Blob([svgString], { type: \"image/svg+xml;charset=utf-8\" });\n    const url = URL.createObjectURL(svgBlob);\n\n    const img = new Image();\n    img.onload = () => {\n        const canvas = document.createElement(\"canvas\");\n        const width = svgElement.clientWidth || 800;\n        const height = svgElement.clientHeight || 600;\n        canvas.width = width * scale;\n        canvas.height = height * scale;\n\n        const ctx = canvas.getContext(\"2d\");\n        if (!ctx) {\n            onComplete?.(false);\n            return;\n        }\n\n        // Ensure sharp scaling\n        ctx.setTransform(scale, 0, 0, scale, 0, 0);\n        ctx.imageSmoothingEnabled = true;\n        ctx.imageSmoothingQuality = \"high\";\n\n        ctx.drawImage(img, 0, 0);\n        URL.revokeObjectURL(url);\n\n        canvas.toBlob((blob) => {\n            if (blob) {\n                const pngUrl = URL.createObjectURL(blob);\n                const link = document.createElement(\"a\");\n                link.href = pngUrl;\n                link.download = fileName;\n                link.click();\n                URL.revokeObjectURL(pngUrl);\n            }\n            onComplete?.(!!blob);\n        }, \"image/png\",\n            1, // max quality\n        );\n    };\n    img.onerror = () => onComplete?.(false);\n\n    img.src = url;\n}\n\nlet measureTextCanvas: HTMLCanvasElement | null = null;\n\n/**\n * Measures the rendered width of a string without touching the DOM (no layout/reflow).\n */\nexport function measureTextWidth(text: string, fontSize: number, fontFamily: string): number {\n    if (!measureTextCanvas) {\n        measureTextCanvas = document.createElement(\"canvas\");\n    }\n    const ctx = measureTextCanvas.getContext(\"2d\");\n    if (!ctx) return 0;\n\n    ctx.font = `${fontSize}px ${fontFamily}`;\n    return ctx.measureText(text).width;\n}\n\n// Maximum stagger delay (in seconds) regardless of how many bars are being animated\nconst MAX_ANIMATION_DELAY = 1;\n\nexport const getAnimationProps = (type: AnimationType | undefined, index: number, buffer = .03) => {\n    if (!type) return {};\n\n    const delay = Math.min(index * buffer, MAX_ANIMATION_DELAY);\n\n    // Reusable transition object, typed properly\n    const common: { transition: Transition } = {\n        transition: { duration: 0.4, delay, ease: easeOut },\n    };\n\n    switch (type) {\n        case \"fade\":\n            return { initial: { opacity: 0 }, animate: { opacity: 1 }, ...common };\n        case \"scale\":\n            return { initial: { opacity: 0, scale: 0.8 }, animate: { opacity: 1, scale: 1 }, ...common };\n        case \"slideUp\":\n            return { initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, ...common };\n        case \"slideRight\":\n            return { initial: { opacity: 0, x: -20 }, animate: { opacity: 1, x: 0 }, ...common };\n        case \"pop\":\n            const spring: Transition = {\n                type: \"spring\" as const,\n                stiffness: 150,\n                damping: 12,\n                delay,\n            };\n            return {\n                initial: { scale: 0 },\n                animate: { scale: 1 },\n                transition: spring,\n            };\n        default:\n            return {};\n    }\n};\n\n"],"names":["downloadDivAsPNG","target","filename","scale","window","devicePixelRatio","rect","getBoundingClientRect","size","Math","ceil","max","width","height","domtoimage","toPng","style","transform","transformOrigin","overflow","then","dataUrl","downloadjs","catch","error","console","downloadDivAsSVG","toSvg","downloadAsSVG","svgElement","fileName","svgString","XMLSerializer","serializeToString","blob","Blob","type","url","URL","createObjectURL","link","document","createElement","href","download","click","revokeObjectURL","downloadSVGAsPNG","onComplete","svgBlob","img","Image","onload","canvas","clientWidth","clientHeight","ctx","getContext","setTransform","imageSmoothingEnabled","imageSmoothingQuality","drawImage","toBlob","pngUrl","onerror","src","measureTextCanvas","measureTextWidth","text","fontSize","fontFamily","font","measureText","MAX_ANIMATION_DELAY","getAnimationProps","index","buffer","delay","min","common","transition","duration","ease","easeOut","initial","opacity","animate","y","x","stiffness","damping","spring"],"mappings":"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"}

package/dist/visualization.es400.js

@@ -1,9 +1,7 @@
-const s = /* @__PURE__ */ new Set(["none", "hidden"]);
-function t(e, i) {
-  return s.has(e) ? (n) => n <= 0 ? e : i : (n) => n >= 1 ? i : e;
+function m(e, t) {
+  return (i) => i > 0 ? t : e;
 }
 export {
-  s as invisibleValues,
-  t as mixVisibility
+  m as mixImmediate
 };
 //# sourceMappingURL=visualization.es400.js.map

package/dist/visualization.es400.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es400.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/mix/visibility.mjs"],"sourcesContent":["const invisibleValues = new Set([\"none\", \"hidden\"]);\n/**\n * Returns a function that, when provided a progress value between 0 and 1,\n * will return the \"none\" or \"hidden\" string only when the progress is that of\n * the origin or target.\n */\nfunction mixVisibility(origin, target) {\n    if (invisibleValues.has(origin)) {\n        return (p) => (p <= 0 ? origin : target);\n    }\n    else {\n        return (p) => (p >= 1 ? target : origin);\n    }\n}\n\nexport { invisibleValues, mixVisibility };\n//# sourceMappingURL=visibility.mjs.map\n"],"names":["invisibleValues","mixVisibility","origin","target","p"],"mappings":"AAAK,MAACA,IAAkB,oBAAI,IAAI,CAAC,QAAQ,QAAQ,CAAC;AAMlD,SAASC,EAAcC,GAAQC,GAAQ;AACnC,SAAIH,EAAgB,IAAIE,CAAM,IACnB,CAACE,MAAOA,KAAK,IAAIF,IAASC,IAG1B,CAACC,MAAOA,KAAK,IAAID,IAASD;AAEzC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es400.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/mix/immediate.mjs"],"sourcesContent":["function mixImmediate(a, b) {\n    return (p) => (p > 0 ? b : a);\n}\n\nexport { mixImmediate };\n//# sourceMappingURL=immediate.mjs.map\n"],"names":["mixImmediate","a","b","p"],"mappings":"AAAA,SAASA,EAAaC,GAAGC,GAAG;AACxB,SAAO,CAACC,MAAOA,IAAI,IAAID,IAAID;AAC/B;","x_google_ignoreList":[0]}

package/dist/visualization.es401.js

@@ -1,16 +1,16 @@
-function i(n, s, u) {
-  if (n == null)
-    return [];
-  if (n instanceof EventTarget)
-    return [n];
-  if (typeof n == "string") {
-    let r = document;
-    const f = u?.[n] ?? r.querySelectorAll(n);
-    return f ? Array.from(f) : [];
+import { hex as o } from "./visualization.es396.js";
+import { hsla as t } from "./visualization.es397.js";
+import { rgba as e } from "./visualization.es399.js";
+const a = {
+  test: (r) => e.test(r) || o.test(r) || t.test(r),
+  parse: (r) => e.test(r) ? e.parse(r) : t.test(r) ? t.parse(r) : o.parse(r),
+  transform: (r) => typeof r == "string" ? r : r.hasOwnProperty("red") ? e.transform(r) : t.transform(r),
+  getAnimatableNone: (r) => {
+    const s = a.parse(r);
+    return s.alpha = 0, a.transform(s);
   }
-  return Array.from(n).filter((r) => r != null);
-}
+};
 export {
-  i as resolveElements
+  a as color
 };
 //# sourceMappingURL=visualization.es401.js.map

package/dist/visualization.es401.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es401.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/resolve-elements.mjs"],"sourcesContent":["function resolveElements(elementOrSelector, scope, selectorCache) {\n    if (elementOrSelector == null) {\n        return [];\n    }\n    if (elementOrSelector instanceof EventTarget) {\n        return [elementOrSelector];\n    }\n    else if (typeof elementOrSelector === \"string\") {\n        let root = document;\n        if (scope) {\n            root = scope.current;\n        }\n        const elements = selectorCache?.[elementOrSelector] ??\n            root.querySelectorAll(elementOrSelector);\n        return elements ? Array.from(elements) : [];\n    }\n    return Array.from(elementOrSelector).filter((element) => element != null);\n}\n\nexport { resolveElements };\n//# sourceMappingURL=resolve-elements.mjs.map\n"],"names":["resolveElements","elementOrSelector","scope","selectorCache","root","elements","element"],"mappings":"AAAA,SAASA,EAAgBC,GAAmBC,GAAOC,GAAe;AAC9D,MAAIF,KAAqB;AACrB,WAAO,CAAA;AAEX,MAAIA,aAA6B;AAC7B,WAAO,CAACA,CAAiB;AAExB,MAAI,OAAOA,KAAsB,UAAU;AAC5C,QAAIG,IAAO;AAIX,UAAMC,IAAWF,IAAgBF,CAAiB,KAC9CG,EAAK,iBAAiBH,CAAiB;AAC3C,WAAOI,IAAW,MAAM,KAAKA,CAAQ,IAAI,CAAA;AAAA,EAC7C;AACA,SAAO,MAAM,KAAKJ,CAAiB,EAAE,OAAO,CAACK,MAAYA,KAAW,IAAI;AAC5E;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es401.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/color/index.mjs"],"sourcesContent":["import { hex } from './hex.mjs';\nimport { hsla } from './hsla.mjs';\nimport { rgba } from './rgba.mjs';\n\nconst color = {\n    test: (v) => rgba.test(v) || hex.test(v) || hsla.test(v),\n    parse: (v) => {\n        if (rgba.test(v)) {\n            return rgba.parse(v);\n        }\n        else if (hsla.test(v)) {\n            return hsla.parse(v);\n        }\n        else {\n            return hex.parse(v);\n        }\n    },\n    transform: (v) => {\n        return typeof v === \"string\"\n            ? v\n            : v.hasOwnProperty(\"red\")\n                ? rgba.transform(v)\n                : hsla.transform(v);\n    },\n    getAnimatableNone: (v) => {\n        const parsed = color.parse(v);\n        parsed.alpha = 0;\n        return color.transform(parsed);\n    },\n};\n\nexport { color };\n//# sourceMappingURL=index.mjs.map\n"],"names":["color","v","rgba","hex","hsla","parsed"],"mappings":";;;AAIK,MAACA,IAAQ;AAAA,EACV,MAAM,CAACC,MAAMC,EAAK,KAAKD,CAAC,KAAKE,EAAI,KAAKF,CAAC,KAAKG,EAAK,KAAKH,CAAC;AAAA,EACvD,OAAO,CAACA,MACAC,EAAK,KAAKD,CAAC,IACJC,EAAK,MAAMD,CAAC,IAEdG,EAAK,KAAKH,CAAC,IACTG,EAAK,MAAMH,CAAC,IAGZE,EAAI,MAAMF,CAAC;AAAA,EAG1B,WAAW,CAACA,MACD,OAAOA,KAAM,WACdA,IACAA,EAAE,eAAe,KAAK,IAClBC,EAAK,UAAUD,CAAC,IAChBG,EAAK,UAAUH,CAAC;AAAA,EAE9B,mBAAmB,CAACA,MAAM;AACtB,UAAMI,IAASL,EAAM,MAAMC,CAAC;AAC5B,WAAAI,EAAO,QAAQ,GACRL,EAAM,UAAUK,CAAM;AAAA,EACjC;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es402.js

@@ -1,5 +1,52 @@
-const s = {};
+import { color as c } from "./visualization.es401.js";
+import { colorRegex as g } from "./visualization.es414.js";
+import { floatRegex as N } from "./visualization.es415.js";
+import { sanitize as d } from "./visualization.es413.js";
+function b(t) {
+  return isNaN(t) && typeof t == "string" && (t.match(N)?.length || 0) + (t.match(g)?.length || 0) > 0;
+}
+const a = "number", f = "color", T = "var", x = "var(", m = "${}", O = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
+function l(t) {
+  const r = t.toString(), s = [], o = {
+    color: [],
+    number: [],
+    var: []
+  }, n = [];
+  let e = 0;
+  const h = r.replace(O, (i) => (c.test(i) ? (o.color.push(e), n.push(f), s.push(c.parse(i))) : i.startsWith(x) ? (o.var.push(e), n.push(T), s.push(i)) : (o.number.push(e), n.push(a), s.push(parseFloat(i))), ++e, m)).split(m);
+  return { values: s, split: h, indexes: o, types: n };
+}
+function R(t) {
+  return l(t).values;
+}
+function p({ split: t, types: r }) {
+  const s = t.length;
+  return (o) => {
+    let n = "";
+    for (let e = 0; e < s; e++)
+      if (n += t[e], o[e] !== void 0) {
+        const u = r[e];
+        u === a ? n += d(o[e]) : u === f ? n += c.transform(o[e]) : n += o[e];
+      }
+    return n;
+  };
+}
+function y(t) {
+  return p(l(t));
+}
+const E = (t) => typeof t == "number" ? 0 : c.test(t) ? c.getAnimatableNone(t) : t, _ = (t, r) => typeof t == "number" ? r?.trim().endsWith("/") ? t : 0 : E(t);
+function K(t) {
+  const r = l(t);
+  return p(r)(r.values.map((o, n) => _(o, r.split[n])));
+}
+const w = {
+  test: b,
+  parse: R,
+  createTransformer: y,
+  getAnimatableNone: K
+};
 export {
-  s as supportsFlags
+  l as analyseComplexValue,
+  w as complex
 };
 //# sourceMappingURL=visualization.es402.js.map

package/dist/visualization.es402.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es402.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/supports/flags.mjs"],"sourcesContent":["/**\n * Add the ability for test suites to manually set support flags\n * to better test more environments.\n */\nconst supportsFlags = {};\n\nexport { supportsFlags };\n//# sourceMappingURL=flags.mjs.map\n"],"names":["supportsFlags"],"mappings":"AAIK,MAACA,IAAgB,CAAA;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es402.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/complex/index.mjs"],"sourcesContent":["import { color } from '../color/index.mjs';\nimport { colorRegex } from '../utils/color-regex.mjs';\nimport { floatRegex } from '../utils/float-regex.mjs';\nimport { sanitize } from '../utils/sanitize.mjs';\n\nfunction test(v) {\n    return (isNaN(v) &&\n        typeof v === \"string\" &&\n        (v.match(floatRegex)?.length || 0) +\n            (v.match(colorRegex)?.length || 0) >\n            0);\n}\nconst NUMBER_TOKEN = \"number\";\nconst COLOR_TOKEN = \"color\";\nconst VAR_TOKEN = \"var\";\nconst VAR_FUNCTION_TOKEN = \"var(\";\nconst SPLIT_TOKEN = \"${}\";\n// this regex consists of the `singleCssVariableRegex|rgbHSLValueRegex|digitRegex`\nconst complexRegex = /var\\s*\\(\\s*--(?:[\\w-]+\\s*|[\\w-]+\\s*,(?:\\s*[^)(\\s]|\\s*\\((?:[^)(]|\\([^)(]*\\))*\\))+\\s*)\\)|#[\\da-f]{3,8}|(?:rgb|hsl)a?\\((?:-?[\\d.]+%?[,\\s]+){2}-?[\\d.]+%?\\s*(?:[,/]\\s*)?(?:\\b\\d+(?:\\.\\d+)?|\\.\\d+)?%?\\)|-?(?:\\d+(?:\\.\\d+)?|\\.\\d+)/giu;\nfunction analyseComplexValue(value) {\n    const originalValue = value.toString();\n    const values = [];\n    const indexes = {\n        color: [],\n        number: [],\n        var: [],\n    };\n    const types = [];\n    let i = 0;\n    const tokenised = originalValue.replace(complexRegex, (parsedValue) => {\n        if (color.test(parsedValue)) {\n            indexes.color.push(i);\n            types.push(COLOR_TOKEN);\n            values.push(color.parse(parsedValue));\n        }\n        else if (parsedValue.startsWith(VAR_FUNCTION_TOKEN)) {\n            indexes.var.push(i);\n            types.push(VAR_TOKEN);\n            values.push(parsedValue);\n        }\n        else {\n            indexes.number.push(i);\n            types.push(NUMBER_TOKEN);\n            values.push(parseFloat(parsedValue));\n        }\n        ++i;\n        return SPLIT_TOKEN;\n    });\n    const split = tokenised.split(SPLIT_TOKEN);\n    return { values, split, indexes, types };\n}\nfunction parseComplexValue(v) {\n    return analyseComplexValue(v).values;\n}\nfunction buildTransformer({ split, types }) {\n    const numSections = split.length;\n    return (v) => {\n        let output = \"\";\n        for (let i = 0; i < numSections; i++) {\n            output += split[i];\n            if (v[i] !== undefined) {\n                const type = types[i];\n                if (type === NUMBER_TOKEN) {\n                    output += sanitize(v[i]);\n                }\n                else if (type === COLOR_TOKEN) {\n                    output += color.transform(v[i]);\n                }\n                else {\n                    output += v[i];\n                }\n            }\n        }\n        return output;\n    };\n}\nfunction createTransformer(source) {\n    return buildTransformer(analyseComplexValue(source));\n}\nconst convertNumbersToZero = (v) => typeof v === \"number\" ? 0 : color.test(v) ? color.getAnimatableNone(v) : v;\n/**\n * Convert a parsed value to its zero equivalent, but preserve numbers\n * that act as divisors in CSS calc() expressions.\n *\n * analyseComplexValue extracts numbers from CSS strings and puts the\n * surrounding text into a `split` template array. For example:\n *   \"calc(var(--gap) / 5)\"  →  values: [var(--gap), 5]\n *                               split:  [\"calc(\", \" / \", \")\"]\n *\n * When building a zero-equivalent for animation, naively zeroing all\n * numbers turns the divisor into 0 → \"calc(var(--gap) / 0)\" → NaN.\n * We detect this by checking whether the text preceding a number\n * (split[i]) ends with \"/\" — the CSS calc division operator.\n */\nconst convertToZero = (value, splitBefore) => {\n    if (typeof value === \"number\") {\n        return splitBefore?.trim().endsWith(\"/\") ? value : 0;\n    }\n    return convertNumbersToZero(value);\n};\nfunction getAnimatableNone(v) {\n    const info = analyseComplexValue(v);\n    const transformer = buildTransformer(info);\n    return transformer(info.values.map((value, i) => convertToZero(value, info.split[i])));\n}\nconst complex = {\n    test,\n    parse: parseComplexValue,\n    createTransformer,\n    getAnimatableNone,\n};\n\nexport { analyseComplexValue, complex };\n//# sourceMappingURL=index.mjs.map\n"],"names":["test","v","floatRegex","colorRegex","NUMBER_TOKEN","COLOR_TOKEN","VAR_TOKEN","VAR_FUNCTION_TOKEN","SPLIT_TOKEN","complexRegex","analyseComplexValue","value","originalValue","values","indexes","types","i","split","parsedValue","color","parseComplexValue","buildTransformer","numSections","output","type","sanitize","createTransformer","source","convertNumbersToZero","convertToZero","splitBefore","getAnimatableNone","info","complex"],"mappings":";;;;AAKA,SAASA,EAAKC,GAAG;AACb,SAAQ,MAAMA,CAAC,KACX,OAAOA,KAAM,aACZA,EAAE,MAAMC,CAAU,GAAG,UAAU,MAC3BD,EAAE,MAAME,CAAU,GAAG,UAAU,KAChC;AACZ;AACA,MAAMC,IAAe,UACfC,IAAc,SACdC,IAAY,OACZC,IAAqB,QACrBC,IAAc,OAEdC,IAAe;AACrB,SAASC,EAAoBC,GAAO;AAChC,QAAMC,IAAgBD,EAAM,SAAQ,GAC9BE,IAAS,CAAA,GACTC,IAAU;AAAA,IACZ,OAAO,CAAA;AAAA,IACP,QAAQ,CAAA;AAAA,IACR,KAAK,CAAA;AAAA,EACb,GACUC,IAAQ,CAAA;AACd,MAAIC,IAAI;AAoBR,QAAMC,IAnBYL,EAAc,QAAQH,GAAc,CAACS,OAC/CC,EAAM,KAAKD,CAAW,KACtBJ,EAAQ,MAAM,KAAKE,CAAC,GACpBD,EAAM,KAAKV,CAAW,GACtBQ,EAAO,KAAKM,EAAM,MAAMD,CAAW,CAAC,KAE/BA,EAAY,WAAWX,CAAkB,KAC9CO,EAAQ,IAAI,KAAKE,CAAC,GAClBD,EAAM,KAAKT,CAAS,GACpBO,EAAO,KAAKK,CAAW,MAGvBJ,EAAQ,OAAO,KAAKE,CAAC,GACrBD,EAAM,KAAKX,CAAY,GACvBS,EAAO,KAAK,WAAWK,CAAW,CAAC,IAEvC,EAAEF,GACKR,EACV,EACuB,MAAMA,CAAW;AACzC,SAAO,EAAE,QAAAK,GAAQ,OAAAI,GAAO,SAAAH,GAAS,OAAAC,EAAK;AAC1C;AACA,SAASK,EAAkBnB,GAAG;AAC1B,SAAOS,EAAoBT,CAAC,EAAE;AAClC;AACA,SAASoB,EAAiB,EAAE,OAAAJ,GAAO,OAAAF,KAAS;AACxC,QAAMO,IAAcL,EAAM;AAC1B,SAAO,CAAChB,MAAM;AACV,QAAIsB,IAAS;AACb,aAASP,IAAI,GAAGA,IAAIM,GAAaN;AAE7B,UADAO,KAAUN,EAAMD,CAAC,GACbf,EAAEe,CAAC,MAAM,QAAW;AACpB,cAAMQ,IAAOT,EAAMC,CAAC;AACpB,QAAIQ,MAASpB,IACTmB,KAAUE,EAASxB,EAAEe,CAAC,CAAC,IAElBQ,MAASnB,IACdkB,KAAUJ,EAAM,UAAUlB,EAAEe,CAAC,CAAC,IAG9BO,KAAUtB,EAAEe,CAAC;AAAA,MAErB;AAEJ,WAAOO;AAAA,EACX;AACJ;AACA,SAASG,EAAkBC,GAAQ;AAC/B,SAAON,EAAiBX,EAAoBiB,CAAM,CAAC;AACvD;AACA,MAAMC,IAAuB,CAAC3B,MAAM,OAAOA,KAAM,WAAW,IAAIkB,EAAM,KAAKlB,CAAC,IAAIkB,EAAM,kBAAkBlB,CAAC,IAAIA,GAevG4B,IAAgB,CAAClB,GAAOmB,MACtB,OAAOnB,KAAU,WACVmB,GAAa,KAAI,EAAG,SAAS,GAAG,IAAInB,IAAQ,IAEhDiB,EAAqBjB,CAAK;AAErC,SAASoB,EAAkB9B,GAAG;AAC1B,QAAM+B,IAAOtB,EAAoBT,CAAC;AAElC,SADoBoB,EAAiBW,CAAI,EACtBA,EAAK,OAAO,IAAI,CAACrB,GAAOK,MAAMa,EAAclB,GAAOqB,EAAK,MAAMhB,CAAC,CAAC,CAAC,CAAC;AACzF;AACK,MAACiB,IAAU;AAAA,EACZ,MAAAjC;AAAA,EACA,OAAOoB;AAAA,EACP,mBAAAM;AAAA,EACA,mBAAAK;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es403.js

@@ -1,10 +1,9 @@
-import { supportsFlags as t } from "./visualization.es402.js";
-import { memo as p } from "./visualization.es367.js";
-function i(o, m) {
-  const r = p(o);
-  return () => t[m] ?? r();
+const s = /* @__PURE__ */ new Set(["none", "hidden"]);
+function t(e, i) {
+  return s.has(e) ? (n) => n <= 0 ? e : i : (n) => n >= 1 ? i : e;
 }
 export {
-  i as memoSupports
+  s as invisibleValues,
+  t as mixVisibility
 };
 //# sourceMappingURL=visualization.es403.js.map

package/dist/visualization.es403.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es403.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/supports/memo.mjs"],"sourcesContent":["import { memo } from 'motion-utils';\nimport { supportsFlags } from './flags.mjs';\n\nfunction memoSupports(callback, supportsFlag) {\n    const memoized = memo(callback);\n    return () => supportsFlags[supportsFlag] ?? memoized();\n}\n\nexport { memoSupports };\n//# sourceMappingURL=memo.mjs.map\n"],"names":["memoSupports","callback","supportsFlag","memoized","memo","supportsFlags"],"mappings":";;AAGA,SAASA,EAAaC,GAAUC,GAAc;AAC1C,QAAMC,IAAWC,EAAKH,CAAQ;AAC9B,SAAO,MAAMI,EAAcH,CAAY,KAAKC,EAAQ;AACxD;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es403.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/mix/visibility.mjs"],"sourcesContent":["const invisibleValues = new Set([\"none\", \"hidden\"]);\n/**\n * Returns a function that, when provided a progress value between 0 and 1,\n * will return the \"none\" or \"hidden\" string only when the progress is that of\n * the origin or target.\n */\nfunction mixVisibility(origin, target) {\n    if (invisibleValues.has(origin)) {\n        return (p) => (p <= 0 ? origin : target);\n    }\n    else {\n        return (p) => (p >= 1 ? target : origin);\n    }\n}\n\nexport { invisibleValues, mixVisibility };\n//# sourceMappingURL=visibility.mjs.map\n"],"names":["invisibleValues","mixVisibility","origin","target","p"],"mappings":"AAAK,MAACA,IAAkB,oBAAI,IAAI,CAAC,QAAQ,QAAQ,CAAC;AAMlD,SAASC,EAAcC,GAAQC,GAAQ;AACnC,SAAIH,EAAgB,IAAIE,CAAM,IACnB,CAACE,MAAOA,KAAK,IAAIF,IAASC,IAG1B,CAACC,MAAOA,KAAK,IAAID,IAASD;AAEzC;","x_google_ignoreList":[0]}