@rosettadash/react 0.1.1 → 0.1.3

package/src/visual/display/3d-scatter/ThreeScatterPlot.js

@@ -1,10 +1,155 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-/** @rosettadash/react/visual/display/3d-scatter — visual.display.3d-scatter */
-export const ThreeScatterPlot = forwardRef(function ThreeScatterPlot(props, ref) {
-    var _a;
-    const { className, style, children } = props;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useEffect, useRef } from 'react';
+import * as THREE from 'three';
+import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js';
+const FALLBACK_POINTS = [
+    { id: 'a', label: 'A', x: 1, y: 2, z: 3 },
+    { id: 'b', label: 'B', x: 3, y: 1, z: 2 },
+    { id: 'c', label: 'C', x: 2, y: 3, z: 1 },
+];
+function normalizePoints(points) {
+    if (!points.length) {
+        return [];
+    }
+    const xs = points.map((point) => point.x);
+    const ys = points.map((point) => point.y);
+    const zs = points.map((point) => point.z);
+    const minX = Math.min(...xs);
+    const maxX = Math.max(...xs);
+    const minY = Math.min(...ys);
+    const maxY = Math.max(...ys);
+    const minZ = Math.min(...zs);
+    const maxZ = Math.max(...zs);
+    const spanX = maxX - minX || 1;
+    const spanY = maxY - minY || 1;
+    const spanZ = maxZ - minZ || 1;
+    return points.map((point) => (Object.assign(Object.assign({}, point), { nx: ((point.x - minX) / spanX - 0.5) * 4, ny: ((point.y - minY) / spanY - 0.5) * 4, nz: ((point.z - minZ) / spanZ - 0.5) * 4 })));
+}
+/** @rosettadash/react/visual/display/3d-scatter — Three.js scatter plot (price / distance / rating) */
+export const ThreeScatterPlot = forwardRef(function ThreeScatterPlot({ title, points = [], xAxisLabel, yAxisLabel, zAxisLabel, selectedId, onPointSelect, minHeight = '20rem', className, style, children, }, ref) {
+    const hostRef = useRef(null);
+    const pointMeshesRef = useRef(new Map());
+    const syncPointsRef = useRef(null);
+    const propsRef = useRef({ points, selectedId, onPointSelect });
+    propsRef.current = { points, selectedId, onPointSelect };
     const rootClass = ['rd-display-3d-scatter', className].filter(Boolean).join(' ');
-    return (_jsx("section", { ref: ref, className: rootClass, style: style, "data-testid": "rd-display-3d-scatter", "data-three-mode": props.mode, "data-three-title": props.title, "aria-label": (_a = props.title) !== null && _a !== void 0 ? _a : '3D host', children: children }));
+    const hostStyle = Object.assign(Object.assign({}, style), { minHeight: typeof minHeight === 'number' ? `${minHeight}px` : minHeight });
+    useEffect(() => {
+        const host = hostRef.current;
+        if (!host) {
+            return;
+        }
+        const scene = new THREE.Scene();
+        scene.background = new THREE.Color('#0f172a');
+        const camera = new THREE.PerspectiveCamera(45, 1, 0.1, 100);
+        camera.position.set(5, 4, 6);
+        const renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });
+        renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));
+        renderer.domElement.style.display = 'block';
+        renderer.domElement.style.width = '100%';
+        renderer.domElement.style.height = '100%';
+        host.appendChild(renderer.domElement);
+        scene.add(new THREE.AmbientLight(0xffffff, 0.75));
+        const keyLight = new THREE.DirectionalLight(0xffffff, 1);
+        keyLight.position.set(4, 6, 5);
+        scene.add(keyLight);
+        const grid = new THREE.GridHelper(5, 10, '#334155', '#1e293b');
+        grid.position.y = -2.2;
+        scene.add(grid);
+        const axes = new THREE.AxesHelper(2.5);
+        scene.add(axes);
+        const pointGeometry = new THREE.SphereGeometry(0.12, 12, 12);
+        const raycaster = new THREE.Raycaster();
+        const pointer = new THREE.Vector2();
+        const syncPoints = () => {
+            const { points: nextPoints, selectedId: nextSelected } = propsRef.current;
+            const meshes = pointMeshesRef.current;
+            const normalized = normalizePoints(nextPoints.length ? nextPoints : FALLBACK_POINTS);
+            for (const id of [...meshes.keys()]) {
+                if (!normalized.some((point) => point.id === id)) {
+                    const mesh = meshes.get(id);
+                    if (mesh) {
+                        mesh.material.dispose();
+                        mesh.removeFromParent();
+                    }
+                    meshes.delete(id);
+                }
+            }
+            for (const point of normalized) {
+                let mesh = meshes.get(point.id);
+                if (!mesh) {
+                    mesh = new THREE.Mesh(pointGeometry, new THREE.MeshStandardMaterial({ color: '#38bdf8' }));
+                    mesh.userData['id'] = point.id;
+                    scene.add(mesh);
+                    meshes.set(point.id, mesh);
+                }
+                mesh.position.set(point.nx, point.ny, point.nz);
+                const material = mesh.material;
+                const selected = point.id === nextSelected;
+                material.color.set(selected ? '#fbbf24' : '#38bdf8');
+                material.emissive.set(selected ? '#92400e' : '#000000');
+                material.emissiveIntensity = selected ? 0.35 : 0;
+            }
+        };
+        syncPoints();
+        syncPointsRef.current = syncPoints;
+        const controls = new OrbitControls(camera, renderer.domElement);
+        controls.enableDamping = true;
+        controls.dampingFactor = 0.08;
+        controls.minDistance = 3;
+        controls.maxDistance = 14;
+        const resize = () => {
+            const width = host.clientWidth || 1;
+            const height = host.clientHeight || 1;
+            camera.aspect = width / height;
+            camera.updateProjectionMatrix();
+            renderer.setSize(width, height, false);
+        };
+        const resizeObserver = new ResizeObserver(resize);
+        resizeObserver.observe(host);
+        resize();
+        let animationId = 0;
+        const tick = () => {
+            controls.update();
+            renderer.render(scene, camera);
+            animationId = requestAnimationFrame(tick);
+        };
+        tick();
+        const onPointerDown = (event) => {
+            var _a, _b, _c, _d;
+            const rect = renderer.domElement.getBoundingClientRect();
+            pointer.x = ((event.clientX - rect.left) / rect.width) * 2 - 1;
+            pointer.y = -((event.clientY - rect.top) / rect.height) * 2 + 1;
+            raycaster.setFromCamera(pointer, camera);
+            const hits = raycaster.intersectObjects([...pointMeshesRef.current.values()]);
+            const hit = (_a = hits[0]) === null || _a === void 0 ? void 0 : _a.object;
+            const id = (_b = hit === null || hit === void 0 ? void 0 : hit.userData) === null || _b === void 0 ? void 0 : _b['id'];
+            if (id) {
+                (_d = (_c = propsRef.current).onPointSelect) === null || _d === void 0 ? void 0 : _d.call(_c, id);
+            }
+        };
+        renderer.domElement.addEventListener('pointerdown', onPointerDown);
+        return () => {
+            syncPointsRef.current = null;
+            renderer.domElement.removeEventListener('pointerdown', onPointerDown);
+            cancelAnimationFrame(animationId);
+            resizeObserver.disconnect();
+            controls.dispose();
+            pointMeshesRef.current.forEach((mesh) => {
+                mesh.material.dispose();
+                mesh.removeFromParent();
+            });
+            pointMeshesRef.current.clear();
+            pointGeometry.dispose();
+            renderer.dispose();
+            renderer.domElement.remove();
+        };
+    }, []);
+    useEffect(() => {
+        var _a;
+        (_a = syncPointsRef.current) === null || _a === void 0 ? void 0 : _a.call(syncPointsRef);
+    }, [points, selectedId]);
+    const axisHint = [xAxisLabel, yAxisLabel, zAxisLabel].filter(Boolean).join(' · ');
+    return (_jsxs("section", { ref: ref, className: rootClass, style: hostStyle, "data-testid": "rd-display-3d-scatter", "aria-label": title !== null && title !== void 0 ? title : '3D scatter plot', children: [title ? _jsx("header", { className: "rd-display-3d-scatter__header", children: title }) : null, axisHint ? _jsx("p", { className: "rd-display-3d-scatter__axes", children: axisHint }) : null, _jsx("div", { ref: hostRef, className: "rd-display-3d-scatter__canvas-host" }), children] }));
 });
 //# sourceMappingURL=ThreeScatterPlot.js.map

package/src/visual/display/3d-scatter/ThreeScatterPlot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreeScatterPlot.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/visual/display/3d-scatter/ThreeScatterPlot.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAsC,MAAM,OAAO,CAAC;AAUvE,+EAA+E;AAC/E,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAAqC,SAAS,gBAAgB,CACtG,KAAK,EACL,GAAG;;IAEH,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,SAAS,GAAG,CAAC,uBAAuB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEjF,OAAO,CACL,kBAAS,GAAG,EAAE,GAAmC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,iBAAc,uBAAuB,qBAAkB,KAAK,CAAC,IAAI,sBAAoB,KAAK,CAAC,KAAK,gBAAc,MAAA,KAAK,CAAC,KAAK,mCAAI,SAAS,YAAG,QAAQ,GAAW,CAClP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"ThreeScatterPlot.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/visual/display/3d-scatter/ThreeScatterPlot.tsx"],"names":[],"mappings":"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"}

package/src/visual/display/3d-scatter/index.d.ts

@@ -1,2 +1,2 @@
-export type { ThreeScatterPlotProps } from './ThreeScatterPlot.js';
+export type { ScatterPlotPoint, ThreeScatterPlotProps } from './ThreeScatterPlot.js';
 export { ThreeScatterPlot } from './ThreeScatterPlot.js';

package/src/visual/display/equirect-globe/EquirectGlobe.d.ts

@@ -0,0 +1,21 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export interface EquirectGlobeMarker {
+    id: string;
+    lat: number;
+    lng: number;
+    label?: string;
+}
+export interface EquirectGlobeProps {
+    title?: string;
+    /** Equirectangular 2:1 world texture (lat/lng mapped to image x/y). */
+    imageUrl: string;
+    imageAttribution?: string;
+    markers?: EquirectGlobeMarker[];
+    selectedId?: string;
+    onMarkerSelect?: (id: string) => void;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+/** @rosettadash/react/visual/display/equirect-globe — equirectangular globe with marker overlay */
+export declare const EquirectGlobe: import("react").ForwardRefExoticComponent<EquirectGlobeProps & import("react").RefAttributes<HTMLElement>>;

package/src/visual/display/equirect-globe/EquirectGlobe.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+function project(lat, lng, width, height) {
+    return {
+        x: ((lng + 180) / 360) * width,
+        y: ((90 - lat) / 180) * height,
+    };
+}
+/** @rosettadash/react/visual/display/equirect-globe — equirectangular globe with marker overlay */
+export const EquirectGlobe = forwardRef(function EquirectGlobe({ title = 'Equirectangular globe', imageUrl, imageAttribution, markers = [], selectedId, onMarkerSelect, className, style, children, }, ref) {
+    const rootClass = ['rd-equirect-globe', className].filter(Boolean).join(' ');
+    const width = 720;
+    const height = 360;
+    return (_jsxs("section", { ref: ref, className: rootClass, style: style, "data-testid": "rd-equirect-globe", "aria-label": title, children: [_jsxs("div", { className: "rd-equirect-globe__viewport", children: [_jsx("img", { className: "rd-equirect-globe__image", src: imageUrl, alt: title, width: width, height: height, loading: "lazy", decoding: "async" }), _jsx("svg", { className: "rd-equirect-globe__markers", viewBox: `0 0 ${width} ${height}`, role: "img", "aria-hidden": markers.length === 0, children: markers.map((marker) => {
+                            var _a;
+                            const { x, y } = project(marker.lat, marker.lng, width, height);
+                            const selected = marker.id === selectedId;
+                            return (_jsxs("g", { className: "rd-equirect-globe__marker", style: { cursor: onMarkerSelect ? 'pointer' : undefined }, onClick: onMarkerSelect ? () => onMarkerSelect(marker.id) : undefined, onKeyDown: onMarkerSelect
+                                    ? (event) => {
+                                        if (event.key === 'Enter' || event.key === ' ') {
+                                            event.preventDefault();
+                                            onMarkerSelect(marker.id);
+                                        }
+                                    }
+                                    : undefined, role: onMarkerSelect ? 'button' : undefined, tabIndex: onMarkerSelect ? 0 : undefined, children: [_jsx("circle", { cx: x, cy: y, r: selected ? 7 : 5, fill: selected ? '#fbbf24' : '#ef4444', stroke: "#0f172a", strokeWidth: "2" }), _jsx("title", { children: (_a = marker.label) !== null && _a !== void 0 ? _a : marker.id })] }, marker.id));
+                        }) })] }), imageAttribution ? (_jsx("p", { className: "rd-equirect-globe__attribution", children: imageAttribution })) : null, children] }));
+});
+//# sourceMappingURL=EquirectGlobe.js.map

package/src/visual/display/equirect-globe/EquirectGlobe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EquirectGlobe.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/visual/display/equirect-globe/EquirectGlobe.tsx"],"names":[],"mappings":"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"}

package/src/visual/display/equirect-globe/index.d.ts

@@ -0,0 +1,2 @@
+export type { EquirectGlobeMarker, EquirectGlobeProps } from './EquirectGlobe.js';
+export { EquirectGlobe } from './EquirectGlobe.js';

package/src/visual/display/equirect-globe/index.js

@@ -0,0 +1,2 @@
+export { EquirectGlobe } from './EquirectGlobe.js';
+//# sourceMappingURL=index.js.map

package/src/visual/display/equirect-globe/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/visual/display/equirect-globe/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC"}

package/src/visual/display/geo-map/GeoMap.d.ts

@@ -0,0 +1,22 @@
+import { type CSSProperties } from 'react';
+import { type GeoMapMarker, type GeoMapProvider } from '@rosettadash/web-components/visual/display/geo-map';
+export type { GeoMapMarker, GeoMapProvider };
+export interface GeoMapProps {
+    provider?: GeoMapProvider;
+    tileUrl?: string;
+    apiKey?: string;
+    center?: string;
+    zoom?: number;
+    markers?: GeoMapMarker[];
+    selectedId?: string;
+    minHeight?: string | number;
+    className?: string;
+    style?: CSSProperties;
+    onMarkerSelect?: (detail: {
+        id: string;
+        lat: number;
+        lng: number;
+    }) => void;
+}
+/** React wrapper around `<rd-geo-map>`. */
+export declare const GeoMap: import("react").ForwardRefExoticComponent<GeoMapProps & import("react").RefAttributes<HTMLElement>>;

package/src/visual/display/geo-map/GeoMap.js

@@ -0,0 +1,29 @@
+import { createElement, forwardRef } from 'react';
+import { DB_GEO_MAP_TAG, registerRdGeoMap, } from '@rosettadash/web-components/visual/display/geo-map';
+import { useCustomElementHost } from '../../../lib/custom-element-host.js';
+/** React wrapper around `<rd-geo-map>`. */
+export const GeoMap = forwardRef(function GeoMap({ provider, tileUrl, apiKey, center, zoom, markers, selectedId, className, style, minHeight, onMarkerSelect, }, ref) {
+    const hostStyle = Object.assign(Object.assign({}, style), (minHeight !== undefined
+        ? { minHeight: typeof minHeight === 'number' ? `${minHeight}px` : minHeight }
+        : {}));
+    const hostRef = useCustomElementHost({
+        register: registerRdGeoMap,
+        attrs: {
+            tileUrl: 'tile-url',
+            apiKey: 'api-key',
+            selectedId: 'selected-id',
+        },
+        properties: ['markers'],
+        events: {
+            'marker-select': 'onMarkerSelect',
+        },
+    }, { provider, tileUrl, apiKey, center, zoom, selectedId }, {
+        onMarkerSelect: onMarkerSelect,
+    }, ref, { markers });
+    return createElement(DB_GEO_MAP_TAG, {
+        ref: hostRef,
+        className,
+        style: hostStyle,
+    });
+});
+//# sourceMappingURL=GeoMap.js.map

package/src/visual/display/geo-map/GeoMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeoMap.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/visual/display/geo-map/GeoMap.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAsB,MAAM,OAAO,CAAC;AACtE,OAAO,EACL,cAAc,EACd,gBAAgB,GAGjB,MAAM,oDAAoD,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAkB3E,2CAA2C;AAC3C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAA2B,SAAS,MAAM,CACxE,EACE,QAAQ,EACR,OAAO,EACP,MAAM,EACN,MAAM,EACN,IAAI,EACJ,OAAO,EACP,UAAU,EACV,SAAS,EACT,KAAK,EACL,SAAS,EACT,cAAc,GACf,EACD,GAAG;IAEH,MAAM,SAAS,mCACV,KAAK,GACL,CAAC,SAAS,KAAK,SAAS;QACzB,CAAC,CAAC,EAAE,SAAS,EAAE,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,IAAI,CAAC,CAAC,CAAC,SAAS,EAAE;QAC7E,CAAC,CAAC,EAAE,CAAC,CACR,CAAC;IAEF,MAAM,OAAO,GAAG,oBAAoB,CAClC;QACE,QAAQ,EAAE,gBAAgB;QAC1B,KAAK,EAAE;YACL,OAAO,EAAE,UAAU;YACnB,MAAM,EAAE,SAAS;YACjB,UAAU,EAAE,aAAa;SAC1B;QACD,UAAU,EAAE,CAAC,SAAS,CAAC;QACvB,MAAM,EAAE;YACN,eAAe,EAAE,gBAAgB;SAClC;KACF,EACD,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,EACvD;QACE,cAAc,EAAE,cAAyD;KAC1E,EACD,GAAG,EACH,EAAE,OAAO,EAAE,CACZ,CAAC;IAEF,OAAO,aAAa,CAAC,cAAc,EAAE;QACnC,GAAG,EAAE,OAAO;QACZ,SAAS;QACT,KAAK,EAAE,SAAS;KACjB,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/src/visual/display/geo-map/index.d.ts

@@ -0,0 +1,2 @@
+export type { GeoMapProps, GeoMapMarker, GeoMapProvider } from './GeoMap';
+export { GeoMap } from './GeoMap';

package/src/visual/display/geo-map/index.js

@@ -0,0 +1,2 @@
+export { GeoMap } from './GeoMap';
+//# sourceMappingURL=index.js.map

package/src/visual/display/geo-map/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/visual/display/geo-map/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/src/visual/filter/filter-summary/FilterSummary.d.ts

@@ -0,0 +1,16 @@
+import { type CSSProperties } from 'react';
+export interface FilterSummaryChip {
+    label: string;
+    value: string;
+}
+export interface FilterSummaryProps {
+    title?: string;
+    count: number;
+    countNoun?: string;
+    chips: FilterSummaryChip[];
+    hint?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+/** @rosettadash/react/visual/filter/filter-summary — visual.filter.filter-summary */
+export declare const FilterSummary: import("react").ForwardRefExoticComponent<FilterSummaryProps & import("react").RefAttributes<HTMLElement>>;

package/src/visual/filter/filter-summary/FilterSummary.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+/** @rosettadash/react/visual/filter/filter-summary — visual.filter.filter-summary */
+export const FilterSummary = forwardRef(function FilterSummary({ title = 'Filter results', count, countNoun = 'result', chips, hint, className, style }, ref) {
+    const rootClass = ['rd-filter-summary', className].filter(Boolean).join(' ');
+    const plural = count === 1 ? countNoun : `${countNoun}s`;
+    return (_jsxs("section", { ref: ref, className: rootClass, style: style, "data-testid": "rd-filter-summary", "aria-live": "polite", children: [_jsxs("div", { className: "rd-filter-summary__header", children: [_jsx("strong", { children: title }), _jsxs("span", { className: "rd-filter-summary__count", children: [count, " ", plural] })] }), _jsx("dl", { className: "rd-filter-summary__chips", children: chips.map((chip) => (_jsxs("div", { children: [_jsx("dt", { children: chip.label }), _jsx("dd", { children: chip.value })] }, chip.label))) }), hint ? _jsx("p", { className: "rd-filter-summary__hint", children: hint }) : null] }));
+});
+//# sourceMappingURL=FilterSummary.js.map

package/src/visual/filter/filter-summary/FilterSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterSummary.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/visual/filter/filter-summary/FilterSummary.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,OAAO,CAAC;AAiBvD,qFAAqF;AACrF,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAAkC,SAAS,aAAa,CAC7F,EAAE,KAAK,GAAG,gBAAgB,EAAE,KAAK,EAAE,SAAS,GAAG,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,EACxF,GAAG;IAEH,MAAM,SAAS,GAAG,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC7E,MAAM,MAAM,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,CAAC;IAEzD,OAAO,CACL,mBACE,GAAG,EAAE,GAAmC,EACxC,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,iBACA,mBAAmB,eACrB,QAAQ,aAElB,eAAK,SAAS,EAAC,2BAA2B,aACxC,2BAAS,KAAK,GAAU,EACxB,gBAAM,SAAS,EAAC,0BAA0B,aACvC,KAAK,OAAG,MAAM,IACV,IACH,EACN,aAAI,SAAS,EAAC,0BAA0B,YACrC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,0BACE,uBAAK,IAAI,CAAC,KAAK,GAAM,EACrB,uBAAK,IAAI,CAAC,KAAK,GAAM,KAFb,IAAI,CAAC,KAAK,CAGd,CACP,CAAC,GACC,EACJ,IAAI,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,yBAAyB,YAAE,IAAI,GAAK,CAAC,CAAC,CAAC,IAAI,IACxD,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/src/visual/filter/filter-summary/index.d.ts

@@ -0,0 +1,2 @@
+export type { FilterSummaryChip, FilterSummaryProps } from './FilterSummary.js';
+export { FilterSummary } from './FilterSummary.js';

package/src/visual/filter/filter-summary/index.js

@@ -0,0 +1,2 @@
+export { FilterSummary } from './FilterSummary.js';
+//# sourceMappingURL=index.js.map

package/src/visual/filter/filter-summary/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/visual/filter/filter-summary/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC"}

package/src/visual/input/date-range/DateRangeFilter.d.ts

@@ -1,8 +1,12 @@
 import { type CSSProperties, type ReactNode } from 'react';
 export interface DateRangeFilterProps {
     label?: string;
+    startLabel?: string;
+    endLabel?: string;
     startDate?: string;
     endDate?: string;
+    /** Use month pickers (YYYY-MM) instead of full date inputs — cleaner calendar UX. */
+    granularity?: 'date' | 'month';
     presetLabel?: string;
     onChange?: (range: {
         startDate: string;

package/src/visual/input/date-range/DateRangeFilter.js

@@ -2,8 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 /** @rosettadash/react/visual/input/date-range — visual.input.date-range */
 export const DateRangeFilter = forwardRef(function DateRangeFilter(props, ref) {
+    var _a, _b, _c, _d;
     const { className, style, children } = props;
     const rootClass = ['rd-input-date-range', className].filter(Boolean).join(' ');
-    return (_jsxs("section", { ref: ref, className: rootClass, style: style, "data-testid": "rd-input-date-range", children: [props.label ? _jsx("span", { className: "rd-field__label", children: props.label }) : null, _jsxs("div", { className: "rd-date-range__controls", children: [_jsx("input", { type: "date", className: "rd-input", value: props.startDate, onChange: (e) => { var _a, _b; return (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, { startDate: e.target.value, endDate: (_b = props.endDate) !== null && _b !== void 0 ? _b : '' }); } }), _jsx("span", { className: "rd-date-range__sep", children: "to" }), _jsx("input", { type: "date", className: "rd-input", value: props.endDate, onChange: (e) => { var _a, _b; return (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, { startDate: (_b = props.startDate) !== null && _b !== void 0 ? _b : '', endDate: e.target.value }); } })] }), props.presetLabel ? _jsx("span", { className: "rd-date-range__preset", children: props.presetLabel }) : null, children] }));
+    const inputType = props.granularity === 'month' ? 'month' : 'date';
+    return (_jsxs("section", { ref: ref, className: rootClass, style: style, "data-testid": "rd-input-date-range", children: [props.label ? _jsx("span", { className: "rd-field__label", children: props.label }) : null, _jsxs("div", { className: "rd-date-range__controls", children: [_jsxs("label", { className: "rd-date-range__field", children: [props.startLabel ? _jsx("span", { className: "rd-date-range__field-label", children: props.startLabel }) : null, _jsx("input", { type: inputType, className: "rd-input rd-date-range__input", "aria-label": (_a = props.startLabel) !== null && _a !== void 0 ? _a : `${(_b = props.label) !== null && _b !== void 0 ? _b : 'Date range'} start`, value: props.startDate, onChange: (e) => { var _a, _b; return (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, { startDate: e.target.value, endDate: (_b = props.endDate) !== null && _b !== void 0 ? _b : '' }); } })] }), _jsx("span", { className: "rd-date-range__sep", children: "to" }), _jsxs("label", { className: "rd-date-range__field", children: [props.endLabel ? _jsx("span", { className: "rd-date-range__field-label", children: props.endLabel }) : null, _jsx("input", { type: inputType, className: "rd-input rd-date-range__input", "aria-label": (_c = props.endLabel) !== null && _c !== void 0 ? _c : `${(_d = props.label) !== null && _d !== void 0 ? _d : 'Date range'} end`, value: props.endDate, onChange: (e) => { var _a, _b; return (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, { startDate: (_b = props.startDate) !== null && _b !== void 0 ? _b : '', endDate: e.target.value }); } })] })] }), props.presetLabel ? _jsx("span", { className: "rd-date-range__preset", children: props.presetLabel }) : null, children] }));
 });
 //# sourceMappingURL=DateRangeFilter.js.map

package/src/visual/input/date-range/DateRangeFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangeFilter.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/visual/input/date-range/DateRangeFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAsC,MAAM,OAAO,CAAC;AAavE,2EAA2E;AAC3E,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CAAoC,SAAS,eAAe,CACnG,KAAK,EACL,GAAG;IAEH,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,SAAS,GAAG,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE/E,OAAO,CACL,mBAAS,GAAG,EAAE,GAAmC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,iBAAc,qBAAqB,aACrH,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,iBAAiB,YAAE,KAAK,CAAC,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC5E,eAAK,SAAS,EAAC,yBAAyB,aACtC,gBAAO,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,eAAC,OAAA,MAAA,KAAK,CAAC,QAAQ,sDAAG,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,MAAA,KAAK,CAAC,OAAO,mCAAI,EAAE,EAAE,CAAC,CAAA,EAAA,GAAI,EAClK,eAAM,SAAS,EAAC,oBAAoB,mBAAU,EAC9C,gBAAO,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,eAAC,OAAA,MAAA,KAAK,CAAC,QAAQ,sDAAG,EAAE,SAAS,EAAE,MAAA,KAAK,CAAC,SAAS,mCAAI,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAA,EAAA,GAAI,IAC9J,EACL,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,uBAAuB,YAAE,KAAK,CAAC,WAAW,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC7F,QAAQ,IACD,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"DateRangeFilter.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/visual/input/date-range/DateRangeFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAsC,MAAM,OAAO,CAAC;AAiBvE,2EAA2E;AAC3E,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CAAoC,SAAS,eAAe,CACnG,KAAK,EACL,GAAG;;IAEH,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,SAAS,GAAG,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC/E,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;IAEnE,OAAO,CACL,mBAAS,GAAG,EAAE,GAAmC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,iBAAc,qBAAqB,aACrH,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,iBAAiB,YAAE,KAAK,CAAC,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC5E,eAAK,SAAS,EAAC,yBAAyB,aACtC,iBAAO,SAAS,EAAC,sBAAsB,aACpC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,4BAA4B,YAAE,KAAK,CAAC,UAAU,GAAQ,CAAC,CAAC,CAAC,IAAI,EACjG,gBACE,IAAI,EAAE,SAAS,EACf,SAAS,EAAC,+BAA+B,gBAC7B,MAAA,KAAK,CAAC,UAAU,mCAAI,GAAG,MAAA,KAAK,CAAC,KAAK,mCAAI,YAAY,QAAQ,EACtE,KAAK,EAAE,KAAK,CAAC,SAAS,EACtB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,eACd,OAAA,MAAA,KAAK,CAAC,QAAQ,sDAAG,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,MAAA,KAAK,CAAC,OAAO,mCAAI,EAAE,EAAE,CAAC,CAAA,EAAA,GAE/E,IACI,EACR,eAAM,SAAS,EAAC,oBAAoB,mBAAU,EAC9C,iBAAO,SAAS,EAAC,sBAAsB,aACpC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,4BAA4B,YAAE,KAAK,CAAC,QAAQ,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC7F,gBACE,IAAI,EAAE,SAAS,EACf,SAAS,EAAC,+BAA+B,gBAC7B,MAAA,KAAK,CAAC,QAAQ,mCAAI,GAAG,MAAA,KAAK,CAAC,KAAK,mCAAI,YAAY,MAAM,EAClE,KAAK,EAAE,KAAK,CAAC,OAAO,EACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,eACd,OAAA,MAAA,KAAK,CAAC,QAAQ,sDAAG,EAAE,SAAS,EAAE,MAAA,KAAK,CAAC,SAAS,mCAAI,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAA,EAAA,GAEjF,IACI,IACJ,EACL,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,uBAAuB,YAAE,KAAK,CAAC,WAAW,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC7F,QAAQ,IACD,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/src/visual/input/number/NumberInput.d.ts

@@ -6,6 +6,7 @@ export interface NumberInputProps {
     max?: number;
     step?: number;
     value?: number;
+    disabled?: boolean;
     onChange?: (value: number) => void;
     className?: string;
     style?: CSSProperties;

package/src/visual/input/number/NumberInput.js

@@ -4,6 +4,6 @@ import { forwardRef } from 'react';
 export const NumberInput = forwardRef(function NumberInput(props, ref) {
     const { className, style, children } = props;
     const rootClass = ['rd-input-number', className].filter(Boolean).join(' ');
-    return (_jsxs("section", { ref: ref, className: rootClass, style: style, "data-testid": "rd-input-number", children: [props.label ? _jsx("span", { className: "rd-field__label", children: props.label }) : null, _jsx("input", { type: "number", className: "rd-input", placeholder: props.placeholder, min: props.min, max: props.max, step: props.step, value: props.value, onChange: (e) => { var _a; return (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, Number(e.target.value)); } }), children] }));
+    return (_jsxs("section", { ref: ref, className: rootClass, style: style, "data-testid": "rd-input-number", children: [props.label ? _jsx("span", { className: "rd-field__label", children: props.label }) : null, _jsx("input", { type: "number", className: "rd-input", placeholder: props.placeholder, min: props.min, max: props.max, step: props.step, value: props.value, disabled: props.disabled, onChange: (e) => { var _a; return (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, Number(e.target.value)); } }), children] }));
 });
 //# sourceMappingURL=NumberInput.js.map

package/src/visual/input/number/NumberInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/visual/input/number/NumberInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAsC,MAAM,OAAO,CAAC;AAevE,mEAAmE;AACnE,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAgC,SAAS,WAAW,CACvF,KAAK,EACL,GAAG;IAEH,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,SAAS,GAAG,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE3E,OAAO,CACL,mBAAS,GAAG,EAAE,GAAmC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,iBAAc,iBAAiB,aACjH,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,iBAAiB,YAAE,KAAK,CAAC,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC5E,gBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,UAAU,EACpB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,MAAA,KAAK,CAAC,QAAQ,sDAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAA,EAAA,GACzD,EACD,QAAQ,IACD,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/visual/input/number/NumberInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAsC,MAAM,OAAO,CAAC;AAgBvE,mEAAmE;AACnE,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAgC,SAAS,WAAW,CACvF,KAAK,EACL,GAAG;IAEH,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,SAAS,GAAG,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE3E,OAAO,CACL,mBAAS,GAAG,EAAE,GAAmC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,iBAAc,iBAAiB,aACjH,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,iBAAiB,YAAE,KAAK,CAAC,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC5E,gBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,UAAU,EACpB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,MAAA,KAAK,CAAC,QAAQ,sDAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAA,EAAA,GACzD,EACD,QAAQ,IACD,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/src/visual/input/text/TextInput.d.ts

@@ -5,6 +5,7 @@ export interface TextInputProps {
     required?: boolean;
     value?: string;
     defaultValue?: string;
+    inputType?: 'text' | 'password';
     onChange?: (value: string) => void;
     className?: string;
     style?: CSSProperties;

package/src/visual/input/text/TextInput.js

@@ -2,8 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 /** @rosettadash/react/visual/input/text — visual.input.text */
 export const TextInput = forwardRef(function TextInput(props, ref) {
+    var _a;
     const { className, style, children } = props;
     const rootClass = ['rd-input-text', className].filter(Boolean).join(' ');
-    return (_jsxs("section", { ref: ref, className: rootClass, style: style, "data-testid": "rd-input-text", children: [props.label ? _jsx("span", { className: "rd-field__label", children: props.label }) : null, _jsx("input", { type: "text", className: "rd-input", placeholder: props.placeholder, required: props.required, value: props.value, defaultValue: props.defaultValue, onChange: (e) => { var _a; return (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, e.target.value); } }), children] }));
+    return (_jsxs("section", { ref: ref, className: rootClass, style: style, "data-testid": "rd-input-text", children: [props.label ? _jsx("span", { className: "rd-field__label", children: props.label }) : null, _jsx("input", { type: (_a = props.inputType) !== null && _a !== void 0 ? _a : 'text', className: "rd-input", placeholder: props.placeholder, required: props.required, value: props.value, defaultValue: props.defaultValue, onChange: (e) => { var _a; return (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, e.target.value); } }), children] }));
 });
 //# sourceMappingURL=TextInput.js.map

package/src/visual/input/text/TextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/visual/input/text/TextInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAsC,MAAM,OAAO,CAAC;AAcvE,+DAA+D;AAC/D,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAA8B,SAAS,SAAS,CACjF,KAAK,EACL,GAAG;IAEH,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,SAAS,GAAG,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEzE,OAAO,CACL,mBAAS,GAAG,EAAE,GAAmC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,iBAAc,eAAe,aAC/G,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,iBAAiB,YAAE,KAAK,CAAC,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC5E,gBACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,UAAU,EACpB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,MAAA,KAAK,CAAC,QAAQ,sDAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA,EAAA,GACjD,EACD,QAAQ,IACD,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/visual/input/text/TextInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAsC,MAAM,OAAO,CAAC;AAevE,+DAA+D;AAC/D,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAA8B,SAAS,SAAS,CACjF,KAAK,EACL,GAAG;;IAEH,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,SAAS,GAAG,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEzE,OAAO,CACL,mBAAS,GAAG,EAAE,GAAmC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,iBAAc,eAAe,aAC/G,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,iBAAiB,YAAE,KAAK,CAAC,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC5E,gBACE,IAAI,EAAE,MAAA,KAAK,CAAC,SAAS,mCAAI,MAAM,EAC/B,SAAS,EAAC,UAAU,EACpB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,MAAA,KAAK,CAAC,QAAQ,sDAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA,EAAA,GACjD,EACD,QAAQ,IACD,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/src/visual/link-list/LinkList.d.ts

@@ -3,12 +3,15 @@ import { type CSSProperties } from 'react';
 export interface LinkListItem {
     label: string;
     href: string;
+    id?: string;
 }
 /** Public props contract for visual/link-list (parity with web-components). */
 export interface LinkListProps {
     items?: LinkListItem[];
     className?: string;
     dense?: boolean;
+    /** When set, renders buttons instead of anchors and invokes on selection. */
+    onItemSelect?: (item: LinkListItem) => void;
     style?: CSSProperties;
 }
 export declare const LinkList: import("react").ForwardRefExoticComponent<LinkListProps & import("react").RefAttributes<HTMLUListElement>>;

package/src/visual/link-list/LinkList.js

@@ -1,13 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-export const LinkList = forwardRef(function LinkList({ items = [], className, dense = false, style }, ref) {
+export const LinkList = forwardRef(function LinkList({ items = [], className, dense = false, onItemSelect, style }, ref) {
     const rootClass = [
         'rd-link-list',
         dense ? 'rd-link-list--dense' : '',
+        onItemSelect ? 'rd-link-list--selectable' : '',
         className,
     ]
         .filter(Boolean)
         .join(' ');
-    return (_jsx("ul", { ref: ref, className: rootClass, style: style, "data-testid": "rd-link-list", children: items.map((item) => (_jsx("li", { className: "rd-link-list__item", children: _jsx("a", { className: "rd-link-list__link", href: item.href, children: item.label }) }, `${item.href}:${item.label}`))) }));
+    return (_jsx("ul", { ref: ref, className: rootClass, style: style, "data-testid": "rd-link-list", children: items.map((item) => (_jsx("li", { className: "rd-link-list__item", children: onItemSelect ? (_jsx("button", { type: "button", className: "rd-link-list__button", onClick: () => onItemSelect(item), children: item.label })) : (_jsx("a", { className: "rd-link-list__link", href: item.href, children: item.label })) }, `${item.href}:${item.label}`))) }));
 });
 //# sourceMappingURL=LinkList.js.map

package/src/visual/link-list/LinkList.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkList.js","sourceRoot":"","sources":["../../../../../../packages/react/src/visual/link-list/LinkList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,OAAO,CAAC;AAgBvD,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAkC,SAAS,QAAQ,CACnF,EAAE,KAAK,GAAG,EAAE,EAAE,SAAS,EAAE,KAAK,GAAG,KAAK,EAAE,KAAK,EAAE,EAC/C,GAAG;IAEH,MAAM,SAAS,GAAG;QAChB,cAAc;QACd,KAAK,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE;QAClC,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,aAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,iBAAc,cAAc,YACzE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,aAAI,SAAS,EAAC,oBAAoB,YAChC,YAAG,SAAS,EAAC,oBAAoB,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,YAC9C,IAAI,CAAC,KAAK,GACT,IAHkC,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,CAI/D,CACN,CAAC,GACC,CACN,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"LinkList.js","sourceRoot":"","sources":["../../../../../../packages/react/src/visual/link-list/LinkList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,OAAO,CAAC;AAmBvD,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAkC,SAAS,QAAQ,CACnF,EAAE,KAAK,GAAG,EAAE,EAAE,SAAS,EAAE,KAAK,GAAG,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,EAC7D,GAAG;IAEH,MAAM,SAAS,GAAG;QAChB,cAAc;QACd,KAAK,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE;QAClC,YAAY,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE;QAC9C,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,aAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,iBAAc,cAAc,YACzE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,aAAI,SAAS,EAAC,oBAAoB,YAC/B,YAAY,CAAC,CAAC,CAAC,CACd,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,sBAAsB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,YACrF,IAAI,CAAC,KAAK,GACJ,CACV,CAAC,CAAC,CAAC,CACF,YAAG,SAAS,EAAC,oBAAoB,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,YAC9C,IAAI,CAAC,KAAK,GACT,CACL,IATqC,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,CAU/D,CACN,CAAC,GACC,CACN,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/src/visual/media/carousel/SlideCarousel.d.ts

@@ -0,0 +1,19 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export interface CarouselSlide {
+    id: string;
+    title: string;
+    subtitle?: string;
+    imageUrl: string;
+}
+export interface SlideCarouselProps {
+    title?: string;
+    slides?: CarouselSlide[];
+    selectedId?: string;
+    onSelect?: (id: string) => void;
+    autoplayMs?: number;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+/** @rosettadash/react/visual/media/carousel — thumbnail carousel with prev/next navigation */
+export declare const SlideCarousel: import("react").ForwardRefExoticComponent<SlideCarouselProps & import("react").RefAttributes<HTMLElement>>;

package/src/visual/media/carousel/SlideCarousel.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useCallback, useEffect, useState } from 'react';
+const FALLBACK_SLIDES = [
+    { id: '1', title: 'Slide A', imageUrl: 'data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22400%22 height=%22240%22%3E%3Crect fill=%22%23334155%22 width=%22100%25%22 height=%22100%25%22/%3E%3C/svg%3E' },
+    { id: '2', title: 'Slide B', imageUrl: 'data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22400%22 height=%22240%22%3E%3Crect fill=%22%231d4ed8%22 width=%22100%25%22 height=%22100%25%22/%3E%3C/svg%3E' },
+];
+/** @rosettadash/react/visual/media/carousel — thumbnail carousel with prev/next navigation */
+export const SlideCarousel = forwardRef(function SlideCarousel({ title, slides, selectedId, onSelect, autoplayMs = 0, className, style, children }, ref) {
+    var _a, _b;
+    const items = (slides === null || slides === void 0 ? void 0 : slides.length) ? slides : FALLBACK_SLIDES;
+    const selectedIndex = Math.max(0, selectedId ? items.findIndex((slide) => slide.id === selectedId) : 0);
+    const [activeIndex, setActiveIndex] = useState(selectedIndex >= 0 ? selectedIndex : 0);
+    useEffect(() => {
+        if (selectedId) {
+            const index = items.findIndex((slide) => slide.id === selectedId);
+            if (index >= 0) {
+                setActiveIndex(index);
+            }
+        }
+    }, [items, selectedId]);
+    const goTo = useCallback((index) => {
+        var _a, _b;
+        const wrapped = (index + items.length) % items.length;
+        setActiveIndex(wrapped);
+        onSelect === null || onSelect === void 0 ? void 0 : onSelect((_b = (_a = items[wrapped]) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : '');
+    }, [items, onSelect]);
+    useEffect(() => {
+        if (!autoplayMs || items.length < 2) {
+            return;
+        }
+        const timer = window.setInterval(() => goTo(activeIndex + 1), autoplayMs);
+        return () => window.clearInterval(timer);
+    }, [activeIndex, autoplayMs, goTo, items.length]);
+    const active = (_a = items[activeIndex]) !== null && _a !== void 0 ? _a : items[0];
+    return (_jsxs("section", { ref: ref, className: ['rd-media-carousel', className].filter(Boolean).join(' '), style: style, "data-testid": "rd-media-carousel", "aria-roledescription": "carousel", "aria-label": title !== null && title !== void 0 ? title : 'Media carousel', children: [title ? _jsx("header", { className: "rd-media-carousel__header", children: title }) : null, _jsxs("div", { className: "rd-media-carousel__viewport", children: [_jsx("button", { type: "button", className: "rd-media-carousel__nav", "aria-label": "Previous slide", onClick: () => goTo(activeIndex - 1), children: "\u2039" }), _jsxs("figure", { className: "rd-media-carousel__slide", children: [_jsx("img", { src: active === null || active === void 0 ? void 0 : active.imageUrl, alt: (_b = active === null || active === void 0 ? void 0 : active.title) !== null && _b !== void 0 ? _b : 'Carousel slide', className: "rd-media-carousel__image" }), _jsxs("figcaption", { className: "rd-media-carousel__caption", children: [_jsx("strong", { children: active === null || active === void 0 ? void 0 : active.title }), (active === null || active === void 0 ? void 0 : active.subtitle) ? _jsx("span", { children: active.subtitle }) : null] })] }), _jsx("button", { type: "button", className: "rd-media-carousel__nav", "aria-label": "Next slide", onClick: () => goTo(activeIndex + 1), children: "\u203A" })] }), _jsx("div", { className: "rd-media-carousel__dots", role: "tablist", "aria-label": "Carousel slides", children: items.map((slide, index) => (_jsx("button", { type: "button", role: "tab", "aria-selected": index === activeIndex, "aria-label": slide.title, className: ['rd-media-carousel__dot', index === activeIndex ? 'rd-media-carousel__dot--active' : '']
+                        .filter(Boolean)
+                        .join(' '), onClick: () => goTo(index) }, slide.id))) }), children] }));
+});
+//# sourceMappingURL=SlideCarousel.js.map