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

package/dist/visualization.es39.js

@@ -1,58 +1,73 @@
-import { jsx as l, jsxs as $, Fragment as T } from "react/jsx-runtime";
-import { c as _ } from "react/compiler-runtime";
-import { useRef as v } from "react";
-import { getTextHeight as H } from "./visualization.es2.js";
-const G = (g) => {
-  const t = _(33), {
-    label: p,
-    getlollipopRadius: s,
-    height: e,
-    width: n,
-    legendValues: x,
-    spaceForCategory: W,
-    axisCenter: R,
-    loading: u
-  } = g, C = v(null), r = H(p, 12, "Times");
-  let a, c, d, f, i, h, o;
-  if (t[0] !== R || t[1] !== s || t[2] !== e || t[3] !== p || t[4] !== r || t[5] !== x || t[6] !== u || t[7] !== W || t[8] !== n) {
-    let k;
-    t[16] !== s ? (k = (y) => s(y) * 2 + 12, t[16] = s, t[17] = k) : k = t[17];
-    const S = x.map(k), F = S.reduce(I, 0) + 30 * (x.length - 1), j = r + 20 + F, w = u ? 0.3 : 1;
-    t[18] !== w ? (o = {
-      marginBottom: 10,
-      opacity: w
-    }, t[18] = w, t[19] = o) : o = t[19], a = e + 4, c = n + r + 4, d = "legend", f = `translate(${W / 1.2 + R - n / 2}, 0)`;
-    const z = n + r;
-    t[20] !== e || t[21] !== z ? (i = /* @__PURE__ */ l("rect", { height: e, width: z, stroke: "black", fill: "none", transform: "translate(2, 2)" }), t[20] = e, t[21] = z, t[22] = i) : i = t[22], h = u ? /* @__PURE__ */ l("text", { x: (n + r) / 2, y: e / 2, textAnchor: "middle", dominantBaseline: "middle", fontSize: 12, fill: "black", children: "Loading..." }) : /* @__PURE__ */ $(T, { children: [
-      /* @__PURE__ */ l("g", { transform: `translate(${n / 2 - j / 2 + 2}, ${e / 2 + 2})`, children: /* @__PURE__ */ l("text", { ref: C, x: 0, y: 3, textAnchor: "start", fill: "black", fontSize: 12, children: p }) }),
-      /* @__PURE__ */ $("g", { transform: `translate(${n / 2 - j / 2 + r + 10 + 2}, ${e / 2 + 2})`, children: [
-        /* @__PURE__ */ l("line", { x1: 0, y1: -e / 2, x2: 0, y2: e / 2, stroke: "black", strokeWidth: 1 }),
-        /* @__PURE__ */ l("g", { transform: `translate(${10 + r / 2}, 0)`, children: x.map((y, A) => {
-          const B = s(y), L = S.slice(0, A).reduce(V, 0) + A * 30;
-          return /* @__PURE__ */ $("g", { transform: `translate(${L}, 0)`, children: [
-            /* @__PURE__ */ l("circle", { r: B, cx: 0, cy: 0, fill: "black" }),
-            /* @__PURE__ */ l("text", { x: B + 12, y: 3, textAnchor: "start", fill: "black", fontSize: 10, children: y })
-          ] }, `legend${A}`);
-        }) })
-      ] })
-    ] }), t[0] = R, t[1] = s, t[2] = e, t[3] = p, t[4] = r, t[5] = x, t[6] = u, t[7] = W, t[8] = n, t[9] = a, t[10] = c, t[11] = d, t[12] = f, t[13] = i, t[14] = h, t[15] = o;
-  } else
-    a = t[9], c = t[10], d = t[11], f = t[12], i = t[13], h = t[14], o = t[15];
+import { c as G } from "react/compiler-runtime";
+import { useState as I, useRef as E, useEffect as L } from "react";
+import { rescaleX as J, rescaleY as K } from "./visualization.es18.js";
+import { useStableCallback as N } from "./visualization.es20.js";
+import O from "./visualization.es78.js";
+const tt = ($) => {
+  const t = G(23), {
+    pointData: n,
+    margin: r,
+    xScale: y,
+    yScale: g,
+    onHoveredPointChange: q,
+    tooltipRef: o
+  } = $, [i, b] = I(null), j = E(null);
+  let c;
+  t[0] !== n || t[1] !== i ? (c = i ? n.find((a) => a.x === i.x && a.y === i.y) ?? null : null, t[0] = n, t[1] = i, t[2] = c) : c = t[2];
+  const e = c, s = N(q), C = E(null);
+  let u, f;
+  t[3] !== e || t[4] !== s ? (u = () => {
+    C.current !== e && (C.current = e, s(e));
+  }, f = [e, s], t[3] = e, t[4] = s, t[5] = u, t[6] = f) : (u = t[5], f = t[6]), L(u, f);
+  let d, p;
+  t[7] !== s ? (d = () => () => {
+    C.current !== null && s(null);
+  }, p = [s], t[7] = s, t[8] = d, t[9] = p) : (d = t[8], p = t[9]), L(d, p);
+  let h;
+  t[10] !== r.left || t[11] !== r.top || t[12] !== n || t[13] !== o || t[14] !== y || t[15] !== g ? (h = (a, k) => {
+    if (k.isDragging) {
+      o.current?.hide(), b(null);
+      return;
+    }
+    const S = O(a.currentTarget, a);
+    if (!S)
+      return;
+    const A = S.x - r.left, B = S.y - r.top, {
+      translateX: T,
+      translateY: X,
+      scaleX: Y,
+      scaleY: v
+    } = k.transformMatrix, l = j.current, D = (l && l.pointData === n && l.translateX === T && l.translateY === X && l.scaleX === Y && l.scaleY === v ? l.points : (() => {
+      const P = J(y, T, Y), F = K(g, X, v), w = n.map((H) => ({
+        point: H,
+        x: P(H.x),
+        y: F(H.y)
+      }));
+      return j.current = {
+        pointData: n,
+        translateX: T,
+        translateY: X,
+        scaleX: Y,
+        scaleY: v,
+        points: w
+      }, w;
+    })()).find((P) => Math.abs(A - P.x) < 5 && Math.abs(B - P.y) < 5)?.point ?? null;
+    b(D), D ? o.current?.show(D, a) : o.current?.hide();
+  }, t[10] = r.left, t[11] = r.top, t[12] = n, t[13] = o, t[14] = y, t[15] = g, t[16] = h) : h = t[16];
+  const M = h;
   let m;
-  t[23] !== a || t[24] !== c || t[25] !== d || t[26] !== f || t[27] !== i || t[28] !== h ? (m = /* @__PURE__ */ $("svg", { height: a, width: c, id: d, transform: f, children: [
-    i,
-    h
-  ] }), t[23] = a, t[24] = c, t[25] = d, t[26] = f, t[27] = i, t[28] = h, t[29] = m) : m = t[29];
-  let b;
-  return t[30] !== o || t[31] !== m ? (b = /* @__PURE__ */ l("div", { style: o, children: m }), t[30] = o, t[31] = m, t[32] = b) : b = t[32], b;
+  t[17] !== o ? (m = () => {
+    o.current?.hide(), b(null);
+  }, t[17] = o, t[18] = m) : m = t[18];
+  const R = m;
+  let x;
+  return t[19] !== R || t[20] !== M || t[21] !== e ? (x = {
+    hoveredPoint: e,
+    handleMouseMove: M,
+    handleMouseLeave: R
+  }, t[19] = R, t[20] = M, t[21] = e, t[22] = x) : x = t[22], x;
 };
-function I(g, t) {
-  return g + t;
-}
-function V(g, t) {
-  return g + t;
-}
 export {
-  G as default
+  tt as useHoverTooltip
 };
 //# sourceMappingURL=visualization.es39.js.map

package/dist/visualization.es39.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es39.js","sources":["../src/components/BarPlot/legend.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport { LollipopLegendProps } from \"./types\";\nimport { getTextHeight } from \"./barplot\";\n\nconst Legend: React.FC<LollipopLegendProps> = ({\n    label,\n    getlollipopRadius,\n    height,\n    width,\n    legendValues,\n    spaceForCategory,\n    axisCenter,\n    loading\n}) => {\n    const gap = 30;\n    const labelRef = useRef<SVGTextElement>(null);\n\n    const labelWidth = getTextHeight(label, 12, \"Times\")\n\n    const itemWidths = legendValues.map(v => getlollipopRadius(v) * 2 + 12);\n    const totalItemsWidth =\n        itemWidths.reduce((sum, w) => sum + w, 0) + gap * (legendValues.length - 1);\n\n    const dividerGap = 10;\n\n    const totalWidth = labelWidth + dividerGap * 2 + totalItemsWidth;\n\n    return (\n        <div style={{ marginBottom: 10, opacity: loading ? 0.3 : 1 }}>\n            <svg height={height + 4} width={width + labelWidth + 4} id=\"legend\" transform={`translate(${spaceForCategory / 1.2 + axisCenter - width / 2}, 0)`}>\n                <rect height={height} width={width + labelWidth} stroke=\"black\" fill=\"none\" transform={`translate(2, 2)`} />\n                {loading ? (\n                    <text\n                        x={(width + labelWidth) / 2}\n                        y={height / 2}\n                        textAnchor=\"middle\"\n                        dominantBaseline=\"middle\"\n                        fontSize={12}\n                        fill=\"black\"\n                    >\n                        Loading...\n                    </text>\n                ) : (\n                    <>\n                        <g transform={`translate(${(width / 2 - totalWidth / 2) + 2}, ${(height / 2) + 2})`}>\n                            <text\n                                ref={labelRef}\n                                x={0}\n                                y={3}\n                                textAnchor=\"start\"\n                                fill=\"black\"\n                                fontSize={12}\n                            >\n                                {label}\n                            </text>\n                        </g>\n                        <g transform={`translate(${(width / 2 - totalWidth / 2 + labelWidth + dividerGap) + 2}, ${(height / 2) + 2})`}>\n                            <line\n                                x1={0}\n                                y1={-height / 2}\n                                x2={0}\n                                y2={height / 2}\n                                stroke=\"black\"\n                                strokeWidth={1}\n                            />\n                            <g transform={`translate(${dividerGap + labelWidth / 2}, 0)`}>\n                                {legendValues.map((value, idx) => {\n                                    const circleR = getlollipopRadius(value);\n                                    const offsetX =\n                                        itemWidths.slice(0, idx).reduce((sum, w) => sum + w, 0) +\n                                        idx * gap;\n\n                                    return (\n                                        <g key={`legend${idx}`} transform={`translate(${offsetX}, 0)`}>\n                                            <circle r={circleR} cx={0} cy={0} fill=\"black\" />\n                                            <text\n                                                x={circleR + 12}\n                                                y={3}\n                                                textAnchor=\"start\"\n                                                fill=\"black\"\n                                                fontSize={10}\n                                            >\n                                                {value}\n                                            </text>\n                                        </g>\n                                    );\n                                })}\n                            </g>\n                        </g>\n                    </>\n                )}\n\n            </svg>\n        </div>\n    );\n};\n\nexport default Legend;\n"],"names":["Legend","t0","$","_c","label","getlollipopRadius","height","width","legendValues","spaceForCategory","axisCenter","loading","labelRef","useRef","labelWidth","getTextHeight","t1","t2","t3","t4","t5","t6","t7","t8","v","itemWidths","map","totalItemsWidth","reduce","_temp","length","totalWidth","t9","marginBottom","opacity","t10","jsx","jsxs","Fragment","value","idx","circleR","offsetX","slice","_temp2","sum","w","sum_0","w_0"],"mappings":"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"}
+{"version":3,"file":"visualization.es39.js","sources":["../src/components/ScatterPlot/hooks/useHoverTooltip.ts"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { localPoint } from \"@visx/event\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { Point, ZoomType } from \"../types\";\nimport { rescaleX, rescaleY } from \"../helpers\";\nimport { useStableCallback } from \"../../../hooks\";\nimport type { PlotTooltipRef } from \"../../../tooltip\";\n\ntype UseHoverTooltipProps<T extends object> = {\n    pointData: Point<T>[];\n    margin: { top: number; left: number };\n    xScale: ScaleLinear<number, number, never>;\n    yScale: ScaleLinear<number, number, never>;\n    onHoveredPointChange?: (point: Point<T> | null) => void;\n    /**\n     * The plot's tooltip, driven directly rather than through state.\n     *\n     * The pointer position is the tooltip's business alone, and holding it here would re-render\n     * the whole plot on every mousemove across it - thousands of points and every axis - to move\n     * a box that renders itself. Only the hovered point is state, and that changes on entering\n     * and leaving a point rather than on every move.\n     */\n    tooltipRef: PlotTooltipRef<Point<T>>;\n};\n\ntype TransformedPointCache<T extends object> = {\n    pointData: Point<T>[];\n    translateX: number;\n    translateY: number;\n    scaleX: number;\n    scaleY: number;\n    points: Array<{ point: Point<T>; x: number; y: number }>;\n};\n\nexport const useHoverTooltip = <T extends object>({\n    pointData,\n    margin,\n    xScale,\n    yScale,\n    onHoveredPointChange,\n    tooltipRef,\n}: UseHoverTooltipProps<T>) => {\n    const [tooltipData, setTooltipData] = useState<Point<T> | null>(null);\n    const transformedPointCacheRef = useRef<TransformedPointCache<T> | null>(null);\n\n    const hoveredPoint = useMemo(\n        () => tooltipData\n            ? pointData.find((point) => point.x === tooltipData.x && point.y === tooltipData.y) ?? null\n            : null,\n        [pointData, tooltipData]\n    );\n\n    // Published from an effect rather than the move handler because hoveredPoint is derived:\n    // setTooltipData is called on every move and React discards the ones that do not change it,\n    // so watching the derived value is what turns a stream of moves into enter/leave events.\n    // The ref keeps that true when the effect itself is re-run without a real change.\n    const publishHoverChange = useStableCallback(onHoveredPointChange);\n    const publishedPointRef = useRef<Point<T> | null>(null);\n\n    useEffect(() => {\n        if (publishedPointRef.current === hoveredPoint) return;\n        publishedPointRef.current = hoveredPoint;\n        publishHoverChange(hoveredPoint);\n    }, [hoveredPoint, publishHoverChange]);\n\n    // Announce the hover as ended when the plot unmounts, so a consumer driving highlight state\n    // of its own - a legend entry, a linked chart - isn't left lit for a plot that is gone.\n    // Kept apart from the effect above, whose cleanup would otherwise fire on every transition.\n    useEffect(() => () => {\n        if (publishedPointRef.current !== null) publishHoverChange(null);\n    }, [publishHoverChange]);\n\n    const handleMouseMove = useCallback((event: React.MouseEvent<SVGElement>, zoom: ZoomType) => {\n        if (zoom.isDragging) {\n            tooltipRef.current?.hide();\n            setTooltipData(null);\n            return;\n        }\n\n        const point = localPoint(event.currentTarget, event);\n        if (!point) return;\n\n        const adjustedX = point.x - margin.left;\n        const adjustedY = point.y - margin.top;\n        const { translateX, translateY, scaleX, scaleY } = zoom.transformMatrix;\n\n        const cachedTransformedPoints = transformedPointCacheRef.current;\n        const shouldReuseCachedPoints =\n            cachedTransformedPoints &&\n            cachedTransformedPoints.pointData === pointData &&\n            cachedTransformedPoints.translateX === translateX &&\n            cachedTransformedPoints.translateY === translateY &&\n            cachedTransformedPoints.scaleX === scaleX &&\n            cachedTransformedPoints.scaleY === scaleY;\n\n        const transformedPoints = shouldReuseCachedPoints\n            ? cachedTransformedPoints.points\n            : (() => {\n                const xScaleTransformed = rescaleX(xScale, translateX, scaleX);\n                const yScaleTransformed = rescaleY(yScale, translateY, scaleY);\n                const nextPoints = pointData.map((curr) => ({\n                    point: curr,\n                    x: xScaleTransformed(curr.x),\n                    y: yScaleTransformed(curr.y),\n                }));\n\n                transformedPointCacheRef.current = {\n                    pointData,\n                    translateX,\n                    translateY,\n                    scaleX,\n                    scaleY,\n                    points: nextPoints,\n                };\n\n                return nextPoints;\n            })();\n\n        const threshold = 5;\n        const nextHoveredPoint = transformedPoints.find((curr) => (\n            Math.abs(adjustedX - curr.x) < threshold &&\n            Math.abs(adjustedY - curr.y) < threshold\n        ))?.point ?? null;\n\n        // React bails out when the point is unchanged, so this only re-renders the plot when the\n        // cursor enters or leaves one. The tooltip follows the cursor through its own ref\n        // instead, which re-renders nothing but the tooltip.\n        setTooltipData(nextHoveredPoint);\n        if (nextHoveredPoint) tooltipRef.current?.show(nextHoveredPoint, event);\n        else tooltipRef.current?.hide();\n    }, [margin.left, margin.top, pointData, xScale, yScale, tooltipRef]);\n\n    const handleMouseLeave = useCallback(() => {\n        tooltipRef.current?.hide();\n        setTooltipData(null);\n    }, [tooltipRef]);\n\n    return { hoveredPoint, handleMouseMove, handleMouseLeave };\n};\n"],"names":["useHoverTooltip","t0","$","_c","pointData","margin","xScale","yScale","onHoveredPointChange","tooltipRef","tooltipData","setTooltipData","useState","transformedPointCacheRef","useRef","t1","find","point","x","y","hoveredPoint","publishHoverChange","useStableCallback","publishedPointRef","t2","t3","current","useEffect","t4","t5","t6","left","top","event","zoom","isDragging","hide","point_0","localPoint","currentTarget","adjustedX","adjustedY","translateX","translateY","scaleX","scaleY","transformMatrix","cachedTransformedPoints","nextHoveredPoint","points","xScaleTransformed","rescaleX","yScaleTransformed","rescaleY","nextPoints","map","curr","curr_0","Math","abs","show","handleMouseMove","t7","handleMouseLeave","t8"],"mappings":"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"}

package/dist/visualization.es390.js

@@ -1,28 +1,30 @@
-import { isPressing as u } from "./visualization.es391.js";
-function d(r) {
-  return (n) => {
-    n.key === "Enter" && r(n);
-  };
+import { hex as p } from "./visualization.es391.js";
+import { hsla as l } from "./visualization.es392.js";
+import { hslaToRgba as c } from "./visualization.es393.js";
+import { rgba as s } from "./visualization.es394.js";
+import { mixImmediate as f } from "./visualization.es395.js";
+import { mixNumber as u } from "./visualization.es356.js";
+import { warning as d } from "./visualization.es310.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;
 }
-function t(r, n) {
-  r.dispatchEvent(new PointerEvent("pointer" + n, { isPrimary: !0, bubbles: !0 }));
-}
-const c = (r, n) => {
-  const e = r.currentTarget;
-  if (!e)
-    return;
-  const i = d(() => {
-    if (u.has(e))
-      return;
-    t(e, "down");
-    const s = d(() => {
-      t(e, "up");
-    }), o = () => t(e, "cancel");
-    e.addEventListener("keyup", s, n), e.addEventListener("blur", o, n);
-  });
-  e.addEventListener("keydown", i, n), e.addEventListener("blur", () => e.removeEventListener("keydown", i), n);
+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 {
-  c as enableKeyboardPress
+  G as mixColor,
+  m as mixLinearColor
 };
 //# sourceMappingURL=visualization.es390.js.map

package/dist/visualization.es390.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es390.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/gestures/press/utils/keyboard.mjs"],"sourcesContent":["import { isPressing } from './state.mjs';\n\n/**\n * Filter out events that are not \"Enter\" keys.\n */\nfunction filterEvents(callback) {\n    return (event) => {\n        if (event.key !== \"Enter\")\n            return;\n        callback(event);\n    };\n}\nfunction firePointerEvent(target, type) {\n    target.dispatchEvent(new PointerEvent(\"pointer\" + type, { isPrimary: true, bubbles: true }));\n}\nconst enableKeyboardPress = (focusEvent, eventOptions) => {\n    const element = focusEvent.currentTarget;\n    if (!element)\n        return;\n    const handleKeydown = filterEvents(() => {\n        if (isPressing.has(element))\n            return;\n        firePointerEvent(element, \"down\");\n        const handleKeyup = filterEvents(() => {\n            firePointerEvent(element, \"up\");\n        });\n        const handleBlur = () => firePointerEvent(element, \"cancel\");\n        element.addEventListener(\"keyup\", handleKeyup, eventOptions);\n        element.addEventListener(\"blur\", handleBlur, eventOptions);\n    });\n    element.addEventListener(\"keydown\", handleKeydown, eventOptions);\n    /**\n     * Add an event listener that fires on blur to remove the keydown events.\n     */\n    element.addEventListener(\"blur\", () => element.removeEventListener(\"keydown\", handleKeydown), eventOptions);\n};\n\nexport { enableKeyboardPress };\n//# sourceMappingURL=keyboard.mjs.map\n"],"names":["filterEvents","callback","event","firePointerEvent","target","type","enableKeyboardPress","focusEvent","eventOptions","element","handleKeydown","isPressing","handleKeyup","handleBlur"],"mappings":";AAKA,SAASA,EAAaC,GAAU;AAC5B,SAAO,CAACC,MAAU;AACd,IAAIA,EAAM,QAAQ,WAElBD,EAASC,CAAK;AAAA,EAClB;AACJ;AACA,SAASC,EAAiBC,GAAQC,GAAM;AACpC,EAAAD,EAAO,cAAc,IAAI,aAAa,YAAYC,GAAM,EAAE,WAAW,IAAM,SAAS,GAAI,CAAE,CAAC;AAC/F;AACK,MAACC,IAAsB,CAACC,GAAYC,MAAiB;AACtD,QAAMC,IAAUF,EAAW;AAC3B,MAAI,CAACE;AACD;AACJ,QAAMC,IAAgBV,EAAa,MAAM;AACrC,QAAIW,EAAW,IAAIF,CAAO;AACtB;AACJ,IAAAN,EAAiBM,GAAS,MAAM;AAChC,UAAMG,IAAcZ,EAAa,MAAM;AACnC,MAAAG,EAAiBM,GAAS,IAAI;AAAA,IAClC,CAAC,GACKI,IAAa,MAAMV,EAAiBM,GAAS,QAAQ;AAC3D,IAAAA,EAAQ,iBAAiB,SAASG,GAAaJ,CAAY,GAC3DC,EAAQ,iBAAiB,QAAQI,GAAYL,CAAY;AAAA,EAC7D,CAAC;AACD,EAAAC,EAAQ,iBAAiB,WAAWC,GAAeF,CAAY,GAI/DC,EAAQ,iBAAiB,QAAQ,MAAMA,EAAQ,oBAAoB,WAAWC,CAAa,GAAGF,CAAY;AAC9G;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es390.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]}

package/dist/visualization.es391.js

@@ -1,5 +1,20 @@
-const e = /* @__PURE__ */ new WeakSet();
+import { rgba as i } from "./visualization.es394.js";
+import { isColorString as g } from "./visualization.es405.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
+};
 export {
-  e as isPressing
+  u as hex
 };
 //# sourceMappingURL=visualization.es391.js.map

package/dist/visualization.es391.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es391.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/gestures/press/utils/state.mjs"],"sourcesContent":["const isPressing = new WeakSet();\n\nexport { isPressing };\n//# sourceMappingURL=state.mjs.map\n"],"names":["isPressing"],"mappings":"AAAK,MAACA,IAAa,oBAAI,QAAO;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es391.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]}

package/dist/visualization.es392.js

@@ -1,66 +1,13 @@
-const e = (t) => t * 180 / Math.PI, c = (t) => {
-  const a = e(Math.atan2(t[1], t[0]));
-  return l(a);
-}, f = {
-  x: 4,
-  y: 5,
-  translateX: 4,
-  translateY: 5,
-  scaleX: 0,
-  scaleY: 3,
-  scale: (t) => (Math.abs(t[0]) + Math.abs(t[3])) / 2,
-  rotate: c,
-  rotateZ: c,
-  skewX: (t) => e(Math.atan(t[1])),
-  skewY: (t) => e(Math.atan(t[2])),
-  skew: (t) => (Math.abs(t[1]) + Math.abs(t[2])) / 2
-}, l = (t) => (t = t % 360, t < 0 && (t += 360), t), h = c, M = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), i = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), x = {
-  x: 12,
-  y: 13,
-  z: 14,
-  translateX: 12,
-  translateY: 13,
-  translateZ: 14,
-  scaleX: M,
-  scaleY: i,
-  scale: (t) => (M(t) + i(t)) / 2,
-  rotateX: (t) => l(e(Math.atan2(t[6], t[5]))),
-  rotateY: (t) => l(e(Math.atan2(-t[2], t[0]))),
-  rotateZ: h,
-  rotate: h,
-  skewX: (t) => e(Math.atan(t[4])),
-  skewY: (t) => e(Math.atan(t[1])),
-  skew: (t) => (Math.abs(t[1]) + Math.abs(t[4])) / 2
+import { alpha as n } from "./visualization.es406.js";
+import { percent as t } from "./visualization.es407.js";
+import { sanitize as r } from "./visualization.es408.js";
+import { splitColor as i, isColorString as e } from "./visualization.es405.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)) + ")"
 };
-function m(t) {
-  return t.includes("scale") ? 1 : 0;
-}
-function b(t, a) {
-  if (!t || t === "none")
-    return m(a);
-  const s = t.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
-  let n, r;
-  if (s)
-    n = x, r = s;
-  else {
-    const d = t.match(/^matrix\(([-\d.e\s,]+)\)$/u);
-    n = f, r = d;
-  }
-  if (!r)
-    return m(a);
-  const o = n[a], u = r[1].split(",").map(p);
-  return typeof o == "function" ? o(u) : u[o];
-}
-const X = (t, a) => {
-  const { transform: s = "none" } = getComputedStyle(t);
-  return b(s, a);
-};
-function p(t) {
-  return parseFloat(t.trim());
-}
 export {
-  m as defaultTransformValue,
-  b as parseValueFromTransform,
-  X as readTransformValue
+  u as hsla
 };
 //# sourceMappingURL=visualization.es392.js.map

package/dist/visualization.es392.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es392.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/dom/parse-transform.mjs"],"sourcesContent":["const radToDeg = (rad) => (rad * 180) / Math.PI;\nconst rotate = (v) => {\n    const angle = radToDeg(Math.atan2(v[1], v[0]));\n    return rebaseAngle(angle);\n};\nconst matrix2dParsers = {\n    x: 4,\n    y: 5,\n    translateX: 4,\n    translateY: 5,\n    scaleX: 0,\n    scaleY: 3,\n    scale: (v) => (Math.abs(v[0]) + Math.abs(v[3])) / 2,\n    rotate,\n    rotateZ: rotate,\n    skewX: (v) => radToDeg(Math.atan(v[1])),\n    skewY: (v) => radToDeg(Math.atan(v[2])),\n    skew: (v) => (Math.abs(v[1]) + Math.abs(v[2])) / 2,\n};\nconst rebaseAngle = (angle) => {\n    angle = angle % 360;\n    if (angle < 0)\n        angle += 360;\n    return angle;\n};\nconst rotateZ = rotate;\nconst scaleX = (v) => Math.sqrt(v[0] * v[0] + v[1] * v[1]);\nconst scaleY = (v) => Math.sqrt(v[4] * v[4] + v[5] * v[5]);\nconst matrix3dParsers = {\n    x: 12,\n    y: 13,\n    z: 14,\n    translateX: 12,\n    translateY: 13,\n    translateZ: 14,\n    scaleX,\n    scaleY,\n    scale: (v) => (scaleX(v) + scaleY(v)) / 2,\n    rotateX: (v) => rebaseAngle(radToDeg(Math.atan2(v[6], v[5]))),\n    rotateY: (v) => rebaseAngle(radToDeg(Math.atan2(-v[2], v[0]))),\n    rotateZ,\n    rotate: rotateZ,\n    skewX: (v) => radToDeg(Math.atan(v[4])),\n    skewY: (v) => radToDeg(Math.atan(v[1])),\n    skew: (v) => (Math.abs(v[1]) + Math.abs(v[4])) / 2,\n};\nfunction defaultTransformValue(name) {\n    return name.includes(\"scale\") ? 1 : 0;\n}\nfunction parseValueFromTransform(transform, name) {\n    if (!transform || transform === \"none\") {\n        return defaultTransformValue(name);\n    }\n    const matrix3dMatch = transform.match(/^matrix3d\\(([-\\d.e\\s,]+)\\)$/u);\n    let parsers;\n    let match;\n    if (matrix3dMatch) {\n        parsers = matrix3dParsers;\n        match = matrix3dMatch;\n    }\n    else {\n        const matrix2dMatch = transform.match(/^matrix\\(([-\\d.e\\s,]+)\\)$/u);\n        parsers = matrix2dParsers;\n        match = matrix2dMatch;\n    }\n    if (!match) {\n        return defaultTransformValue(name);\n    }\n    const valueParser = parsers[name];\n    const values = match[1].split(\",\").map(convertTransformToNumber);\n    return typeof valueParser === \"function\"\n        ? valueParser(values)\n        : values[valueParser];\n}\nconst readTransformValue = (instance, name) => {\n    const { transform = \"none\" } = getComputedStyle(instance);\n    return parseValueFromTransform(transform, name);\n};\nfunction convertTransformToNumber(value) {\n    return parseFloat(value.trim());\n}\n\nexport { defaultTransformValue, parseValueFromTransform, readTransformValue };\n//# sourceMappingURL=parse-transform.mjs.map\n"],"names":["radToDeg","rad","rotate","v","angle","rebaseAngle","matrix2dParsers","rotateZ","scaleX","scaleY","matrix3dParsers","defaultTransformValue","name","parseValueFromTransform","transform","matrix3dMatch","parsers","match","matrix2dMatch","valueParser","values","convertTransformToNumber","readTransformValue","instance","value"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es392.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]}

package/dist/visualization.es393.js

@@ -1,5 +1,23 @@
-const s = (t) => t.startsWith("--");
+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 {
-  s as isCSSVar
+  R as hslaToRgba
 };
 //# sourceMappingURL=visualization.es393.js.map

package/dist/visualization.es393.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es393.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/dom/is-css-var.mjs"],"sourcesContent":["const isCSSVar = (name) => name.startsWith(\"--\");\n\nexport { isCSSVar };\n//# sourceMappingURL=is-css-var.mjs.map\n"],"names":["isCSSVar","name"],"mappings":"AAAK,MAACA,IAAW,CAACC,MAASA,EAAK,WAAW,IAAI;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es393.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.es394.js

@@ -1,5 +1,17 @@
-const e = (r) => Array.isArray(r);
+import { number as n, alpha as s } from "./visualization.es406.js";
+import { sanitize as i } from "./visualization.es408.js";
+import { splitColor as p, isColorString as e } from "./visualization.es405.js";
+import { clamp as f } from "./visualization.es313.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 {
-  e as isKeyframesTarget
+  o as rgbUnit,
+  h as rgba
 };
 //# sourceMappingURL=visualization.es394.js.map

package/dist/visualization.es394.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es394.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/is-keyframes-target.mjs"],"sourcesContent":["const isKeyframesTarget = (v) => {\n    return Array.isArray(v);\n};\n\nexport { isKeyframesTarget };\n//# sourceMappingURL=is-keyframes-target.mjs.map\n"],"names":["isKeyframesTarget","v"],"mappings":"AAAK,MAACA,IAAoB,CAACC,MAChB,MAAM,QAAQA,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es394.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.es395.js

@@ -1,9 +1,7 @@
-import { resizeElement as o } from "./visualization.es396.js";
-import { resizeWindow as i } from "./visualization.es397.js";
-function f(e, r) {
-  return typeof e == "function" ? i(e) : o(e, r);
+function m(e, t) {
+  return (i) => i > 0 ? t : e;
 }
 export {
-  f as resize
+  m as mixImmediate
 };
 //# sourceMappingURL=visualization.es395.js.map

package/dist/visualization.es395.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es395.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/resize/index.mjs"],"sourcesContent":["import { resizeElement } from './handle-element.mjs';\nimport { resizeWindow } from './handle-window.mjs';\n\nfunction resize(a, b) {\n    return typeof a === \"function\" ? resizeWindow(a) : resizeElement(a, b);\n}\n\nexport { resize };\n//# sourceMappingURL=index.mjs.map\n"],"names":["resize","a","b","resizeWindow","resizeElement"],"mappings":";;AAGA,SAASA,EAAOC,GAAGC,GAAG;AAClB,SAAO,OAAOD,KAAM,aAAaE,EAAaF,CAAC,IAAIG,EAAcH,GAAGC,CAAC;AACzE;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es395.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.es396.js

@@ -1,40 +1,16 @@
-import { isSVGElement as c } from "./visualization.es399.js";
-import { resolveElements as l } from "./visualization.es411.js";
-const r = /* @__PURE__ */ new WeakMap();
-let o;
-const f = (n, i, s) => (e, t) => t && t[0] ? t[0][n + "Size"] : c(e) && "getBBox" in e ? e.getBBox()[i] : e[s], h = /* @__PURE__ */ f("inline", "width", "offsetWidth"), u = /* @__PURE__ */ f("block", "height", "offsetHeight");
-function g({ target: n, borderBoxSize: i }) {
-  r.get(n)?.forEach((s) => {
-    s(n, {
-      get width() {
-        return h(n, i);
-      },
-      get height() {
-        return u(n, i);
-      }
-    });
-  });
-}
-function d(n) {
-  n.forEach(g);
-}
-function m() {
-  typeof ResizeObserver > "u" || (o = new ResizeObserver(d));
-}
-function a(n, i) {
-  o || m();
-  const s = l(n);
-  return s.forEach((e) => {
-    let t = r.get(e);
-    t || (t = /* @__PURE__ */ new Set(), r.set(e, t)), t.add(i), o?.observe(e);
-  }), () => {
-    s.forEach((e) => {
-      const t = r.get(e);
-      t?.delete(i), t?.size || o?.unobserve(e);
-    });
-  };
-}
+import { hex as o } from "./visualization.es391.js";
+import { hsla as t } from "./visualization.es392.js";
+import { rgba as e } from "./visualization.es394.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);
+  }
+};
 export {
-  a as resizeElement
+  a as color
 };
 //# sourceMappingURL=visualization.es396.js.map

package/dist/visualization.es396.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es396.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/resize/handle-element.mjs"],"sourcesContent":["import { isSVGElement } from '../utils/is-svg-element.mjs';\nimport { resolveElements } from '../utils/resolve-elements.mjs';\n\nconst resizeHandlers = new WeakMap();\nlet observer;\nconst getSize = (borderBoxAxis, svgAxis, htmlAxis) => (target, borderBoxSize) => {\n    if (borderBoxSize && borderBoxSize[0]) {\n        return borderBoxSize[0][(borderBoxAxis + \"Size\")];\n    }\n    else if (isSVGElement(target) && \"getBBox\" in target) {\n        return target.getBBox()[svgAxis];\n    }\n    else {\n        return target[htmlAxis];\n    }\n};\nconst getWidth = /*@__PURE__*/ getSize(\"inline\", \"width\", \"offsetWidth\");\nconst getHeight = /*@__PURE__*/ getSize(\"block\", \"height\", \"offsetHeight\");\nfunction notifyTarget({ target, borderBoxSize }) {\n    resizeHandlers.get(target)?.forEach((handler) => {\n        handler(target, {\n            get width() {\n                return getWidth(target, borderBoxSize);\n            },\n            get height() {\n                return getHeight(target, borderBoxSize);\n            },\n        });\n    });\n}\nfunction notifyAll(entries) {\n    entries.forEach(notifyTarget);\n}\nfunction createResizeObserver() {\n    if (typeof ResizeObserver === \"undefined\")\n        return;\n    observer = new ResizeObserver(notifyAll);\n}\nfunction resizeElement(target, handler) {\n    if (!observer)\n        createResizeObserver();\n    const elements = resolveElements(target);\n    elements.forEach((element) => {\n        let elementHandlers = resizeHandlers.get(element);\n        if (!elementHandlers) {\n            elementHandlers = new Set();\n            resizeHandlers.set(element, elementHandlers);\n        }\n        elementHandlers.add(handler);\n        observer?.observe(element);\n    });\n    return () => {\n        elements.forEach((element) => {\n            const elementHandlers = resizeHandlers.get(element);\n            elementHandlers?.delete(handler);\n            if (!elementHandlers?.size) {\n                observer?.unobserve(element);\n            }\n        });\n    };\n}\n\nexport { resizeElement };\n//# sourceMappingURL=handle-element.mjs.map\n"],"names":["resizeHandlers","observer","getSize","borderBoxAxis","svgAxis","htmlAxis","target","borderBoxSize","isSVGElement","getWidth","getHeight","notifyTarget","handler","notifyAll","entries","createResizeObserver","resizeElement","elements","resolveElements","element","elementHandlers"],"mappings":";;AAGA,MAAMA,IAAiB,oBAAI,QAAO;AAClC,IAAIC;AACJ,MAAMC,IAAU,CAACC,GAAeC,GAASC,MAAa,CAACC,GAAQC,MACvDA,KAAiBA,EAAc,CAAC,IACzBA,EAAc,CAAC,EAAGJ,IAAgB,MAAM,IAE1CK,EAAaF,CAAM,KAAK,aAAaA,IACnCA,EAAO,QAAO,EAAGF,CAAO,IAGxBE,EAAOD,CAAQ,GAGxBI,IAAyB,gBAAAP,EAAQ,UAAU,SAAS,aAAa,GACjEQ,IAA0B,gBAAAR,EAAQ,SAAS,UAAU,cAAc;AACzE,SAASS,EAAa,EAAE,QAAAL,GAAQ,eAAAC,KAAiB;AAC7C,EAAAP,EAAe,IAAIM,CAAM,GAAG,QAAQ,CAACM,MAAY;AAC7C,IAAAA,EAAQN,GAAQ;AAAA,MACZ,IAAI,QAAQ;AACR,eAAOG,EAASH,GAAQC,CAAa;AAAA,MACzC;AAAA,MACA,IAAI,SAAS;AACT,eAAOG,EAAUJ,GAAQC,CAAa;AAAA,MAC1C;AAAA,IACZ,CAAS;AAAA,EACL,CAAC;AACL;AACA,SAASM,EAAUC,GAAS;AACxB,EAAAA,EAAQ,QAAQH,CAAY;AAChC;AACA,SAASI,IAAuB;AAC5B,EAAI,OAAO,iBAAmB,QAE9Bd,IAAW,IAAI,eAAeY,CAAS;AAC3C;AACA,SAASG,EAAcV,GAAQM,GAAS;AACpC,EAAKX,KACDc,EAAoB;AACxB,QAAME,IAAWC,EAAgBZ,CAAM;AACvC,SAAAW,EAAS,QAAQ,CAACE,MAAY;AAC1B,QAAIC,IAAkBpB,EAAe,IAAImB,CAAO;AAChD,IAAKC,MACDA,IAAkB,oBAAI,IAAG,GACzBpB,EAAe,IAAImB,GAASC,CAAe,IAE/CA,EAAgB,IAAIR,CAAO,GAC3BX,GAAU,QAAQkB,CAAO;AAAA,EAC7B,CAAC,GACM,MAAM;AACT,IAAAF,EAAS,QAAQ,CAACE,MAAY;AAC1B,YAAMC,IAAkBpB,EAAe,IAAImB,CAAO;AAClD,MAAAC,GAAiB,OAAOR,CAAO,GAC1BQ,GAAiB,QAClBnB,GAAU,UAAUkB,CAAO;AAAA,IAEnC,CAAC;AAAA,EACL;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es396.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]}