@maxhealth.tech/prefab 0.1.2

package/dist/auto/metrics.js

@@ -0,0 +1,55 @@
+/**
+ * autoMetrics — KPI dashboard grid with Metric cards and optional Sparklines.
+ *
+ * Ported from mcp-generator-3.x display_tools.py → show_metrics.
+ */
+import {} from '../core/component.js';
+import { Column, Grid } from '../components/layout/index.js';
+import { Heading, Muted } from '../components/typography/index.js';
+import { Card, CardContent } from '../components/card/index.js';
+import { Metric } from '../components/data/index.js';
+import { Sparkline } from '../components/charts/index.js';
+/**
+ * Auto-generate a KPI dashboard grid.
+ *
+ * @example
+ * ```ts
+ * autoMetrics([
+ *   { label: 'Revenue', value: '$42K', delta: '+12%', trend: 'up', trendSentiment: 'positive', sparkline: [10, 25, 18, 30, 42] },
+ *   { label: 'Users', value: '1,234', delta: '+5%', trend: 'up', trendSentiment: 'positive' },
+ *   { label: 'Errors', value: '3', delta: '-80%', trend: 'down', trendSentiment: 'positive' },
+ * ], { title: 'Dashboard', columns: 3 })
+ * ```
+ */
+export function autoMetrics(metrics, options) {
+    const gridColumns = options?.columns ?? 4;
+    const cards = metrics.map(m => {
+        const cardChildren = [
+            Metric({
+                label: m.label,
+                value: m.value,
+                ...(m.delta && { delta: m.delta }),
+                ...(m.trend && { trend: m.trend }),
+                ...(m.trendSentiment && { trendSentiment: m.trendSentiment }),
+                ...(m.description && { description: m.description }),
+            }),
+        ];
+        if (m.sparkline && m.sparkline.length > 0) {
+            cardChildren.push(Sparkline({
+                data: m.sparkline,
+                variant: 'line',
+                fill: true,
+                curve: 'smooth',
+            }));
+        }
+        return Card({ children: [CardContent({ cssClass: 'pt-4', children: cardChildren })] });
+    });
+    const children = [];
+    if (options?.title)
+        children.push(Heading(options.title));
+    if (options?.subtitle)
+        children.push(Muted(options.subtitle));
+    children.push(Grid({ columns: gridColumns, gap: 4, children: cards }));
+    return Column({ gap: 5, cssClass: 'p-6', children });
+}
+//# sourceMappingURL=metrics.js.map

package/dist/auto/metrics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metrics.js","sourceRoot":"","sources":["../../src/auto/metrics.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAA2C,MAAM,sBAAsB,CAAA;AAC9E,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAA;AAClE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAA;AA4BzD;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,WAAW,CACzB,OAAwB,EACxB,OAA4B;IAE5B,MAAM,WAAW,GAAG,OAAO,EAAE,OAAO,IAAI,CAAC,CAAA;IAEzC,MAAM,KAAK,GAAgB,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;QACzC,MAAM,YAAY,GAAgB;YAChC,MAAM,CAAC;gBACL,KAAK,EAAE,CAAC,CAAC,KAAK;gBACd,KAAK,EAAE,CAAC,CAAC,KAAK;gBACd,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC;gBAClC,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC;gBAClC,GAAG,CAAC,CAAC,CAAC,cAAc,IAAI,EAAE,cAAc,EAAE,CAAC,CAAC,cAAc,EAAE,CAAC;gBAC7D,GAAG,CAAC,CAAC,CAAC,WAAW,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC;aACrD,CAAC;SACH,CAAA;QAED,IAAI,CAAC,CAAC,SAAS,IAAI,CAAC,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC1C,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC;gBAC1B,IAAI,EAAE,CAAC,CAAC,SAAS;gBACjB,OAAO,EAAE,MAAM;gBACf,IAAI,EAAE,IAAI;gBACV,KAAK,EAAE,QAAQ;aAChB,CAAC,CAAC,CAAA;QACL,CAAC;QAED,OAAO,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC,WAAW,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,CAAA;IACxF,CAAC,CAAC,CAAA;IAEF,MAAM,QAAQ,GAAgB,EAAE,CAAA;IAChC,IAAI,OAAO,EAAE,KAAK;QAAE,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAA;IACzD,IAAI,OAAO,EAAE,QAAQ;QAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC7D,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC,CAAA;IAEtE,OAAO,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAA;AACtD,CAAC"}

package/dist/auto/progress.d.ts

@@ -0,0 +1,38 @@
+/**
+ * autoProgress — Multi-step progress tracker with status indicators.
+ *
+ * Ported from mcp-generator-3.x display_tools.py → show_progress.
+ */
+import { type ContainerComponent } from '../core/component.js';
+export interface AutoProgressStep {
+    /** Step label. */
+    label: string;
+    /** Step status: 'completed', 'active', or 'pending'. */
+    status: 'completed' | 'active' | 'pending';
+    /** Optional description. */
+    description?: string;
+}
+export interface AutoProgressOptions {
+    /** Progress tracker heading. */
+    title?: string;
+    /** Optional subtitle. */
+    subtitle?: string;
+}
+/**
+ * Auto-generate a multi-step progress tracker.
+ *
+ * Calculates overall completion percentage and renders a Progress bar
+ * followed by step cards with status indicators.
+ *
+ * @example
+ * ```ts
+ * autoProgress([
+ *   { label: 'Order Placed', status: 'completed' },
+ *   { label: 'Processing', status: 'active', description: 'Preparing shipment' },
+ *   { label: 'Shipped', status: 'pending' },
+ *   { label: 'Delivered', status: 'pending' },
+ * ], { title: 'Order Status' })
+ * ```
+ */
+export declare function autoProgress(steps: AutoProgressStep[], options?: AutoProgressOptions): ContainerComponent;
+//# sourceMappingURL=progress.d.ts.map

package/dist/auto/progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/auto/progress.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAkB,KAAK,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAa9E,MAAM,WAAW,gBAAgB;IAC/B,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,wDAAwD;IACxD,MAAM,EAAE,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAA;IAC1C,4BAA4B;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,mBAAmB;IAClC,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,gBAAgB,EAAE,EACzB,OAAO,CAAC,EAAE,mBAAmB,GAC5B,kBAAkB,CA+CpB"}

package/dist/auto/progress.js

@@ -0,0 +1,72 @@
+/**
+ * autoProgress — Multi-step progress tracker with status indicators.
+ *
+ * Ported from mcp-generator-3.x display_tools.py → show_progress.
+ */
+import {} from '../core/component.js';
+import { Column, Row } from '../components/layout/index.js';
+import { Heading, Muted } from '../components/typography/index.js';
+import { Card, CardContent } from '../components/card/index.js';
+import { Badge, Dot, Progress, Separator } from '../components/data/index.js';
+const STEP_CONFIG = {
+    completed: { color: 'green', badgeVariant: 'success', label: 'Done' },
+    active: { color: 'blue', badgeVariant: 'info', label: 'In Progress' },
+    pending: { color: 'gray', badgeVariant: 'outline', label: 'Pending' },
+};
+/**
+ * Auto-generate a multi-step progress tracker.
+ *
+ * Calculates overall completion percentage and renders a Progress bar
+ * followed by step cards with status indicators.
+ *
+ * @example
+ * ```ts
+ * autoProgress([
+ *   { label: 'Order Placed', status: 'completed' },
+ *   { label: 'Processing', status: 'active', description: 'Preparing shipment' },
+ *   { label: 'Shipped', status: 'pending' },
+ *   { label: 'Delivered', status: 'pending' },
+ * ], { title: 'Order Status' })
+ * ```
+ */
+export function autoProgress(steps, options) {
+    const total = steps.length;
+    const completedCount = steps.filter(s => s.status === 'completed').length;
+    const activeCount = steps.filter(s => s.status === 'active').length;
+    const progressPct = total > 0
+        ? Math.round(((completedCount + activeCount * 0.5) / total) * 100)
+        : 0;
+    const children = [];
+    if (options?.title)
+        children.push(Heading(options.title));
+    if (options?.subtitle)
+        children.push(Muted(options.subtitle));
+    children.push(Progress({ value: progressPct, cssClass: 'h-2' }));
+    children.push(Row({ gap: 2, align: 'center', children: [
+            Badge(`${completedCount}/${total} steps`, { variant: 'outline' }),
+            Muted(`${progressPct}% complete`),
+        ] }));
+    const stepRows = [];
+    for (let i = 0; i < steps.length; i++) {
+        const step = steps[i];
+        const config = STEP_CONFIG[step.status] ?? STEP_CONFIG.pending;
+        const stepContent = [
+            Dot(config.color, { cssClass: 'shrink-0' }),
+        ];
+        const labelCol = [
+            Heading(step.label, { cssClass: 'font-medium' }),
+        ];
+        if (step.description) {
+            labelCol.push(Muted(step.description));
+        }
+        stepContent.push(Column({ gap: 0, cssClass: 'flex-1', children: labelCol }));
+        stepContent.push(Badge(config.label, { variant: config.badgeVariant }));
+        stepRows.push(Row({ gap: 4, align: 'center', cssClass: 'py-3', children: stepContent }));
+        if (i < steps.length - 1) {
+            stepRows.push(Separator());
+        }
+    }
+    children.push(Card({ children: [CardContent({ cssClass: 'py-4', children: stepRows })] }));
+    return Column({ gap: 5, cssClass: 'p-6 max-w-3xl', children });
+}
+//# sourceMappingURL=progress.js.map

package/dist/auto/progress.js.map

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

package/dist/auto/timeline.d.ts

@@ -0,0 +1,41 @@
+/**
+ * autoTimeline — Chronological event feed with status dots and badges.
+ *
+ * Ported from mcp-generator-3.x display_tools.py → show_timeline.
+ */
+import { type ContainerComponent } from '../core/component.js';
+import type { BadgeVariant } from '../components/data/index.js';
+export interface AutoTimelineEvent {
+    /** Event title. */
+    title: string;
+    /** Timestamp string. */
+    timestamp: string;
+    /** Optional description. */
+    description?: string;
+    /** Status string — mapped to dot color. */
+    status?: string;
+    /** Badge text. */
+    badge?: string;
+    /** Badge variant. */
+    badgeVariant?: BadgeVariant;
+}
+export interface AutoTimelineOptions {
+    /** Timeline heading. */
+    title?: string;
+    /** Optional subtitle. */
+    subtitle?: string;
+}
+/**
+ * Auto-generate a chronological timeline.
+ *
+ * @example
+ * ```ts
+ * autoTimeline([
+ *   { title: 'Order placed', timestamp: '2026-04-20 10:30', status: 'completed', badge: 'Done', badgeVariant: 'success' },
+ *   { title: 'Processing', timestamp: '2026-04-20 11:00', status: 'active' },
+ *   { title: 'Shipped', timestamp: '', status: 'pending' },
+ * ], { title: 'Order Timeline' })
+ * ```
+ */
+export declare function autoTimeline(events: AutoTimelineEvent[], options?: AutoTimelineOptions): ContainerComponent;
+//# sourceMappingURL=timeline.d.ts.map

package/dist/auto/timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.d.ts","sourceRoot":"","sources":["../../src/auto/timeline.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAkB,KAAK,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAK9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAc/D,MAAM,WAAW,iBAAiB;IAChC,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,wBAAwB;IACxB,SAAS,EAAE,MAAM,CAAA;IACjB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qBAAqB;IACrB,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B;AAED,MAAM,WAAW,mBAAmB;IAClC,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAC1B,MAAM,EAAE,iBAAiB,EAAE,EAC3B,OAAO,CAAC,EAAE,mBAAmB,GAC5B,kBAAkB,CA4CpB"}

package/dist/auto/timeline.js

@@ -0,0 +1,72 @@
+/**
+ * autoTimeline — Chronological event feed with status dots and badges.
+ *
+ * Ported from mcp-generator-3.x display_tools.py → show_timeline.
+ */
+import {} from '../core/component.js';
+import { Column, Row } from '../components/layout/index.js';
+import { Heading, Text, Muted, Small } from '../components/typography/index.js';
+import { Card, CardContent } from '../components/card/index.js';
+import { Badge, Dot, Separator } from '../components/data/index.js';
+const DOT_COLORS = {
+    completed: 'green',
+    success: 'green',
+    active: 'blue',
+    in_progress: 'blue',
+    pending: 'yellow',
+    warning: 'yellow',
+    error: 'red',
+    failed: 'red',
+    cancelled: 'gray',
+};
+/**
+ * Auto-generate a chronological timeline.
+ *
+ * @example
+ * ```ts
+ * autoTimeline([
+ *   { title: 'Order placed', timestamp: '2026-04-20 10:30', status: 'completed', badge: 'Done', badgeVariant: 'success' },
+ *   { title: 'Processing', timestamp: '2026-04-20 11:00', status: 'active' },
+ *   { title: 'Shipped', timestamp: '', status: 'pending' },
+ * ], { title: 'Order Timeline' })
+ * ```
+ */
+export function autoTimeline(events, options) {
+    const children = [];
+    if (options?.title)
+        children.push(Heading(options.title));
+    if (options?.subtitle)
+        children.push(Muted(options.subtitle));
+    const eventRows = [];
+    for (let i = 0; i < events.length; i++) {
+        const event = events[i];
+        const status = (event.status ?? '').toLowerCase().replace(/[\s-]/g, '_');
+        const color = DOT_COLORS[status] ?? 'gray';
+        const rowChildren = [
+            Dot(color, { cssClass: 'mt-1.5 shrink-0' }),
+        ];
+        const textColumn = [];
+        // Title row with optional badge
+        const titleRowChildren = [
+            Text(event.title, { cssClass: 'font-medium' }),
+        ];
+        if (event.badge) {
+            titleRowChildren.push(Badge(event.badge, { variant: event.badgeVariant ?? 'outline' }));
+        }
+        textColumn.push(Row({ gap: 2, align: 'center', children: titleRowChildren }));
+        if (event.description) {
+            textColumn.push(Muted(event.description));
+        }
+        if (event.timestamp) {
+            textColumn.push(Small(event.timestamp, { cssClass: 'text-muted-foreground' }));
+        }
+        rowChildren.push(Column({ gap: 1, cssClass: 'flex-1', children: textColumn }));
+        eventRows.push(Row({ gap: 4, align: 'start', cssClass: 'py-3', children: rowChildren }));
+        if (i < events.length - 1) {
+            eventRows.push(Separator());
+        }
+    }
+    children.push(Card({ children: [CardContent({ cssClass: 'py-4', children: eventRows })] }));
+    return Column({ gap: 5, cssClass: 'p-6 max-w-3xl', children });
+}
+//# sourceMappingURL=timeline.js.map

package/dist/auto/timeline.js.map

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

package/dist/components/alert/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Alert components — Alert, AlertTitle, AlertDescription
+ */
+import { ContainerComponent, Component } from '../../core/component.js';
+import type { ContainerProps, ComponentProps, RxStr } from '../../core/component.js';
+export type AlertVariant = 'default' | 'destructive';
+export interface AlertProps extends ContainerProps {
+    variant?: AlertVariant;
+    icon?: string;
+}
+export declare function Alert(props?: AlertProps): ContainerComponent;
+export declare function AlertTitle(content: RxStr, props?: ComponentProps): Component;
+export declare function AlertDescription(content: RxStr, props?: ComponentProps): Component;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/alert/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACvE,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAEpF,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,aAAa,CAAA;AAEpD,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,wBAAgB,KAAK,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,kBAAkB,CAS5D;AAWD,wBAAgB,UAAU,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,cAAc,GAAG,SAAS,CAE5E;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,cAAc,GAAG,SAAS,CAElF"}

package/dist/components/alert/index.js

@@ -0,0 +1,31 @@
+/**
+ * Alert components — Alert, AlertTitle, AlertDescription
+ */
+import { ContainerComponent, Component } from '../../core/component.js';
+export function Alert(props) {
+    const c = new ContainerComponent('Alert', props);
+    if (props?.variant || props?.icon) {
+        c.getProps = () => ({
+            ...(props.variant && { variant: props.variant }),
+            ...(props.icon && { icon: props.icon }),
+        });
+    }
+    return c;
+}
+class AlertTextComponent extends Component {
+    content;
+    constructor(type, content, props) {
+        super(type, props);
+        this.content = content;
+    }
+    getProps() {
+        return { content: String(this.content) };
+    }
+}
+export function AlertTitle(content, props) {
+    return new AlertTextComponent('AlertTitle', content, props);
+}
+export function AlertDescription(content, props) {
+    return new AlertTextComponent('AlertDescription', content, props);
+}
+//# sourceMappingURL=index.js.map

package/dist/components/alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/alert/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAUvE,MAAM,UAAU,KAAK,CAAC,KAAkB;IACtC,MAAM,CAAC,GAAG,IAAI,kBAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IAChD,IAAI,KAAK,EAAE,OAAO,IAAI,KAAK,EAAE,IAAI,EAAE,CAAC;QAClC,CAAC,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,CAAC;YAClB,GAAG,CAAC,KAAK,CAAC,OAAO,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;YAChD,GAAG,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;SACxC,CAAC,CAAA;IACJ,CAAC;IACD,OAAO,CAAC,CAAA;AACV,CAAC;AAED,MAAM,kBAAmB,SAAQ,SAAS;IACL;IAAnC,YAAY,IAAY,EAAW,OAAc,EAAE,KAAsB;QACvE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;QADe,YAAO,GAAP,OAAO,CAAO;IAEjD,CAAC;IACD,QAAQ;QACN,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAA;IAC1C,CAAC;CACF;AAED,MAAM,UAAU,UAAU,CAAC,OAAc,EAAE,KAAsB;IAC/D,OAAO,IAAI,kBAAkB,CAAC,YAAY,EAAE,OAAO,EAAE,KAAK,CAAC,CAAA;AAC7D,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,OAAc,EAAE,KAAsB;IACrE,OAAO,IAAI,kBAAkB,CAAC,kBAAkB,EAAE,OAAO,EAAE,KAAK,CAAC,CAAA;AACnE,CAAC"}

package/dist/components/card/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Card components — Card, CardHeader, CardTitle, CardContent, CardFooter, etc.
+ */
+import { ContainerComponent, Component } from '../../core/component.js';
+import type { ContainerProps, ComponentProps, RxStr } from '../../core/component.js';
+export declare function Card(props?: ContainerProps): ContainerComponent;
+export declare function CardHeader(props?: ContainerProps): ContainerComponent;
+export declare function CardTitle(content: RxStr, props?: ComponentProps): Component;
+export declare function CardDescription(content: RxStr, props?: ComponentProps): Component;
+export declare function CardContent(props?: ContainerProps): ContainerComponent;
+export declare function CardFooter(props?: ContainerProps): ContainerComponent;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACvE,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAWpF,wBAAgB,IAAI,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,kBAAkB,CAE/D;AAED,wBAAgB,UAAU,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,kBAAkB,CAErE;AAED,wBAAgB,SAAS,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,cAAc,GAAG,SAAS,CAE3E;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,cAAc,GAAG,SAAS,CAEjF;AAED,wBAAgB,WAAW,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,kBAAkB,CAEtE;AAED,wBAAgB,UAAU,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,kBAAkB,CAErE"}

package/dist/components/card/index.js

@@ -0,0 +1,33 @@
+/**
+ * Card components — Card, CardHeader, CardTitle, CardContent, CardFooter, etc.
+ */
+import { ContainerComponent, Component } from '../../core/component.js';
+class CardTextComponent extends Component {
+    content;
+    constructor(type, content, props) {
+        super(type, props);
+        this.content = content;
+    }
+    getProps() {
+        return { content: String(this.content) };
+    }
+}
+export function Card(props) {
+    return new ContainerComponent('Card', props);
+}
+export function CardHeader(props) {
+    return new ContainerComponent('CardHeader', props);
+}
+export function CardTitle(content, props) {
+    return new CardTextComponent('CardTitle', content, props);
+}
+export function CardDescription(content, props) {
+    return new CardTextComponent('CardDescription', content, props);
+}
+export function CardContent(props) {
+    return new ContainerComponent('CardContent', props);
+}
+export function CardFooter(props) {
+    return new ContainerComponent('CardFooter', props);
+}
+//# sourceMappingURL=index.js.map

package/dist/components/card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAGvE,MAAM,iBAAkB,SAAQ,SAAS;IACJ;IAAnC,YAAY,IAAY,EAAW,OAAc,EAAE,KAAsB;QACvE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;QADe,YAAO,GAAP,OAAO,CAAO;IAEjD,CAAC;IACD,QAAQ;QACN,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAA;IAC1C,CAAC;CACF;AAED,MAAM,UAAU,IAAI,CAAC,KAAsB;IACzC,OAAO,IAAI,kBAAkB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;AAC9C,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,OAAO,IAAI,kBAAkB,CAAC,YAAY,EAAE,KAAK,CAAC,CAAA;AACpD,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,OAAc,EAAE,KAAsB;IAC9D,OAAO,IAAI,iBAAiB,CAAC,WAAW,EAAE,OAAO,EAAE,KAAK,CAAC,CAAA;AAC3D,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,OAAc,EAAE,KAAsB;IACpE,OAAO,IAAI,iBAAiB,CAAC,iBAAiB,EAAE,OAAO,EAAE,KAAK,CAAC,CAAA;AACjE,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAAsB;IAChD,OAAO,IAAI,kBAAkB,CAAC,aAAa,EAAE,KAAK,CAAC,CAAA;AACrD,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,OAAO,IAAI,kBAAkB,CAAC,YAAY,EAAE,KAAK,CAAC,CAAA;AACpD,CAAC"}

package/dist/components/charts/index.d.ts

@@ -0,0 +1,57 @@
+/**
+ * Chart components — BarChart, LineChart, AreaChart, PieChart, Sparkline, etc.
+ */
+import { Component } from '../../core/component.js';
+import type { ComponentProps } from '../../core/component.js';
+export interface ChartSeries {
+    dataKey: string;
+    label?: string;
+    color?: string;
+}
+export interface BaseChartProps extends ComponentProps {
+    data: unknown[];
+    series: ChartSeries[];
+    xAxis?: string;
+    height?: number;
+    showLegend?: boolean;
+    showTooltip?: boolean;
+    showGrid?: boolean;
+    showYAxis?: boolean;
+    yAxisFormat?: string;
+    animate?: boolean;
+}
+export interface BarChartProps extends BaseChartProps {
+    stacked?: boolean;
+    horizontal?: boolean;
+    barRadius?: number;
+}
+export declare function BarChart(props: BarChartProps): Component;
+export declare function LineChart(props: BaseChartProps): Component;
+export declare function AreaChart(props: BaseChartProps): Component;
+export declare function PieChart(props: BaseChartProps): Component;
+export declare function RadarChart(props: BaseChartProps): Component;
+export declare function ScatterChart(props: BaseChartProps): Component;
+export interface SparklineProps extends ComponentProps {
+    data: number[];
+    variant?: string;
+    fill?: boolean;
+    curve?: 'linear' | 'smooth' | 'step';
+    mode?: 'line' | 'bar';
+}
+export declare function Sparkline(props: SparklineProps): Component;
+export interface RadialChartProps extends BaseChartProps {
+    innerRadius?: number;
+    startAngle?: number;
+    endAngle?: number;
+}
+export declare function RadialChart(props: RadialChartProps): Component;
+export interface HistogramProps extends ComponentProps {
+    data: number[];
+    bins?: number;
+    color?: string;
+    height?: number;
+    showXAxis?: boolean;
+    showYAxis?: boolean;
+}
+export declare function Histogram(props: HistogramProps): Component;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/charts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/charts/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAI7D,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAID,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,IAAI,EAAE,OAAO,EAAE,CAAA;IACf,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAoBD,MAAM,WAAW,aAAc,SAAQ,cAAc;IACnD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,CAQxD;AAID,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,CAI1D;AAID,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,CAI1D;AAID,wBAAgB,QAAQ,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,CAIzD;AAID,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,CAI3D;AAID,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,CAI7D;AAID,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAA;IACpC,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;CACtB;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,CAU1D;AAID,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,SAAS,CAQ9D;AAID,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,CAW1D"}

package/dist/components/charts/index.js

@@ -0,0 +1,91 @@
+/**
+ * Chart components — BarChart, LineChart, AreaChart, PieChart, Sparkline, etc.
+ */
+import { Component } from '../../core/component.js';
+function chartGetProps(props, extra) {
+    return {
+        data: props.data,
+        series: props.series,
+        ...(props.xAxis && { xAxis: props.xAxis }),
+        ...(props.height !== undefined && { height: props.height }),
+        ...(props.showLegend !== undefined && { showLegend: props.showLegend }),
+        ...(props.showTooltip !== undefined && { showTooltip: props.showTooltip }),
+        ...(props.showGrid !== undefined && { showGrid: props.showGrid }),
+        ...(props.showYAxis !== undefined && { showYAxis: props.showYAxis }),
+        ...(props.yAxisFormat && { yAxisFormat: props.yAxisFormat }),
+        ...(props.animate !== undefined && { animate: props.animate }),
+        ...extra,
+    };
+}
+export function BarChart(props) {
+    const c = new Component('BarChart', props);
+    c.getProps = () => chartGetProps(props, {
+        ...(props.stacked && { stacked: true }),
+        ...(props.horizontal && { horizontal: true }),
+        ...(props.barRadius !== undefined && { barRadius: props.barRadius }),
+    });
+    return c;
+}
+// ── LineChart ────────────────────────────────────────────────────────────────
+export function LineChart(props) {
+    const c = new Component('LineChart', props);
+    c.getProps = () => chartGetProps(props);
+    return c;
+}
+// ── AreaChart ────────────────────────────────────────────────────────────────
+export function AreaChart(props) {
+    const c = new Component('AreaChart', props);
+    c.getProps = () => chartGetProps(props);
+    return c;
+}
+// ── PieChart ─────────────────────────────────────────────────────────────────
+export function PieChart(props) {
+    const c = new Component('PieChart', props);
+    c.getProps = () => chartGetProps(props);
+    return c;
+}
+// ── RadarChart ───────────────────────────────────────────────────────────────
+export function RadarChart(props) {
+    const c = new Component('RadarChart', props);
+    c.getProps = () => chartGetProps(props);
+    return c;
+}
+// ── ScatterChart ─────────────────────────────────────────────────────────────
+export function ScatterChart(props) {
+    const c = new Component('ScatterChart', props);
+    c.getProps = () => chartGetProps(props);
+    return c;
+}
+export function Sparkline(props) {
+    const c = new Component('Sparkline', props);
+    c.getProps = () => ({
+        data: props.data,
+        ...(props.variant && { variant: props.variant }),
+        ...(props.fill !== undefined && { fill: props.fill }),
+        ...(props.curve && { curve: props.curve }),
+        ...(props.mode && { mode: props.mode }),
+    });
+    return c;
+}
+export function RadialChart(props) {
+    const c = new Component('RadialChart', props);
+    c.getProps = () => chartGetProps(props, {
+        ...(props.innerRadius !== undefined && { innerRadius: props.innerRadius }),
+        ...(props.startAngle !== undefined && { startAngle: props.startAngle }),
+        ...(props.endAngle !== undefined && { endAngle: props.endAngle }),
+    });
+    return c;
+}
+export function Histogram(props) {
+    const c = new Component('Histogram', props);
+    c.getProps = () => ({
+        data: props.data,
+        ...(props.bins !== undefined && { bins: props.bins }),
+        ...(props.color && { color: props.color }),
+        ...(props.height !== undefined && { height: props.height }),
+        ...(props.showXAxis !== undefined && { showXAxis: props.showXAxis }),
+        ...(props.showYAxis !== undefined && { showYAxis: props.showYAxis }),
+    });
+    return c;
+}
+//# sourceMappingURL=index.js.map

package/dist/components/charts/index.js.map

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

package/dist/components/control/index.d.ts

@@ -0,0 +1,48 @@
+/**
+ * Control flow & composition components — ForEach, If, Elif, Else, Define, Use, Slot
+ */
+import { Component, ContainerComponent } from '../../core/component.js';
+import type { ContainerProps, ComponentProps, RxStr } from '../../core/component.js';
+export interface ForEachProps extends ContainerProps {
+    expression: RxStr;
+    let?: Record<string, unknown>;
+}
+export declare function ForEach(props: ForEachProps): ContainerComponent;
+export interface ConditionProps extends ContainerProps {
+    condition: RxStr;
+}
+export declare function If(props: ConditionProps): ContainerComponent;
+export declare function Elif(props: ConditionProps): ContainerComponent;
+export declare function Else(props?: ContainerProps): ContainerComponent;
+/**
+ * Define a reusable named component template.
+ * Goes into the `defs` section of the wire format.
+ */
+export interface DefineProps extends ContainerProps {
+    /** Unique name for this definition. */
+    name: string;
+}
+export declare function Define(props: DefineProps): ContainerComponent;
+/**
+ * Reference a named definition (from defs).
+ * Resolves to the component tree defined by `Define`.
+ */
+export interface UseProps extends ComponentProps {
+    /** Name of the definition to use. */
+    def: string;
+    /** Override props to pass to the definition. */
+    overrides?: Record<string, unknown>;
+}
+export declare function Use(props: UseProps): Component;
+/**
+ * Dynamic content injection point.
+ * Used inside `Define` to mark where child content is placed.
+ */
+export interface SlotProps extends ComponentProps {
+    /** Optional named slot identifier. */
+    name?: string;
+    /** Fallback content if no injection provided. */
+    fallback?: Component;
+}
+export declare function Slot(props?: SlotProps): Component;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/control/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/control/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AACvE,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAIpF,MAAM,WAAW,YAAa,SAAQ,cAAc;IAClD,UAAU,EAAE,KAAK,CAAA;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAC9B;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,kBAAkB,CAO/D;AAID,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,SAAS,EAAE,KAAK,CAAA;CACjB;AAED,wBAAgB,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,kBAAkB,CAI5D;AAED,wBAAgB,IAAI,CAAC,KAAK,EAAE,cAAc,GAAG,kBAAkB,CAI9D;AAED,wBAAgB,IAAI,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,kBAAkB,CAE/D;AAID;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD,uCAAuC;IACvC,IAAI,EAAE,MAAM,CAAA;CACb;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,kBAAkB,CAI7D;AAID;;;GAGG;AACH,MAAM,WAAW,QAAS,SAAQ,cAAc;IAC9C,qCAAqC;IACrC,GAAG,EAAE,MAAM,CAAA;IACX,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CACpC;AAED,wBAAgB,GAAG,CAAC,KAAK,EAAE,QAAQ,GAAG,SAAS,CAO9C;AAID;;;GAGG;AACH,MAAM,WAAW,SAAU,SAAQ,cAAc;IAC/C,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iDAAiD;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,IAAI,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAOjD"}