@syntrologie/runtime-sdk 0.2.21 → 1.0.0

package/dist/components/TileCard.js

@@ -1,139 +1,173 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { useState, useEffect, useRef } from "react";
-import { renderBlock, isNewBlockType } from "../blocks";
-import { getRecipeStartRoute } from "../overlays/recipeRegistry";
-function ChatbotBlock({ config, telemetry, surface, }) {
+import { brand, slateGrey, red, text, border } from '@syntro/design-system/tokens';
+import { useState, useEffect, useRef, useCallback } from 'react';
+import { renderBlock, isNewBlockType } from '../blocks';
+import { CanvasEvents } from '../events/normalizers/canvas';
+import { useRuntime } from '../RuntimeProvider';
+function ChatbotBlock({ config, telemetry, surface }) {
     const [messages, setMessages] = useState([
-        { author: "Lumi", text: "Hi! Need clarity on a deduction?" },
+        { author: 'Lumi', text: 'Hi! Need clarity on a deduction?' },
     ]);
-    const [input, setInput] = useState("");
+    const [input, setInput] = useState('');
+    // Get runtime for publishing events to the EventBus
+    const runtime = useRuntime();
     const handleSubmit = (event) => {
         event.preventDefault();
         if (!input.trim())
             return;
-        setMessages((prev) => [...prev, { author: "You", text: input.trim() }]);
+        setMessages((prev) => [...prev, { author: 'You', text: input.trim() }]);
         setTimeout(() => {
             setMessages((prev) => [
                 ...prev,
                 {
-                    author: "Lumi",
-                    text: "I will route that to the experimentation server stub for now.",
+                    author: 'Lumi',
+                    text: 'I will route that to the experimentation server stub for now.',
                 },
             ]);
         }, 600);
-        telemetry === null || telemetry === void 0 ? void 0 : telemetry.trackAction("chatbot_message", config.id, surface);
-        setInput("");
+        // Telemetry tracking (PostHog)
+        telemetry === null || telemetry === void 0 ? void 0 : telemetry.trackAction('chatbot_message', config.id, surface);
+        // EventBus publishing
+        if (runtime) {
+            const event = CanvasEvents.tileAction(config.id, 'chatbot_message', surface);
+            runtime.events.publish(event.name, event.props, event.source);
+        }
+        setInput('');
     };
-    return (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "0.75rem", height: "100%" }, children: [_jsx("div", { style: {
+    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.75rem', height: '100%' }, children: [_jsx("div", { style: {
                     flex: 1,
-                    overflowY: "auto",
-                    padding: "0.75rem",
-                    background: "rgba(0, 0, 0, 0.2)",
-                    borderRadius: "8px",
-                    fontSize: "0.85rem",
-                }, children: messages.map((message, idx) => (_jsxs("p", { style: { margin: "0 0 0.5rem" }, children: [_jsxs("span", { style: { fontWeight: 600, color: "#94a3b8" }, children: [message.author, ":"] }), " ", _jsx("span", { style: { color: "#e2e8f0" }, children: message.text })] }, `${message.author}-${idx}`))) }), _jsxs("form", { onSubmit: handleSubmit, style: { display: "flex", gap: "0.5rem" }, children: [_jsx("input", { style: {
+                    overflowY: 'auto',
+                    padding: '0.75rem',
+                    background: `${slateGrey[0]}33`,
+                    borderRadius: '8px',
+                    fontSize: '0.85rem',
+                }, children: messages.map((message, idx) => (_jsxs("p", { style: { margin: '0 0 0.5rem' }, children: [_jsxs("span", { style: { fontWeight: 600, color: text.secondary }, children: [message.author, ":"] }), ' ', _jsx("span", { style: { color: text.primary }, children: message.text })] }, `${message.author}-${idx}`))) }), _jsxs("form", { onSubmit: handleSubmit, style: { display: 'flex', gap: '0.5rem' }, children: [_jsx("input", { style: {
                             flex: 1,
-                            padding: "0.5rem 0.75rem",
-                            borderRadius: "6px",
-                            border: "1px solid rgba(255, 255, 255, 0.1)",
-                            background: "rgba(0, 0, 0, 0.3)",
-                            color: "#f1f5f9",
-                            fontSize: "0.85rem",
-                            outline: "none",
+                            padding: '0.5rem 0.75rem',
+                            borderRadius: '6px',
+                            border: `1px solid ${border.secondary}`,
+                            background: `${slateGrey[0]}4d`,
+                            color: text.primary,
+                            fontSize: '0.85rem',
+                            outline: 'none',
                         }, value: input, onChange: (event) => setInput(event.target.value), placeholder: "Ask anything..." }), _jsx("button", { style: {
-                            padding: "0.5rem 0.75rem",
-                            borderRadius: "6px",
-                            border: "none",
-                            background: "#6366f1",
-                            color: "white",
+                            padding: '0.5rem 0.75rem',
+                            borderRadius: '6px',
+                            border: 'none',
+                            background: brand[3],
+                            color: 'white',
                             fontWeight: 600,
-                            fontSize: "0.8rem",
-                            cursor: "pointer",
+                            fontSize: '0.8rem',
+                            cursor: 'pointer',
                         }, type: "submit", children: "Send" })] })] }));
 }
-function CustomRendererWrapper({ renderer, config, surface, telemetry, isExpanded, }) {
+function CustomRendererWrapper({ renderer, config, surface, telemetry, isExpanded, runtime, }) {
     const containerRef = useRef(null);
     useEffect(() => {
         if (!containerRef.current)
             return;
-        // Pass isExpanded to tile components so they can adjust their rendering
-        const cleanup = renderer.mount(containerRef.current, { config, surface, telemetry, isExpanded });
+        // Pass isExpanded and runtime to tile components so they can adjust their rendering
+        const cleanup = renderer.mount(containerRef.current, {
+            config,
+            surface,
+            telemetry,
+            isExpanded,
+            runtime,
+        });
         return () => {
             if (cleanup)
                 cleanup();
         };
-    }, [renderer, config, surface, telemetry, isExpanded]);
-    return _jsx("div", { ref: containerRef, style: { width: "100%", height: "100%" } });
+    }, [renderer, config, surface, telemetry, isExpanded, runtime]);
+    return _jsx("div", { ref: containerRef, style: { width: '100%', height: '100%' } });
 }
 export function TileCard({ config, surface, telemetry, style, customRenderers, isExpanded = false, onToggleExpand, }) {
     var _a, _b, _c;
     const { title, subtitle, content, style: configStyle } = config;
-    const accentColor = (_a = configStyle === null || configStyle === void 0 ? void 0 : configStyle.accentColor) !== null && _a !== void 0 ? _a : "#6366f1";
+    // Get runtime for publishing events to the EventBus
+    const runtime = useRuntime();
+    // Helper to track action events (telemetry + EventBus)
+    const trackAction = useCallback((actionId) => {
+        // Telemetry tracking (PostHog)
+        telemetry === null || telemetry === void 0 ? void 0 : telemetry.trackAction(actionId, config.id, surface);
+        // EventBus publishing
+        if (runtime) {
+            const event = CanvasEvents.tileAction(config.id, actionId, surface);
+            runtime.events.publish(event.name, event.props, event.source);
+        }
+    }, [telemetry, runtime, config.id, surface]);
+    const accentColor = (_a = configStyle === null || configStyle === void 0 ? void 0 : configStyle.accentColor) !== null && _a !== void 0 ? _a : brand[3];
     // Collapsed height - consistent like macOS notification center
-    const collapsedHeight = "72px";
+    const collapsedHeight = '72px';
     const cardStyle = {
-        display: "flex",
-        flexDirection: "column",
-        borderRadius: "14px",
-        background: (_b = configStyle === null || configStyle === void 0 ? void 0 : configStyle.background) !== null && _b !== void 0 ? _b : "rgba(28, 28, 30, 0.95)",
-        border: "1px solid rgba(255, 255, 255, 0.08)",
-        boxShadow: "0 2px 12px rgba(0, 0, 0, 0.3)",
-        color: (_c = configStyle === null || configStyle === void 0 ? void 0 : configStyle.textColor) !== null && _c !== void 0 ? _c : "#f5f5f7",
+        display: 'flex',
+        flexDirection: 'column',
+        borderRadius: '14px',
+        background: (_b = configStyle === null || configStyle === void 0 ? void 0 : configStyle.background) !== null && _b !== void 0 ? _b : `${slateGrey[1]}f2`,
+        border: `1px solid ${border.secondary}`,
+        boxShadow: '0 2px 12px rgba(0, 0, 0, 0.3)',
+        color: (_c = configStyle === null || configStyle === void 0 ? void 0 : configStyle.textColor) !== null && _c !== void 0 ? _c : text.primary,
         fontFamily: "-apple-system, BlinkMacSystemFont, 'SF Pro Display', sans-serif",
-        overflow: "hidden",
-        cursor: onToggleExpand ? "pointer" : "default",
-        transition: "all 0.25s ease",
+        overflow: 'hidden',
+        cursor: onToggleExpand ? 'pointer' : 'default',
+        transition: 'all 0.25s ease',
         ...style,
     };
     const headerStyle = {
-        display: "flex",
-        alignItems: "center",
-        gap: "0.75rem",
-        padding: "0.875rem 1rem",
+        display: 'flex',
+        alignItems: 'center',
+        gap: '0.75rem',
+        padding: '0.875rem 1rem',
         minHeight: collapsedHeight,
     };
     const iconStyle = {
-        width: "40px",
-        height: "40px",
-        borderRadius: "10px",
+        width: '40px',
+        height: '40px',
+        borderRadius: '10px',
         background: `linear-gradient(135deg, ${accentColor} 0%, ${accentColor}cc 100%)`,
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        fontSize: "1.25rem",
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        fontSize: '1.25rem',
         flexShrink: 0,
         boxShadow: `0 2px 8px ${accentColor}40`,
     };
     const getIcon = () => {
         switch (content.type) {
-            case "chatbot": return "💬";
-            case "metric": return "📊";
-            case "embed": return "🔗";
-            case "custom": return "⚙️";
-            case "checklist": return "📋";
-            default: return "📄";
+            case 'chatbot':
+                return '💬';
+            case 'metric':
+                return '📊';
+            case 'embed':
+                return '🔗';
+            case 'custom':
+                return '⚙️';
+            case 'checklist':
+                return '📋';
+            default:
+                return '📄';
         }
     };
     const getPreview = () => {
         var _a;
         switch (content.type) {
-            case "metric":
-                return `${content.metricValue}${content.metricUnit ? ` ${content.metricUnit}` : ""}`;
-            case "text":
-                return content.headline || ((_a = content.body) === null || _a === void 0 ? void 0 : _a.slice(0, 50)) || "";
-            case "chatbot":
-                return "Tap to chat";
-            case "embed":
-                return "Tap to view";
-            case "custom":
-                return "Tap to expand";
-            case "checklist": {
+            case 'metric':
+                return `${content.metricValue}${content.metricUnit ? ` ${content.metricUnit}` : ''}`;
+            case 'text':
+                return content.headline || ((_a = content.body) === null || _a === void 0 ? void 0 : _a.slice(0, 50)) || '';
+            case 'chatbot':
+                return 'Tap to chat';
+            case 'embed':
+                return 'Tap to view';
+            case 'custom':
+                return 'Tap to expand';
+            case 'checklist': {
                 const items = content.items || [];
                 const completed = items.filter((i) => i.completed).length;
                 return `${completed} of ${items.length} complete`;
             }
             default:
-                return "";
+                return '';
         }
     };
     const renderExpandedContent = () => {
@@ -143,10 +177,10 @@ export function TileCard({ config, surface, telemetry, style, customRenderers, i
             const blockContent = renderBlock(content, {
                 accentColor,
                 onDismiss: () => {
-                    telemetry === null || telemetry === void 0 ? void 0 : telemetry.trackAction("block_dismissed", config.id, surface);
+                    trackAction('block_dismissed');
                 },
-                onRatingSubmit: (value) => {
-                    telemetry === null || telemetry === void 0 ? void 0 : telemetry.trackAction("rating_submitted", config.id, surface);
+                onRatingSubmit: (_value) => {
+                    trackAction('rating_submitted');
                 },
             });
             if (blockContent) {
@@ -155,37 +189,47 @@ export function TileCard({ config, surface, telemetry, style, customRenderers, i
         }
         // Fall back to legacy rendering
         switch (content.type) {
-            case "chatbot":
-                return (_jsx("div", { style: { height: "200px" }, children: _jsx(ChatbotBlock, { config: config, surface: surface, telemetry: telemetry }) }));
-            case "metric":
-                return (_jsxs("div", { style: { textAlign: "center", padding: "0.5rem 0" }, children: [_jsxs("p", { style: {
-                                fontSize: "3rem",
+            case 'chatbot':
+                return (_jsx("div", { style: { height: '200px' }, children: _jsx(ChatbotBlock, { config: config, surface: surface, telemetry: telemetry }) }));
+            case 'metric':
+                return (_jsxs("div", { style: { textAlign: 'center', padding: '0.5rem 0' }, children: [_jsxs("p", { style: {
+                                fontSize: '3rem',
                                 fontWeight: 700,
                                 color: accentColor,
                                 margin: 0,
-                                letterSpacing: "-0.02em",
-                            }, children: [content.metricValue, content.metricUnit && (_jsx("span", { style: { fontSize: "1.25rem", fontWeight: 400, color: "#8e8e93", marginLeft: "0.5rem" }, children: content.metricUnit }))] }), content.headline && (_jsx("p", { style: { fontSize: "0.85rem", color: "#8e8e93", margin: "0.5rem 0 0" }, children: content.headline }))] }));
-            case "embed":
+                                letterSpacing: '-0.02em',
+                            }, children: [content.metricValue, content.metricUnit && (_jsx("span", { style: {
+                                        fontSize: '1.25rem',
+                                        fontWeight: 400,
+                                        color: text.tertiary,
+                                        marginLeft: '0.5rem',
+                                    }, children: content.metricUnit }))] }), content.headline && (_jsx("p", { style: { fontSize: '0.85rem', color: text.tertiary, margin: '0.5rem 0 0' }, children: content.headline }))] }));
+            case 'embed':
                 return content.embedUrl ? (_jsx("iframe", { src: content.embedUrl, sandbox: "allow-scripts allow-same-origin", referrerPolicy: "no-referrer", style: {
-                        width: "100%",
-                        height: "200px",
-                        borderRadius: "8px",
-                        border: "1px solid rgba(255, 255, 255, 0.1)",
-                        background: "rgba(0, 0, 0, 0.2)",
+                        width: '100%',
+                        height: '200px',
+                        borderRadius: '8px',
+                        border: '1px solid rgba(255, 255, 255, 0.1)',
+                        background: 'rgba(0, 0, 0, 0.2)',
                     }, title: (_a = content.headline) !== null && _a !== void 0 ? _a : config.title })) : null;
-            case "custom": {
+            case 'custom': {
                 // Support both legacy `customRendererKey` and new `component` field
                 const key = content.component || content.customRendererKey;
                 if (!key || !customRenderers || !customRenderers[key]) {
-                    return _jsxs("div", { style: { color: "#ff6b6b", fontSize: "0.85rem", padding: "0.5rem 0" }, children: ["Unknown component: ", key] });
+                    return (_jsxs("div", { style: { color: red[5], fontSize: '0.85rem', padding: '0.5rem 0' }, children: ["Unknown component: ", key] }));
                 }
-                return (_jsx(CustomRendererWrapper, { renderer: customRenderers[key], config: config, surface: surface, telemetry: telemetry, isExpanded: isExpanded }));
+                return (_jsx(CustomRendererWrapper, { renderer: customRenderers[key], config: config, surface: surface, telemetry: telemetry, isExpanded: isExpanded, runtime: runtime }));
             }
-            case "text":
+            case 'text':
             default: {
                 // Use type assertion for legacy content types
                 const legacyContent = content;
-                return (_jsxs("div", { style: { padding: "0.25rem 0" }, children: [legacyContent.headline && (_jsx("p", { style: { fontSize: "1rem", fontWeight: 600, color: "#f5f5f7", margin: "0 0 0.5rem" }, children: legacyContent.headline })), legacyContent.body && (_jsx("p", { style: { fontSize: "0.9rem", color: "#8e8e93", margin: 0, lineHeight: 1.5 }, children: legacyContent.body }))] }));
+                return (_jsxs("div", { style: { padding: '0.25rem 0' }, children: [legacyContent.headline && (_jsx("p", { style: {
+                                fontSize: '1rem',
+                                fontWeight: 600,
+                                color: text.primary,
+                                margin: '0 0 0.5rem',
+                            }, children: legacyContent.headline })), legacyContent.body && (_jsx("p", { style: { fontSize: '0.9rem', color: text.tertiary, margin: 0, lineHeight: 1.5 }, children: legacyContent.body }))] }));
             }
         }
     };
@@ -195,66 +239,69 @@ export function TileCard({ config, surface, telemetry, style, customRenderers, i
                 return;
             onToggleExpand === null || onToggleExpand === void 0 ? void 0 : onToggleExpand();
         }, children: [_jsxs("div", { style: headerStyle, children: [_jsx("div", { style: iconStyle, children: getIcon() }), _jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [subtitle && (_jsx("p", { style: {
-                                    fontSize: "0.7rem",
-                                    textTransform: "uppercase",
-                                    letterSpacing: "0.05em",
-                                    color: "#8e8e93",
+                                    fontSize: '0.7rem',
+                                    textTransform: 'uppercase',
+                                    letterSpacing: '0.05em',
+                                    color: text.tertiary,
                                     margin: 0,
                                 }, children: subtitle })), _jsx("h3", { style: {
-                                    fontSize: "0.95rem",
+                                    fontSize: '0.95rem',
                                     fontWeight: 600,
-                                    color: "#f5f5f7",
-                                    margin: "0.125rem 0 0",
-                                    whiteSpace: "nowrap",
-                                    overflow: "hidden",
-                                    textOverflow: "ellipsis",
+                                    color: text.primary,
+                                    margin: '0.125rem 0 0',
+                                    whiteSpace: 'nowrap',
+                                    overflow: 'hidden',
+                                    textOverflow: 'ellipsis',
                                 }, children: title }), !isExpanded && (_jsx("p", { style: {
-                                    fontSize: "0.8rem",
-                                    color: "#8e8e93",
-                                    margin: "0.125rem 0 0",
-                                    whiteSpace: "nowrap",
-                                    overflow: "hidden",
-                                    textOverflow: "ellipsis",
+                                    fontSize: '0.8rem',
+                                    color: text.tertiary,
+                                    margin: '0.125rem 0 0',
+                                    whiteSpace: 'nowrap',
+                                    overflow: 'hidden',
+                                    textOverflow: 'ellipsis',
                                 }, children: getPreview() }))] }), _jsx("div", { style: {
-                            color: "#8e8e93",
-                            fontSize: "0.85rem",
-                            transform: isExpanded ? "rotate(180deg)" : "rotate(0deg)",
-                            transition: "transform 0.2s ease",
+                            color: text.tertiary,
+                            fontSize: '0.85rem',
+                            transform: isExpanded ? 'rotate(180deg)' : 'rotate(0deg)',
+                            transition: 'transform 0.2s ease',
                         }, children: "\u25BC" })] }), isExpanded && (_jsxs("div", { "data-expanded-content": true, style: {
-                    padding: "0 1rem 1rem",
-                    borderTop: "1px solid rgba(255, 255, 255, 0.06)",
-                }, onClick: (e) => e.stopPropagation(), children: [_jsx("div", { style: { paddingTop: "0.875rem" }, children: renderExpandedContent() }), ('actions' in content) && content.actions && content.actions.length > 0 && (_jsx("div", { style: {
-                            marginTop: "1rem",
-                            paddingTop: "0.75rem",
-                            borderTop: "1px solid rgba(255, 255, 255, 0.06)",
-                            display: "flex",
-                            gap: "0.5rem",
+                    padding: '0 1rem 1rem',
+                    borderTop: `1px solid ${border.secondary}`,
+                }, onClick: (e) => e.stopPropagation(), children: [_jsx("div", { style: { paddingTop: '0.875rem' }, children: renderExpandedContent() }), 'actions' in content &&
+                        content.actions &&
+                        content.actions.length > 0 && (_jsx("div", { style: {
+                            marginTop: '1rem',
+                            paddingTop: '0.75rem',
+                            borderTop: `1px solid ${border.secondary}`,
+                            display: 'flex',
+                            gap: '0.5rem',
                         }, children: content.actions.map((action, idx) => (_jsx("button", { onClick: (e) => {
                                 e.stopPropagation();
-                                if (action.href && typeof window !== "undefined") {
-                                    window.open(action.href, "_blank", "noreferrer");
+                                if (action.href && typeof window !== 'undefined') {
+                                    window.open(action.href, '_blank', 'noreferrer');
                                 }
                                 if (action.onClickId) {
-                                    telemetry === null || telemetry === void 0 ? void 0 : telemetry.trackAction(action.onClickId, config.id, surface);
+                                    trackAction(action.onClickId);
                                     // Handle special syntro: prefixed actions
-                                    if (action.onClickId.startsWith('syntro:restart-tour:') || action.onClickId.startsWith('syntro:start-tour:')) {
-                                        const tourId = action.onClickId.replace('syntro:restart-tour:', '').replace('syntro:start-tour:', '');
-                                        const storageKey = `syntro_tour_${tourId}`;
+                                    if (action.onClickId.startsWith('syntro:restart-tour:') ||
+                                        action.onClickId.startsWith('syntro:start-tour:')) {
+                                        const tourId = action.onClickId
+                                            .replace('syntro:restart-tour:', '')
+                                            .replace('syntro:start-tour:', '');
                                         try {
-                                            localStorage.removeItem(storageKey);
+                                            // Clear any existing tour state and start fresh
                                             localStorage.removeItem('syntro_active_tour');
-                                            localStorage.setItem('syntro_active_tour', JSON.stringify({ tourId, stepId: '', timestamp: Date.now() }));
+                                            // Use v2 format: { tourId, currentStepId, startedAt }
+                                            // currentStepId='' means start from the beginning (uses startStep or first step)
+                                            localStorage.setItem('syntro_active_tour', JSON.stringify({
+                                                tourId,
+                                                currentStepId: '',
+                                                startedAt: Date.now(),
+                                            }));
                                             console.log(`[SmartCanvas] Starting tour "${tourId}"...`);
-                                            // Navigate to first step's route if different from current page
-                                            const startRoute = getRecipeStartRoute(tourId);
-                                            const currentPath = window.location.pathname;
-                                            if (startRoute && startRoute !== currentPath) {
-                                                console.log(`[SmartCanvas] Navigating to tour start route: ${startRoute}`);
-                                                window.location.href = startRoute;
-                                            }
-                                            else {
-                                                window.location.reload();
-                                            }
+                                            // Reload the page to trigger the tour
+                                            // The tour executor will pick up the state and start the tour
+                                            window.location.reload();
                                         }
                                         catch (err) {
                                             console.warn('[SmartCanvas] Failed to start tour:', err);
@@ -263,15 +310,19 @@ export function TileCard({ config, surface, telemetry, style, customRenderers, i
                                 }
                             }, style: {
                                 flex: 1,
-                                padding: "0.625rem 1rem",
-                                borderRadius: "8px",
-                                fontSize: "0.85rem",
+                                padding: '0.625rem 1rem',
+                                borderRadius: '8px',
+                                fontSize: '0.85rem',
                                 fontWeight: 600,
-                                cursor: "pointer",
-                                border: "none",
-                                background: idx === 0 ? accentColor : "rgba(255, 255, 255, 0.1)",
-                                color: "#fff",
-                                transition: "opacity 0.15s ease",
-                            }, onMouseEnter: (e) => { e.currentTarget.style.opacity = "0.85"; }, onMouseLeave: (e) => { e.currentTarget.style.opacity = "1"; }, children: action.label }, action.label))) }))] }))] }));
+                                cursor: 'pointer',
+                                border: 'none',
+                                background: idx === 0 ? accentColor : slateGrey[4],
+                                color: '#fff',
+                                transition: 'opacity 0.15s ease',
+                            }, onMouseEnter: (e) => {
+                                e.currentTarget.style.opacity = '0.85';
+                            }, onMouseLeave: (e) => {
+                                e.currentTarget.style.opacity = '1';
+                            }, children: action.label }, action.label))) }))] }))] }));
 }
 //# sourceMappingURL=TileCard.js.map

package/dist/components/TileCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"TileCard.js","sourceRoot":"","sources":["../../src/components/TileCard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TileCard.js","sourceRoot":"","sources":["../../src/components/TileCard.tsx"],"names":[],"mappings":"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"}

package/dist/components/TileWheel.d.ts

@@ -1,8 +1,8 @@
-import type { TileConfig } from "../types";
-import type { TelemetryClient } from "../telemetry/types";
+import type { TelemetryClient } from '../telemetry/types';
+import type { TileConfig } from '../types';
 export interface TileWheelProps {
     tiles: TileConfig[];
     intervalMs?: number;
     telemetry?: TelemetryClient;
 }
-export declare function TileWheel({ tiles, intervalMs, telemetry, }: TileWheelProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function TileWheel({ tiles, intervalMs, telemetry }: TileWheelProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/TileWheel.js

@@ -1,13 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useState } from "react";
-import { TileCard } from "./TileCard";
-export function TileWheel({ tiles, intervalMs = 7000, telemetry, }) {
+import { brand, slateGrey, border } from '@syntro/design-system/tokens';
+import { useEffect, useMemo, useState } from 'react';
+import { TileCard } from './TileCard';
+export function TileWheel({ tiles, intervalMs = 7000, telemetry }) {
     const [index, setIndex] = useState(0);
     const ordered = useMemo(() => [...tiles]
-        .filter((tile) => tile.size !== "half")
+        .filter((tile) => tile.size !== 'half')
         .sort((a, b) => { var _a, _b; return ((_a = a.order) !== null && _a !== void 0 ? _a : 0) - ((_b = b.order) !== null && _b !== void 0 ? _b : 0); }), [tiles]);
     useEffect(() => {
-        telemetry === null || telemetry === void 0 ? void 0 : telemetry.trackCanvasOpened("wheel");
+        telemetry === null || telemetry === void 0 ? void 0 : telemetry.trackCanvasOpened('wheel');
     }, [telemetry]);
     useEffect(() => {
         if (ordered.length <= 1)
@@ -20,11 +21,32 @@ export function TileWheel({ tiles, intervalMs = 7000, telemetry, }) {
     useEffect(() => {
         const current = ordered[index];
         if (current) {
-            telemetry === null || telemetry === void 0 ? void 0 : telemetry.trackRectangleViewed(current.id, "wheel");
+            telemetry === null || telemetry === void 0 ? void 0 : telemetry.trackRectangleViewed(current.id, 'wheel');
         }
     }, [index, ordered, telemetry]);
     if (!ordered.length)
         return null;
-    return (_jsxs("div", { className: "relative overflow-hidden rounded-3xl border border-slate-200 bg-gradient-to-br from-white to-slate-50 p-6 shadow-2xl", "data-shadow-canvas-id": "wheel", children: [_jsx("div", { className: "flex transition-transform duration-700 ease-out", style: { transform: `translateX(-${index * 100}%)`, width: `${ordered.length * 100}%` }, children: ordered.map((tile) => (_jsx("div", { className: "w-full shrink-0 px-4", children: _jsx(TileCard, { config: { ...tile, size: "half" }, surface: "wheel", telemetry: telemetry }) }, tile.id))) }), _jsx("div", { className: "mt-4 flex justify-center gap-2", children: ordered.map((tile, idx) => (_jsx("button", { className: `h-2 w-6 rounded-full ${idx === index ? "bg-slate-800" : "bg-slate-300"}`, onClick: () => setIndex(idx) }, tile.id))) })] }));
+    return (_jsxs("div", { style: {
+            position: 'relative',
+            overflow: 'hidden',
+            borderRadius: '1.5rem',
+            border: `1px solid ${border.primary}`,
+            background: slateGrey[1],
+            padding: '1.5rem',
+            boxShadow: '0 25px 50px -12px rgba(0, 0, 0, 0.25)',
+        }, "data-shadow-canvas-id": "wheel", children: [_jsx("div", { style: {
+                    display: 'flex',
+                    transition: 'transform 700ms ease-out',
+                    transform: `translateX(-${index * 100}%)`,
+                    width: `${ordered.length * 100}%`,
+                }, children: ordered.map((tile) => (_jsx("div", { style: { width: '100%', flexShrink: 0, padding: '0 1rem' }, children: _jsx(TileCard, { config: { ...tile, size: 'half' }, surface: "wheel", telemetry: telemetry }) }, tile.id))) }), _jsx("div", { style: { marginTop: '1rem', display: 'flex', justifyContent: 'center', gap: '0.5rem' }, children: ordered.map((tile, idx) => (_jsx("button", { style: {
+                        height: '0.5rem',
+                        width: '1.5rem',
+                        borderRadius: '9999px',
+                        background: idx === index ? brand[3] : slateGrey[6],
+                        border: 'none',
+                        cursor: 'pointer',
+                        padding: 0,
+                    }, onClick: () => setIndex(idx) }, tile.id))) })] }));
 }
 //# sourceMappingURL=TileWheel.js.map