@maxhealth.tech/prefab 0.1.2

package/dist/components/interactive/index.js

@@ -0,0 +1,59 @@
+/**
+ * Interactive components — Tabs, Accordion, Dialog, Popover, Tooltip, etc.
+ */
+import { ContainerComponent } from '../../core/component.js';
+// ── Tabs + Tab ───────────────────────────────────────────────────────────────
+export function Tabs(props) {
+    return new ContainerComponent('Tabs', props);
+}
+export function Tab(props) {
+    const c = new ContainerComponent('Tab', props);
+    c.getProps = () => ({ title: props.title });
+    return c;
+}
+// ── Accordion + AccordionItem ────────────────────────────────────────────────
+export function Accordion(props) {
+    return new ContainerComponent('Accordion', props);
+}
+export function AccordionItem(props) {
+    const c = new ContainerComponent('AccordionItem', props);
+    c.getProps = () => ({ title: props.title });
+    return c;
+}
+export function Dialog(props) {
+    const c = new ContainerComponent('Dialog', props);
+    c.getProps = () => ({
+        ...(props.title && { title: props.title }),
+        ...(props.description && { description: props.description }),
+        ...(props.trigger && { trigger: props.trigger.toJSON() }),
+        ...(props.name && { name: props.name }),
+        ...(props.dismissible !== undefined && { dismissible: props.dismissible }),
+    });
+    return c;
+}
+export function Popover(props) {
+    const c = new ContainerComponent('Popover', props);
+    c.getProps = () => ({
+        ...(props.title && { title: props.title }),
+        ...(props.description && { description: props.description }),
+        ...(props.side && { side: props.side }),
+    });
+    return c;
+}
+// ── Tooltip ──────────────────────────────────────────────────────────────────
+export function Tooltip(content, props) {
+    const c = new ContainerComponent('Tooltip', props);
+    c.getProps = () => ({ content: String(content) });
+    return c;
+}
+// ── HoverCard ────────────────────────────────────────────────────────────────
+export function HoverCard(content, props) {
+    const c = new ContainerComponent('HoverCard', props);
+    c.getProps = () => ({ content: String(content) });
+    return c;
+}
+// ── Carousel ─────────────────────────────────────────────────────────────────
+export function Carousel(props) {
+    return new ContainerComponent('Carousel', props);
+}
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,61 @@
+/**
+ * Layout components — Column, Row, Grid, Container, Div, Span, etc.
+ */
+import { ContainerComponent, type Component } from '../../core/component.js';
+import type { ContainerProps } from '../../core/component.js';
+export interface ColumnProps extends ContainerProps {
+    gap?: number;
+    align?: string;
+}
+export declare function Column(props: ColumnProps & {
+    children?: Component[];
+}): ContainerComponent;
+export interface RowProps extends ContainerProps {
+    gap?: number;
+    align?: string;
+}
+export declare function Row(props: RowProps & {
+    children?: Component[];
+}): ContainerComponent;
+export interface GridProps extends ContainerProps {
+    columns?: number | Record<string, number>;
+    gap?: number;
+    minColumnWidth?: string;
+    align?: string;
+}
+export declare function Grid(props: GridProps & {
+    children?: Component[];
+}): ContainerComponent;
+export interface GridItemProps extends ContainerProps {
+    colSpan?: number;
+    rowSpan?: number;
+}
+export declare function GridItem(props: GridItemProps & {
+    children?: Component[];
+}): ContainerComponent;
+export declare function Container(props?: ContainerProps): ContainerComponent;
+export declare function Div(props?: ContainerProps): ContainerComponent;
+export declare function Span(props?: ContainerProps): ContainerComponent;
+export interface DashboardProps extends ContainerProps {
+    columns?: number;
+    rowHeight?: number;
+    gap?: number;
+}
+export declare function Dashboard(props: DashboardProps & {
+    children?: Component[];
+}): ContainerComponent;
+export interface DashboardItemProps extends ContainerProps {
+    col?: number;
+    row?: number;
+    colSpan?: number;
+    rowSpan?: number;
+}
+export declare function DashboardItem(props: DashboardItemProps & {
+    children?: Component[];
+}): ContainerComponent;
+export declare function Pages(props?: ContainerProps): ContainerComponent;
+export interface PageProps extends ContainerProps {
+    name: string;
+}
+export declare function Page(props: PageProps): ContainerComponent;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,kBAAkB,EAAE,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAC5E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAI7D,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAA;CAAE,GAAG,kBAAkB,CAY1F;AAID,MAAM,WAAW,QAAS,SAAQ,cAAc;IAC9C,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,wBAAgB,GAAG,CAAC,KAAK,EAAE,QAAQ,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAA;CAAE,GAAG,kBAAkB,CASpF;AAID,MAAM,WAAW,SAAU,SAAQ,cAAc;IAC/C,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACzC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAA;CAAE,GAAG,kBAAkB,CAStF;AAID,MAAM,WAAW,aAAc,SAAQ,cAAc;IACnD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAA;CAAE,GAAG,kBAAkB,CAO9F;AAID,wBAAgB,SAAS,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,kBAAkB,CAEpE;AAID,wBAAgB,GAAG,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,kBAAkB,CAE9D;AAID,wBAAgB,IAAI,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,kBAAkB,CAE/D;AAID,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAA;CAAE,GAAG,kBAAkB,CAQhG;AAID,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACxD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAA;CAAE,GAAG,kBAAkB,CASxG;AAID,wBAAgB,KAAK,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,kBAAkB,CAEhE;AAED,MAAM,WAAW,SAAU,SAAQ,cAAc;IAC/C,IAAI,EAAE,MAAM,CAAA;CACb;AAED,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,kBAAkB,CAIzD"}

package/dist/components/layout/index.js

@@ -0,0 +1,86 @@
+/**
+ * Layout components — Column, Row, Grid, Container, Div, Span, etc.
+ */
+import { ContainerComponent } from '../../core/component.js';
+export function Column(props) {
+    // Compile gap into cssClass to match Python wire format
+    const gapClass = props.gap !== undefined ? `gap-${props.gap}` : undefined;
+    const mergedCss = [props.cssClass, gapClass].filter(Boolean).join(' ') || undefined;
+    const c = new ContainerComponent('Column', { ...props, cssClass: mergedCss });
+    Object.assign(c, { _gap: props.gap, _align: props.align });
+    const origGetProps = c.getProps.bind(c);
+    c.getProps = () => ({
+        ...origGetProps(),
+        ...(props.align && { align: props.align }),
+    });
+    return c;
+}
+export function Row(props) {
+    // Compile gap into cssClass to match Python wire format
+    const gapClass = props.gap !== undefined ? `gap-${props.gap}` : undefined;
+    const mergedCss = [props.cssClass, gapClass].filter(Boolean).join(' ') || undefined;
+    const c = new ContainerComponent('Row', { ...props, cssClass: mergedCss });
+    c.getProps = () => ({
+        ...(props.align && { align: props.align }),
+    });
+    return c;
+}
+export function Grid(props) {
+    const c = new ContainerComponent('Grid', props);
+    c.getProps = () => ({
+        ...(props.columns !== undefined && { columns: props.columns }),
+        ...(props.gap !== undefined && { gap: props.gap }),
+        ...(props.minColumnWidth && { minColumnWidth: props.minColumnWidth }),
+        ...(props.align && { align: props.align }),
+    });
+    return c;
+}
+export function GridItem(props) {
+    const c = new ContainerComponent('GridItem', props);
+    c.getProps = () => ({
+        ...(props.colSpan !== undefined && { colSpan: props.colSpan }),
+        ...(props.rowSpan !== undefined && { rowSpan: props.rowSpan }),
+    });
+    return c;
+}
+// ── Container ────────────────────────────────────────────────────────────────
+export function Container(props) {
+    return new ContainerComponent('Container', props);
+}
+// ── Div ──────────────────────────────────────────────────────────────────────
+export function Div(props) {
+    return new ContainerComponent('Div', props);
+}
+// ── Span ─────────────────────────────────────────────────────────────────────
+export function Span(props) {
+    return new ContainerComponent('Span', props);
+}
+export function Dashboard(props) {
+    const c = new ContainerComponent('Dashboard', props);
+    c.getProps = () => ({
+        ...(props.columns !== undefined && { columns: props.columns }),
+        ...(props.rowHeight !== undefined && { rowHeight: props.rowHeight }),
+        ...(props.gap !== undefined && { gap: props.gap }),
+    });
+    return c;
+}
+export function DashboardItem(props) {
+    const c = new ContainerComponent('DashboardItem', props);
+    c.getProps = () => ({
+        ...(props.col !== undefined && { col: props.col }),
+        ...(props.row !== undefined && { row: props.row }),
+        ...(props.colSpan !== undefined && { colSpan: props.colSpan }),
+        ...(props.rowSpan !== undefined && { rowSpan: props.rowSpan }),
+    });
+    return c;
+}
+// ── Pages + Page ─────────────────────────────────────────────────────────────
+export function Pages(props) {
+    return new ContainerComponent('Pages', props);
+}
+export function Page(props) {
+    const c = new ContainerComponent('Page', props);
+    c.getProps = () => ({ name: props.name });
+    return c;
+}
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,17 @@
+/**
+ * Media components — Image, Audio, Video, Embed, Svg, DropZone, Mermaid
+ */
+import { Component } from '../../core/component.js';
+import type { ComponentProps } from '../../core/component.js';
+export interface ImageProps extends ComponentProps {
+    src: string;
+    alt?: string;
+}
+export declare function Image(props: ImageProps): Component;
+export declare function Audio(src: string, props?: ComponentProps): Component;
+export declare function Video(src: string, props?: ComponentProps): Component;
+export declare function Embed(src: string, props?: ComponentProps): Component;
+export declare function Svg(content: string, props?: ComponentProps): Component;
+export declare function DropZone(props?: ComponentProps): Component;
+export declare function Mermaid(content: string, props?: ComponentProps): Component;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/media/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAE7D,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,SAAS,CAOlD;AAED,wBAAgB,KAAK,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,cAAc,GAAG,SAAS,CAIpE;AAED,wBAAgB,KAAK,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,cAAc,GAAG,SAAS,CAIpE;AAED,wBAAgB,KAAK,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,cAAc,GAAG,SAAS,CAIpE;AAED,wBAAgB,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,cAAc,GAAG,SAAS,CAItE;AAED,wBAAgB,QAAQ,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,SAAS,CAE1D;AAED,wBAAgB,OAAO,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,cAAc,GAAG,SAAS,CAI1E"}

package/dist/components/media/index.js

@@ -0,0 +1,41 @@
+/**
+ * Media components — Image, Audio, Video, Embed, Svg, DropZone, Mermaid
+ */
+import { Component } from '../../core/component.js';
+export function Image(props) {
+    const c = new Component('Image', props);
+    c.getProps = () => ({
+        src: props.src,
+        ...(props.alt && { alt: props.alt }),
+    });
+    return c;
+}
+export function Audio(src, props) {
+    const c = new Component('Audio', props);
+    c.getProps = () => ({ src });
+    return c;
+}
+export function Video(src, props) {
+    const c = new Component('Video', props);
+    c.getProps = () => ({ src });
+    return c;
+}
+export function Embed(src, props) {
+    const c = new Component('Embed', props);
+    c.getProps = () => ({ src });
+    return c;
+}
+export function Svg(content, props) {
+    const c = new Component('Svg', props);
+    c.getProps = () => ({ content });
+    return c;
+}
+export function DropZone(props) {
+    return new Component('DropZone', props);
+}
+export function Mermaid(content, props) {
+    const c = new Component('Mermaid', props);
+    c.getProps = () => ({ content });
+    return c;
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/media/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAQnD,MAAM,UAAU,KAAK,CAAC,KAAiB;IACrC,MAAM,CAAC,GAAG,IAAI,SAAS,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IACvC,CAAC,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,CAAC;QAClB,GAAG,EAAE,KAAK,CAAC,GAAG;QACd,GAAG,CAAC,KAAK,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC;KACrC,CAAC,CAAA;IACF,OAAO,CAAC,CAAA;AACV,CAAC;AAED,MAAM,UAAU,KAAK,CAAC,GAAW,EAAE,KAAsB;IACvD,MAAM,CAAC,GAAG,IAAI,SAAS,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IACvC,CAAC,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAA;IAC5B,OAAO,CAAC,CAAA;AACV,CAAC;AAED,MAAM,UAAU,KAAK,CAAC,GAAW,EAAE,KAAsB;IACvD,MAAM,CAAC,GAAG,IAAI,SAAS,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IACvC,CAAC,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAA;IAC5B,OAAO,CAAC,CAAA;AACV,CAAC;AAED,MAAM,UAAU,KAAK,CAAC,GAAW,EAAE,KAAsB;IACvD,MAAM,CAAC,GAAG,IAAI,SAAS,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IACvC,CAAC,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAA;IAC5B,OAAO,CAAC,CAAA;AACV,CAAC;AAED,MAAM,UAAU,GAAG,CAAC,OAAe,EAAE,KAAsB;IACzD,MAAM,CAAC,GAAG,IAAI,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;IACrC,CAAC,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAA;IAChC,OAAO,CAAC,CAAA;AACV,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,KAAsB;IAC7C,OAAO,IAAI,SAAS,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;AACzC,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,OAAe,EAAE,KAAsB;IAC7D,MAAM,CAAC,GAAG,IAAI,SAAS,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IACzC,CAAC,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAA;IAChC,OAAO,CAAC,CAAA;AACV,CAAC"}

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

@@ -0,0 +1,28 @@
+/**
+ * Table components — raw HTML table primitives for manual table building.
+ *
+ * These complement DataTable (which auto-generates from rows/columns).
+ * Use these when you need full control over table structure.
+ */
+import { Component, ContainerComponent } from '../../core/component.js';
+import type { ContainerProps, ComponentProps, RxStr } from '../../core/component.js';
+export declare function Table(props?: ContainerProps): ContainerComponent;
+export declare function TableHead(props?: ContainerProps): ContainerComponent;
+export declare function TableBody(props?: ContainerProps): ContainerComponent;
+export declare function TableFooter(props?: ContainerProps): ContainerComponent;
+export declare function TableRow(props?: ContainerProps): ContainerComponent;
+export declare function TableHeader(content: RxStr, props?: ComponentProps): Component;
+export interface TableCellProps extends ContainerProps {
+    colSpan?: number;
+    rowSpan?: number;
+}
+export declare function TableCell(props?: TableCellProps): ContainerComponent;
+export declare function TableCaption(content: RxStr, props?: ComponentProps): Component;
+export interface ExpandableRowProps extends ContainerProps {
+    /** Content shown in the summary/collapsed row */
+    summary: Component[];
+    /** State key to track expanded state */
+    stateKey?: string;
+}
+export declare function ExpandableRow(props: ExpandableRowProps): ContainerComponent;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AACvE,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAIpF,wBAAgB,KAAK,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,kBAAkB,CAEhE;AAID,wBAAgB,SAAS,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,kBAAkB,CAEpE;AAID,wBAAgB,SAAS,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,kBAAkB,CAEpE;AAID,wBAAgB,WAAW,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,kBAAkB,CAEtE;AAID,wBAAgB,QAAQ,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,kBAAkB,CAEnE;AAID,wBAAgB,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,cAAc,GAAG,SAAS,CAI7E;AAID,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,wBAAgB,SAAS,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,kBAAkB,CAOpE;AAID,wBAAgB,YAAY,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,cAAc,GAAG,SAAS,CAI9E;AAID,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACxD,iDAAiD;IACjD,OAAO,EAAE,SAAS,EAAE,CAAA;IACpB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,kBAAkB,CAO3E"}

package/dist/components/table/index.js

@@ -0,0 +1,56 @@
+/**
+ * Table components — raw HTML table primitives for manual table building.
+ *
+ * These complement DataTable (which auto-generates from rows/columns).
+ * Use these when you need full control over table structure.
+ */
+import { Component, ContainerComponent } from '../../core/component.js';
+// ── Table ────────────────────────────────────────────────────────────────────
+export function Table(props) {
+    return new ContainerComponent('Table', props);
+}
+// ── TableHead ────────────────────────────────────────────────────────────────
+export function TableHead(props) {
+    return new ContainerComponent('TableHead', props);
+}
+// ── TableBody ────────────────────────────────────────────────────────────────
+export function TableBody(props) {
+    return new ContainerComponent('TableBody', props);
+}
+// ── TableFooter ──────────────────────────────────────────────────────────────
+export function TableFooter(props) {
+    return new ContainerComponent('TableFooter', props);
+}
+// ── TableRow ─────────────────────────────────────────────────────────────────
+export function TableRow(props) {
+    return new ContainerComponent('TableRow', props);
+}
+// ── TableHeader ──────────────────────────────────────────────────────────────
+export function TableHeader(content, props) {
+    const c = new Component('TableHeader', props);
+    c.getProps = () => ({ content: String(content) });
+    return c;
+}
+export function TableCell(props) {
+    const c = new ContainerComponent('TableCell', props);
+    c.getProps = () => ({
+        ...(props?.colSpan !== undefined && { colSpan: props.colSpan }),
+        ...(props?.rowSpan !== undefined && { rowSpan: props.rowSpan }),
+    });
+    return c;
+}
+// ── TableCaption ─────────────────────────────────────────────────────────────
+export function TableCaption(content, props) {
+    const c = new Component('TableCaption', props);
+    c.getProps = () => ({ content: String(content) });
+    return c;
+}
+export function ExpandableRow(props) {
+    const c = new ContainerComponent('ExpandableRow', props);
+    c.getProps = () => ({
+        summary: props.summary.map(s => s.toJSON()),
+        ...(props.stateKey && { stateKey: props.stateKey }),
+    });
+    return c;
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/table/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAGvE,gFAAgF;AAEhF,MAAM,UAAU,KAAK,CAAC,KAAsB;IAC1C,OAAO,IAAI,kBAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;AAC/C,CAAC;AAED,gFAAgF;AAEhF,MAAM,UAAU,SAAS,CAAC,KAAsB;IAC9C,OAAO,IAAI,kBAAkB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAA;AACnD,CAAC;AAED,gFAAgF;AAEhF,MAAM,UAAU,SAAS,CAAC,KAAsB;IAC9C,OAAO,IAAI,kBAAkB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAA;AACnD,CAAC;AAED,gFAAgF;AAEhF,MAAM,UAAU,WAAW,CAAC,KAAsB;IAChD,OAAO,IAAI,kBAAkB,CAAC,aAAa,EAAE,KAAK,CAAC,CAAA;AACrD,CAAC;AAED,gFAAgF;AAEhF,MAAM,UAAU,QAAQ,CAAC,KAAsB;IAC7C,OAAO,IAAI,kBAAkB,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;AAClD,CAAC;AAED,gFAAgF;AAEhF,MAAM,UAAU,WAAW,CAAC,OAAc,EAAE,KAAsB;IAChE,MAAM,CAAC,GAAG,IAAI,SAAS,CAAC,aAAa,EAAE,KAAK,CAAC,CAAA;IAC7C,CAAC,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;IACjD,OAAO,CAAC,CAAA;AACV,CAAC;AASD,MAAM,UAAU,SAAS,CAAC,KAAsB;IAC9C,MAAM,CAAC,GAAG,IAAI,kBAAkB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAA;IACpD,CAAC,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,CAAC;QAClB,GAAG,CAAC,KAAK,EAAE,OAAO,KAAK,SAAS,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;QAC/D,GAAG,CAAC,KAAK,EAAE,OAAO,KAAK,SAAS,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;KAChE,CAAC,CAAA;IACF,OAAO,CAAC,CAAA;AACV,CAAC;AAED,gFAAgF;AAEhF,MAAM,UAAU,YAAY,CAAC,OAAc,EAAE,KAAsB;IACjE,MAAM,CAAC,GAAG,IAAI,SAAS,CAAC,cAAc,EAAE,KAAK,CAAC,CAAA;IAC9C,CAAC,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;IACjD,OAAO,CAAC,CAAA;AACV,CAAC;AAWD,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,MAAM,CAAC,GAAG,IAAI,kBAAkB,CAAC,eAAe,EAAE,KAAK,CAAC,CAAA;IACxD,CAAC,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,CAAC;QAClB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;QAC3C,GAAG,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC;KACpD,CAAC,CAAA;IACF,OAAO,CAAC,CAAA;AACV,CAAC"}

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

@@ -0,0 +1,34 @@
+/**
+ * Typography components — Heading, Text, Muted, Code, Link, Markdown, etc.
+ */
+import { Component } from '../../core/component.js';
+import type { ComponentProps, RxStr } from '../../core/component.js';
+export interface HeadingProps extends ComponentProps {
+    level?: 1 | 2 | 3 | 4;
+}
+export declare function Heading(content: RxStr, props?: HeadingProps): Component;
+export declare function H1(content: RxStr, props?: ComponentProps): Component;
+export declare function H2(content: RxStr, props?: ComponentProps): Component;
+export declare function H3(content: RxStr, props?: ComponentProps): Component;
+export declare function H4(content: RxStr, props?: ComponentProps): Component;
+export interface TextProps extends ComponentProps {
+    bold?: boolean;
+    code?: boolean;
+}
+export declare function Text(content: RxStr, props?: TextProps): Component;
+export declare function P(content: RxStr, props?: ComponentProps): Component;
+export declare function Lead(content: RxStr, props?: ComponentProps): Component;
+export declare function Large(content: RxStr, props?: ComponentProps): Component;
+export declare function Small(content: RxStr, props?: ComponentProps): Component;
+export declare function Muted(content: RxStr, props?: ComponentProps): Component;
+export declare function BlockQuote(content: RxStr, props?: ComponentProps): Component;
+export declare function Label(content: RxStr, props?: ComponentProps): Component;
+export interface LinkProps extends ComponentProps {
+    href: string;
+    target?: string;
+}
+export declare function Link(content: RxStr, props: LinkProps): Component;
+export declare function Code(content: RxStr, props?: ComponentProps): Component;
+export declare function Markdown(content: RxStr, props?: ComponentProps): Component;
+export declare function Kbd(label: string, props?: ComponentProps): Component;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/typography/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAepE,MAAM,WAAW,YAAa,SAAQ,cAAc;IAClD,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CACtB;AAED,wBAAgB,OAAO,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,YAAY,GAAG,SAAS,CAKvE;AAID,wBAAgB,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,cAAc,GAAG,SAAS,CAEpE;AAED,wBAAgB,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,cAAc,GAAG,SAAS,CAEpE;AAED,wBAAgB,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,cAAc,GAAG,SAAS,CAEpE;AAED,wBAAgB,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,cAAc,GAAG,SAAS,CAEpE;AAID,MAAM,WAAW,SAAU,SAAQ,cAAc;IAC/C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,wBAAgB,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAWjE;AAED,wBAAgB,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,cAAc,GAAG,SAAS,CAEnE;AAED,wBAAgB,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,cAAc,GAAG,SAAS,CAEtE;AAED,wBAAgB,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,cAAc,GAAG,SAAS,CAEvE;AAED,wBAAgB,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,cAAc,GAAG,SAAS,CAEvE;AAED,wBAAgB,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,cAAc,GAAG,SAAS,CAEvE;AAED,wBAAgB,UAAU,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,cAAc,GAAG,SAAS,CAE5E;AAED,wBAAgB,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,cAAc,GAAG,SAAS,CAEvE;AAID,MAAM,WAAW,SAAU,SAAQ,cAAc;IAC/C,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,wBAAgB,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,GAAG,SAAS,CAShE;AAID,wBAAgB,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,cAAc,GAAG,SAAS,CAEtE;AAID,wBAAgB,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,cAAc,GAAG,SAAS,CAE1E;AAID,wBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,cAAc,GAAG,SAAS,CAKpE"}

package/dist/components/typography/index.js

@@ -0,0 +1,93 @@
+/**
+ * Typography components — Heading, Text, Muted, Code, Link, Markdown, etc.
+ */
+import { Component } from '../../core/component.js';
+// ── Helpers ──────────────────────────────────────────────────────────────────
+class TextComponent extends Component {
+    content;
+    constructor(type, content, props) {
+        super(type, props);
+        this.content = content;
+    }
+    getProps() {
+        return { content: String(this.content) };
+    }
+}
+export function Heading(content, props) {
+    const c = new TextComponent('Heading', content, props);
+    const origGetProps = c.getProps.bind(c);
+    c.getProps = () => ({ ...origGetProps(), level: props?.level ?? 1 });
+    return c;
+}
+// ── Shorthand headings ───────────────────────────────────────────────────────
+export function H1(content, props) {
+    return Heading(content, { ...props, level: 1 });
+}
+export function H2(content, props) {
+    return Heading(content, { ...props, level: 2 });
+}
+export function H3(content, props) {
+    return Heading(content, { ...props, level: 3 });
+}
+export function H4(content, props) {
+    return Heading(content, { ...props, level: 4 });
+}
+export function Text(content, props) {
+    const c = new TextComponent('Text', content, props);
+    if (props?.bold || props?.code) {
+        const origGetProps = c.getProps.bind(c);
+        c.getProps = () => ({
+            ...origGetProps(),
+            ...(props.bold && { bold: true }),
+            ...(props.code && { code: true }),
+        });
+    }
+    return c;
+}
+export function P(content, props) {
+    return new TextComponent('P', content, props);
+}
+export function Lead(content, props) {
+    return new TextComponent('Lead', content, props);
+}
+export function Large(content, props) {
+    return new TextComponent('Large', content, props);
+}
+export function Small(content, props) {
+    return new TextComponent('Small', content, props);
+}
+export function Muted(content, props) {
+    return new TextComponent('Muted', content, props);
+}
+export function BlockQuote(content, props) {
+    return new TextComponent('BlockQuote', content, props);
+}
+export function Label(content, props) {
+    return new TextComponent('Label', content, props);
+}
+export function Link(content, props) {
+    const c = new TextComponent('Link', content, props);
+    const origGetProps = c.getProps.bind(c);
+    c.getProps = () => ({
+        ...origGetProps(),
+        href: props.href,
+        ...(props.target && { target: props.target }),
+    });
+    return c;
+}
+// ── Code ─────────────────────────────────────────────────────────────────────
+export function Code(content, props) {
+    return new TextComponent('Code', content, props);
+}
+// ── Markdown ─────────────────────────────────────────────────────────────────
+export function Markdown(content, props) {
+    return new TextComponent('Markdown', content, props);
+}
+// ── Kbd ──────────────────────────────────────────────────────────────────────
+export function Kbd(label, props) {
+    const c = new TextComponent('Kbd', label, props);
+    const origGetProps = c.getProps.bind(c);
+    c.getProps = () => ({ ...origGetProps(), label });
+    return c;
+}
+//# sourceMappingURL=index.js.map

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

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

package/dist/core/component.d.ts

@@ -0,0 +1,67 @@
+/**
+ * Core component base classes.
+ *
+ * Every UI component inherits from Component. Container components
+ * (Column, Row, Card, etc.) extend ContainerComponent which adds children.
+ * StatefulMixin adds name/value tracking for form elements.
+ *
+ * Serialization: Components produce a flat JSON tree matching the
+ * Python prefab-ui wire format:
+ *   { type: "Button", label: "Hi", variant: "default" }
+ *   { type: "Column", gap: 4, children: [...] }
+ */
+import type { Action, ActionJSON } from '../actions/types.js';
+import type { Rx } from '../rx/rx.js';
+/** Any value that can be a plain string or a reactive Rx expression */
+export type RxStr = string | Rx;
+/** Serialized component JSON */
+export interface ComponentJSON {
+    type: string;
+    id?: string;
+    cssClass?: string;
+    onMount?: ActionJSON | ActionJSON[];
+    children?: ComponentJSON[];
+    [key: string]: unknown;
+}
+/** Serialize a value for JSON output */
+export declare function serializeValue(v: unknown): unknown;
+export interface ComponentProps {
+    id?: string;
+    cssClass?: string;
+    onMount?: Action | Action[];
+}
+export declare class Component {
+    readonly componentType: string;
+    id?: string;
+    cssClass?: string;
+    onMount?: Action | Action[];
+    constructor(type: string, props?: ComponentProps);
+    /** Override in subclasses to add component-specific props */
+    getProps(): Record<string, unknown>;
+    toJSON(): ComponentJSON;
+}
+export interface ContainerProps extends ComponentProps {
+    children?: Component[];
+}
+export declare class ContainerComponent extends Component {
+    children: Component[];
+    constructor(type: string, props?: ContainerProps);
+    toJSON(): ComponentJSON;
+}
+export interface StatefulProps extends ComponentProps {
+    name: string;
+    value?: unknown;
+    onChange?: Action | Action[];
+}
+/**
+ * Base class for stateful form components (Input, Checkbox, Select, etc.).
+ * Provides a `name` for state binding and an optional `onChange` action.
+ */
+export declare class StatefulComponent extends Component {
+    name: string;
+    value?: unknown;
+    onChange?: Action | Action[];
+    constructor(type: string, props: StatefulProps);
+    getProps(): Record<string, unknown>;
+}
+//# sourceMappingURL=component.d.ts.map

package/dist/core/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/core/component.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAC7D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA;AAIrC,uEAAuE;AACvE,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,EAAE,CAAA;AAE/B,gCAAgC;AAChC,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,CAAA;IACnC,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAA;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AASD,wCAAwC;AACxC,wBAAgB,cAAc,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,CAiBlD;AAID,MAAM,WAAW,cAAc;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAC5B;AAED,qBAAa,SAAS;IACpB,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAA;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;gBAEf,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,cAAc;IAOhD,6DAA6D;IAC7D,QAAQ,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAInC,MAAM,IAAI,aAAa;CAsBxB;AAID,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAA;CACvB;AAED,qBAAa,kBAAmB,SAAQ,SAAS;IAC/C,QAAQ,EAAE,SAAS,EAAE,CAAA;gBAET,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,cAAc;IAKhD,MAAM,IAAI,aAAa;CAOxB;AAID,MAAM,WAAW,aAAc,SAAQ,cAAc;IACnD,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAC7B;AAED;;;GAGG;AACH,qBAAa,iBAAkB,SAAQ,SAAS;IAC9C,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;gBAEhB,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa;IAO9C,QAAQ,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;CAWpC"}