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

package/dist/visualization.es53.js

@@ -1,68 +1,11 @@
-import { jsx as b, jsxs as p, Fragment as W } from "react/jsx-runtime";
-import { c as S } from "react/compiler-runtime";
-import { TreeLink as g } from "./visualization.es104.js";
-import { memo as E } from "react";
-import { LeafLinkExtension as M } from "./visualization.es105.js";
-import { LeafNodeLabel as v } from "./visualization.es106.js";
-const F = E((x) => {
-  const e = S(39), {
-    node: o,
-    dimmed: m,
-    useBranchLengths: n,
-    leafFontFamily: d,
-    leafFontSize: c,
-    onNodeMouseMove: k,
-    onNodeMouseLeave: h,
-    onBranchClick: L
-  } = x;
-  let a;
-  e[0] !== o || e[1] !== k ? (a = (N) => k(N, o), e[0] = o, e[1] = k, e[2] = a) : a = e[2];
-  let t;
-  e[3] !== o || e[4] !== h ? (t = (N) => h(N, o), e[3] = o, e[4] = h, e[5] = t) : t = e[5];
-  let i;
-  e[6] !== o || e[7] !== L ? (i = () => L(o.leaves().map(P)), e[6] = o, e[7] = L, e[8] = i) : i = e[8];
-  const s = m ? 0.2 : 1;
-  let f;
-  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = {
-    transition: "opacity 0.2s ease-in"
-  }, e[9] = f) : f = e[9];
-  let r;
-  e[10] !== o.baseLinkPath || e[11] !== o.color || e[12] !== o.linkStrokeWidth || e[13] !== o.scaledLinkPath || e[14] !== n ? (r = /* @__PURE__ */ b(g, { scaledLinkPath: o.scaledLinkPath, baseLinkPath: o.baseLinkPath, color: o.color, strokeWidth: o.linkStrokeWidth, useBranchLengths: n }), e[10] = o.baseLinkPath, e[11] = o.color, e[12] = o.linkStrokeWidth, e[13] = o.scaledLinkPath, e[14] = n, e[15] = r) : r = e[15];
-  let l;
-  e[16] !== d || e[17] !== c || e[18] !== o.baseLeafLinkExtension || e[19] !== o.baseNodeX || e[20] !== o.baseNodeY || e[21] !== o.children || e[22] !== o.color || e[23] !== o.label || e[24] !== o.labelStrokeWidth || e[25] !== o.lightenedLinkExtColor || e[26] !== o.linkStrokeWidth || e[27] !== o.scaledLeafLinkExtension || e[28] !== o.x || e[29] !== n ? (l = !o.children && /* @__PURE__ */ p(W, { children: [
-    /* @__PURE__ */ b(M, { useBranchLengths: n, color: o.lightenedLinkExtColor, baseLeafLinkExtension: o.baseLeafLinkExtension, scaledLeafLinkExtension: o.scaledLeafLinkExtension, strokeWidth: o.linkStrokeWidth }),
-    /* @__PURE__ */ b(v, { nodeX: o.x, strokeWidth: o.labelStrokeWidth, baseNodeX: o.baseNodeX, baseNodeY: o.baseNodeY, label: o.label, color: o.color, fontSize: c, fontFamily: d })
-  ] }), e[16] = d, e[17] = c, e[18] = o.baseLeafLinkExtension, e[19] = o.baseNodeX, e[20] = o.baseNodeY, e[21] = o.children, e[22] = o.color, e[23] = o.label, e[24] = o.labelStrokeWidth, e[25] = o.lightenedLinkExtColor, e[26] = o.linkStrokeWidth, e[27] = o.scaledLeafLinkExtension, e[28] = o.x, e[29] = n, e[30] = l) : l = e[30];
-  let u;
-  return e[31] !== o.data.id || e[32] !== a || e[33] !== t || e[34] !== i || e[35] !== s || e[36] !== r || e[37] !== l ? (u = /* @__PURE__ */ p("g", { onMouseMove: a, onMouseLeave: t, onClick: i, id: o.data.id, opacity: s, style: f, children: [
-    r,
-    l
-  ] }), e[31] = o.data.id, e[32] = a, e[33] = t, e[34] = i, e[35] = s, e[36] = r, e[37] = l, e[38] = u) : u = e[38], u;
-}), T = E(function(e) {
-  const o = S(11), {
-    node: m,
-    hovered: n,
-    useBranchLengths: d,
-    onNodeMouseMove: c,
-    onNodeMouseLeave: k,
-    onBranchClick: h,
-    leafFontSize: L,
-    leafFontFamily: a
-  } = e;
-  let t;
-  o[0] !== n || o[1] !== a || o[2] !== L || o[3] !== m || o[4] !== h || o[5] !== k || o[6] !== c || o[7] !== d ? (t = m.descendants()?.map((s, f) => {
-    if (!s.parent)
-      return;
-    const r = !!n.length && !n.some((l) => s.descendantIds?.has(l) || s.ancestorIds?.has(l));
-    return /* @__PURE__ */ b(F, { node: s, dimmed: r, useBranchLengths: d, leafFontSize: L, leafFontFamily: a, onBranchClick: h, onNodeMouseMove: c, onNodeMouseLeave: k }, f);
-  }), o[0] = n, o[1] = a, o[2] = L, o[3] = m, o[4] = h, o[5] = k, o[6] = c, o[7] = d, o[8] = t) : t = o[8];
-  let i;
-  return o[9] !== t ? (i = /* @__PURE__ */ b("g", { id: "tree-root", children: t }), o[9] = t, o[10] = i) : i = o[10], i;
-});
-function P(x) {
-  return x.data.id;
+import r from "./visualization.es137.js";
+import o from "./visualization.es140.js";
+const a = r("domain", "range", "reverse", "base", "clamp", "interpolate", "nice", "round");
+function c(e) {
+  return a(o(), e);
 }
 export {
-  T as RenderTree
+  c as default,
+  a as updateLogScale
 };
 //# sourceMappingURL=visualization.es53.js.map

package/dist/visualization.es53.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es53.js","sources":["../src/components/PhyloTree/RenderTree.tsx"],"sourcesContent":["import { PhyloTreeProps, TreeNode } from \"./types\";\nimport { TreeLink } from \"./TreeLink\";\nimport { memo } from \"react\";\nimport { LeafLinkExtension } from \"./LeafLinkExtension\";\nimport { LeafNodeLabel } from \"./LeafNodeLabel\";\n\ntype Shared = {\n  node: TreeNode;\n  useBranchLengths: boolean;\n  leafFontSize: PhyloTreeProps[\"leafFontSize\"];\n  leafFontFamily: PhyloTreeProps[\"leafFontFamily\"];\n  onNodeMouseMove: (event: React.MouseEvent, node: TreeNode) => void;\n  onNodeMouseLeave: (event: React.MouseEvent, node: TreeNode) => void;\n  onBranchClick: (leafIds: string[]) => void;\n};\n\nexport type RenderTreeProps = Shared & {\n  hovered: string[];\n};\n\nexport type RenderChildProps = Shared & {\n  dimmed: boolean;\n};\n\nconst ChildNode = memo(\n  ({ node, dimmed, useBranchLengths, leafFontFamily, leafFontSize, onNodeMouseMove, onNodeMouseLeave, onBranchClick }: RenderChildProps) => {\n    return (\n      <g\n        onMouseMove={(e: React.MouseEvent) => onNodeMouseMove(e, node)}\n        onMouseLeave={(e: React.MouseEvent) => onNodeMouseLeave(e, node)}\n        onClick={() => onBranchClick(node.leaves().map(x => x.data.id))}\n        id={node.data.id}\n        opacity={dimmed ? 0.2 : 1}\n        style={{ transition: \"opacity 0.2s ease-in\" }}\n      >\n        <TreeLink\n          scaledLinkPath={node.scaledLinkPath}\n          baseLinkPath={node.baseLinkPath}\n          color={node.color}\n          strokeWidth={node.linkStrokeWidth}\n          useBranchLengths={useBranchLengths}\n          />\n        {!node.children && (\n          <>\n            <LeafLinkExtension\n              useBranchLengths={useBranchLengths}\n              color={node.lightenedLinkExtColor}\n              baseLeafLinkExtension={node.baseLeafLinkExtension}\n              scaledLeafLinkExtension={node.scaledLeafLinkExtension}\n              strokeWidth={node.linkStrokeWidth}\n            />\n            <LeafNodeLabel\n              nodeX={node.x}\n              strokeWidth={node.labelStrokeWidth}\n              baseNodeX={node.baseNodeX}\n              baseNodeY={node.baseNodeY}\n              label={node.label}\n              color={node.color}\n              fontSize={leafFontSize}\n              fontFamily={leafFontFamily}\n            />\n          </>\n        )}\n      </g>\n    );\n  }\n);\n\nexport const RenderTree = memo(function RenderTree({\n  node,\n  hovered,\n  useBranchLengths,\n  onNodeMouseMove,\n  onNodeMouseLeave,\n  onBranchClick,\n  leafFontSize,\n  leafFontFamily,\n}: RenderTreeProps) {\n  return (\n    <g id={\"tree-root\"}>\n      {/* no root node rendered (since root does not need to display link to parent) */}\n      {node.descendants()?.map((child, i) => {\n        if (!child.parent) return;\n        //This is done to elimate a .ancestors() and .descendants() traversal on every rerender\n        const dimmed = !!hovered.length && !(hovered.some(id => child.descendantIds?.has(id) || child.ancestorIds?.has(id)));\n\n        return (\n          <ChildNode\n            key={i}\n            node={child}\n            dimmed={dimmed}\n            useBranchLengths={useBranchLengths}\n            leafFontSize={leafFontSize}\n            leafFontFamily={leafFontFamily}\n            onBranchClick={onBranchClick}\n            onNodeMouseMove={onNodeMouseMove}\n            onNodeMouseLeave={onNodeMouseLeave}\n          />\n        );\n      })}\n    </g>\n  );\n}, );\n"],"names":["ChildNode","memo","t0","$","_c","node","dimmed","useBranchLengths","leafFontFamily","leafFontSize","onNodeMouseMove","onNodeMouseLeave","onBranchClick","t1","e","t2","e_0","t3","leaves","map","_temp","t4","t5","Symbol","for","transition","t6","baseLinkPath","color","linkStrokeWidth","scaledLinkPath","TreeLink","t7","baseLeafLinkExtension","baseNodeX","baseNodeY","children","label","labelStrokeWidth","lightenedLinkExtColor","scaledLeafLinkExtension","x","jsxs","Fragment","jsx","LeafLinkExtension","LeafNodeLabel","t8","data","id","RenderTree","hovered","descendants","child","i","parent","length","some","descendantIds","has","ancestorIds"],"mappings":"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"}
+{"version":3,"file":"visualization.es53.js","sources":["../../../node_modules/.pnpm/@visx+scale@4.0.0/node_modules/@visx/scale/esm/scales/log.js"],"sourcesContent":["import { scaleLog } from '@visx/vendor/d3-scale';\nimport scaleOperator from \"../operators/scaleOperator.js\";\nexport const updateLogScale = scaleOperator('domain', 'range', 'reverse', 'base', 'clamp', 'interpolate', 'nice', 'round');\nexport default function createLogScale(config) {\n  return updateLogScale(scaleLog(), config);\n}"],"names":["updateLogScale","scaleOperator","createLogScale","config","scaleLog"],"mappings":";;AAEY,MAACA,IAAiBC,EAAc,UAAU,SAAS,WAAW,QAAQ,SAAS,eAAe,QAAQ,OAAO;AAC1G,SAASC,EAAeC,GAAQ;AAC7C,SAAOH,EAAeI,EAAQ,GAAID,CAAM;AAC1C;","x_google_ignoreList":[0]}

package/dist/visualization.es532.js

@@ -1,14 +1,31 @@
-import { useContext as o, useMemo as i } from "react";
-import { MotionContext as a } from "./visualization.es175.js";
-import { getCurrentTreeVariants as m } from "./visualization.es595.js";
-function C(t) {
-  const { initial: e, animate: n } = m(t, o(a));
-  return i(() => ({ initial: e, animate: n }), [r(e), r(n)]);
-}
-function r(t) {
-  return Array.isArray(t) ? t.join(" ") : t;
-}
+const e = [
+  "animate",
+  "circle",
+  "defs",
+  "desc",
+  "ellipse",
+  "g",
+  "image",
+  "line",
+  "filter",
+  "marker",
+  "mask",
+  "metadata",
+  "path",
+  "pattern",
+  "polygon",
+  "polyline",
+  "rect",
+  "stop",
+  "switch",
+  "symbol",
+  "svg",
+  "text",
+  "tspan",
+  "use",
+  "view"
+];
 export {
-  C as useCreateMotionContext
+  e as lowercaseSVGElements
 };
 //# sourceMappingURL=visualization.es532.js.map

package/dist/visualization.es532.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es532.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/context/MotionContext/create.mjs"],"sourcesContent":["\"use client\";\nimport { useContext, useMemo } from 'react';\nimport { MotionContext } from './index.mjs';\nimport { getCurrentTreeVariants } from './utils.mjs';\n\nfunction useCreateMotionContext(props) {\n    const { initial, animate } = getCurrentTreeVariants(props, useContext(MotionContext));\n    return useMemo(() => ({ initial, animate }), [variantLabelsAsDependency(initial), variantLabelsAsDependency(animate)]);\n}\nfunction variantLabelsAsDependency(prop) {\n    return Array.isArray(prop) ? prop.join(\" \") : prop;\n}\n\nexport { useCreateMotionContext };\n//# sourceMappingURL=create.mjs.map\n"],"names":["useCreateMotionContext","props","initial","animate","getCurrentTreeVariants","useContext","MotionContext","useMemo","variantLabelsAsDependency","prop"],"mappings":";;;AAKA,SAASA,EAAuBC,GAAO;AACnC,QAAM,EAAE,SAAAC,GAAS,SAAAC,EAAO,IAAKC,EAAuBH,GAAOI,EAAWC,CAAa,CAAC;AACpF,SAAOC,EAAQ,OAAO,EAAE,SAAAL,GAAS,SAAAC,EAAO,IAAK,CAACK,EAA0BN,CAAO,GAAGM,EAA0BL,CAAO,CAAC,CAAC;AACzH;AACA,SAASK,EAA0BC,GAAM;AACrC,SAAO,MAAM,QAAQA,CAAI,IAAIA,EAAK,KAAK,GAAG,IAAIA;AAClD;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es532.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/render/svg/lowercase-elements.mjs"],"sourcesContent":["/**\n * We keep these listed separately as we use the lowercase tag names as part\n * of the runtime bundle to detect SVG components\n */\nconst lowercaseSVGElements = [\n    \"animate\",\n    \"circle\",\n    \"defs\",\n    \"desc\",\n    \"ellipse\",\n    \"g\",\n    \"image\",\n    \"line\",\n    \"filter\",\n    \"marker\",\n    \"mask\",\n    \"metadata\",\n    \"path\",\n    \"pattern\",\n    \"polygon\",\n    \"polyline\",\n    \"rect\",\n    \"stop\",\n    \"switch\",\n    \"symbol\",\n    \"svg\",\n    \"text\",\n    \"tspan\",\n    \"use\",\n    \"view\",\n];\n\nexport { lowercaseSVGElements };\n//# sourceMappingURL=lowercase-elements.mjs.map\n"],"names":["lowercaseSVGElements"],"mappings":"AAIK,MAACA,IAAuB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es533.js

@@ -1,17 +1,14 @@
-import { Fragment as p, useMemo as P, createElement as a } from "react";
-import { useHTMLProps as d } from "./visualization.es596.js";
-import { useSVGProps as V } from "./visualization.es597.js";
-import { filterProps as g } from "./visualization.es182.js";
-import { isSVGComponent as h } from "./visualization.es284.js";
-import { isMotionValue as M } from "./visualization.es184.js";
-function H(r, s, o, { latestValues: t }, i, m = !1, n) {
-  const l = (n ?? h(r) ? V : d)(s, t, i, r), u = g(s, typeof r == "string", m), f = r !== p ? { ...u, ...l, ref: o } : {}, { children: e } = s, c = P(() => M(e) ? e.get() : e, [e]);
-  return a(r, {
-    ...f,
-    children: c
-  });
+import { useContext as o, useMemo as i } from "react";
+import { MotionContext as a } from "./visualization.es161.js";
+import { getCurrentTreeVariants as m } from "./visualization.es595.js";
+function C(t) {
+  const { initial: e, animate: n } = m(t, o(a));
+  return i(() => ({ initial: e, animate: n }), [r(e), r(n)]);
+}
+function r(t) {
+  return Array.isArray(t) ? t.join(" ") : t;
 }
 export {
-  H as useRender
+  C as useCreateMotionContext
 };
 //# sourceMappingURL=visualization.es533.js.map

package/dist/visualization.es533.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es533.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/render/dom/use-render.mjs"],"sourcesContent":["\"use client\";\nimport { isMotionValue } from 'motion-dom';\nimport { Fragment, useMemo, createElement } from 'react';\nimport { useHTMLProps } from '../html/use-props.mjs';\nimport { useSVGProps } from '../svg/use-props.mjs';\nimport { filterProps } from './utils/filter-props.mjs';\nimport { isSVGComponent } from './utils/is-svg-component.mjs';\n\nfunction useRender(Component, props, ref, { latestValues, }, isStatic, forwardMotionProps = false, isSVG) {\n    const useVisualProps = (isSVG ?? isSVGComponent(Component)) ? useSVGProps : useHTMLProps;\n    const visualProps = useVisualProps(props, latestValues, isStatic, Component);\n    const filteredProps = filterProps(props, typeof Component === \"string\", forwardMotionProps);\n    const elementProps = Component !== Fragment ? { ...filteredProps, ...visualProps, ref } : {};\n    /**\n     * If component has been handed a motion value as its child,\n     * memoise its initial value and render that. Subsequent updates\n     * will be handled by the onChange handler\n     */\n    const { children } = props;\n    const renderedChildren = useMemo(() => (isMotionValue(children) ? children.get() : children), [children]);\n    return createElement(Component, {\n        ...elementProps,\n        children: renderedChildren,\n    });\n}\n\nexport { useRender };\n//# sourceMappingURL=use-render.mjs.map\n"],"names":["useRender","Component","props","ref","latestValues","isStatic","forwardMotionProps","isSVG","visualProps","isSVGComponent","useSVGProps","useHTMLProps","filteredProps","filterProps","elementProps","Fragment","children","renderedChildren","useMemo","isMotionValue","createElement"],"mappings":";;;;;;AAQA,SAASA,EAAUC,GAAWC,GAAOC,GAAK,EAAE,cAAAC,EAAY,GAAKC,GAAUC,IAAqB,IAAOC,GAAO;AAEtG,QAAMC,KADkBD,KAASE,EAAeR,CAAS,IAAKS,IAAcC,GACzCT,GAAOE,GAAcC,GAAUJ,CAAS,GACrEW,IAAgBC,EAAYX,GAAO,OAAOD,KAAc,UAAUK,CAAkB,GACpFQ,IAAeb,MAAcc,IAAW,EAAE,GAAGH,GAAe,GAAGJ,GAAa,KAAAL,EAAG,IAAK,CAAA,GAMpF,EAAE,UAAAa,EAAQ,IAAKd,GACfe,IAAmBC,EAAQ,MAAOC,EAAcH,CAAQ,IAAIA,EAAS,QAAQA,GAAW,CAACA,CAAQ,CAAC;AACxG,SAAOI,EAAcnB,GAAW;AAAA,IAC5B,GAAGa;AAAA,IACH,UAAUG;AAAA,EAClB,CAAK;AACL;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es533.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/context/MotionContext/create.mjs"],"sourcesContent":["\"use client\";\nimport { useContext, useMemo } from 'react';\nimport { MotionContext } from './index.mjs';\nimport { getCurrentTreeVariants } from './utils.mjs';\n\nfunction useCreateMotionContext(props) {\n    const { initial, animate } = getCurrentTreeVariants(props, useContext(MotionContext));\n    return useMemo(() => ({ initial, animate }), [variantLabelsAsDependency(initial), variantLabelsAsDependency(animate)]);\n}\nfunction variantLabelsAsDependency(prop) {\n    return Array.isArray(prop) ? prop.join(\" \") : prop;\n}\n\nexport { useCreateMotionContext };\n//# sourceMappingURL=create.mjs.map\n"],"names":["useCreateMotionContext","props","initial","animate","getCurrentTreeVariants","useContext","MotionContext","useMemo","variantLabelsAsDependency","prop"],"mappings":";;;AAKA,SAASA,EAAuBC,GAAO;AACnC,QAAM,EAAE,SAAAC,GAAS,SAAAC,EAAO,IAAKC,EAAuBH,GAAOI,EAAWC,CAAa,CAAC;AACpF,SAAOC,EAAQ,OAAO,EAAE,SAAAL,GAAS,SAAAC,EAAO,IAAK,CAACK,EAA0BN,CAAO,GAAGM,EAA0BL,CAAO,CAAC,CAAC;AACzH;AACA,SAASK,EAA0BC,GAAM;AACrC,SAAO,MAAM,QAAQA,CAAI,IAAIA,EAAK,KAAK,GAAG,IAAIA;AAClD;","x_google_ignoreList":[0]}

package/dist/visualization.es534.js

@@ -1,11 +1,17 @@
-import { makeUseVisualState as e } from "./visualization.es174.js";
-import { createHtmlRenderState as t } from "./visualization.es598.js";
-import { scrapeMotionValuesFromProps as r } from "./visualization.es429.js";
-const m = /* @__PURE__ */ e({
-  scrapeMotionValuesFromProps: r,
-  createRenderState: t
-});
+import { Fragment as p, useMemo as P, createElement as a } from "react";
+import { useHTMLProps as d } from "./visualization.es596.js";
+import { useSVGProps as V } from "./visualization.es597.js";
+import { filterProps as g } from "./visualization.es168.js";
+import { isSVGComponent as h } from "./visualization.es278.js";
+import { isMotionValue as M } from "./visualization.es170.js";
+function H(r, s, o, { latestValues: t }, i, m = !1, n) {
+  const l = (n ?? h(r) ? V : d)(s, t, i, r), u = g(s, typeof r == "string", m), f = r !== p ? { ...u, ...l, ref: o } : {}, { children: e } = s, c = P(() => M(e) ? e.get() : e, [e]);
+  return a(r, {
+    ...f,
+    children: c
+  });
+}
 export {
-  m as useHTMLVisualState
+  H as useRender
 };
 //# sourceMappingURL=visualization.es534.js.map

package/dist/visualization.es534.js.map

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

package/dist/visualization.es535.js

@@ -1,11 +1,11 @@
-import { makeUseVisualState as e } from "./visualization.es174.js";
-import { createSvgRenderState as r } from "./visualization.es599.js";
-import { scrapeMotionValuesFromProps as t } from "./visualization.es436.js";
+import { makeUseVisualState as e } from "./visualization.es160.js";
+import { createHtmlRenderState as t } from "./visualization.es598.js";
+import { scrapeMotionValuesFromProps as r } from "./visualization.es437.js";
 const m = /* @__PURE__ */ e({
-  scrapeMotionValuesFromProps: t,
-  createRenderState: r
+  scrapeMotionValuesFromProps: r,
+  createRenderState: t
 });
 export {
-  m as useSVGVisualState
+  m as useHTMLVisualState
 };
 //# sourceMappingURL=visualization.es535.js.map

package/dist/visualization.es535.js.map

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

package/dist/visualization.es536.js

@@ -1,23 +1,11 @@
-import { useRef as c, useInsertionEffect as l, useCallback as i } from "react";
-function s(p, u, e) {
-  const t = c(e);
-  l(() => {
-    t.current = e;
-  });
-  const f = c(null);
-  return i((r) => {
-    r && p.onMount?.(r);
-    const o = t.current;
-    if (typeof o == "function")
-      if (r) {
-        const n = o(r);
-        typeof n == "function" && (f.current = n);
-      } else f.current ? (f.current(), f.current = null) : o(r);
-    else o && (o.current = r);
-    u && (r ? u.mount(r) : u.unmount());
-  }, [u]);
-}
+import { makeUseVisualState as e } from "./visualization.es160.js";
+import { createSvgRenderState as r } from "./visualization.es599.js";
+import { scrapeMotionValuesFromProps as t } from "./visualization.es444.js";
+const m = /* @__PURE__ */ e({
+  scrapeMotionValuesFromProps: t,
+  createRenderState: r
+});
 export {
-  s as useMotionRef
+  m as useSVGVisualState
 };
 //# sourceMappingURL=visualization.es536.js.map

package/dist/visualization.es536.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es536.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/motion/utils/use-motion-ref.mjs"],"sourcesContent":["\"use client\";\nimport { useRef, useInsertionEffect, useCallback } from 'react';\n\n/**\n * Creates a ref function that, when called, hydrates the provided\n * external ref and VisualElement.\n */\nfunction useMotionRef(visualState, visualElement, externalRef) {\n    /**\n     * Store externalRef in a ref to avoid including it in the useCallback\n     * dependency array. Including externalRef in dependencies causes issues\n     * with libraries like Radix UI that create new callback refs on each render\n     * when using asChild - this would cause the callback to be recreated,\n     * triggering element remounts and breaking AnimatePresence exit animations.\n     */\n    const externalRefContainer = useRef(externalRef);\n    useInsertionEffect(() => {\n        externalRefContainer.current = externalRef;\n    });\n    // Store cleanup function returned by callback refs (React 19 feature)\n    const refCleanup = useRef(null);\n    return useCallback((instance) => {\n        if (instance) {\n            visualState.onMount?.(instance);\n        }\n        const ref = externalRefContainer.current;\n        if (typeof ref === \"function\") {\n            if (instance) {\n                const cleanup = ref(instance);\n                if (typeof cleanup === \"function\") {\n                    refCleanup.current = cleanup;\n                }\n            }\n            else if (refCleanup.current) {\n                refCleanup.current();\n                refCleanup.current = null;\n            }\n            else {\n                ref(instance);\n            }\n        }\n        else if (ref) {\n            ref.current = instance;\n        }\n        if (visualElement) {\n            instance ? visualElement.mount(instance) : visualElement.unmount();\n        }\n    }, [visualElement]);\n}\n\nexport { useMotionRef };\n//# sourceMappingURL=use-motion-ref.mjs.map\n"],"names":["useMotionRef","visualState","visualElement","externalRef","externalRefContainer","useRef","useInsertionEffect","refCleanup","useCallback","instance","ref","cleanup"],"mappings":";AAOA,SAASA,EAAaC,GAAaC,GAAeC,GAAa;AAQ3D,QAAMC,IAAuBC,EAAOF,CAAW;AAC/C,EAAAG,EAAmB,MAAM;AACrB,IAAAF,EAAqB,UAAUD;AAAA,EACnC,CAAC;AAED,QAAMI,IAAaF,EAAO,IAAI;AAC9B,SAAOG,EAAY,CAACC,MAAa;AAC7B,IAAIA,KACAR,EAAY,UAAUQ,CAAQ;AAElC,UAAMC,IAAMN,EAAqB;AACjC,QAAI,OAAOM,KAAQ;AACf,UAAID,GAAU;AACV,cAAME,IAAUD,EAAID,CAAQ;AAC5B,QAAI,OAAOE,KAAY,eACnBJ,EAAW,UAAUI;AAAA,MAE7B,MACK,CAAIJ,EAAW,WAChBA,EAAW,QAAO,GAClBA,EAAW,UAAU,QAGrBG,EAAID,CAAQ;AAAA,QAGf,CAAIC,MACLA,EAAI,UAAUD;AAElB,IAAIP,MACAO,IAAWP,EAAc,MAAMO,CAAQ,IAAIP,EAAc,QAAO;AAAA,EAExE,GAAG,CAACA,CAAa,CAAC;AACtB;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es536.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/render/svg/use-svg-visual-state.mjs"],"sourcesContent":["\"use client\";\nimport { scrapeSVGMotionValuesFromProps } from 'motion-dom';\nimport { makeUseVisualState } from '../../motion/utils/use-visual-state.mjs';\nimport { createSvgRenderState } from './utils/create-render-state.mjs';\n\nconst useSVGVisualState = /*@__PURE__*/ makeUseVisualState({\n    scrapeMotionValuesFromProps: scrapeSVGMotionValuesFromProps,\n    createRenderState: createSvgRenderState,\n});\n\nexport { useSVGVisualState };\n//# sourceMappingURL=use-svg-visual-state.mjs.map\n"],"names":["useSVGVisualState","makeUseVisualState","scrapeSVGMotionValuesFromProps","createSvgRenderState"],"mappings":";;;AAKK,MAACA,IAAkC,gBAAAC,EAAmB;AAAA,EACvD,6BAA6BC;AAAAA,EAC7B,mBAAmBC;AACvB,CAAC;","x_google_ignoreList":[0]}

package/dist/visualization.es537.js

@@ -1,66 +1,23 @@
-import { useContext as u, useRef as l, useInsertionEffect as x, useEffect as j } from "react";
-import { LazyContext as I } from "./visualization.es278.js";
-import { MotionConfigContext as k } from "./visualization.es189.js";
-import { MotionContext as S } from "./visualization.es175.js";
-import { PresenceContext as L } from "./visualization.es176.js";
-import { SwitchLayoutGroupContext as O } from "./visualization.es190.js";
-import { isRefObject as R } from "./visualization.es600.js";
-import { useIsomorphicLayoutEffect as b } from "./visualization.es186.js";
-import { optimizedAppearDataAttribute as H } from "./visualization.es340.js";
-function K(o, f, n, e, s, a) {
-  const { visualElement: y } = u(S), c = u(I), i = u(L), d = u(k), C = d.reducedMotion, M = d.skipAnimations, r = l(null), w = l(!1);
-  e = e || c.renderer, !r.current && e && (r.current = e(o, {
-    visualState: f,
-    parent: y,
-    props: n,
-    presenceContext: i,
-    blockInitialAnimation: i ? i.initial === !1 : !1,
-    reducedMotionConfig: C,
-    skipAnimations: M,
-    isSVG: a
-  }), w.current && r.current && (r.current.manuallyAnimateOnMount = !0));
-  const t = r.current, A = u(O);
-  t && !t.projection && s && (t.type === "html" || t.type === "svg") && z(r.current, n, s, A);
-  const g = l(!1);
-  x(() => {
-    t && g.current && t.update(n, i);
+import { useRef as c, useInsertionEffect as l, useCallback as i } from "react";
+function s(p, u, e) {
+  const t = c(e);
+  l(() => {
+    t.current = e;
   });
-  const m = n[H], p = l(!!m && typeof window < "u" && !window.MotionHandoffIsComplete?.(m) && window.MotionHasOptimisedAnimation?.(m));
-  return b(() => {
-    w.current = !0, t && (g.current = !0, window.MotionIsMounted = !0, t.updateFeatures(), t.scheduleRenderMicrotask(), p.current && t.animationState && t.animationState.animateChanges());
-  }), j(() => {
-    t && (!p.current && t.animationState && t.animationState.animateChanges(), p.current && (queueMicrotask(() => {
-      window.MotionHandoffMarkAsComplete?.(m);
-    }), p.current = !1), t.enteringChildren = void 0);
-  }), t;
-}
-function z(o, f, n, e) {
-  const { layoutId: s, layout: a, drag: y, dragConstraints: c, layoutScroll: i, layoutRoot: d, layoutAnchor: C, layoutCrossfade: M } = f;
-  o.projection = new n(o.latestValues, f["data-framer-portal-id"] ? void 0 : h(o.parent)), o.projection.setOptions({
-    layoutId: s,
-    layout: a,
-    alwaysMeasureLayout: !!y || c && R(c),
-    visualElement: o,
-    /**
-     * TODO: Update options in an effect. This could be tricky as it'll be too late
-     * to update by the time layout animations run.
-     * We also need to fix this safeToRemove by linking it up to the one returned by usePresence,
-     * ensuring it gets called if there's no potential layout animations.
-     *
-     */
-    animationType: typeof a == "string" ? a : "both",
-    initialPromotionConfig: e,
-    crossfade: M,
-    layoutScroll: i,
-    layoutRoot: d,
-    layoutAnchor: C
-  });
-}
-function h(o) {
-  if (o)
-    return o.options.allowProjection !== !1 ? o.projection : h(o.parent);
+  const f = c(null);
+  return i((r) => {
+    r && p.onMount?.(r);
+    const o = t.current;
+    if (typeof o == "function")
+      if (r) {
+        const n = o(r);
+        typeof n == "function" && (f.current = n);
+      } else f.current ? (f.current(), f.current = null) : o(r);
+    else o && (o.current = r);
+    u && (r ? u.mount(r) : u.unmount());
+  }, [u]);
 }
 export {
-  K as useVisualElement
+  s as useMotionRef
 };
 //# sourceMappingURL=visualization.es537.js.map

package/dist/visualization.es537.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es537.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/motion/utils/use-visual-element.mjs"],"sourcesContent":["\"use client\";\nimport { optimizedAppearDataAttribute } from 'motion-dom';\nimport { useContext, useRef, useInsertionEffect, useEffect } from 'react';\nimport { LazyContext } from '../../context/LazyContext.mjs';\nimport { MotionConfigContext } from '../../context/MotionConfigContext.mjs';\nimport { MotionContext } from '../../context/MotionContext/index.mjs';\nimport { PresenceContext } from '../../context/PresenceContext.mjs';\nimport { SwitchLayoutGroupContext } from '../../context/SwitchLayoutGroupContext.mjs';\nimport { isRefObject } from '../../utils/is-ref-object.mjs';\nimport { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.mjs';\n\nfunction useVisualElement(Component, visualState, props, createVisualElement, ProjectionNodeConstructor, isSVG) {\n    const { visualElement: parent } = useContext(MotionContext);\n    const lazyContext = useContext(LazyContext);\n    const presenceContext = useContext(PresenceContext);\n    const motionConfig = useContext(MotionConfigContext);\n    const reducedMotionConfig = motionConfig.reducedMotion;\n    const skipAnimations = motionConfig.skipAnimations;\n    const visualElementRef = useRef(null);\n    /**\n     * Track whether the component has been through React's commit phase.\n     * Used to detect when LazyMotion features load after the component has mounted.\n     */\n    const hasMountedOnce = useRef(false);\n    /**\n     * If we haven't preloaded a renderer, check to see if we have one lazy-loaded\n     */\n    createVisualElement =\n        createVisualElement ||\n            lazyContext.renderer;\n    if (!visualElementRef.current && createVisualElement) {\n        visualElementRef.current = createVisualElement(Component, {\n            visualState,\n            parent,\n            props,\n            presenceContext,\n            blockInitialAnimation: presenceContext\n                ? presenceContext.initial === false\n                : false,\n            reducedMotionConfig,\n            skipAnimations,\n            isSVG,\n        });\n        /**\n         * If the component has already mounted before features loaded (e.g. via\n         * LazyMotion with async feature loading), we need to force the initial\n         * animation to run. Otherwise state changes that occurred before features\n         * loaded will be lost and the element will snap to its final state.\n         */\n        if (hasMountedOnce.current && visualElementRef.current) {\n            visualElementRef.current.manuallyAnimateOnMount = true;\n        }\n    }\n    const visualElement = visualElementRef.current;\n    /**\n     * Load Motion gesture and animation features. These are rendered as renderless\n     * components so each feature can optionally make use of React lifecycle methods.\n     */\n    const initialLayoutGroupConfig = useContext(SwitchLayoutGroupContext);\n    if (visualElement &&\n        !visualElement.projection &&\n        ProjectionNodeConstructor &&\n        (visualElement.type === \"html\" || visualElement.type === \"svg\")) {\n        createProjectionNode(visualElementRef.current, props, ProjectionNodeConstructor, initialLayoutGroupConfig);\n    }\n    const isMounted = useRef(false);\n    useInsertionEffect(() => {\n        /**\n         * Check the component has already mounted before calling\n         * `update` unnecessarily. This ensures we skip the initial update.\n         */\n        if (visualElement && isMounted.current) {\n            visualElement.update(props, presenceContext);\n        }\n    });\n    /**\n     * Cache this value as we want to know whether HandoffAppearAnimations\n     * was present on initial render - it will be deleted after this.\n     */\n    const optimisedAppearId = props[optimizedAppearDataAttribute];\n    const wantsHandoff = useRef(Boolean(optimisedAppearId) &&\n        typeof window !== \"undefined\" &&\n        !window.MotionHandoffIsComplete?.(optimisedAppearId) &&\n        window.MotionHasOptimisedAnimation?.(optimisedAppearId));\n    useIsomorphicLayoutEffect(() => {\n        /**\n         * Track that this component has mounted. This is used to detect when\n         * LazyMotion features load after the component has already committed.\n         */\n        hasMountedOnce.current = true;\n        if (!visualElement)\n            return;\n        isMounted.current = true;\n        window.MotionIsMounted = true;\n        visualElement.updateFeatures();\n        visualElement.scheduleRenderMicrotask();\n        /**\n         * Ideally this function would always run in a useEffect.\n         *\n         * However, if we have optimised appear animations to handoff from,\n         * it needs to happen synchronously to ensure there's no flash of\n         * incorrect styles in the event of a hydration error.\n         *\n         * So if we detect a situtation where optimised appear animations\n         * are running, we use useLayoutEffect to trigger animations.\n         */\n        if (wantsHandoff.current && visualElement.animationState) {\n            visualElement.animationState.animateChanges();\n        }\n    });\n    useEffect(() => {\n        if (!visualElement)\n            return;\n        if (!wantsHandoff.current && visualElement.animationState) {\n            visualElement.animationState.animateChanges();\n        }\n        if (wantsHandoff.current) {\n            // This ensures all future calls to animateChanges() in this component will run in useEffect\n            queueMicrotask(() => {\n                window.MotionHandoffMarkAsComplete?.(optimisedAppearId);\n            });\n            wantsHandoff.current = false;\n        }\n        /**\n         * Now we've finished triggering animations for this element we\n         * can wipe the enteringChildren set for the next render.\n         */\n        visualElement.enteringChildren = undefined;\n    });\n    return visualElement;\n}\nfunction createProjectionNode(visualElement, props, ProjectionNodeConstructor, initialPromotionConfig) {\n    const { layoutId, layout, drag, dragConstraints, layoutScroll, layoutRoot, layoutAnchor, layoutCrossfade, } = props;\n    visualElement.projection = new ProjectionNodeConstructor(visualElement.latestValues, props[\"data-framer-portal-id\"]\n        ? undefined\n        : getClosestProjectingNode(visualElement.parent));\n    visualElement.projection.setOptions({\n        layoutId,\n        layout,\n        alwaysMeasureLayout: Boolean(drag) || (dragConstraints && isRefObject(dragConstraints)),\n        visualElement,\n        /**\n         * TODO: Update options in an effect. This could be tricky as it'll be too late\n         * to update by the time layout animations run.\n         * We also need to fix this safeToRemove by linking it up to the one returned by usePresence,\n         * ensuring it gets called if there's no potential layout animations.\n         *\n         */\n        animationType: typeof layout === \"string\" ? layout : \"both\",\n        initialPromotionConfig,\n        crossfade: layoutCrossfade,\n        layoutScroll,\n        layoutRoot,\n        layoutAnchor,\n    });\n}\nfunction getClosestProjectingNode(visualElement) {\n    if (!visualElement)\n        return undefined;\n    return visualElement.options.allowProjection !== false\n        ? visualElement.projection\n        : getClosestProjectingNode(visualElement.parent);\n}\n\nexport { useVisualElement };\n//# sourceMappingURL=use-visual-element.mjs.map\n"],"names":["useVisualElement","Component","visualState","props","createVisualElement","ProjectionNodeConstructor","isSVG","parent","useContext","MotionContext","lazyContext","LazyContext","presenceContext","PresenceContext","motionConfig","MotionConfigContext","reducedMotionConfig","skipAnimations","visualElementRef","useRef","hasMountedOnce","visualElement","initialLayoutGroupConfig","SwitchLayoutGroupContext","createProjectionNode","isMounted","useInsertionEffect","optimisedAppearId","optimizedAppearDataAttribute","wantsHandoff","useIsomorphicLayoutEffect","useEffect","initialPromotionConfig","layoutId","layout","drag","dragConstraints","layoutScroll","layoutRoot","layoutAnchor","layoutCrossfade","getClosestProjectingNode","isRefObject"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es537.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/motion/utils/use-motion-ref.mjs"],"sourcesContent":["\"use client\";\nimport { useRef, useInsertionEffect, useCallback } from 'react';\n\n/**\n * Creates a ref function that, when called, hydrates the provided\n * external ref and VisualElement.\n */\nfunction useMotionRef(visualState, visualElement, externalRef) {\n    /**\n     * Store externalRef in a ref to avoid including it in the useCallback\n     * dependency array. Including externalRef in dependencies causes issues\n     * with libraries like Radix UI that create new callback refs on each render\n     * when using asChild - this would cause the callback to be recreated,\n     * triggering element remounts and breaking AnimatePresence exit animations.\n     */\n    const externalRefContainer = useRef(externalRef);\n    useInsertionEffect(() => {\n        externalRefContainer.current = externalRef;\n    });\n    // Store cleanup function returned by callback refs (React 19 feature)\n    const refCleanup = useRef(null);\n    return useCallback((instance) => {\n        if (instance) {\n            visualState.onMount?.(instance);\n        }\n        const ref = externalRefContainer.current;\n        if (typeof ref === \"function\") {\n            if (instance) {\n                const cleanup = ref(instance);\n                if (typeof cleanup === \"function\") {\n                    refCleanup.current = cleanup;\n                }\n            }\n            else if (refCleanup.current) {\n                refCleanup.current();\n                refCleanup.current = null;\n            }\n            else {\n                ref(instance);\n            }\n        }\n        else if (ref) {\n            ref.current = instance;\n        }\n        if (visualElement) {\n            instance ? visualElement.mount(instance) : visualElement.unmount();\n        }\n    }, [visualElement]);\n}\n\nexport { useMotionRef };\n//# sourceMappingURL=use-motion-ref.mjs.map\n"],"names":["useMotionRef","visualState","visualElement","externalRef","externalRefContainer","useRef","useInsertionEffect","refCleanup","useCallback","instance","ref","cleanup"],"mappings":";AAOA,SAASA,EAAaC,GAAaC,GAAeC,GAAa;AAQ3D,QAAMC,IAAuBC,EAAOF,CAAW;AAC/C,EAAAG,EAAmB,MAAM;AACrB,IAAAF,EAAqB,UAAUD;AAAA,EACnC,CAAC;AAED,QAAMI,IAAaF,EAAO,IAAI;AAC9B,SAAOG,EAAY,CAACC,MAAa;AAC7B,IAAIA,KACAR,EAAY,UAAUQ,CAAQ;AAElC,UAAMC,IAAMN,EAAqB;AACjC,QAAI,OAAOM,KAAQ;AACf,UAAID,GAAU;AACV,cAAME,IAAUD,EAAID,CAAQ;AAC5B,QAAI,OAAOE,KAAY,eACnBJ,EAAW,UAAUI;AAAA,MAE7B,MACK,CAAIJ,EAAW,WAChBA,EAAW,QAAO,GAClBA,EAAW,UAAU,QAGrBG,EAAID,CAAQ;AAAA,QAGf,CAAIC,MACLA,EAAI,UAAUD;AAElB,IAAIP,MACAO,IAAWP,EAAc,MAAMO,CAAQ,IAAIP,EAAc,QAAO;AAAA,EAExE,GAAG,CAACA,CAAa,CAAC;AACtB;","x_google_ignoreList":[0]}

package/dist/visualization.es538.js

@@ -1,31 +1,66 @@
-const e = [
-  "animate",
-  "circle",
-  "defs",
-  "desc",
-  "ellipse",
-  "g",
-  "image",
-  "line",
-  "filter",
-  "marker",
-  "mask",
-  "metadata",
-  "path",
-  "pattern",
-  "polygon",
-  "polyline",
-  "rect",
-  "stop",
-  "switch",
-  "symbol",
-  "svg",
-  "text",
-  "tspan",
-  "use",
-  "view"
-];
+import { useContext as u, useRef as l, useInsertionEffect as x, useEffect as j } from "react";
+import { LazyContext as I } from "./visualization.es289.js";
+import { MotionConfigContext as k } from "./visualization.es175.js";
+import { MotionContext as S } from "./visualization.es161.js";
+import { PresenceContext as L } from "./visualization.es162.js";
+import { SwitchLayoutGroupContext as O } from "./visualization.es176.js";
+import { isRefObject as R } from "./visualization.es600.js";
+import { useIsomorphicLayoutEffect as b } from "./visualization.es172.js";
+import { optimizedAppearDataAttribute as H } from "./visualization.es348.js";
+function K(o, f, n, e, s, a) {
+  const { visualElement: y } = u(S), c = u(I), i = u(L), d = u(k), C = d.reducedMotion, M = d.skipAnimations, r = l(null), w = l(!1);
+  e = e || c.renderer, !r.current && e && (r.current = e(o, {
+    visualState: f,
+    parent: y,
+    props: n,
+    presenceContext: i,
+    blockInitialAnimation: i ? i.initial === !1 : !1,
+    reducedMotionConfig: C,
+    skipAnimations: M,
+    isSVG: a
+  }), w.current && r.current && (r.current.manuallyAnimateOnMount = !0));
+  const t = r.current, A = u(O);
+  t && !t.projection && s && (t.type === "html" || t.type === "svg") && z(r.current, n, s, A);
+  const g = l(!1);
+  x(() => {
+    t && g.current && t.update(n, i);
+  });
+  const m = n[H], p = l(!!m && typeof window < "u" && !window.MotionHandoffIsComplete?.(m) && window.MotionHasOptimisedAnimation?.(m));
+  return b(() => {
+    w.current = !0, t && (g.current = !0, window.MotionIsMounted = !0, t.updateFeatures(), t.scheduleRenderMicrotask(), p.current && t.animationState && t.animationState.animateChanges());
+  }), j(() => {
+    t && (!p.current && t.animationState && t.animationState.animateChanges(), p.current && (queueMicrotask(() => {
+      window.MotionHandoffMarkAsComplete?.(m);
+    }), p.current = !1), t.enteringChildren = void 0);
+  }), t;
+}
+function z(o, f, n, e) {
+  const { layoutId: s, layout: a, drag: y, dragConstraints: c, layoutScroll: i, layoutRoot: d, layoutAnchor: C, layoutCrossfade: M } = f;
+  o.projection = new n(o.latestValues, f["data-framer-portal-id"] ? void 0 : h(o.parent)), o.projection.setOptions({
+    layoutId: s,
+    layout: a,
+    alwaysMeasureLayout: !!y || c && R(c),
+    visualElement: o,
+    /**
+     * TODO: Update options in an effect. This could be tricky as it'll be too late
+     * to update by the time layout animations run.
+     * We also need to fix this safeToRemove by linking it up to the one returned by usePresence,
+     * ensuring it gets called if there's no potential layout animations.
+     *
+     */
+    animationType: typeof a == "string" ? a : "both",
+    initialPromotionConfig: e,
+    crossfade: M,
+    layoutScroll: i,
+    layoutRoot: d,
+    layoutAnchor: C
+  });
+}
+function h(o) {
+  if (o)
+    return o.options.allowProjection !== !1 ? o.projection : h(o.parent);
+}
 export {
-  e as lowercaseSVGElements
+  K as useVisualElement
 };
 //# sourceMappingURL=visualization.es538.js.map

package/dist/visualization.es538.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es538.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/render/svg/lowercase-elements.mjs"],"sourcesContent":["/**\n * We keep these listed separately as we use the lowercase tag names as part\n * of the runtime bundle to detect SVG components\n */\nconst lowercaseSVGElements = [\n    \"animate\",\n    \"circle\",\n    \"defs\",\n    \"desc\",\n    \"ellipse\",\n    \"g\",\n    \"image\",\n    \"line\",\n    \"filter\",\n    \"marker\",\n    \"mask\",\n    \"metadata\",\n    \"path\",\n    \"pattern\",\n    \"polygon\",\n    \"polyline\",\n    \"rect\",\n    \"stop\",\n    \"switch\",\n    \"symbol\",\n    \"svg\",\n    \"text\",\n    \"tspan\",\n    \"use\",\n    \"view\",\n];\n\nexport { lowercaseSVGElements };\n//# sourceMappingURL=lowercase-elements.mjs.map\n"],"names":["lowercaseSVGElements"],"mappings":"AAIK,MAACA,IAAuB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es538.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/motion/utils/use-visual-element.mjs"],"sourcesContent":["\"use client\";\nimport { optimizedAppearDataAttribute } from 'motion-dom';\nimport { useContext, useRef, useInsertionEffect, useEffect } from 'react';\nimport { LazyContext } from '../../context/LazyContext.mjs';\nimport { MotionConfigContext } from '../../context/MotionConfigContext.mjs';\nimport { MotionContext } from '../../context/MotionContext/index.mjs';\nimport { PresenceContext } from '../../context/PresenceContext.mjs';\nimport { SwitchLayoutGroupContext } from '../../context/SwitchLayoutGroupContext.mjs';\nimport { isRefObject } from '../../utils/is-ref-object.mjs';\nimport { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.mjs';\n\nfunction useVisualElement(Component, visualState, props, createVisualElement, ProjectionNodeConstructor, isSVG) {\n    const { visualElement: parent } = useContext(MotionContext);\n    const lazyContext = useContext(LazyContext);\n    const presenceContext = useContext(PresenceContext);\n    const motionConfig = useContext(MotionConfigContext);\n    const reducedMotionConfig = motionConfig.reducedMotion;\n    const skipAnimations = motionConfig.skipAnimations;\n    const visualElementRef = useRef(null);\n    /**\n     * Track whether the component has been through React's commit phase.\n     * Used to detect when LazyMotion features load after the component has mounted.\n     */\n    const hasMountedOnce = useRef(false);\n    /**\n     * If we haven't preloaded a renderer, check to see if we have one lazy-loaded\n     */\n    createVisualElement =\n        createVisualElement ||\n            lazyContext.renderer;\n    if (!visualElementRef.current && createVisualElement) {\n        visualElementRef.current = createVisualElement(Component, {\n            visualState,\n            parent,\n            props,\n            presenceContext,\n            blockInitialAnimation: presenceContext\n                ? presenceContext.initial === false\n                : false,\n            reducedMotionConfig,\n            skipAnimations,\n            isSVG,\n        });\n        /**\n         * If the component has already mounted before features loaded (e.g. via\n         * LazyMotion with async feature loading), we need to force the initial\n         * animation to run. Otherwise state changes that occurred before features\n         * loaded will be lost and the element will snap to its final state.\n         */\n        if (hasMountedOnce.current && visualElementRef.current) {\n            visualElementRef.current.manuallyAnimateOnMount = true;\n        }\n    }\n    const visualElement = visualElementRef.current;\n    /**\n     * Load Motion gesture and animation features. These are rendered as renderless\n     * components so each feature can optionally make use of React lifecycle methods.\n     */\n    const initialLayoutGroupConfig = useContext(SwitchLayoutGroupContext);\n    if (visualElement &&\n        !visualElement.projection &&\n        ProjectionNodeConstructor &&\n        (visualElement.type === \"html\" || visualElement.type === \"svg\")) {\n        createProjectionNode(visualElementRef.current, props, ProjectionNodeConstructor, initialLayoutGroupConfig);\n    }\n    const isMounted = useRef(false);\n    useInsertionEffect(() => {\n        /**\n         * Check the component has already mounted before calling\n         * `update` unnecessarily. This ensures we skip the initial update.\n         */\n        if (visualElement && isMounted.current) {\n            visualElement.update(props, presenceContext);\n        }\n    });\n    /**\n     * Cache this value as we want to know whether HandoffAppearAnimations\n     * was present on initial render - it will be deleted after this.\n     */\n    const optimisedAppearId = props[optimizedAppearDataAttribute];\n    const wantsHandoff = useRef(Boolean(optimisedAppearId) &&\n        typeof window !== \"undefined\" &&\n        !window.MotionHandoffIsComplete?.(optimisedAppearId) &&\n        window.MotionHasOptimisedAnimation?.(optimisedAppearId));\n    useIsomorphicLayoutEffect(() => {\n        /**\n         * Track that this component has mounted. This is used to detect when\n         * LazyMotion features load after the component has already committed.\n         */\n        hasMountedOnce.current = true;\n        if (!visualElement)\n            return;\n        isMounted.current = true;\n        window.MotionIsMounted = true;\n        visualElement.updateFeatures();\n        visualElement.scheduleRenderMicrotask();\n        /**\n         * Ideally this function would always run in a useEffect.\n         *\n         * However, if we have optimised appear animations to handoff from,\n         * it needs to happen synchronously to ensure there's no flash of\n         * incorrect styles in the event of a hydration error.\n         *\n         * So if we detect a situtation where optimised appear animations\n         * are running, we use useLayoutEffect to trigger animations.\n         */\n        if (wantsHandoff.current && visualElement.animationState) {\n            visualElement.animationState.animateChanges();\n        }\n    });\n    useEffect(() => {\n        if (!visualElement)\n            return;\n        if (!wantsHandoff.current && visualElement.animationState) {\n            visualElement.animationState.animateChanges();\n        }\n        if (wantsHandoff.current) {\n            // This ensures all future calls to animateChanges() in this component will run in useEffect\n            queueMicrotask(() => {\n                window.MotionHandoffMarkAsComplete?.(optimisedAppearId);\n            });\n            wantsHandoff.current = false;\n        }\n        /**\n         * Now we've finished triggering animations for this element we\n         * can wipe the enteringChildren set for the next render.\n         */\n        visualElement.enteringChildren = undefined;\n    });\n    return visualElement;\n}\nfunction createProjectionNode(visualElement, props, ProjectionNodeConstructor, initialPromotionConfig) {\n    const { layoutId, layout, drag, dragConstraints, layoutScroll, layoutRoot, layoutAnchor, layoutCrossfade, } = props;\n    visualElement.projection = new ProjectionNodeConstructor(visualElement.latestValues, props[\"data-framer-portal-id\"]\n        ? undefined\n        : getClosestProjectingNode(visualElement.parent));\n    visualElement.projection.setOptions({\n        layoutId,\n        layout,\n        alwaysMeasureLayout: Boolean(drag) || (dragConstraints && isRefObject(dragConstraints)),\n        visualElement,\n        /**\n         * TODO: Update options in an effect. This could be tricky as it'll be too late\n         * to update by the time layout animations run.\n         * We also need to fix this safeToRemove by linking it up to the one returned by usePresence,\n         * ensuring it gets called if there's no potential layout animations.\n         *\n         */\n        animationType: typeof layout === \"string\" ? layout : \"both\",\n        initialPromotionConfig,\n        crossfade: layoutCrossfade,\n        layoutScroll,\n        layoutRoot,\n        layoutAnchor,\n    });\n}\nfunction getClosestProjectingNode(visualElement) {\n    if (!visualElement)\n        return undefined;\n    return visualElement.options.allowProjection !== false\n        ? visualElement.projection\n        : getClosestProjectingNode(visualElement.parent);\n}\n\nexport { useVisualElement };\n//# sourceMappingURL=use-visual-element.mjs.map\n"],"names":["useVisualElement","Component","visualState","props","createVisualElement","ProjectionNodeConstructor","isSVG","parent","useContext","MotionContext","lazyContext","LazyContext","presenceContext","PresenceContext","motionConfig","MotionConfigContext","reducedMotionConfig","skipAnimations","visualElementRef","useRef","hasMountedOnce","visualElement","initialLayoutGroupConfig","SwitchLayoutGroupContext","createProjectionNode","isMounted","useInsertionEffect","optimisedAppearId","optimizedAppearDataAttribute","wantsHandoff","useIsomorphicLayoutEffect","useEffect","initialPromotionConfig","layoutId","layout","drag","dragConstraints","layoutScroll","layoutRoot","layoutAnchor","layoutCrossfade","getClosestProjectingNode","isRefObject"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/visualization.es539.js

@@ -1,8 +1,22 @@
-import { complex as e } from "./visualization.es399.js";
-const n = (r, t) => t === "zIndex" ? !1 : !!(typeof r == "number" || Array.isArray(r) || typeof r == "string" && // It's animatable if we have a string
-(e.test(r) || r === "0") && // And it contains numbers and/or colors
-!r.startsWith("url("));
+const c = /* @__PURE__ */ new WeakMap(), n = /* @__PURE__ */ new WeakMap(), a = (e) => {
+  const r = c.get(e.target);
+  r && r(e);
+}, b = (e) => {
+  e.forEach(a);
+};
+function i({ root: e, ...r }) {
+  const t = e || document;
+  n.has(t) || n.set(t, {});
+  const s = n.get(t), o = JSON.stringify(r);
+  return s[o] || (s[o] = new IntersectionObserver(b, { root: e, ...r })), s[o];
+}
+function v(e, r, t) {
+  const s = i(r);
+  return c.set(e, t), s.observe(e), () => {
+    c.delete(e), s.unobserve(e);
+  };
+}
 export {
-  n as isAnimatable
+  v as observeIntersection
 };
 //# sourceMappingURL=visualization.es539.js.map