@ripple-ui/svelte 0.0.0-stage → 0.8.2

package/dist/manifest/entries/ops-dashboard.js

@@ -0,0 +1,134 @@
+export const opsDashboardEntry = {
+    type: 'ops-dashboard',
+    category: 'composite',
+    description: 'Operations / SRE / NOC dashboard: status banner + service × region matrix + metric mini-charts + incidents feed + recent deploys list.',
+    props: {
+        title: { type: 'string', required: false, description: 'Heading. Default "Operations".' },
+        subtitle: { type: 'string', required: false, description: 'Subheading.' },
+        systemStatus: { type: '"operational" | "degraded" | "partial-outage" | "major-outage" | "maintenance"', required: false, description: 'Overall status. Auto-computed from `services` cell statuses if omitted.' },
+        statusMessage: { type: 'string', required: false, description: 'Detail line in the status banner.' },
+        services: { type: 'Array<{ id: string; name: string; description?: string; icon?: string; regions: Array<{ region: string; status: "operational" | "degraded" | "down" | "maintenance" | "unknown"; note?: string }> }>', required: false, description: 'Service × region matrix. Each cell is color-coded.' },
+        regions: { type: 'string[]', required: false, description: 'Explicit region order; otherwise inferred from service entries.' },
+        incidents: { type: 'Array<{ id: string; title: string; severity?: "sev1" | "sev2" | "sev3" | "sev4" | "info"; started?: string; status?: "investigating" | "identified" | "monitoring" | "resolved"; body?: string; services?: string[] }>', required: false, description: 'Active and recent incidents.' },
+        metrics: { type: 'Array<{ label: string; value: string | number; unit?: string; sparkline?: number[]; trend?: "up" | "down" | "flat"; color?: string }>', required: false, description: 'Latency, error rate, etc.' },
+        deploys: { type: 'Array<{ id: string; label: string; actor?: string; time: string; status?: "success" | "failed" | "in-progress" | "reverted"; sha?: string }>', required: false, description: 'Recent deploys / changes feed.' },
+    },
+    example: {
+        type: 'ops-dashboard',
+        props: {
+            title: 'Operations',
+            subtitle: 'Production health across services & regions',
+            systemStatus: 'partial-outage',
+            statusMessage: 'API errors elevated in EU regions; team is investigating.',
+            regions: ['us-east', 'us-west', 'eu-west', 'eu-central', 'apac', 'sa-east'],
+            services: [
+                { id: 'api', name: 'API', icon: 'server', description: 'Public REST + GraphQL', regions: [
+                        { region: 'us-east', status: 'operational' },
+                        { region: 'us-west', status: 'operational' },
+                        { region: 'eu-west', status: 'degraded', note: 'p95 > 800ms' },
+                        { region: 'eu-central', status: 'degraded', note: 'p95 > 600ms' },
+                        { region: 'apac', status: 'operational' },
+                        { region: 'sa-east', status: 'operational' }
+                    ] },
+                { id: 'web', name: 'Web app', icon: 'globe', description: 'Customer dashboard SPA', regions: [
+                        { region: 'us-east', status: 'operational' },
+                        { region: 'us-west', status: 'operational' },
+                        { region: 'eu-west', status: 'operational' },
+                        { region: 'eu-central', status: 'operational' },
+                        { region: 'apac', status: 'operational' },
+                        { region: 'sa-east', status: 'operational' }
+                    ] },
+                { id: 'auth', name: 'Auth service', icon: 'shield', description: 'OIDC + session', regions: [
+                        { region: 'us-east', status: 'operational' },
+                        { region: 'us-west', status: 'operational' },
+                        { region: 'eu-west', status: 'operational' },
+                        { region: 'eu-central', status: 'operational' },
+                        { region: 'apac', status: 'operational' },
+                        { region: 'sa-east', status: 'operational' }
+                    ] },
+                { id: 'db', name: 'Database', icon: 'database', description: 'Primary Postgres cluster', regions: [
+                        { region: 'us-east', status: 'operational' },
+                        { region: 'us-west', status: 'operational' },
+                        { region: 'eu-west', status: 'down', note: 'replica failover in progress' },
+                        { region: 'eu-central', status: 'degraded', note: 'replication lag 4s' },
+                        { region: 'apac', status: 'maintenance', note: 'planned upgrade until 18:00 UTC' },
+                        { region: 'sa-east', status: 'operational' }
+                    ] },
+                { id: 'cache', name: 'Cache', icon: 'zap', description: 'Redis cluster', regions: [
+                        { region: 'us-east', status: 'operational' },
+                        { region: 'us-west', status: 'operational' },
+                        { region: 'eu-west', status: 'operational' },
+                        { region: 'eu-central', status: 'operational' },
+                        { region: 'apac', status: 'operational' },
+                        { region: 'sa-east', status: 'unknown' }
+                    ] },
+                { id: 'search', name: 'Search', icon: 'search', description: 'Elasticsearch', regions: [
+                        { region: 'us-east', status: 'operational' },
+                        { region: 'us-west', status: 'operational' },
+                        { region: 'eu-west', status: 'degraded', note: 'reindex backlog' },
+                        { region: 'eu-central', status: 'operational' },
+                        { region: 'apac', status: 'operational' },
+                        { region: 'sa-east', status: 'operational' }
+                    ] },
+                { id: 'payments', name: 'Payments', icon: 'credit-card', description: 'Stripe + internal ledger', regions: [
+                        { region: 'us-east', status: 'operational' },
+                        { region: 'us-west', status: 'operational' },
+                        { region: 'eu-west', status: 'operational' },
+                        { region: 'eu-central', status: 'operational' },
+                        { region: 'apac', status: 'operational' },
+                        { region: 'sa-east', status: 'operational' }
+                    ] },
+                { id: 'queue', name: 'Job queue', icon: 'list', description: 'Worker pool + scheduled jobs', regions: [
+                        { region: 'us-east', status: 'operational' },
+                        { region: 'us-west', status: 'operational' },
+                        { region: 'eu-west', status: 'degraded', note: 'backlog 12k jobs' },
+                        { region: 'eu-central', status: 'operational' },
+                        { region: 'apac', status: 'operational' },
+                        { region: 'sa-east', status: 'operational' }
+                    ] },
+                { id: 'cdn', name: 'CDN', icon: 'cloud', description: 'Static asset edge', regions: [
+                        { region: 'us-east', status: 'operational' },
+                        { region: 'us-west', status: 'operational' },
+                        { region: 'eu-west', status: 'operational' },
+                        { region: 'eu-central', status: 'operational' },
+                        { region: 'apac', status: 'operational' },
+                        { region: 'sa-east', status: 'operational' }
+                    ] }
+            ],
+            metrics: [
+                { label: 'P95 latency', value: 184, unit: 'ms', trend: 'up', sparkline: [120, 128, 140, 165, 178, 184], color: 'oklch(0.55 0.22 25)' },
+                { label: 'P99 latency', value: 412, unit: 'ms', trend: 'up', sparkline: [240, 260, 290, 340, 380, 412], color: 'oklch(0.55 0.22 25)' },
+                { label: 'Error rate', value: '0.42%', trend: 'up', sparkline: [0.1, 0.12, 0.18, 0.28, 0.36, 0.42] },
+                { label: 'Requests/s', value: '12.4k', trend: 'flat', sparkline: [12, 12.1, 12.3, 12.0, 12.4, 12.4] },
+                { label: 'Apdex score', value: '0.91', trend: 'down', sparkline: [0.97, 0.96, 0.94, 0.93, 0.92, 0.91] },
+                { label: 'Active alerts', value: 7, trend: 'up' },
+                { label: 'CPU (avg)', value: '64%', unit: '', trend: 'up', sparkline: [42, 48, 54, 58, 60, 64] },
+                { label: 'Saturation', value: '72%', trend: 'up', sparkline: [40, 45, 52, 60, 68, 72] }
+            ],
+            incidents: [
+                { id: 'i1', severity: 'sev1', title: 'EU-west database primary failover', status: 'investigating', started: '6m ago', services: ['db', 'api'],
+                    body: 'Replica promotion underway. Customer-facing writes failing in EU-west; reads degraded.' },
+                { id: 'i2', severity: 'sev2', title: 'API elevated 5xx rate in EU regions', status: 'identified', started: '14m ago', services: ['api'],
+                    body: 'Root cause: connection pool exhaustion from downstream db failover. Pool size increase rolling out.' },
+                { id: 'i3', severity: 'sev3', title: 'Search reindex backlog in eu-west', status: 'monitoring', started: '38m ago', services: ['search'],
+                    body: 'Reindex worker scaled 2× — backlog draining at ~400 docs/s.' },
+                { id: 'i4', severity: 'sev3', title: 'Job queue backlog above SLO', status: 'identified', started: '1h ago', services: ['queue'],
+                    body: 'Linked to db failover. Auto-scaling triggered for worker pool.' },
+                { id: 'i5', severity: 'sev4', title: 'CDN cache hit ratio dipped on /assets/v2', status: 'resolved', started: '3h ago', services: ['cdn'],
+                    body: 'Edge config rolled back. Hit ratio recovered to 96%.' },
+                { id: 'i6', severity: 'info', title: 'Planned maintenance: APAC db upgrade', status: 'monitoring', started: '2h ago', services: ['db'],
+                    body: 'Read-only window until 18:00 UTC; writes paused for ~5 minutes during cutover.' }
+            ],
+            deploys: [
+                { id: 'd1', label: 'api: pool size bump v1.42.4', actor: 'Alice', time: '09:14', status: 'in-progress', sha: 'b41e7f' },
+                { id: 'd2', label: 'api: bump v1.42.3', actor: 'Alice', time: '08:32', status: 'success', sha: 'a3f2c1' },
+                { id: 'd3', label: 'web: feature flag rollout', actor: 'Bob', time: '07:11', status: 'success', sha: '0d12bf' },
+                { id: 'd4', label: 'search: shard rebalance script', actor: 'CI', time: '06:48', status: 'success', sha: 'fc8a23' },
+                { id: 'd5', label: 'payments: 3DS retry tweak', actor: 'Greta', time: 'Yesterday', status: 'success', sha: '21d9b0' },
+                { id: 'd6', label: 'auth: rotate signing keys', actor: 'Sam', time: 'Yesterday', status: 'success', sha: '4a7e90' },
+                { id: 'd7', label: 'api: schema migration', actor: 'CI', time: '2d ago', status: 'reverted', sha: '7e9a8b' },
+                { id: 'd8', label: 'queue: priority lane', actor: 'Dana', time: '2d ago', status: 'failed', sha: '9e3411' }
+            ]
+        },
+    },
+};

package/dist/manifest/entries/order-status.d.ts

@@ -0,0 +1,2 @@
+import type { WidgetManifestEntry } from '../index.js';
+export declare const orderStatusEntry: WidgetManifestEntry;

package/dist/manifest/entries/order-status.js

@@ -0,0 +1,46 @@
+export const orderStatusEntry = {
+    type: 'order-status',
+    category: 'composite',
+    description: 'Multi-step shipment status with stepper, ETA, tracking number, optional embedded live map, and an event timeline. Composes the `map` widget when geo data is supplied.',
+    props: {
+        title: { type: 'string', required: false, description: 'Heading. Defaults to the current step.' },
+        orderId: { type: 'string', required: true, description: 'Order / shipment / job number shown in the eyebrow.' },
+        status: { type: '"placed" | "confirmed" | "preparing" | "in-transit" | "out-for-delivery" | "delivered" | "ready-for-pickup" | "picked-up" | "failed" | "cancelled"', required: false, description: 'Default-pipeline status. Sets the active stepper position. "ready-for-pickup" and "picked-up" switch the default steps to the pickup pipeline (placed, confirmed, preparing, ready for pickup, picked up). When status is the last step it renders done with a check, not active.' },
+        steps: { type: 'Array<{ id: string; label: string; description?: string; completedAt?: string; current?: boolean; failed?: boolean }>', required: false, description: 'Custom step list. Overrides the default placed→delivered pipeline.' },
+        currentStep: { type: 'string', required: false, description: 'Active step id when using a custom `steps` list.' },
+        eta: { type: 'string', required: false, description: 'ETA string (e.g. "Today, 4 to 6 PM").' },
+        tracking: { type: '{ carrier: string; number: string; url?: string }', required: false, description: 'Carrier and tracking number; renders as a link if `url` is provided.' },
+        origin: { type: '{ name?: string; address?: string; lat?: number; lng?: number }', required: false, description: 'Origin place. lat/lng are used to plot a marker on the map.' },
+        destination: { type: '{ name?: string; address?: string; lat?: number; lng?: number }', required: false, description: 'Destination place. lat/lng are used to plot a marker on the map.' },
+        tracker: { type: '{ lat: number; lng: number; heading?: number; label?: string; color?: string }', required: false, description: 'Live courier position. Heading rotates the directional arrow. Each new position glides linearly from the old one over the time since the previous update (0.3s to 5s), so polling hosts get continuous motion; reduced motion jumps.' },
+        route: { type: '[number, number][]', required: false, description: 'Polyline points for the route. If omitted but origin+destination are set, a dashed line connects them. An empty array after a route was sent keeps the last route drawn.' },
+        showMap: { type: 'boolean', required: false, description: 'Force-show or hide the embedded map. Defaults to true when any geographic data is supplied.' },
+        mapHeight: { type: 'string | number', required: false, description: 'Map height.' },
+        mapTiles: { type: '"osm" | "carto-voyager" | "carto-light" | "carto-dark" | "osm-hot" | "custom"', required: false, description: 'Map tile preset.' },
+        followTracker: { type: 'boolean', required: false, description: 'Auto-pan the map to follow the courier. Default false.' },
+        events: { type: 'Array<{ time: string; label: string; location?: string; icon?: string }>', required: false, description: 'Activity timeline beneath the map.' },
+        actions: { type: 'Array<{ id?: string; label: string; icon?: string; variant?: "default" | "outline" | "ghost"; actions?: EventAction | EventAction[] }>', required: false, description: 'Actions row at the bottom.' },
+    },
+    example: {
+        type: 'order-status',
+        props: {
+            orderId: 'AC-1042',
+            status: 'out-for-delivery',
+            eta: 'Today, 4 – 6 PM',
+            tracking: { carrier: 'Parcelwise', number: 'PW4471092318840017', url: 'https://track.example.com/?n=PW4471092318840017' },
+            origin: { name: 'Acme Warehouse', address: 'Oakland, CA', lat: 37.79, lng: -122.41 },
+            destination: { name: 'Customer', address: '500 Howard St, San Francisco, CA', lat: 37.7884, lng: -122.4 },
+            tracker: { lat: 37.785, lng: -122.405, heading: 45, label: 'Driver' },
+            events: [
+                { time: '11:42 AM', label: 'Out for delivery', location: 'San Francisco, CA', icon: 'truck' },
+                { time: '07:18 AM', label: 'Departed sorting facility', location: 'Oakland, CA' },
+                { time: 'Yesterday 9:02 PM', label: 'Arrived at sorting facility', location: 'Oakland, CA' },
+                { time: 'Yesterday 11:14 AM', label: 'Order placed' },
+            ],
+            actions: [
+                { id: 'contact', label: 'Contact courier', icon: 'phone', variant: 'outline' },
+                { id: 'issue', label: 'Report issue', icon: 'alert-triangle', variant: 'ghost' },
+            ],
+        },
+    },
+};

package/dist/manifest/entries/org-chart.d.ts

@@ -0,0 +1,2 @@
+import type { WidgetManifestEntry } from '../index.js';
+export declare const orgChartEntry: WidgetManifestEntry;

package/dist/manifest/entries/org-chart.js

@@ -0,0 +1,31 @@
+export const orgChartEntry = {
+    type: 'org-chart',
+    category: 'vertical',
+    description: 'Recursive org chart with manager cards (avatars + titles). Supports multi-level nesting.',
+    props: {
+        root: { type: '{ id: string | number; name: string; title?: string; avatar?: string; children?: Node[] } | null', required: true, description: 'Root node with nested children.' },
+        value: { type: 'string | number | null', required: false, description: 'Selected node id (use with bind).' },
+    },
+    example: {
+        type: 'org-chart',
+        props: {
+            root: {
+                id: 'ceo',
+                name: 'Diana Martinez',
+                title: 'Chief Executive Officer',
+                children: [
+                    {
+                        id: 'cto',
+                        name: 'Edward Chen',
+                        title: 'CTO',
+                        children: [
+                            { id: 'eng-lead', name: 'Fatima Al-Rashid', title: 'Engineering Lead' },
+                            { id: 'qa-lead', name: 'Gabriel Santos', title: 'QA Lead' },
+                        ],
+                    },
+                    { id: 'cfo', name: 'Hannah Park', title: 'CFO', children: [{ id: 'controller', name: 'Isaac Lincoln', title: 'Controller' }] },
+                ],
+            },
+        },
+    },
+};

package/dist/manifest/entries/otp-input.d.ts

@@ -0,0 +1,2 @@
+import type { WidgetManifestEntry } from '../index.js';
+export declare const otpInputEntry: WidgetManifestEntry;

package/dist/manifest/entries/otp-input.js

@@ -0,0 +1,41 @@
+export const otpInputEntry = {
+    type: 'otp-input',
+    category: 'input',
+    description: 'One-time password input with individual character cells. Auto-advances on type.',
+    props: {
+        label: { type: 'string', required: false, description: 'Label text.' },
+        bind: { type: 'string', required: false, description: 'Two-way state path for OTP value.' },
+        value: { type: 'string', required: false, description: 'Current OTP.' },
+        length: { type: 'number', required: false, description: 'Number of cells. Default 6.' },
+        alpha: { type: 'boolean', required: false, description: 'Accept alphanumeric (else digits only).' },
+        mask: { type: 'boolean', required: false, description: 'Mask cells like a password.' },
+        disabled: { type: 'boolean', required: false, description: 'Disable input.' },
+    },
+    events: {
+        on_complete: { type: 'EventAction', required: false, description: 'Fired when all cells are filled.' },
+        on_change: { type: 'EventAction', required: false, description: 'Fired on every change.' },
+    },
+    example: { type: 'otp-input', props: { label: 'Verification code', length: 6, mask: true, bind: '{state.verificationCode}' } },
+    pocket: {
+        state: { verificationCode: '', verified: false },
+        ui: {
+            type: 'flex',
+            props: { direction: 'column', gap: '12px' },
+            children: [
+                {
+                    type: 'otp-input',
+                    props: { label: 'Verification code', length: 6, mask: true },
+                    bind: 'state.verificationCode',
+                    on_complete: {
+                        action: 'flow',
+                        steps: [
+                            { action: 'set', target: 'verified', value: true },
+                            { action: 'toast', message: 'Code accepted', variant: 'success' },
+                        ],
+                    },
+                },
+                { type: 'alert', show: '{state.verified}', props: { variant: 'success', title: 'Verified', description: 'Your account is now active.' } },
+            ],
+        },
+    },
+};

package/dist/manifest/entries/page-header.d.ts

@@ -0,0 +1,2 @@
+import type { WidgetManifestEntry } from '../index.js';
+export declare const pageHeaderEntry: WidgetManifestEntry;

package/dist/manifest/entries/page-header.js

@@ -0,0 +1,14 @@
+export const pageHeaderEntry = {
+    type: 'page-header',
+    category: 'layout',
+    description: 'Page or section header with title, subtitle, eyebrow text, and right-aligned actions.',
+    props: {
+        title: { type: 'string', required: true, description: 'Header title.' },
+        subtitle: { type: 'string', required: false, description: 'Subtitle text.' },
+        eyebrow: { type: 'string', required: false, description: 'Small uppercase eyebrow above title.' },
+    },
+    example: {
+        type: 'page-header',
+        props: { title: 'Q2 Performance', subtitle: 'Apr 1 — Jun 30', eyebrow: 'Sales' },
+    },
+};

package/dist/manifest/entries/parallax.d.ts

@@ -0,0 +1,2 @@
+import type { WidgetManifestEntry } from '../index.js';
+export declare const parallaxEntry: WidgetManifestEntry;

package/dist/manifest/entries/parallax.js

@@ -0,0 +1,13 @@
+export const parallaxEntry = {
+    type: 'parallax',
+    category: 'layout',
+    description: 'Container whose contents drift vertically as the page scrolls. Sugar over a scroll motion. Use sparingly for depth on hero imagery.',
+    props: {
+        distance: { type: 'number', required: false, description: 'Vertical drift in px across the scroll range. Default 60.' },
+    },
+    example: {
+        type: 'parallax',
+        props: { distance: 60 },
+        children: [{ type: 'image', props: { src: '/hero.jpg', alt: 'Backdrop' } }],
+    },
+};

package/dist/manifest/entries/people-picker.d.ts

@@ -0,0 +1,2 @@
+import type { WidgetManifestEntry } from '../index.js';
+export declare const peoplePickerEntry: WidgetManifestEntry;

package/dist/manifest/entries/people-picker.js

@@ -0,0 +1,28 @@
+export const peoplePickerEntry = {
+    type: 'people-picker',
+    category: 'vertical',
+    description: 'Combobox for selecting people from a searchable directory. Shows name, email, optional role badge.',
+    props: {
+        label: { type: 'string', required: false, description: 'Field label.' },
+        placeholder: { type: 'string', required: false, description: 'Trigger placeholder.' },
+        searchPlaceholder: { type: 'string', required: false, description: 'Search input placeholder.' },
+        emptyText: { type: 'string', required: false, description: 'Empty-results text.' },
+        people: { type: 'Array<{ id: string | number; name: string; email?: string; avatar?: string; role?: string; disabled?: boolean }>', required: true, description: 'People to choose from.' },
+        value: { type: 'string | number | (string | number)[] | null', required: false, description: 'Selected id(s).' },
+        multiple: { type: 'boolean', required: false, description: 'Allow multi-select.' },
+        disabled: { type: 'boolean', required: false, description: 'Disable picker.' },
+    },
+    example: {
+        type: 'people-picker',
+        props: {
+            label: 'Assign team members',
+            multiple: true,
+            value: ['alice', 'bob'],
+            people: [
+                { id: 'alice', name: 'Alice Johnson', email: 'alice@example.com', role: 'Admin' },
+                { id: 'bob', name: 'Bob Smith', email: 'bob@example.com', role: 'Editor' },
+                { id: 'carol', name: 'Carol Davis', email: 'carol@example.com', role: 'Viewer' },
+            ],
+        },
+    },
+};

package/dist/manifest/entries/permission-matrix.d.ts

@@ -0,0 +1,2 @@
+import type { WidgetManifestEntry } from '../index.js';
+export declare const permissionMatrixEntry: WidgetManifestEntry;

package/dist/manifest/entries/permission-matrix.js

@@ -0,0 +1,41 @@
+export const permissionMatrixEntry = {
+    type: 'permission-matrix',
+    category: 'vertical',
+    description: 'Grid of roles vs. permissions with toggle checkboxes. Stored as flat map { "roleId__permissionId": boolean }.',
+    props: {
+        roles: { type: 'Array<{ id: string; label: string; description?: string }>', required: true, description: 'Role columns.' },
+        permissions: { type: 'Array<{ id: string; label: string; description?: string }>', required: true, description: 'Permission rows.' },
+        value: { type: 'Record<string, boolean>', required: false, description: 'Flat key map "roleId__permissionId" → boolean.' },
+        readonly: { type: 'boolean', required: false, description: 'Disable toggling.' },
+    },
+    example: {
+        type: 'permission-matrix',
+        props: {
+            roles: [
+                { id: 'admin', label: 'Admin' },
+                { id: 'editor', label: 'Editor' },
+                { id: 'viewer', label: 'Viewer' },
+            ],
+            permissions: [
+                { id: 'read', label: 'Read' },
+                { id: 'create', label: 'Create' },
+                { id: 'update', label: 'Update' },
+                { id: 'delete', label: 'Delete' },
+            ],
+            value: {
+                admin__read: true,
+                admin__create: true,
+                admin__update: true,
+                admin__delete: true,
+                editor__read: true,
+                editor__create: true,
+                editor__update: true,
+                editor__delete: false,
+                viewer__read: true,
+                viewer__create: false,
+                viewer__update: false,
+                viewer__delete: false,
+            },
+        },
+    },
+};

package/dist/manifest/entries/pipeline-dashboard.d.ts

@@ -0,0 +1,2 @@
+import type { WidgetManifestEntry } from '../index.js';
+export declare const pipelineDashboardEntry: WidgetManifestEntry;

package/dist/manifest/entries/pipeline-dashboard.js

@@ -0,0 +1,91 @@
+export const pipelineDashboardEntry = {
+    type: 'pipeline-dashboard',
+    category: 'composite',
+    description: 'Sales or hiring pipeline: quota progress, funnel, leaderboard, deals table and recent activity.',
+    props: {
+        title: { type: 'string', required: false, description: 'Page title.' },
+        subtitle: { type: 'string', required: false, description: 'Subheading.' },
+        period: { type: 'string', required: false, description: 'Period label (e.g. "Q2 2026").' },
+        quota: { type: '{ label?: string; current: number; target: number; currency?: string; period?: string }', required: false, description: 'Progress to a target. Currency optional.' },
+        funnel: { type: '{ title?: string; stages: Array<{ label: string; value: number; color?: string }> }', required: false, description: 'Funnel chart data.' },
+        conversion: { type: 'Array<{ from: string; to: string; rate: number }>', required: false, description: 'Step rates 0-100; used without a funnel.' },
+        leaderboard: { type: '{ title?: string; items: Array<{ name: string; avatar?: string; value: string | number; delta?: string; sublabel?: string; position?: number }> }', required: false, description: 'Ranked people; top 3 marked.' },
+        deals: { type: '{ title?: string; columns: Array<{ key: string; label: string; align?: "left" | "right" | "center" }>; rows: Record<string, unknown>[] }', required: false, description: 'Deals / opportunities table.' },
+        ticker: { type: 'Array<{ time: string; label: string; actor?: string; icon?: string }>', required: false, description: 'Recent activity.' },
+    },
+    example: {
+        type: 'pipeline-dashboard',
+        props: {
+            title: 'Sales pipeline',
+            subtitle: 'Team performance and active deals',
+            period: 'Q2 2026',
+            quota: { label: 'Team quota', current: 1820000, target: 2500000, currency: '$', period: 'Q2, 28 days remaining' },
+            funnel: {
+                title: 'Pipeline funnel',
+                stages: [
+                    { label: 'Leads', value: 1240 },
+                    { label: 'Qualified', value: 480 },
+                    { label: 'Discovery', value: 320 },
+                    { label: 'Proposal', value: 180 },
+                    { label: 'Negotiation', value: 92 },
+                    { label: 'Closed won', value: 38 }
+                ]
+            },
+            conversion: [
+                { from: 'Leads', to: 'Qualified', rate: 38.7 },
+                { from: 'Qualified', to: 'Discovery', rate: 66.7 },
+                { from: 'Discovery', to: 'Proposal', rate: 56.3 },
+                { from: 'Proposal', to: 'Negotiation', rate: 51.1 },
+                { from: 'Negotiation', to: 'Closed won', rate: 41.3 }
+            ],
+            leaderboard: {
+                title: 'Top reps, Q2',
+                items: [
+                    { position: 1, name: 'Alex Liu', value: '$420k', delta: '+$80k', sublabel: '12 deals' },
+                    { position: 2, name: 'Sam Patel', value: '$380k', delta: '+$45k', sublabel: '9 deals' },
+                    { position: 3, name: 'Jess Tan', value: '$310k', delta: '+$22k', sublabel: '14 deals' },
+                    { position: 4, name: 'Rico Diaz', value: '$240k', delta: '+$12k', sublabel: '8 deals' },
+                    { position: 5, name: 'Priya Sharma', value: '$215k', delta: '+$30k', sublabel: '11 deals' },
+                    { position: 6, name: 'Marco Bianchi', value: '$198k', delta: '+$18k', sublabel: '7 deals' },
+                    { position: 7, name: 'Hana Kim', value: '$172k', delta: '+$24k', sublabel: '10 deals' },
+                    { position: 8, name: 'Tomás Vega', value: '$148k', delta: '+$8k', sublabel: '6 deals' },
+                    { position: 9, name: 'Lara Novak', value: '$132k', delta: '+$14k', sublabel: '8 deals' },
+                    { position: 10, name: 'Yuki Watanabe', value: '$118k', sublabel: '5 deals' }
+                ]
+            },
+            deals: {
+                title: 'Active deals',
+                columns: [
+                    { key: 'name', label: 'Deal' },
+                    { key: 'stage', label: 'Stage' },
+                    { key: 'value', label: 'Value', align: 'right' },
+                    { key: 'prob', label: 'Prob.', align: 'right' },
+                    { key: 'close', label: 'Close' },
+                    { key: 'owner', label: 'Owner' }
+                ],
+                rows: [
+                    { name: 'Globex Q2 expansion', stage: 'Negotiation', value: '$120k', prob: '75%', close: 'Jun 14', owner: 'Alex Liu' },
+                    { name: 'Hooli SSO add-on', stage: 'Proposal', value: '$48k', prob: '50%', close: 'Jun 22', owner: 'Sam Patel' },
+                    { name: 'Initech renewal', stage: 'Closed won', value: '$62k', prob: '100%', close: 'Jun 2', owner: 'Jess Tan' },
+                    { name: 'Massive Dynamic platform', stage: 'Discovery', value: '$240k', prob: '30%', close: 'Jul 12', owner: 'Sam Patel' },
+                    { name: 'Pied Piper trial → annual', stage: 'Negotiation', value: '$84k', prob: '70%', close: 'Jun 18', owner: 'Priya Sharma' },
+                    { name: 'Wonka Inc enterprise', stage: 'Proposal', value: '$320k', prob: '45%', close: 'Jul 5', owner: 'Marco Bianchi' },
+                    { name: 'Soylent SMB plan', stage: 'Qualified', value: '$18k', prob: '20%', close: 'Jul 28', owner: 'Hana Kim' },
+                    { name: 'Vandelay add-ons', stage: 'Negotiation', value: '$36k', prob: '60%', close: 'Jun 28', owner: 'Rico Diaz' },
+                    { name: 'Acme renewal + upsell', stage: 'Discovery', value: '$210k', prob: '25%', close: 'Aug 4', owner: 'Alex Liu' },
+                    { name: 'Sirius Cybernetics POC', stage: 'Proposal', value: '$72k', prob: '40%', close: 'Jul 18', owner: 'Lara Novak' }
+                ]
+            },
+            ticker: [
+                { time: '2m ago', label: 'Closed: Globex Q2 expansion ($120k)', actor: 'Alex Liu', icon: 'trophy' },
+                { time: '14m ago', label: 'Demo scheduled: Massive Dynamic', actor: 'Sam Patel', icon: 'calendar' },
+                { time: '32m ago', label: 'Proposal sent: Wonka Inc enterprise', actor: 'Marco Bianchi', icon: 'file-text' },
+                { time: '38m ago', label: 'Lead qualified: Pied Piper', actor: 'Jess Tan', icon: 'check-circle-2' },
+                { time: '1h ago', label: 'Stage advanced: Hooli SSO → Negotiation', actor: 'Sam Patel', icon: 'arrow-up-right' },
+                { time: '2h ago', label: 'New lead: BioReactor Industries', actor: 'Priya Sharma', icon: 'user-plus' },
+                { time: '3h ago', label: 'Lost: Cyberdyne pilot ($45k)', actor: 'Rico Diaz', icon: 'x-circle' },
+                { time: '5h ago', label: 'Demo completed: Vandelay add-ons', actor: 'Rico Diaz', icon: 'play' }
+            ]
+        },
+    },
+};

package/dist/manifest/entries/place-results.d.ts

@@ -0,0 +1,2 @@
+import type { WidgetManifestEntry } from '../index.js';
+export declare const placeResultsEntry: WidgetManifestEntry;

package/dist/manifest/entries/place-results.js

@@ -0,0 +1,33 @@
+export const placeResultsEntry = {
+    type: 'place-results',
+    category: 'composite',
+    description: 'Place search results (cafes, restaurants, parks): cards with rating, price, distance, open now, sort and filter, and a numbered-pin map when lat/lng are given.',
+    props: {
+        title: { type: 'string', required: false, description: 'e.g. "Coffee near Union Square".' },
+        query: { type: 'string', required: false, description: 'What was searched, shown under the title.' },
+        places: {
+            type: 'Array<{ id?: string; name: string; kind: "cafe" | "restaurant" | "bar" | "bakery" | "shop" | "park" | "museum" | "hotel" | "other"; rating?: number; reviews?: number; price?: 1 | 2 | 3 | 4; distance?: string | number; walkMinutes?: number; open?: boolean; hours?: string; address?: string; tags?: string[]; blurb?: string; lat?: number; lng?: number }>',
+            required: true,
+            description: 'Up to 20. `rating` 0 to 5, `price` 1 to 4 ($ to $$$$), `distance` like "0.4 km" (or km as a number). Give lat/lng to get the map. No images or links.',
+        },
+        showMap: { type: 'boolean', required: false, description: 'Default true when any place has lat/lng.' },
+    },
+    events: {
+        on_choose: {
+            type: 'EventAction | EventAction[]',
+            required: false,
+            description: 'Fires with { id, name, text } on "Tell me more", e.g. { action: "emit", target: "ask", value: { text: "Tell me more about this place" } }.',
+        },
+    },
+    example: {
+        type: 'place-results',
+        props: {
+            title: 'Coffee near Harbor Square',
+            query: 'quiet cafes with wifi',
+            places: [
+                { id: 'p1', name: 'Blue Door Coffee', kind: 'cafe', rating: 4.7, reviews: 812, price: 2, distance: '350 m', walkMinutes: 4, open: true, hours: 'Until 6 pm', tags: ['wifi', 'quiet'], blurb: 'Bright corner room with long tables and single-origin pour-overs.', lat: 40.7359, lng: -73.9911 },
+                { id: 'p2', name: 'Morning Loaf', kind: 'bakery', rating: 4.5, reviews: 403, price: 1, distance: '0.6 km', walkMinutes: 8, open: false, hours: 'Opens 7 am', tags: ['pastries'], lat: 40.7381, lng: -73.9873 },
+            ],
+        },
+    },
+};

package/dist/manifest/entries/popover.d.ts

@@ -0,0 +1,2 @@
+import type { WidgetManifestEntry } from '../index.js';
+export declare const popoverEntry: WidgetManifestEntry;

package/dist/manifest/entries/popover.js

@@ -0,0 +1,13 @@
+export const popoverEntry = {
+    type: 'popover',
+    category: 'overlay',
+    description: 'Click-to-open popover with rich content. Supports spec nodes for body. Bind `open` for two-way control.',
+    props: {
+        trigger: { type: 'string | UISpec', required: false, description: 'Trigger text or spec node.' },
+        content: { type: 'string | UISpec', required: false, description: 'Body text or spec node.' },
+        side: { type: '"top" | "right" | "bottom" | "left"', required: false, description: 'Position. Default "bottom".' },
+        align: { type: '"start" | "center" | "end"', required: false, description: 'Alignment.' },
+        open: { type: 'boolean', required: false, description: 'Open state (use with bind).' },
+    },
+    example: { type: 'popover', props: { trigger: 'View details', content: 'Detailed explanation with extra context.', side: 'right', open: false } },
+};

package/dist/manifest/entries/pricing-table.d.ts

@@ -0,0 +1,2 @@
+import type { WidgetManifestEntry } from '../index.js';
+export declare const pricingTableEntry: WidgetManifestEntry;

package/dist/manifest/entries/pricing-table.js

@@ -0,0 +1,27 @@
+export const pricingTableEntry = {
+    type: 'pricing-table',
+    category: 'vertical',
+    description: 'Multi-tier pricing comparison cards with feature checklists, popular badge, and CTAs.',
+    props: {
+        tiers: { type: 'Array<{ id: string; name: string; price: string | number; period?: string; description?: string; features?: Array<string | { label: string; included?: boolean }>; cta?: string; popular?: boolean; actions?: EventAction | EventAction[] }>', required: true, description: 'Pricing tiers, 1 to 4 in a row; a narrow card stacks them. `period` is "month", not "/month". A tier\'s `actions` fire on its CTA instead of on_select.' },
+        currency: { type: 'string', required: false, description: 'ISO 4217 code for numeric prices ("EUR", "USD"), or a symbol written as is. Default "$".' },
+    },
+    events: {
+        on_select: {
+            type: 'EventAction | EventAction[]',
+            required: false,
+            description: 'Fires with { id, name } when the visitor clicks a tier\'s CTA (a tier with its own `actions` fires those instead).',
+        },
+    },
+    example: {
+        type: 'pricing-table',
+        props: {
+            currency: 'USD',
+            tiers: [
+                { id: 'free', name: 'Free', price: 0, period: 'month', features: [{ label: 'Up to 3 projects', included: true }, { label: 'Priority support', included: false }], cta: 'Get started' },
+                { id: 'pro', name: 'Pro', price: 99, period: 'month', features: [{ label: 'Unlimited projects', included: true }, { label: 'Priority support', included: true }], cta: 'Start trial', popular: true },
+                { id: 'enterprise', name: 'Enterprise', price: 'Custom', features: [{ label: 'Unlimited projects', included: true }, { label: 'SSO', included: true }], cta: 'Contact sales' },
+            ],
+        },
+    },
+};

package/dist/manifest/entries/product-grid.d.ts

@@ -0,0 +1,2 @@
+import type { WidgetManifestEntry } from '../index.js';
+export declare const productGridEntry: WidgetManifestEntry;