@blukavantui/charts-community 1.0.1 → 1.2.0

package/dist/motion.css

@@ -0,0 +1 @@
+.blu-chart__body{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}.blu-chart__body[data-legend-position=Top] .blu-chart__legend{grid-row:1}.blu-chart__body[data-legend-position=Bottom] .blu-chart__legend{grid-row:2}.blu-chart__body[data-legend-position=Left]{grid-template-columns:190px minmax(0,1fr);align-items:center}.blu-chart__body[data-legend-position=Right]{grid-template-columns:minmax(0,1fr) 190px;align-items:center}.blu-chart__body[data-legend-position=Left] .blu-chart__legend{grid-column:1;grid-row:1}.blu-chart__body[data-legend-position=Left] .blu-chart__stage,.blu-chart__body[data-legend-position=Right] .blu-chart__legend{grid-column:2;grid-row:1}.blu-chart__body[data-legend-position=Right] .blu-chart__stage{grid-column:1;grid-row:1}.blu-chart__body.blu-chart__body--no-legend{grid-template-columns:minmax(0,1fr);gap:0}.blu-chart__body--no-legend .blu-chart__stage{grid-column:1!important;grid-row:1!important}.blu-chart__legend{--legend-selected:color-mix(in srgb,var(--bluui-primary) 9%,var(--bluui-surface));min-width:0;padding:8px 20px 16px;font:12px/1.45 var(--bluui-font,Inter,system-ui,sans-serif);color:var(--bluui-text)}.blu-chart__legend-items{display:flex;flex-wrap:wrap;gap:8px}.blu-chart__legend-entry{min-width:0;max-width:100%;display:flex;align-items:center;gap:10px;border:1px solid transparent;background:transparent;color:inherit;font:inherit;text-align:left;padding:7px 8px;border-radius:8px;cursor:pointer;min-height:36px}.blu-chart__legend-entry:hover{background:var(--bluui-surface-muted)}.blu-chart__legend-entry[aria-pressed=true]{text-decoration:none;background:var(--legend-selected)}.blu-chart__legend-heading{display:flex;align-items:center;gap:7px;min-width:0}.blu-chart__legend-marker{display:flex;flex-shrink:0}.blu-chart__legend-text{overflow-wrap:anywhere}.blu-chart__legend-label{font-weight:500}.blu-chart__legend-detail,.blu-chart__legend-percent,.blu-chart__legend-note{font-size:11px;color:var(--bluui-text-muted)}.blu-chart__legend-numbers{display:flex;align-items:baseline;gap:10px;min-width:0;font-variant-numeric:tabular-nums}.blu-chart__legend-value{font-weight:600;letter-spacing:-.25px}.blu-chart__legend-check{visibility:hidden;margin-left:auto;color:var(--bluui-primary);font-weight:700;font-size:12px}[aria-pressed=true] .blu-chart__legend-check{visibility:visible}.blu-chart__legend[data-style=Standard] .blu-chart__legend-detail,.blu-chart__legend[data-style=Standard] .blu-chart__legend-check{display:none}.blu-chart__legend[data-style=Standard] .blu-chart__legend-value{font-size:11px;color:var(--bluui-text-muted)}.blu-chart__legend-track{display:none;height:3px;background:var(--bluui-border);border-radius:2px;overflow:hidden}.blu-chart__legend-track>span{display:block;height:100%}.blu-chart__legend-chip-host{min-width:0;max-width:100%}.blu-chart__legend .blu-chip.blu-chart__legend-chip{--chip-bg:transparent;--chip-fg:var(--bluui-text);--chip-border:var(--bluui-border);max-width:100%;box-shadow:none}.blu-chart__legend .blu-chart__legend-chip.blu-chip--selected{--chip-bg:var(--legend-selected);--chip-border:var(--bluui-primary);box-shadow:none}.blu-chart__legend .blu-chart__legend-chip .blu-chip__select{min-height:38px;padding:9px 12px;gap:10px;font:inherit;font-size:11px;text-align:left;justify-content:flex-start}.blu-chart__legend-chip .blu-chart__legend-label{font-weight:500}.blu-chart__legend-chip .blu-chart__legend-detail,.blu-chart__legend-chip .blu-chart__legend-check{display:none}.blu-chart__legend-chip [aria-pressed=true]{text-decoration:none}.blu-chart__legend-chip [aria-pressed=true] .blu-chart__legend-label{text-decoration:underline;text-underline-offset:3px}.blu-chart__legend-chip .blu-chart__legend-numbers{gap:7px;flex-wrap:wrap}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-items,.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-items{display:grid;grid-template-columns:repeat(var(--legend-columns,1),minmax(0,1fr));gap:10px}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-entry{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:10px 11px;border:0}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-numbers{margin-left:23px;justify-content:space-between}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-value{font-size:19px;letter-spacing:-.4px;line-height:1.3}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-detail{margin-left:23px}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-track{display:block;margin:3px 0 0 23px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-entry{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:12px;min-height:36px;align-self:start;border-color:var(--bluui-border);border-radius:12px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-entry[aria-pressed=true]{border-color:var(--bluui-primary)}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-heading{font-size:11px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-numbers{flex-direction:column;align-items:stretch;gap:6px;margin-top:10px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-value{font-size:24px;letter-spacing:-.6px;line-height:1.2}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-detail{margin-top:6px}.blu-chart__body:is([data-legend-position=Left],[data-legend-position=Right]) .blu-chart__legend{padding:8px 12px 16px}.blu-chart__body:is([data-legend-position=Left],[data-legend-position=Right]) .blu-chart__legend-items{display:flex;flex-direction:column}.blu-chart__body:is([data-legend-position=Left],[data-legend-position=Right]) .blu-chart__legend-entry{width:100%}.blu-chart__body:is([data-legend-position=Left],[data-legend-position=Right]) .blu-chart__legend[data-style=Standard] .blu-chart__legend-entry{flex-wrap:wrap;gap:4px 10px}.blu-chart__legend-scale{max-width:360px;min-width:0;margin:0 0 8px}.blu-chart__legend-scale-title{display:block;font-size:11px;font-weight:500;margin-bottom:10px;color:var(--bluui-text-muted)}.blu-chart__legend-gradient{height:8px;border-radius:4px}.blu-chart__legend-range{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-variant-numeric:tabular-nums}.blu-chart__legend[data-style=Compact] .blu-chart__legend-scale{padding:12px 16px;border:1px solid var(--bluui-border);border-radius:18px}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-scale{padding:10px 11px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-scale{padding:16px;border:1px solid var(--bluui-border);border-radius:12px}.blu-chart__legend-note{display:block;margin-top:10px}@media(forced-colors:active){.blu-chart__legend-entry{border:1px solid ButtonText!important}.blu-chart__legend-entry[aria-pressed=true],.blu-chart__legend .blu-chart__legend-chip.blu-chip--selected{outline:1px solid Highlight}.blu-chart__legend-marker svg{forced-color-adjust:none}.blu-chart__legend-gradient{background:Canvas!important;border:1px solid CanvasText}}.blu-chart{width:100%;min-width:0;color:var(--bluui-text,#182230);background:var(--bluui-surface,#fff);font:13px/1.5 var(--blu-font-family,Inter,system-ui,sans-serif)}.blu-chart [hidden]{display:none!important}.blu-chart__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 16px 12px}.blu-chart__heading>div:first-child{min-width:0}.blu-chart__heading h3{margin:0;color:inherit;font-size:16px;font-weight:650;letter-spacing:-.3px;overflow-wrap:anywhere}.blu-chart__heading p{margin:5px 0 0;font-size:11px;color:var(--bluui-text-muted,#667085);line-height:1.6;overflow-wrap:anywhere}.blu-chart__export{display:flex;gap:5px;flex-shrink:0;margin-left:auto}.blu-chart__export :is(select,button){font:inherit;font-size:11px;border:1px solid var(--bluui-border,#ddd);color:inherit;border-radius:6px;background:var(--bluui-surface,#fff);min-height:34px;padding:6px 8px;cursor:pointer}.blu-chart__export button:disabled{opacity:.5;cursor:default}.blu-chart__stage{position:relative;min-width:0}.blu-chart__plot{width:100%;min-width:0}.blu-chart__state{position:absolute;inset:0;display:grid;place-items:center;background:var(--bluui-surface-muted,#f8f8fa);color:var(--bluui-text-muted,#667085);padding:20px;text-align:center}.blu-chart__state--loading{grid-template-rows:minmax(0,1fr) auto;gap:14px;place-items:stretch;background:var(--bluui-surface,#fff);padding:16px}.blu-chart__skeleton{display:flex;flex-direction:column;gap:24px;min-width:0;min-height:0}.blu-chart__skeleton-key{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.blu-chart__skeleton-plot{flex:1;min-height:0}.blu-chart__skeleton-plot>div{height:100%}.blu-chart__state-message{font-size:12px}.blu-chart__data{margin:12px 16px 0;border-top:1px solid var(--bluui-border,#ddd);font-size:11px}.blu-chart__data summary{cursor:pointer;padding:12px 0;color:var(--bluui-text-muted,#667085)}.blu-chart__data--compact{margin-top:0;border-top:0}.blu-chart__data--compact summary{padding:6px 0}.blu-chart__table{overflow:auto;max-height:320px}.blu-chart__table table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums}.blu-chart__table caption{text-align:left;color:var(--bluui-text-muted,#667085);padding:8px}.blu-chart__table th,.blu-chart__table td{padding:8px;border-bottom:1px solid var(--bluui-border,#ddd);text-align:right}.blu-chart__table th:first-child{text-align:left}.blu-chart__table button{font:inherit;color:var(--bluui-primary,#6557e8);background:transparent;border:0;border-radius:3px;padding:5px;cursor:pointer}.blu-chart__table button[aria-pressed=true]{background:var(--bluui-selected,#eeeaff);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:700}.blu-chart :is(button,select,summary,[tabindex]):focus-visible{outline:2px solid var(--bluui-primary,#6557e8);outline-offset:2px}.blu-chart__status{font-size:11px;color:var(--bluui-text-muted,#667085);margin:0 16px}.blu-chart__status:not(:empty){padding:8px 0}@media(max-width:640px){.blu-chart__heading{flex-wrap:wrap;padding-inline:12px}.blu-chart__export{margin-left:0}.blu-chart__data{margin-inline:12px}}.blu-chart__navigation{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px}.blu-chart__navigation button{min-width:32px;min-height:32px;padding:5px 9px;font:inherit;font-size:12px;color:var(--bluui-text);background:var(--bluui-surface);border:1px solid var(--bluui-control-border);border-radius:5px;cursor:pointer}.blu-chart__stage[tabindex]:focus-visible{outline-offset:-3px}.blu-chart__state-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.blu-chart__patterns{display:flex;align-items:center;gap:8px;font-size:12px;padding:6px 0 12px;cursor:pointer}.blu-chart__patterns input{width:24px;height:24px;margin:0;accent-color:var(--bluui-color-primary-solid)}.blu-chart__missing-note{margin:8px 12px;color:var(--bluui-text-muted);font-size:12px;line-height:1.5}.blu-chart .blu-chart__patterns input[type=checkbox]{-webkit-appearance:none;appearance:none;box-sizing:border-box;position:relative;display:inline-block;flex:0 0 22px;width:22px;height:22px;min-width:22px;min-height:22px;margin:0;padding:0;border:1.5px solid var(--bluui-control-border,#7b8799);border-radius:6px;background-color:var(--bluui-surface,#fff);background-image:none;box-shadow:0 1px 2px #0f172a0f;vertical-align:middle;cursor:pointer;opacity:1;filter:none;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease}.blu-chart .blu-chart__patterns input[type=checkbox]:after{content:none}.blu-chart .blu-chart__patterns input[type=checkbox]:checked,.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate{border-color:var(--bluui-color-primary-solid,#4f46e5);background-color:var(--bluui-color-primary-solid,#4f46e5)}.blu-chart .blu-chart__patterns input[type=checkbox]:checked:after,.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate:after{content:"";box-sizing:content-box;position:absolute;width:10px;height:6px;inset:5px auto auto 4px;border:solid var(--bluui-color-primary-contrast,#fff);border-width:0 0 2px 2px;border-radius:0;background:none;-webkit-mask:none;mask:none;transform:rotate(-45deg);pointer-events:none}.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate:after{height:0;top:8px;border-width:0 0 2px;transform:none}.blu-chart .blu-chart__patterns input[type=checkbox]:hover:not(:disabled){border-color:var(--bluui-color-primary-solid,#4f46e5);box-shadow:0 0 0 3px var(--bluui-color-primary-soft,#eef2ff)}.blu-chart .blu-chart__patterns input[type=checkbox]:focus-visible{outline:2px solid var(--bluui-color-primary-solid,#4f46e5);outline-offset:3px}.blu-chart .blu-chart__patterns input[type=checkbox]:disabled{border-color:var(--bluui-border-strong,#b8c4d4);background-color:var(--bluui-surface-muted,#f7f8fb);box-shadow:none;cursor:not-allowed}.blu-chart .blu-chart__patterns input[type=checkbox]:disabled:checked,.blu-chart .blu-chart__patterns input[type=checkbox]:disabled:indeterminate{border-color:var(--bluui-text-muted,#5c6b80);background-color:var(--bluui-text-muted,#5c6b80)}@media(prefers-reduced-motion:reduce){.blu-chart .blu-chart__patterns input[type=checkbox]{transition:none}}.blu-chart .blu-chart__patterns input[type=checkbox]:before{content:none}@media(forced-colors:active){.blu-chart .blu-chart__patterns input[type=checkbox],.blu-chart .blu-chart__patterns input[type=checkbox]:checked,.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate,.blu-chart .blu-chart__patterns input[type=checkbox]:disabled,.blu-chart .blu-chart__patterns input[type=checkbox]:disabled:checked,.blu-chart .blu-chart__patterns input[type=checkbox]:disabled:indeterminate{-webkit-appearance:checkbox;appearance:auto;background:revert;border:revert;box-shadow:none;forced-color-adjust:auto}.blu-chart .blu-chart__patterns input[type=checkbox]:checked:after,.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate:after{content:none}}

package/dist/motion.d.ts

@@ -0,0 +1,40 @@
+import type { MotionState } from './motion-policy.ts';
+import type { ComponentMotionSettings } from '@blukavantui/community/motion/settings';
+export { createMotionSparkline } from './motion/sparkline.ts';
+export { createMotionLineChart } from './motion/line.ts';
+export { createMotionBarChart } from './motion/bar.ts';
+export { createMotionPieChart } from './motion/pie.ts';
+export { createMotionDoughnutChart } from './motion/doughnut.ts';
+export { createMotionScatterChart } from './motion/scatter.ts';
+export { createMotionRadarChart } from './motion/radar.ts';
+export { createMotionHeatmap } from './motion/heatmap.ts';
+export declare function createMotionCharts(motion: MotionState, defaults?: ComponentMotionSettings): {
+    configure(next?: ComponentMotionSettings): void;
+} & {
+    createSparkline: (host: HTMLElement, options: import("./sparkline.ts").SparklineOptions, events?: import("./sparkline.ts").SparklineEvents | undefined) => import("./sparkline.ts").SparklineInstance & {
+        setMotion(next?: ComponentMotionSettings): void;
+    };
+    createLineChart: (host: HTMLElement, options: import("./catalogue-types.ts").CartesianOptions, events?: import("./types.ts").ChartEvents<import("./catalogue-types.ts").ChartPoint> | undefined) => import("./types.ts").ChartInstance<import("./catalogue-types.ts").CartesianOptions> & {
+        setMotion(next?: ComponentMotionSettings): void;
+    };
+    createBarChart: (host: HTMLElement, options: import("./catalogue-types.ts").CartesianOptions, events?: import("./types.ts").ChartEvents<import("./catalogue-types.ts").ChartPoint> | undefined) => import("./types.ts").ChartInstance<import("./catalogue-types.ts").CartesianOptions> & {
+        setMotion(next?: ComponentMotionSettings): void;
+    };
+    createPieChart: (host: HTMLElement, options: import("./catalogue-types.ts").CircularOptions, events?: import("./types.ts").ChartEvents<import("./catalogue-types.ts").ChartPoint> | undefined) => import("./types.ts").ChartInstance<import("./catalogue-types.ts").CircularOptions> & {
+        setMotion(next?: ComponentMotionSettings): void;
+    };
+    createDoughnutChart: (host: HTMLElement, options: import("./catalogue-types.ts").CircularOptions, events?: import("./types.ts").ChartEvents<import("./catalogue-types.ts").ChartPoint> | undefined) => import("./types.ts").ChartInstance<import("./catalogue-types.ts").CircularOptions> & {
+        setMotion(next?: ComponentMotionSettings): void;
+    };
+    createScatterChart: (host: HTMLElement, options: import("./catalogue-types.ts").ScatterOptions, events?: import("./types.ts").ChartEvents<import("./catalogue-types.ts").ChartPoint> | undefined) => import("./types.ts").ChartInstance<import("./catalogue-types.ts").ScatterOptions> & {
+        setMotion(next?: ComponentMotionSettings): void;
+    };
+    createRadarChart: (host: HTMLElement, options: import("./catalogue-types.ts").RadarOptions, events?: import("./types.ts").ChartEvents<import("./catalogue-types.ts").ChartPoint> | undefined) => import("./types.ts").ChartInstance<import("./catalogue-types.ts").RadarOptions> & {
+        setMotion(next?: ComponentMotionSettings): void;
+    };
+    createHeatmap: (host: HTMLElement, options: import("./types.ts").HeatmapOptions, events?: import("./types.ts").ChartEvents<import("./types.ts").HeatmapPoint> | undefined) => import("./types.ts").ChartInstance<import("./types.ts").HeatmapOptions> & {
+        setMotion(next?: ComponentMotionSettings): void;
+    };
+} & {
+    destroy(): void;
+};

package/dist/motion.js

@@ -0,0 +1 @@
+import{a as u}from"./chunk-2GUWWKHW.js";import"./chunk-ILTENI35.js";import{a as m}from"./chunk-5NUOOMHV.js";import"./chunk-RXOGAN23.js";import{a as p}from"./chunk-4WDZUJDS.js";import"./chunk-WJ3UHH6J.js";import{a as c}from"./chunk-4B5MQ6GZ.js";import"./chunk-EITBQBN2.js";import{a as M}from"./chunk-4EQMOBBN.js";import"./chunk-UO2KNHTU.js";import{a as f}from"./chunk-NASBRHIW.js";import"./chunk-UQMMBG26.js";import{a as d}from"./chunk-CF5Q2DDP.js";import"./chunk-NXDBBMF5.js";import{a as h}from"./chunk-VTJ4XPRV.js";import"./chunk-UGXWOWAG.js";import"./chunk-MR5VITXX.js";import"./chunk-3PITHTEO.js";import"./chunk-RC2TCMJF.js";import{createMotionSettingsGroup as P}from"@blukavantui/community/motion/settings";function g(r,n,S={}){let i=P(S),a=new Set,e=!1;function F(o){return(s,l,x={})=>{if(e)throw Error("Motion charts are destroyed.");let t=o(s,l,n,x,i.settings),b=t.destroy.bind(t),y=!1,C=i.bind(t.setMotion);return t.setMotion=C.setMotion,t.destroy=()=>{y||(y=!0,a.delete(t),C.destroy(),b())},a.add(t),t}}return{configure(o={}){if(e)throw Error("Motion charts are destroyed.");i.configure(o)},...Object.fromEntries(Object.entries(r).map(([o,s])=>[o,F(s)])),destroy(){if(!e){e=!0;for(let o of[...a])o.destroy()}}}}function O(r,n={}){return g({createSparkline:m,createLineChart:p,createBarChart:c,createPieChart:M,createDoughnutChart:f,createScatterChart:d,createRadarChart:h,createHeatmap:u},r,n)}export{c as createMotionBarChart,O as createMotionCharts,f as createMotionDoughnutChart,u as createMotionHeatmap,p as createMotionLineChart,M as createMotionPieChart,h as createMotionRadarChart,d as createMotionScatterChart,m as createMotionSparkline};

package/dist/pie.js

@@ -1 +1 @@
-import{a}from"./chunk-YJKEV5J7.js";import"./chunk-QFXXWRD5.js";import"./chunk-QETOF22L.js";export{a as createPieChart};
+import{a}from"./chunk-OQ6MP7PY.js";import"./chunk-UO2KNHTU.js";import"./chunk-MR5VITXX.js";import"./chunk-RC2TCMJF.js";export{a as createPieChart};

package/dist/radar.js

@@ -1 +1 @@
-import{a}from"./chunk-JNSBTZUP.js";import"./chunk-QFXXWRD5.js";import"./chunk-QETOF22L.js";export{a as createRadarChart};
+import{a}from"./chunk-XLJUSNGV.js";import"./chunk-UGXWOWAG.js";import"./chunk-MR5VITXX.js";import"./chunk-RC2TCMJF.js";export{a as createRadarChart};

package/dist/scatter.js

@@ -1 +1 @@
-import{a}from"./chunk-FZ7J7BEC.js";import"./chunk-QFXXWRD5.js";import"./chunk-QETOF22L.js";export{a as createScatterChart};
+import{a}from"./chunk-FXNKAHRG.js";import"./chunk-NXDBBMF5.js";import"./chunk-MR5VITXX.js";import"./chunk-RC2TCMJF.js";export{a as createScatterChart};

package/dist/sparkline.js

@@ -1 +1 @@
-import{a}from"./chunk-MSZ5J5WG.js";import"./chunk-QETOF22L.js";export{a as createSparkline};
+import{b as a}from"./chunk-RXOGAN23.js";import"./chunk-RC2TCMJF.js";export{a as createSparkline};

package/dist/styles.css

@@ -461,6 +461,14 @@ The base shape remains visible when the animated overlay is removed. */
   -servicestudio-height: 20px;
 }
 
+/* The opt-in native motion adapter owns the shimmer. Avoid a second legacy
+wave, including when the adapter is Reduced or Off. Removing the adapter
+restores the existing IsAnimated behavior without changing its contract. */
+.blu-skeleton[data-blu-native-motion="loading-skeleton"]::after {
+  animation: none !important;
+  display: none !important;
+}
+
 /* BluKavantUI Charts Community / Sparkline. SVG scales with the container; colors inherit the
    shared palette. Values are always exposed through an accessible summary. */
 .blu-sparkline { min-width: 0; width: 100%; color: var(--bluui-text); }

package/dist/web-api.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.1",
+  "version": "1.2.0",
   "components": {
     "bar": {
       "entry": "bar",
@@ -3153,7 +3153,7 @@
           "description": "Returns a new String consisting of the single UTF-16 code unit located at the specified index."
         },
         {
-          "name": "__@iterator@50",
+          "name": "__@iterator@64",
           "type": "() => StringIterator<string>",
           "optional": false,
           "description": "Iterator"
@@ -4140,6 +4140,166 @@
           "source": "sparkline.d.ts"
         }
       ]
+    },
+    "web-motion-sparkline": {
+      "entry": "web-motion-sparkline",
+      "factory": "createMotionSparkline",
+      "signature": "(host: HTMLElement, options: SparklineOptions, events: SparklineEvents, policy: ChartPresentation): SparklineInstance",
+      "optionsType": "SparklineOptions",
+      "eventsPlacement": "third argument",
+      "options": [
+        {
+          "name": "Points",
+          "type": "BluSparklinePoint[]",
+          "optional": false,
+          "description": ""
+        },
+        {
+          "name": "Height",
+          "type": "number",
+          "optional": true,
+          "description": "Height in pixels, from 24 to 240. Defaults to 64."
+        },
+        {
+          "name": "Color",
+          "type": "ComponentColor",
+          "optional": true,
+          "description": ""
+        },
+        {
+          "name": "LineStyle",
+          "type": "'Straight' | 'Smooth'",
+          "optional": true,
+          "description": "A smooth curve that stays within the data range, or straight segments. Defaults to Smooth."
+        },
+        {
+          "name": "AnimateGlow",
+          "type": "boolean",
+          "optional": true,
+          "description": ""
+        },
+        {
+          "name": "Animation",
+          "type": "'Off' | 'Once' | 'Continuous'",
+          "optional": true,
+          "description": "A glow and point follow the line. Defaults to Once; reduced motion disables it."
+        },
+        {
+          "name": "AnimationDuration",
+          "type": "number",
+          "optional": true,
+          "description": "Seconds per pass, from 1 to 60. Defaults to 5."
+        },
+        {
+          "name": "ShowArea",
+          "type": "boolean",
+          "optional": true,
+          "description": ""
+        },
+        {
+          "name": "AreaOpacity",
+          "type": "number",
+          "optional": true,
+          "description": "Area opacity from 0 to 100 percent. Defaults to 18."
+        },
+        {
+          "name": "AreaFade",
+          "type": "boolean",
+          "optional": true,
+          "description": "Fade the area to transparent at the bottom. Defaults to true."
+        },
+        {
+          "name": "ShowEndMarker",
+          "type": "boolean",
+          "optional": true,
+          "description": "Final point for a static trend. Hidden during animation; a single value always remains visible."
+        },
+        {
+          "name": "ShowDataTable",
+          "type": "boolean",
+          "optional": true,
+          "description": ""
+        },
+        {
+          "name": "AccessibleLabel",
+          "type": "string",
+          "optional": true,
+          "description": ""
+        },
+        {
+          "name": "SummaryText",
+          "type": "string",
+          "optional": true,
+          "description": ""
+        },
+        {
+          "name": "EmptyText",
+          "type": "string",
+          "optional": true,
+          "description": ""
+        },
+        {
+          "name": "ExtendedClass",
+          "type": "string",
+          "optional": true,
+          "description": ""
+        },
+        {
+          "name": "Messages",
+          "type": "Record<string, string>",
+          "optional": true,
+          "description": "Plain-text translations for the summary, animation controls and data disclosure."
+        }
+      ],
+      "events": [
+        {
+          "name": "Error",
+          "type": "(message: string) => unknown",
+          "optional": true,
+          "description": ""
+        }
+      ],
+      "methods": [
+        {
+          "name": "element",
+          "type": "HTMLElement",
+          "optional": false,
+          "description": ""
+        },
+        {
+          "name": "update",
+          "type": "(options: Partial<SparklineOptions>) => void",
+          "optional": false,
+          "description": ""
+        },
+        {
+          "name": "destroy",
+          "type": "() => void",
+          "optional": false,
+          "description": ""
+        }
+      ],
+      "helpers": [],
+      "types": [
+        {
+          "name": "BluSparklinePoint",
+          "description": "One ordered numeric observation.",
+          "declaration": "interface BluSparklinePoint {\n    Label?: string;\n    Value: number;\n}",
+          "source": "sparkline.d.ts"
+        },
+        {
+          "name": "ChartPresentation",
+          "description": "Internal opt-in web presentation. Ordinary/native factories omit this policy.",
+          "declaration": "interface ChartPresentation {\n    /** Native integration can opt in/out without replacing the chart. */\n    enabled?(): boolean;\n    mode(host: HTMLElement): 'full' | 'reduced' | 'off';\n    timing?(): {\n        duration?: number;\n        easing?: string;\n        curve?: string;\n    };\n    subscribe(host: HTMLElement, refresh: () => void): () => void;\n}",
+          "source": "catalogue-runtime.d.ts"
+        },
+        {
+          "name": "ComponentColor",
+          "description": "Shared Web chart contracts; native inputs are normalized by the private adapter.",
+          "declaration": "type ComponentColor = 'Default' | 'Primary' | 'Secondary' | 'Success' | 'Processing' | 'Warning' | 'Error' | 'Danger' | 'Magenta' | 'Red' | 'Volcano' | 'Orange' | 'Gold' | 'Lime' | 'Green' | 'Cyan' | 'Blue' | 'GeekBlue' | 'Purple';",
+          "source": "types.d.ts"
+        }
+      ]
     }
   }
 }

package/dist/web-motion-sparkline.d.ts

@@ -0,0 +1,4 @@
+/** Local opt-in adapter. The compact SVG runtime and its ordinary defaults stay intact. */
+import { type SparklineOptions, type SparklineEvents } from './sparkline.ts';
+import type { ChartPresentation } from './catalogue-runtime.ts';
+export declare function createMotionSparkline(host: HTMLElement, options: SparklineOptions, events: SparklineEvents, policy: ChartPresentation): import("./sparkline.ts").SparklineInstance;

package/edition.json

@@ -1,6 +1,6 @@
 {
   "edition": "community",
-  "version": "1.0.1",
+  "version": "1.2.0",
   "platform": "web",
   "charts": [
     {

package/package.json

@@ -1,16 +1,51 @@
 {
   "name": "@blukavantui/charts-community",
-  "version": "1.0.1",
+  "version": "1.2.0",
   "description": "BluKavantUI Charts Community: 8 modular web charts. A separate chart bundle.",
   "type": "module",
   "license": "SEE LICENSE IN LICENSE.txt",
   "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
+    "access": "public"
   },
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
+    "./motion": {
+      "types": "./dist/motion.d.ts",
+      "import": "./dist/motion.js"
+    },
+    "./motion/sparkline": {
+      "types": "./dist/motion/sparkline.d.ts",
+      "import": "./dist/motion/sparkline.js"
+    },
+    "./motion/line": {
+      "types": "./dist/motion/line.d.ts",
+      "import": "./dist/motion/line.js"
+    },
+    "./motion/bar": {
+      "types": "./dist/motion/bar.d.ts",
+      "import": "./dist/motion/bar.js"
+    },
+    "./motion/pie": {
+      "types": "./dist/motion/pie.d.ts",
+      "import": "./dist/motion/pie.js"
+    },
+    "./motion/doughnut": {
+      "types": "./dist/motion/doughnut.d.ts",
+      "import": "./dist/motion/doughnut.js"
+    },
+    "./motion/scatter": {
+      "types": "./dist/motion/scatter.d.ts",
+      "import": "./dist/motion/scatter.js"
+    },
+    "./motion/radar": {
+      "types": "./dist/motion/radar.d.ts",
+      "import": "./dist/motion/radar.js"
+    },
+    "./motion/heatmap": {
+      "types": "./dist/motion/heatmap.d.ts",
+      "import": "./dist/motion/heatmap.js"
+    },
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
@@ -58,41 +93,13 @@
     "README.md",
     "LICENSE.txt",
     "THIRD_PARTY_NOTICES.txt",
-    "edition.json",
-    "scripts/build.mjs",
-    "tsconfig.json"
+    "edition.json"
   ],
   "sideEffects": [
     "**/*.css"
   ],
   "dependencies": {
-    "@blukavantui/community": "^1.0.1",
+    "@blukavantui/community": "^1.2.0",
     "echarts": "6.1.0"
-  },
-  "author": {
-    "name": "BluTek Media",
-    "url": "https://blutekmedia.com"
-  },
-  "homepage": "https://blukavantui.blutekmedia.com/charts",
-  "bugs": {
-    "url": "https://blutekmedia.com/contact"
-  },
-  "keywords": [
-    "blukavantui",
-    "charts",
-    "typescript",
-    "javascript",
-    "echarts",
-    "sparkline",
-    "data-visualization"
-  ],
-  "scripts": {
-    "check": "tsc --noEmit --emitDeclarationOnly false",
-    "build": "node scripts/build.mjs"
-  },
-  "devDependencies": {
-    "esbuild": "0.28.2",
-    "typescript": "6.0.3",
-    "@types/node": "24.12.0"
   }
 }

package/src/catalogue-runtime.ts

@@ -17,14 +17,24 @@ import {validateMapRegions} from './catalogue-model.ts';
 import './charts.css';
 
 type Builder=(o:any,t:ReturnType<typeof themeTokens>,mapName?:string,reducedMotion?:boolean,width?:number)=>echarts.EChartsCoreOption;
+/** Internal opt-in web presentation. Ordinary/native factories omit this policy. */
+export interface ChartPresentation {
+  /** Native integration can opt in/out without replacing the chart. */
+  enabled?(): boolean;
+  mode(host: HTMLElement): 'full' | 'reduced' | 'off';
+  timing?(): {duration?:number;easing?:string;curve?:string};
+  subscribe(host: HTMLElement, refresh: () => void): () => void;
+}
 export function createCatalogueChart<K extends CatalogueKind>(host:HTMLElement,kind:K,initial:OptionsByKind[K],events:ChartEvents<ChartPoint>,build:Builder):ChartInstance<OptionsByKind[K]> {
   return createChartRuntime(host,kind,initial,events,build);
 }
 /** One lifecycle for all ECharts families. Sparkline deliberately stays independent. */
-export function createChartRuntime<O extends RuntimeOptions,P=ChartPoint>(host:HTMLElement,kind:RuntimeKind,initial:O,events:ChartEvents<P>,build:Builder):ChartInstance<O> {
+export function createChartRuntime<O extends RuntimeOptions,P=ChartPoint>(host:HTMLElement,kind:RuntimeKind,initial:O,events:ChartEvents<P>,build:Builder,presentation?:ChartPresentation):ChartInstance<O> {
   let options={...defaults,...structuredClone(initial)} as O, requested=options;
   const emit=(callback:any,...args:any[])=>{if(destroyed)return;try{callback?.(...args);}catch(e){console.error('Chart event handler failed.',e);}};
   let destroyed=false, exporting=false, revision=0, frame=0, focusFrame=0, pending=false, ready=false, lastState='', resourceError='';
+  let stopPresentation=()=>{};
+  let dataFade:Animation|undefined,dataFadeMode:string|undefined;
   try{validateChart(kind,options);}catch(e){emit(events.Error,{Message:String((e as Error).message),Code:'InvalidData'});throw e;}
   let chart:echarts.EChartsType|undefined,legend:ReturnType<typeof createChartLegend>|undefined,config:any;
   let map:ReturnType<typeof mapRegistry.acquire>|undefined, geometry:GeoJSON|undefined,geometryKey='';
@@ -94,6 +104,7 @@ export function createChartRuntime<O extends RuntimeOptions,P=ChartPoint>(host:H
     if(restore)restorePointFocus(restore);
   }
   function paint(reset=false){
+    if(dataFade&&(presentation?.enabled?.()===false||!options.EnableAnimation||presentation?.mode(host)!==dataFadeMode)){dataFade.cancel();dataFade=undefined;}
     if(destroyed)return;
     const busy=pending||!!options.IsLoading,empty=!available(),failed=!!resourceError&&!busy;
     root.className=`blu-chart ${options.ExtendedClass||''}`;root.setAttribute('aria-label',options.AccessibleLabel||options.Title||'Chart');
@@ -110,7 +121,7 @@ export function createChartRuntime<O extends RuntimeOptions,P=ChartPoint>(host:H
     plot.style.height=`${options.Height}px`;plot.style.visibility=busy||empty?'hidden':'visible';plot.setAttribute('aria-busy',String(busy));
     if(kind==='calendar-heatmap'){const o=options as any;const weeks=Math.ceil(((Date.parse(o.RangeEnd)-Date.parse(o.RangeStart))/86400000+7)/7);plot.style.minWidth=`${Math.max(300,weeks*12+56)}px`;const stage=$('.blu-chart__stage');stage.style.overflowX='auto';stage.tabIndex=0;stage.setAttribute('role','region');stage.setAttribute('aria-label',msg('CalendarScroll','Calendar plot; scroll horizontally for more dates'));}
     const label=busy?msg('Loading',pending?'Loading map…':'Loading chart…'):options.EmptyMessage||'No data to display';
-    loading.update(busy,empty,label,!!options.EnableAnimation&&!motion.matches);announce.update(failed?resourceError:!busy&&!empty?msg('Ready','Chart ready.'):label);
+    loading.update(busy,empty,label,!!options.EnableAnimation&&!motion.matches&&(!presentation||presentation.enabled?.()===false||presentation.mode(host)==='full'));announce.update(failed?resourceError:!busy&&!empty?msg('Ready','Chart ready.'):label);
     download.disabled=exporting||busy||empty||failed;
     navigation.hidden=busy||empty||failed||!(kind==='geo-map'&&(options as any).Roam!==false||kind==='treemap'&&(options as any).Drilldown);
     if(kind==='geo-map'&&!navigation.children.length)navigation.innerHTML=['in','out','left','right','up','down','reset','full'].map(a=>`<button type="button" data-nav="${a}"></button>`).join('');
@@ -125,7 +136,29 @@ export function createChartRuntime<O extends RuntimeOptions,P=ChartPoint>(host:H
       delete next.legend;
       next.aria={...next.aria,description:`${options.Title}. ${options.Description||''} ${msg('DataAlternative','Original values and keyboard selection are in the data table.')}`};
       if(next.geo&&view){next.geo.zoom=view.zoom;if(view.center)next.geo.center=view.center;}
-      chart.resize();chart.setOption(next,{notMerge:true});config=next;
+      if(presentation&&presentation.enabled?.()!==false){
+        const timing=presentation.timing?.();
+        next.animation=!!options.EnableAnimation&&!motion.matches&&presentation.mode(host)==='full'&&timing?.duration!==0&&!busy&&!empty;
+        next.animationDuration=timing?.duration??750;next.animationDurationUpdate=timing?.duration??650;
+        next.animationEasing=next.animationEasingUpdate=timing?.easing??'cubicInOut';
+        // Stable data identity lets values move to their new shape instead of replaying an entrance.
+        next.series?.forEach((series:any, index:number)=>{
+          series.id ??= JSON.stringify([kind,series.type,series.name || (kind==='geo-map' ? series.type : index)]);
+          // Series and points keep semantic identity even when groups/categories reorder.
+          const identify=(datum:any, i:number)=>{
+            if(!datum || typeof datum!=='object' || datum.id!=null)return;
+            const key=datum.point?.Key ?? (kind==='mixed' ? (options as MixedChartOptions).Categories[i]?.Key : datum.name);
+            // Sankey source/target reference node IDs. Keep those IDs equal to the source keys.
+            if(key!=null)datum.id=kind==='sankey'?String(key):JSON.stringify([key,datum.point?.SeriesKey||'']);
+          };
+          series.data?.forEach(identify);series.links?.forEach(identify);
+        });
+        // A map can switch to locations only; remove the old colour scale as well.
+        if(kind==='geo-map' && !next.visualMap)next.visualMap=[];
+        // Preference changes settle any engine-owned motion immediately.
+        if(!next.animation&&config?.animation)chart.clear();
+      }
+      chart.resize();chart.setOption(next,presentation&&presentation.enabled?.()!==false?{notMerge:!!reset,replaceMerge:kind==='geo-map'?['series','visualMap']:['series']}:{notMerge:true});config=next;
       if(reset)treeRoot=undefined;
       if(kind==='treemap'&&treeRoot&&points().some(p=>p.Key===treeRoot))chart.dispatchAction({type:treeAction,seriesIndex:0,targetNodeId:treeRoot});
       legend?.render(options,next,t);
@@ -139,6 +172,17 @@ export function createChartRuntime<O extends RuntimeOptions,P=ChartPoint>(host:H
   function commit(next:O,cleared:boolean,nextMap=map,nextGeo=geometry,nextKey=geometryKey){
     const old={options,map,geometry,geometryKey,resourceError};options=next;map=nextMap;geometry=nextGeo;geometryKey=nextKey;
     try{resourceError='';status.textContent='';paint(old.options.ResetKey!==next.ResetKey||old.geometryKey!==nextKey);}catch(e){options=old.options;map=old.map;geometry=old.geometry;geometryKey=old.geometryKey;resourceError=old.resourceError;requested=options;try{paint();}catch{}if(nextMap!==old.map)nextMap?.release();throw e;}
+    // These engines replace heat colours / link geometry in one frame. Give
+    // actual data changes a readable fade while retaining the same chart,
+    // selection and accessible data table. The normal factories omit this.
+    if(presentation&&presentation.enabled?.()!==false&&['heatmap','calendar-heatmap','sankey'].includes(kind)&&old.options!==next&&JSON.stringify(chartPoints(kind,old.options))!==JSON.stringify(points())){
+      dataFade?.cancel();dataFade=undefined;
+      const mode=presentation.mode(host),timing=presentation.timing?.();
+      if(options.EnableAnimation&&mode!=='off'&&!options.IsLoading&&available()&&timing?.duration!==0){
+        const duration=mode==='reduced'||motion.matches?Math.min(timing?.duration??200,200):timing?.duration??650;
+        dataFadeMode=mode;dataFade=plot.animate([{opacity:.35},{opacity:1}],{duration,easing:timing?.curve||'ease-in-out'});
+      }
+    }
     if(old.map!==nextMap)old.map?.release();
     if(cleared)emit(events.SelectionChange,{Key:null,Reason:'DataChanged'});
   }
@@ -191,10 +235,10 @@ export function createChartRuntime<O extends RuntimeOptions,P=ChartPoint>(host:H
       }catch(e){if(!destroyed)report(e,e instanceof Error&&e.message==='ExportBusy'?'ExportBusy':'ExportFailed',requestId);throw e;}
       finally{if(owns){exporting=false;if(!destroyed)download.disabled=pending||!!resourceError||!!options.IsLoading||!available();}}
     },
-    destroy(){if(destroyed)return;destroyed=true;revision++;mapAbort?.abort();exportAbort.abort();cancelAnimationFrame(frame);cancelAnimationFrame(focusFrame);resize.disconnect();theme.disconnect();motion.removeEventListener('change',refresh);forced.removeEventListener('change',refresh);scheme.removeEventListener('change',refresh);document.removeEventListener('keydown',escape);announce.destroy();loading.destroy();legend?.destroy();chart?.dispose();map?.release();root.remove();}
+    destroy(){if(destroyed)return;destroyed=true;dataFade?.cancel();stopPresentation();revision++;mapAbort?.abort();exportAbort.abort();cancelAnimationFrame(frame);cancelAnimationFrame(focusFrame);resize.disconnect();theme.disconnect();motion.removeEventListener('change',refresh);forced.removeEventListener('change',refresh);scheme.removeEventListener('change',refresh);document.removeEventListener('keydown',escape);announce.destroy();loading.destroy();legend?.destroy();chart?.dispose();map?.release();root.remove();}
   };
   download.onclick=()=>void instance.download($<HTMLSelectElement>('select').value as ChartFormat).catch(()=>{});
   resize.observe(root);
-  try{apply(options);}catch(e){report(e);instance.destroy();throw e;}
+  try{apply(options);stopPresentation=presentation?.subscribe(host,refresh)||(()=>{});}catch(e){report(e);instance.destroy();throw e;}
   return instance;
 }

package/src/motion/bar.ts

@@ -0,0 +1,15 @@
+/** Optional motion factory; preserves the original chart contract. */
+import type {ComponentMotionSettings} from '@blukavantui/community/motion/settings';
+import {configuredChart,type MotionState} from '../motion-policy.ts';
+import {use} from 'echarts/core';
+import {createChartRuntime} from '../catalogue-runtime.ts';
+import {BarChart} from 'echarts/charts';
+import {GridComponent} from 'echarts/components';
+import {buildOption as bar} from '../builders/bar.ts';
+import type {CartesianOptions,ChartPoint} from '../catalogue-types.ts';
+import type {ChartEvents} from '../types.ts';
+export function createMotionBarChart(host: HTMLElement, options: CartesianOptions, motion: MotionState, events: ChartEvents<ChartPoint> = {}, settings:ComponentMotionSettings = {}) {
+  return configuredChart(host,motion,settings,(policy,host)=>{
+      use([BarChart, GridComponent]); return createChartRuntime(host, 'bar', options, events, bar, policy);
+  });
+}

package/src/motion/doughnut.ts

@@ -0,0 +1,14 @@
+/** Optional motion factory; preserves the original chart contract. */
+import type {ComponentMotionSettings} from '@blukavantui/community/motion/settings';
+import {configuredChart,type MotionState} from '../motion-policy.ts';
+import {use} from 'echarts/core';
+import {createChartRuntime} from '../catalogue-runtime.ts';
+import {PieChart} from 'echarts/charts';
+import {buildOption as doughnut} from '../builders/doughnut.ts';
+import type {ChartPoint,CircularOptions} from '../catalogue-types.ts';
+import type {ChartEvents} from '../types.ts';
+export function createMotionDoughnutChart(host: HTMLElement, options: CircularOptions, motion: MotionState, events: ChartEvents<ChartPoint> = {}, settings:ComponentMotionSettings = {}) {
+  return configuredChart(host,motion,settings,(policy,host)=>{
+      use([PieChart]); return createChartRuntime<CircularOptions, ChartPoint>(host, 'doughnut', options, events, doughnut, policy);
+  });
+}

package/src/motion/heatmap.ts

@@ -0,0 +1,14 @@
+/** Optional motion factory; preserves the original chart contract. */
+import type {ComponentMotionSettings} from '@blukavantui/community/motion/settings';
+import {configuredChart,type MotionState} from '../motion-policy.ts';
+import {use} from 'echarts/core';
+import {createChartRuntime} from '../catalogue-runtime.ts';
+import {HeatmapChart} from 'echarts/charts';
+import {GridComponent,VisualMapComponent} from 'echarts/components';
+import {heatmapOption as heatmap} from '../builders/heatmap.ts';
+import type {ChartEvents,HeatmapOptions,HeatmapPoint} from '../types.ts';
+export function createMotionHeatmap(host: HTMLElement, options: HeatmapOptions, motion: MotionState, events: ChartEvents<HeatmapPoint> = {}, settings:ComponentMotionSettings = {}) {
+  return configuredChart(host,motion,settings,(policy,host)=>{
+      use([HeatmapChart, GridComponent, VisualMapComponent]); return createChartRuntime<HeatmapOptions, HeatmapPoint>(host, 'heatmap', options, events, heatmap, policy);
+  });
+}

package/src/motion/line.ts

@@ -0,0 +1,15 @@
+/** Optional motion factory; preserves the original chart contract. */
+import type {ComponentMotionSettings} from '@blukavantui/community/motion/settings';
+import {configuredChart,type MotionState} from '../motion-policy.ts';
+import {use} from 'echarts/core';
+import {createChartRuntime} from '../catalogue-runtime.ts';
+import {LineChart} from 'echarts/charts';
+import {GridComponent} from 'echarts/components';
+import {buildOption as line} from '../builders/line.ts';
+import type {CartesianOptions,ChartPoint} from '../catalogue-types.ts';
+import type {ChartEvents} from '../types.ts';
+export function createMotionLineChart(host: HTMLElement, options: CartesianOptions, motion: MotionState, events: ChartEvents<ChartPoint> = {}, settings:ComponentMotionSettings = {}) {
+  return configuredChart(host,motion,settings,(policy,host)=>{
+      use([LineChart, GridComponent]); return createChartRuntime(host, 'line', options, events, line, policy);
+  });
+}

package/src/motion/pie.ts

@@ -0,0 +1,14 @@
+/** Optional motion factory; preserves the original chart contract. */
+import type {ComponentMotionSettings} from '@blukavantui/community/motion/settings';
+import {configuredChart,type MotionState} from '../motion-policy.ts';
+import {use} from 'echarts/core';
+import {createChartRuntime} from '../catalogue-runtime.ts';
+import {PieChart} from 'echarts/charts';
+import {buildOption as pie} from '../builders/pie.ts';
+import type {ChartPoint,CircularOptions} from '../catalogue-types.ts';
+import type {ChartEvents} from '../types.ts';
+export function createMotionPieChart(host: HTMLElement, options: CircularOptions, motion: MotionState, events: ChartEvents<ChartPoint> = {}, settings:ComponentMotionSettings = {}) {
+  return configuredChart(host,motion,settings,(policy,host)=>{
+      use([PieChart]); return createChartRuntime<CircularOptions, ChartPoint>(host, 'pie', options, events, pie, policy);
+  });
+}

package/src/motion/radar.ts

@@ -0,0 +1,15 @@
+/** Optional motion factory; preserves the original chart contract. */
+import type {ComponentMotionSettings} from '@blukavantui/community/motion/settings';
+import {configuredChart,type MotionState} from '../motion-policy.ts';
+import {use} from 'echarts/core';
+import {createChartRuntime} from '../catalogue-runtime.ts';
+import {RadarChart} from 'echarts/charts';
+import {RadarComponent} from 'echarts/components';
+import {buildOption as radar} from '../builders/radar.ts';
+import type {ChartPoint,RadarOptions} from '../catalogue-types.ts';
+import type {ChartEvents} from '../types.ts';
+export function createMotionRadarChart(host: HTMLElement, options: RadarOptions, motion: MotionState, events: ChartEvents<ChartPoint> = {}, settings:ComponentMotionSettings = {}) {
+  return configuredChart(host,motion,settings,(policy,host)=>{
+      use([RadarChart, RadarComponent]); return createChartRuntime<RadarOptions, ChartPoint>(host, 'radar', options, events, radar, policy);
+  });
+}