@weng-lab/visualization 2.4.0 → 2.4.1

package/dist/visualization.es541.js

@@ -1,17 +1,14 @@
-import { Fragment as p, useMemo as P, createElement as a } from "react";
-import { useHTMLProps as d } from "./visualization.es604.js";
-import { useSVGProps as V } from "./visualization.es605.js";
-import { filterProps as g } from "./visualization.es191.js";
-import { isSVGComponent as h } from "./visualization.es281.js";
-import { isMotionValue as M } from "./visualization.es193.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.es188.js";
+import { getCurrentTreeVariants as m } from "./visualization.es600.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.es541.js.map

package/dist/visualization.es541.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es541.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.es541.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.es542.js

@@ -1,11 +1,17 @@
-import { makeUseVisualState as e } from "./visualization.es183.js";
-import { createHtmlRenderState as t } from "./visualization.es606.js";
-import { scrapeMotionValuesFromProps as r } from "./visualization.es423.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.es601.js";
+import { useSVGProps as V } from "./visualization.es602.js";
+import { filterProps as g } from "./visualization.es195.js";
+import { isSVGComponent as h } from "./visualization.es291.js";
+import { isMotionValue as M } from "./visualization.es197.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.es542.js.map

package/dist/visualization.es542.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es542.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.es542.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.es543.js

@@ -1,11 +1,11 @@
-import { makeUseVisualState as e } from "./visualization.es183.js";
-import { createSvgRenderState as r } from "./visualization.es607.js";
-import { scrapeMotionValuesFromProps as t } from "./visualization.es430.js";
+import { makeUseVisualState as e } from "./visualization.es187.js";
+import { createHtmlRenderState as t } from "./visualization.es603.js";
+import { scrapeMotionValuesFromProps as r } from "./visualization.es436.js";
 const m = /* @__PURE__ */ e({
-  scrapeMotionValuesFromProps: t,
-  createRenderState: r
+  scrapeMotionValuesFromProps: r,
+  createRenderState: t
 });
 export {
-  m as useSVGVisualState
+  m as useHTMLVisualState
 };
 //# sourceMappingURL=visualization.es543.js.map

package/dist/visualization.es543.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es543.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.es543.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.es544.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.es187.js";
+import { createSvgRenderState as r } from "./visualization.es604.js";
+import { scrapeMotionValuesFromProps as t } from "./visualization.es443.js";
+const m = /* @__PURE__ */ e({
+  scrapeMotionValuesFromProps: t,
+  createRenderState: r
+});
 export {
-  s as useMotionRef
+  m as useSVGVisualState
 };
 //# sourceMappingURL=visualization.es544.js.map

package/dist/visualization.es544.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es544.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.es544.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.es545.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.es272.js";
-import { MotionConfigContext as k } from "./visualization.es198.js";
-import { MotionContext as S } from "./visualization.es184.js";
-import { PresenceContext as L } from "./visualization.es185.js";
-import { SwitchLayoutGroupContext as O } from "./visualization.es199.js";
-import { isRefObject as R } from "./visualization.es608.js";
-import { useIsomorphicLayoutEffect as b } from "./visualization.es195.js";
-import { optimizedAppearDataAttribute as H } from "./visualization.es334.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.es545.js.map

package/dist/visualization.es545.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es545.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.es545.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.es546.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.es285.js";
+import { MotionConfigContext as k } from "./visualization.es202.js";
+import { MotionContext as S } from "./visualization.es188.js";
+import { PresenceContext as L } from "./visualization.es189.js";
+import { SwitchLayoutGroupContext as O } from "./visualization.es203.js";
+import { isRefObject as R } from "./visualization.es605.js";
+import { useIsomorphicLayoutEffect as b } from "./visualization.es199.js";
+import { optimizedAppearDataAttribute as H } from "./visualization.es347.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.es546.js.map

package/dist/visualization.es546.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es546.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.es546.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.es547.js

@@ -1,4 +1,4 @@
-import { complex as e } from "./visualization.es393.js";
+import { complex as e } from "./visualization.es406.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("));

package/dist/visualization.es55.js

@@ -1,43 +1,73 @@
-import { jsxs as p, jsx as a } from "react/jsx-runtime";
-import { c as w } from "react/compiler-runtime";
-import x from "./visualization.es26.js";
-const g = 18, l = 12, u = 6, r = 8;
-function G(n) {
-  const t = Math.max(...n.map((h) => h.label.length)) * 7 + l + u + r * 2, e = n.length * g + r * 2;
-  return {
-    width: t,
-    height: e
-  };
-}
-const W = (n) => {
-  const t = w(11), {
-    series: e,
-    xMax: h
-  } = n;
-  let s;
-  t[0] !== e ? (s = G(e), t[0] = e, t[1] = s) : s = t[1];
-  const {
-    width: c,
-    height: f
-  } = s, m = h - c - 4;
-  let o;
-  t[2] !== f || t[3] !== c ? (o = /* @__PURE__ */ a("rect", { width: c, height: f, fill: "white", stroke: "#d4d4d4", strokeWidth: 1, rx: 3 }), t[2] = f, t[3] = c, t[4] = o) : o = t[4];
-  let i;
-  t[5] !== e ? (i = e.map(H), t[5] = e, t[6] = i) : i = t[6];
-  let d;
-  return t[7] !== m || t[8] !== o || t[9] !== i ? (d = /* @__PURE__ */ p(x, { left: m, top: 4, children: [
-    o,
-    i
-  ] }), t[7] = m, t[8] = o, t[9] = i, t[10] = d) : d = t[10], d;
-};
-function H(n, t) {
-  return /* @__PURE__ */ p(x, { top: r + t * g, children: [
-    /* @__PURE__ */ a("rect", { x: r, y: 2, width: l, height: l, fill: n.color, opacity: 0.85, rx: 2 }),
-    /* @__PURE__ */ a("text", { x: r + l + u, y: l / 2 + 2, dominantBaseline: "middle", fontSize: 11, children: n.label })
-  ] }, `legend-${t}`);
+import $ from "./visualization.es131.js";
+import { getFirstItem as A, getSecondItem as G } from "./visualization.es151.js";
+import M from "./visualization.es152.js";
+import P from "./visualization.es153.js";
+import W from "./visualization.es154.js";
+import X from "./visualization.es155.js";
+import Y from "./visualization.es94.js";
+import { jsx as m, Fragment as j } from "react/jsx-runtime";
+import q from "./visualization.es32.js";
+import C from "./visualization.es156.js";
+function Z(y) {
+  let {
+    data: g,
+    className: w,
+    top: N,
+    left: v,
+    y: a,
+    x0: c = A,
+    x1: B = G,
+    xScale: s,
+    yScale: i,
+    color: O,
+    keys: n,
+    value: f,
+    order: d,
+    offset: l,
+    children: p,
+    ...z
+  } = y;
+  const e = C();
+  n && e.keys(n), f && P(e.value, f), d && e.order(W(d)), l && e.offset(X(l));
+  const F = e(g), H = M(i), h = F.map((o, t) => {
+    const {
+      key: x
+    } = o;
+    return {
+      index: t,
+      key: x,
+      bars: o.map((r, u) => {
+        const k = (s(B(r)) || 0) - (s(c(r)) || 0), I = s(c(r)), S = "bandwidth" in i ? i(a(r.data)) : Math.max((i(a(r.data)) || 0) - k / 2);
+        return {
+          bar: r,
+          key: x,
+          index: u,
+          height: H,
+          width: k,
+          x: I || 0,
+          y: S || 0,
+          color: O(o.key, u)
+        };
+      })
+    };
+  });
+  return p ? /* @__PURE__ */ m(j, {
+    children: p(h)
+  }) : /* @__PURE__ */ m(q, {
+    className: $("visx-bar-stack-horizontal", w),
+    top: N,
+    left: v,
+    children: h.map((o) => o.bars.map((t) => /* @__PURE__ */ m(Y, {
+      x: t.x,
+      y: t.y,
+      height: t.height,
+      width: t.width,
+      fill: t.color,
+      ...z
+    }, `bar-stack-${o.index}-${t.index}`)))
+  });
 }
 export {
-  W as default,
-  G as legendDimensions
+  Z as default
 };
 //# sourceMappingURL=visualization.es55.js.map

package/dist/visualization.es55.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es55.js","sources":["../src/components/Histogram/HistogramLegend.tsx"],"sourcesContent":["import React from 'react';\nimport { Group } from '@visx/group';\nimport { HistogramSeries } from './types';\n\nconst ROW_HEIGHT = 18;\nconst SWATCH = 12;\nconst GAP = 6;\nconst PADDING = 8;\n\ninterface HistogramLegendProps {\n    series: HistogramSeries[];\n    xMax: number;\n}\n\nexport function legendDimensions(series: HistogramSeries[]) {\n    const width = Math.max(...series.map((s) => s.label.length)) * 7 + SWATCH + GAP + PADDING * 2;\n    const height = series.length * ROW_HEIGHT + PADDING * 2;\n    return { width, height };\n}\n\nconst HistogramLegend = ({ series, xMax }: HistogramLegendProps) => {\n    const { width, height } = legendDimensions(series);\n\n    return (\n        <Group left={xMax - width - 4} top={4}>\n            <rect width={width} height={height} fill=\"white\" stroke=\"#d4d4d4\" strokeWidth={1} rx={3} />\n            {series.map((s, i) => (\n                <Group key={`legend-${i}`} top={PADDING + i * ROW_HEIGHT}>\n                    <rect x={PADDING} y={2} width={SWATCH} height={SWATCH} fill={s.color} opacity={0.85} rx={2} />\n                    <text\n                        x={PADDING + SWATCH + GAP}\n                        y={SWATCH / 2 + 2}\n                        dominantBaseline=\"middle\"\n                        fontSize={11}\n                    >\n                        {s.label}\n                    </text>\n                </Group>\n            ))}\n        </Group>\n    );\n};\n\nexport default HistogramLegend;\n"],"names":["ROW_HEIGHT","SWATCH","GAP","PADDING","legendDimensions","series","width","Math","max","map","s","label","length","height","HistogramLegend","t0","$","_c","xMax","t1","t2","t3","jsx","t4","_temp","t5","jsxs","Group","i","color"],"mappings":";;;AAIA,MAAMA,IAAa,IACbC,IAAS,IACTC,IAAM,GACNC,IAAU;AAOT,SAASC,EAAiBC,GAA2B;AACxD,QAAMC,IAAQC,KAAKC,IAAI,GAAGH,EAAOI,IAAKC,CAAAA,MAAMA,EAAEC,MAAMC,MAAM,CAAC,IAAI,IAAIX,IAASC,IAAMC,IAAU,GACtFU,IAASR,EAAOO,SAASZ,IAAaG,IAAU;AACtD,SAAO;AAAA,IAAEG,OAAAA;AAAAA,IAAOO,QAAAA;AAAAA,EAAAA;AACpB;AAEA,MAAMC,IAAkBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAAZ,QAAAA;AAAAA,IAAAa,MAAAA;AAAAA,EAAAA,IAAAH;AAAsC,MAAAI;AAAA,EAAAH,SAAAX,KACjCc,IAAAf,EAAiBC,CAAM,GAACW,OAAAX,GAAAW,OAAAG,KAAAA,IAAAH,EAAA,CAAA;AAAlD,QAAA;AAAA,IAAAV,OAAAA;AAAAA,IAAAO,QAAAA;AAAAA,EAAAA,IAA0BM,GAGTC,IAAAF,IAAOZ,IAAQ;AAAC,MAAAe;AAAA,EAAAL,EAAA,CAAA,MAAAH,KAAAG,SAAAV,KACzBe,IAAA,gBAAAC,EAAA,QAAA,EAAahB,OAAAA,GAAeO,QAAAA,GAAa,MAAA,SAAe,QAAA,WAAuB,aAAA,GAAO,IAAA,EAAA,CAAC,GAAIG,OAAAH,GAAAG,OAAAV,GAAAU,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAAA,MAAAO;AAAA,EAAAP,SAAAX,KAC1FkB,IAAAlB,EAAMI,IAAKe,CAYX,GAACR,OAAAX,GAAAW,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AAAA,MAAAS;AAAA,SAAAT,EAAA,CAAA,MAAAI,KAAAJ,SAAAK,KAAAL,EAAA,CAAA,MAAAO,KAdNE,IAAA,gBAAAC,EAACC,GAAA,EAAY,MAAAP,GAAuB,KAAA,GAChCC,UAAAA;AAAAA,IAAAA;AAAAA,IACCE;AAAAA,EAAAA,GAaL,GAAQP,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAO,GAAAP,QAAAS,KAAAA,IAAAT,EAAA,EAAA,GAfRS;AAeQ;AAnBQ,SAAAD,EAAAd,GAAAkB,GAAA;AAAA,SAOR,gBAAAF,EAACC,GAAA,EAA+B,KAAAxB,IAAUyB,IAAI5B,GAC1C,UAAA;AAAA,IAAA,gBAAAsB,EAAA,QAAA,EAASnB,GAAAA,GAAY,MAAUF,OAAAA,GAAgBA,QAAAA,GAAc,MAAAS,EAACmB,OAAiB,SAAA,MAAU,IAAA,GAAC;AAAA,IAC1F,gBAAAP,YACO,GAAAnB,IAAUF,IAASC,GACnB,GAAAD,IAAS,IAAI,GACC,kBAAA,UACP,UAAA,IAETS,YAACC,MAAAA,CACN;AAAA,EAAA,EAAA,GATQ,UAAUiB,CAAC,EAUvB;AAAQ;"}
+{"version":3,"file":"visualization.es55.js","sources":["../../../node_modules/.pnpm/@visx+shape@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/shape/esm/shapes/BarStackHorizontal.js"],"sourcesContent":["import cx from 'classnames';\nimport { stack as d3stack } from '@visx/vendor/d3-shape';\nimport { Group } from '@visx/group';\nimport { getFirstItem, getSecondItem } from \"../util/accessors.js\";\nimport getBandwidth from \"../util/getBandwidth.js\";\nimport setNumOrAccessor from \"../util/setNumberOrNumberAccessor.js\";\nimport stackOrder from \"../util/stackOrder.js\";\nimport stackOffset from \"../util/stackOffset.js\";\nimport Bar from \"./Bar.js\";\nimport { Fragment as _Fragment, jsx as _jsx } from \"react/jsx-runtime\";\nexport default function BarStackHorizontal(_ref) {\n  let {\n    data,\n    className,\n    top,\n    left,\n    y,\n    x0 = getFirstItem,\n    x1 = getSecondItem,\n    xScale,\n    yScale,\n    color,\n    keys,\n    value,\n    order,\n    offset,\n    children,\n    ...restProps\n  } = _ref;\n  const stack = d3stack();\n  if (keys) stack.keys(keys);\n  if (value) setNumOrAccessor(stack.value, value);\n  if (order) stack.order(stackOrder(order));\n  if (offset) stack.offset(stackOffset(offset));\n  const stacks = stack(data);\n  const barHeight = getBandwidth(yScale);\n  const barStacks = stacks.map((barStack, i) => {\n    const {\n      key\n    } = barStack;\n    return {\n      index: i,\n      key,\n      bars: barStack.map((bar, j) => {\n        const barWidth = (xScale(x1(bar)) || 0) - (xScale(x0(bar)) || 0);\n        const barX = xScale(x0(bar));\n        const barY = 'bandwidth' in yScale ? yScale(y(bar.data)) : Math.max((yScale(y(bar.data)) || 0) - barWidth / 2);\n        return {\n          bar,\n          key,\n          index: j,\n          height: barHeight,\n          width: barWidth,\n          x: barX || 0,\n          y: barY || 0,\n          color: color(barStack.key, j)\n        };\n      })\n    };\n  });\n  if (children) return /*#__PURE__*/_jsx(_Fragment, {\n    children: children(barStacks)\n  });\n  return /*#__PURE__*/_jsx(Group, {\n    className: cx('visx-bar-stack-horizontal', className),\n    top: top,\n    left: left,\n    children: barStacks.map(barStack => barStack.bars.map(bar => /*#__PURE__*/_jsx(Bar, {\n      x: bar.x,\n      y: bar.y,\n      height: bar.height,\n      width: bar.width,\n      fill: bar.color,\n      ...restProps\n    }, `bar-stack-${barStack.index}-${bar.index}`)))\n  });\n}"],"names":["BarStackHorizontal","_ref","data","className","top","left","y","x0","getFirstItem","x1","getSecondItem","xScale","yScale","color","keys","value","order","offset","children","restProps","stack","d3stack","setNumOrAccessor","stackOrder","stackOffset","stacks","barHeight","getBandwidth","barStacks","barStack","i","key","bar","j","barWidth","barX","barY","_jsx","_Fragment","Group","cx","Bar"],"mappings":";;;;;;;;;;AAUe,SAASA,EAAmBC,GAAM;AAC/C,MAAI;AAAA,IACF,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,KAAAC;AAAA,IACA,MAAAC;AAAA,IACA,GAAAC;AAAA,IACA,IAAAC,IAAKC;AAAA,IACL,IAAAC,IAAKC;AAAA,IACL,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAMlB;AACJ,QAAMmB,IAAQC,EAAO;AACrB,EAAIP,KAAMM,EAAM,KAAKN,CAAI,GACrBC,KAAOO,EAAiBF,EAAM,OAAOL,CAAK,GAC1CC,KAAOI,EAAM,MAAMG,EAAWP,CAAK,CAAC,GACpCC,KAAQG,EAAM,OAAOI,EAAYP,CAAM,CAAC;AAC5C,QAAMQ,IAASL,EAAMlB,CAAI,GACnBwB,IAAYC,EAAaf,CAAM,GAC/BgB,IAAYH,EAAO,IAAI,CAACI,GAAUC,MAAM;AAC5C,UAAM;AAAA,MACJ,KAAAC;AAAA,IACN,IAAQF;AACJ,WAAO;AAAA,MACL,OAAOC;AAAA,MACP,KAAAC;AAAA,MACA,MAAMF,EAAS,IAAI,CAACG,GAAKC,MAAM;AAC7B,cAAMC,KAAYvB,EAAOF,EAAGuB,CAAG,CAAC,KAAK,MAAMrB,EAAOJ,EAAGyB,CAAG,CAAC,KAAK,IACxDG,IAAOxB,EAAOJ,EAAGyB,CAAG,CAAC,GACrBI,IAAO,eAAexB,IAASA,EAAON,EAAE0B,EAAI,IAAI,CAAC,IAAI,KAAK,KAAKpB,EAAON,EAAE0B,EAAI,IAAI,CAAC,KAAK,KAAKE,IAAW,CAAC;AAC7G,eAAO;AAAA,UACL,KAAAF;AAAA,UACA,KAAAD;AAAA,UACA,OAAOE;AAAA,UACP,QAAQP;AAAA,UACR,OAAOQ;AAAA,UACP,GAAGC,KAAQ;AAAA,UACX,GAAGC,KAAQ;AAAA,UACX,OAAOvB,EAAMgB,EAAS,KAAKI,CAAC;AAAA,QACtC;AAAA,MACM,CAAC;AAAA,IACP;AAAA,EACE,CAAC;AACD,SAAIf,IAA8BmB,gBAAAA,EAAKC,GAAW;AAAA,IAChD,UAAUpB,EAASU,CAAS;AAAA,EAChC,CAAG,IACmBS,gBAAAA,EAAKE,GAAO;AAAA,IAC9B,WAAWC,EAAG,6BAA6BrC,CAAS;AAAA,IACpD,KAAKC;AAAA,IACL,MAAMC;AAAA,IACN,UAAUuB,EAAU,IAAI,CAAAC,MAAYA,EAAS,KAAK,IAAI,CAAAG,MAAoBK,gBAAAA,EAAKI,GAAK;AAAA,MAClF,GAAGT,EAAI;AAAA,MACP,GAAGA,EAAI;AAAA,MACP,QAAQA,EAAI;AAAA,MACZ,OAAOA,EAAI;AAAA,MACX,MAAMA,EAAI;AAAA,MACV,GAAGb;AAAA,IACT,GAAO,aAAaU,EAAS,KAAK,IAAIG,EAAI,KAAK,EAAE,CAAC,CAAC;AAAA,EACnD,CAAG;AACH;","x_google_ignoreList":[0]}