@synopackageland/ui 0.5.7 → 0.6.0

package/dist/json/catalog.d.ts

@@ -0,0 +1,910 @@
+import { z } from 'zod';
+export type SidebarItemJson = {
+    key: string;
+    label: string;
+    icon?: string;
+    badge?: string | number;
+    disabled?: boolean;
+    selectable?: boolean;
+    children?: SidebarItemJson[];
+};
+/**
+ * Curated declarative surface for AI-generated DSM application UIs.
+ *
+ * This is intentionally not a mirror of every exported Vue component. It
+ * exposes stable interaction primitives and application patterns, while apps
+ * can extend the catalog for domain-specific views (treemaps, terminals,
+ * download rows, NAS pickers, and so on).
+ */
+export declare const synoJsonComponentDefinitions: {
+    AppRoot: {
+        props: z.ZodObject<{
+            modalScope: z.ZodOptional<z.ZodEnum<{
+                document: "document";
+                app: "app";
+            }>>;
+        }, z.core.$strip>;
+        slots: string[];
+        description: string;
+    };
+    AppShell: {
+        props: z.ZodObject<{
+            sidebarWidth: z.ZodOptional<z.ZodString>;
+            minHeight: z.ZodOptional<z.ZodString>;
+            responsive: z.ZodOptional<z.ZodBoolean>;
+            wideLayout: z.ZodOptional<z.ZodEnum<{
+                window: "window";
+                web: "web";
+            }>>;
+        }, z.core.$strip>;
+        slots: string[];
+        description: string;
+    };
+    ResponsiveView: {
+        props: z.ZodObject<{
+            mode: z.ZodOptional<z.ZodEnum<{
+                auto: "auto";
+                mobile: "mobile";
+                window: "window";
+                web: "web";
+            }>>;
+        }, z.core.$strip>;
+        slots: string[];
+        description: string;
+    };
+    Page: {
+        props: z.ZodObject<{
+            width: z.ZodOptional<z.ZodString>;
+            surface: z.ZodOptional<z.ZodEnum<{
+                flat: "flat";
+                auto: "auto";
+                card: "card";
+            }>>;
+        }, z.core.$strip>;
+        slots: string[];
+        description: string;
+    };
+    PageHeader: {
+        props: z.ZodObject<{
+            title: z.ZodString;
+            description: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>;
+        slots: string[];
+        description: string;
+    };
+    Toolbar: {
+        props: z.ZodObject<{
+            height: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>;
+        slots: string[];
+        description: string;
+    };
+    SidebarNav: {
+        props: z.ZodObject<{
+            value: z.ZodOptional<z.ZodString>;
+            groups: z.ZodArray<z.ZodObject<{
+                label: z.ZodOptional<z.ZodString>;
+                items: z.ZodArray<z.ZodType<SidebarItemJson, unknown, z.core.$ZodTypeInternals<SidebarItemJson, unknown>>>;
+            }, z.core.$strip>>;
+            searchable: z.ZodOptional<z.ZodBoolean>;
+            collapsible: z.ZodOptional<z.ZodBoolean>;
+            searchPlaceholder: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>;
+        events: string[];
+        description: string;
+    };
+    Tabs: {
+        props: z.ZodObject<{
+            value: z.ZodString;
+            items: z.ZodArray<z.ZodObject<{
+                label: z.ZodString;
+                value: z.ZodString;
+                disabled: z.ZodOptional<z.ZodBoolean>;
+            }, z.core.$strip>>;
+            ariaLabel: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>;
+        events: string[];
+        description: string;
+    };
+    Stack: {
+        props: z.ZodObject<{
+            direction: z.ZodOptional<z.ZodEnum<{
+                row: "row";
+                column: "column";
+            }>>;
+            gap: z.ZodOptional<z.ZodEnum<{
+                sm: "sm";
+                md: "md";
+                lg: "lg";
+                xs: "xs";
+                none: "none";
+            }>>;
+            align: z.ZodOptional<z.ZodEnum<{
+                end: "end";
+                start: "start";
+                center: "center";
+                stretch: "stretch";
+            }>>;
+            justify: z.ZodOptional<z.ZodEnum<{
+                end: "end";
+                start: "start";
+                center: "center";
+                between: "between";
+            }>>;
+            wrap: z.ZodOptional<z.ZodBoolean>;
+        }, z.core.$strip>;
+        slots: string[];
+        description: string;
+    };
+    Text: {
+        props: z.ZodObject<{
+            text: z.ZodString;
+            variant: z.ZodOptional<z.ZodEnum<{
+                body: "body";
+                caption: "caption";
+                muted: "muted";
+                heading: "heading";
+                mono: "mono";
+            }>>;
+        }, z.core.$strip>;
+        description: string;
+    };
+    Button: {
+        props: z.ZodObject<{
+            label: z.ZodString;
+            variant: z.ZodOptional<z.ZodEnum<{
+                primary: "primary";
+                secondary: "secondary";
+                ghost: "ghost";
+                danger: "danger";
+            }>>;
+            size: z.ZodOptional<z.ZodEnum<{
+                sm: "sm";
+                md: "md";
+                lg: "lg";
+            }>>;
+            disabled: z.ZodOptional<z.ZodBoolean>;
+            loading: z.ZodOptional<z.ZodBoolean>;
+            icon: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>;
+        events: string[];
+        description: string;
+    };
+    Input: {
+        props: z.ZodObject<{
+            value: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>>;
+            type: z.ZodOptional<z.ZodString>;
+            placeholder: z.ZodOptional<z.ZodString>;
+            disabled: z.ZodOptional<z.ZodBoolean>;
+            readonly: z.ZodOptional<z.ZodBoolean>;
+            invalid: z.ZodOptional<z.ZodBoolean>;
+            size: z.ZodOptional<z.ZodEnum<{
+                sm: "sm";
+                md: "md";
+                lg: "lg";
+            }>>;
+            ariaLabel: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>;
+        events: string[];
+        description: string;
+    };
+    Select: {
+        props: z.ZodObject<{
+            value: z.ZodOptional<z.ZodString>;
+            options: z.ZodArray<z.ZodObject<{
+                label: z.ZodString;
+                value: z.ZodString;
+                disabled: z.ZodOptional<z.ZodBoolean>;
+            }, z.core.$strip>>;
+            placeholder: z.ZodOptional<z.ZodString>;
+            disabled: z.ZodOptional<z.ZodBoolean>;
+            search: z.ZodOptional<z.ZodBoolean>;
+        }, z.core.$strip>;
+        events: string[];
+        description: string;
+    };
+    Checkbox: {
+        props: z.ZodObject<{
+            checked: z.ZodOptional<z.ZodBoolean>;
+            label: z.ZodOptional<z.ZodString>;
+            description: z.ZodOptional<z.ZodString>;
+            disabled: z.ZodOptional<z.ZodBoolean>;
+        }, z.core.$strip>;
+        events: string[];
+        description: string;
+    };
+    Switch: {
+        props: z.ZodObject<{
+            checked: z.ZodOptional<z.ZodBoolean>;
+            label: z.ZodOptional<z.ZodString>;
+            disabled: z.ZodOptional<z.ZodBoolean>;
+        }, z.core.$strip>;
+        events: string[];
+        description: string;
+    };
+    RadioGroup: {
+        props: z.ZodObject<{
+            value: z.ZodOptional<z.ZodString>;
+            options: z.ZodArray<z.ZodObject<{
+                label: z.ZodString;
+                value: z.ZodString;
+                disabled: z.ZodOptional<z.ZodBoolean>;
+                description: z.ZodOptional<z.ZodString>;
+            }, z.core.$strip>>;
+            orientation: z.ZodOptional<z.ZodEnum<{
+                horizontal: "horizontal";
+                vertical: "vertical";
+            }>>;
+            disabled: z.ZodOptional<z.ZodBoolean>;
+        }, z.core.$strip>;
+        events: string[];
+        description: string;
+    };
+    Form: {
+        props: z.ZodObject<{
+            direction: z.ZodOptional<z.ZodEnum<{
+                auto: "auto";
+                horizontal: "horizontal";
+                vertical: "vertical";
+            }>>;
+            fieldWidth: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>;
+        slots: string[];
+        events: string[];
+        description: string;
+    };
+    Field: {
+        props: z.ZodObject<{
+            label: z.ZodString;
+            description: z.ZodOptional<z.ZodString>;
+            help: z.ZodOptional<z.ZodString>;
+            required: z.ZodOptional<z.ZodBoolean>;
+            fieldWidth: z.ZodOptional<z.ZodString>;
+            direction: z.ZodOptional<z.ZodEnum<{
+                auto: "auto";
+                horizontal: "horizontal";
+                vertical: "vertical";
+            }>>;
+        }, z.core.$strip>;
+        slots: string[];
+        description: string;
+    };
+    SettingsSection: {
+        props: z.ZodObject<{
+            title: z.ZodString;
+            collapsible: z.ZodOptional<z.ZodBoolean>;
+            open: z.ZodOptional<z.ZodBoolean>;
+        }, z.core.$strip>;
+        slots: string[];
+        events: string[];
+        description: string;
+    };
+    SettingsField: {
+        props: z.ZodObject<{
+            label: z.ZodString;
+            description: z.ZodOptional<z.ZodString>;
+            required: z.ZodOptional<z.ZodBoolean>;
+            fieldWidth: z.ZodOptional<z.ZodString>;
+            align: z.ZodOptional<z.ZodEnum<{
+                start: "start";
+                center: "center";
+            }>>;
+        }, z.core.$strip>;
+        slots: string[];
+        description: string;
+    };
+    Surface: {
+        props: z.ZodObject<{
+            padding: z.ZodOptional<z.ZodEnum<{
+                sm: "sm";
+                md: "md";
+                lg: "lg";
+                none: "none";
+            }>>;
+            border: z.ZodOptional<z.ZodBoolean>;
+            raised: z.ZodOptional<z.ZodBoolean>;
+        }, z.core.$strip>;
+        slots: string[];
+        description: string;
+    };
+    Card: {
+        props: z.ZodObject<{
+            title: z.ZodOptional<z.ZodString>;
+            layoutType: z.ZodOptional<z.ZodEnum<{
+                compact: "compact";
+                regular: "regular";
+            }>>;
+            expandable: z.ZodOptional<z.ZodBoolean>;
+            expanded: z.ZodOptional<z.ZodBoolean>;
+            footerAlign: z.ZodOptional<z.ZodEnum<{
+                end: "end";
+                start: "start";
+                between: "between";
+            }>>;
+        }, z.core.$strip>;
+        slots: string[];
+        events: string[];
+        description: string;
+    };
+    Callout: {
+        props: z.ZodObject<{
+            tone: z.ZodOptional<z.ZodEnum<{
+                danger: "danger";
+                success: "success";
+                warning: "warning";
+                info: "info";
+            }>>;
+            title: z.ZodOptional<z.ZodString>;
+            closable: z.ZodOptional<z.ZodBoolean>;
+        }, z.core.$strip>;
+        slots: string[];
+        events: string[];
+        description: string;
+    };
+    EmptyState: {
+        props: z.ZodObject<{
+            title: z.ZodString;
+            description: z.ZodOptional<z.ZodString>;
+            icon: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>;
+        slots: string[];
+        description: string;
+    };
+    Progress: {
+        props: z.ZodObject<{
+            value: z.ZodOptional<z.ZodNumber>;
+            max: z.ZodOptional<z.ZodNumber>;
+            label: z.ZodOptional<z.ZodString>;
+            valueLabel: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>;
+        description: string;
+    };
+    Badge: {
+        props: z.ZodObject<{
+            text: z.ZodString;
+            tone: z.ZodOptional<z.ZodEnum<{
+                danger: "danger";
+                success: "success";
+                warning: "warning";
+                neutral: "neutral";
+                info: "info";
+            }>>;
+        }, z.core.$strip>;
+        description: string;
+    };
+    Dialog: {
+        props: z.ZodObject<{
+            open: z.ZodOptional<z.ZodBoolean>;
+            title: z.ZodOptional<z.ZodString>;
+            description: z.ZodOptional<z.ZodString>;
+            width: z.ZodOptional<z.ZodString>;
+            showClose: z.ZodOptional<z.ZodBoolean>;
+        }, z.core.$strip>;
+        slots: string[];
+        events: string[];
+        description: string;
+    };
+    DataTable: {
+        props: z.ZodObject<{
+            columns: z.ZodArray<z.ZodObject<{
+                key: z.ZodString;
+                label: z.ZodString;
+                width: z.ZodOptional<z.ZodString>;
+                align: z.ZodOptional<z.ZodEnum<{
+                    center: "center";
+                    left: "left";
+                    right: "right";
+                }>>;
+            }, z.core.$strip>>;
+            rows: z.ZodArray<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
+            rowKey: z.ZodOptional<z.ZodString>;
+            emptyText: z.ZodOptional<z.ZodString>;
+            compact: z.ZodOptional<z.ZodBoolean>;
+            mobileView: z.ZodOptional<z.ZodEnum<{
+                table: "table";
+                auto: "auto";
+                cards: "cards";
+            }>>;
+        }, z.core.$strip>;
+        description: string;
+    };
+    ResourceList: {
+        props: z.ZodObject<{
+            columns: z.ZodArray<z.ZodObject<{
+                key: z.ZodString;
+                label: z.ZodString;
+                width: z.ZodOptional<z.ZodString>;
+                align: z.ZodOptional<z.ZodEnum<{
+                    center: "center";
+                    left: "left";
+                    right: "right";
+                }>>;
+            }, z.core.$strip>>;
+            rows: z.ZodArray<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
+            rowKey: z.ZodOptional<z.ZodString>;
+            emptyText: z.ZodOptional<z.ZodString>;
+            compact: z.ZodOptional<z.ZodBoolean>;
+            mobileView: z.ZodOptional<z.ZodEnum<{
+                table: "table";
+                auto: "auto";
+                cards: "cards";
+            }>>;
+        }, z.core.$strip>;
+        slots: string[];
+        description: string;
+    };
+    Loading: {
+        props: z.ZodObject<{
+            text: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>;
+        description: string;
+    };
+};
+export declare const synoJsonCatalog: import('@json-render/core').Catalog<{
+    spec: import('@json-render/core').SchemaType<"object", {
+        root: import('@json-render/core').SchemaType<"string", unknown>;
+        elements: import('@json-render/core').SchemaType<"record", import('@json-render/core').SchemaType<"object", {
+            type: import('@json-render/core').SchemaType<"ref", string>;
+            props: import('@json-render/core').SchemaType<"propsOf", string>;
+            children: import('@json-render/core').SchemaType<"array", import('@json-render/core').SchemaType<"string", unknown>>;
+            slots: {
+                optional: true;
+                kind: "record";
+                inner?: import('@json-render/core').SchemaType<"array", import('@json-render/core').SchemaType<"string", unknown>> | undefined;
+            };
+            visible: {
+                optional: true;
+                kind: "any";
+                inner?: unknown;
+            };
+            repeat: {
+                optional: true;
+                kind: "any";
+                inner?: unknown;
+            };
+        }>>;
+    }>;
+    catalog: import('@json-render/core').SchemaType<"object", {
+        components: import('@json-render/core').SchemaType<"map", {
+            props: import('@json-render/core').SchemaType<"zod", unknown>;
+            slots: import('@json-render/core').SchemaType<"array", import('@json-render/core').SchemaType<"string", unknown>>;
+            description: import('@json-render/core').SchemaType<"string", unknown>;
+            example: import('@json-render/core').SchemaType<"any", unknown>;
+        }>;
+        actions: import('@json-render/core').SchemaType<"map", {
+            params: import('@json-render/core').SchemaType<"zod", unknown>;
+            description: import('@json-render/core').SchemaType<"string", unknown>;
+        }>;
+    }>;
+}, {
+    components: {
+        AppRoot: {
+            props: z.ZodObject<{
+                modalScope: z.ZodOptional<z.ZodEnum<{
+                    document: "document";
+                    app: "app";
+                }>>;
+            }, z.core.$strip>;
+            slots: string[];
+            description: string;
+        };
+        AppShell: {
+            props: z.ZodObject<{
+                sidebarWidth: z.ZodOptional<z.ZodString>;
+                minHeight: z.ZodOptional<z.ZodString>;
+                responsive: z.ZodOptional<z.ZodBoolean>;
+                wideLayout: z.ZodOptional<z.ZodEnum<{
+                    window: "window";
+                    web: "web";
+                }>>;
+            }, z.core.$strip>;
+            slots: string[];
+            description: string;
+        };
+        ResponsiveView: {
+            props: z.ZodObject<{
+                mode: z.ZodOptional<z.ZodEnum<{
+                    auto: "auto";
+                    mobile: "mobile";
+                    window: "window";
+                    web: "web";
+                }>>;
+            }, z.core.$strip>;
+            slots: string[];
+            description: string;
+        };
+        Page: {
+            props: z.ZodObject<{
+                width: z.ZodOptional<z.ZodString>;
+                surface: z.ZodOptional<z.ZodEnum<{
+                    flat: "flat";
+                    auto: "auto";
+                    card: "card";
+                }>>;
+            }, z.core.$strip>;
+            slots: string[];
+            description: string;
+        };
+        PageHeader: {
+            props: z.ZodObject<{
+                title: z.ZodString;
+                description: z.ZodOptional<z.ZodString>;
+            }, z.core.$strip>;
+            slots: string[];
+            description: string;
+        };
+        Toolbar: {
+            props: z.ZodObject<{
+                height: z.ZodOptional<z.ZodString>;
+            }, z.core.$strip>;
+            slots: string[];
+            description: string;
+        };
+        SidebarNav: {
+            props: z.ZodObject<{
+                value: z.ZodOptional<z.ZodString>;
+                groups: z.ZodArray<z.ZodObject<{
+                    label: z.ZodOptional<z.ZodString>;
+                    items: z.ZodArray<z.ZodType<SidebarItemJson, unknown, z.core.$ZodTypeInternals<SidebarItemJson, unknown>>>;
+                }, z.core.$strip>>;
+                searchable: z.ZodOptional<z.ZodBoolean>;
+                collapsible: z.ZodOptional<z.ZodBoolean>;
+                searchPlaceholder: z.ZodOptional<z.ZodString>;
+            }, z.core.$strip>;
+            events: string[];
+            description: string;
+        };
+        Tabs: {
+            props: z.ZodObject<{
+                value: z.ZodString;
+                items: z.ZodArray<z.ZodObject<{
+                    label: z.ZodString;
+                    value: z.ZodString;
+                    disabled: z.ZodOptional<z.ZodBoolean>;
+                }, z.core.$strip>>;
+                ariaLabel: z.ZodOptional<z.ZodString>;
+            }, z.core.$strip>;
+            events: string[];
+            description: string;
+        };
+        Stack: {
+            props: z.ZodObject<{
+                direction: z.ZodOptional<z.ZodEnum<{
+                    row: "row";
+                    column: "column";
+                }>>;
+                gap: z.ZodOptional<z.ZodEnum<{
+                    sm: "sm";
+                    md: "md";
+                    lg: "lg";
+                    xs: "xs";
+                    none: "none";
+                }>>;
+                align: z.ZodOptional<z.ZodEnum<{
+                    end: "end";
+                    start: "start";
+                    center: "center";
+                    stretch: "stretch";
+                }>>;
+                justify: z.ZodOptional<z.ZodEnum<{
+                    end: "end";
+                    start: "start";
+                    center: "center";
+                    between: "between";
+                }>>;
+                wrap: z.ZodOptional<z.ZodBoolean>;
+            }, z.core.$strip>;
+            slots: string[];
+            description: string;
+        };
+        Text: {
+            props: z.ZodObject<{
+                text: z.ZodString;
+                variant: z.ZodOptional<z.ZodEnum<{
+                    body: "body";
+                    caption: "caption";
+                    muted: "muted";
+                    heading: "heading";
+                    mono: "mono";
+                }>>;
+            }, z.core.$strip>;
+            description: string;
+        };
+        Button: {
+            props: z.ZodObject<{
+                label: z.ZodString;
+                variant: z.ZodOptional<z.ZodEnum<{
+                    primary: "primary";
+                    secondary: "secondary";
+                    ghost: "ghost";
+                    danger: "danger";
+                }>>;
+                size: z.ZodOptional<z.ZodEnum<{
+                    sm: "sm";
+                    md: "md";
+                    lg: "lg";
+                }>>;
+                disabled: z.ZodOptional<z.ZodBoolean>;
+                loading: z.ZodOptional<z.ZodBoolean>;
+                icon: z.ZodOptional<z.ZodString>;
+            }, z.core.$strip>;
+            events: string[];
+            description: string;
+        };
+        Input: {
+            props: z.ZodObject<{
+                value: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>>;
+                type: z.ZodOptional<z.ZodString>;
+                placeholder: z.ZodOptional<z.ZodString>;
+                disabled: z.ZodOptional<z.ZodBoolean>;
+                readonly: z.ZodOptional<z.ZodBoolean>;
+                invalid: z.ZodOptional<z.ZodBoolean>;
+                size: z.ZodOptional<z.ZodEnum<{
+                    sm: "sm";
+                    md: "md";
+                    lg: "lg";
+                }>>;
+                ariaLabel: z.ZodOptional<z.ZodString>;
+            }, z.core.$strip>;
+            events: string[];
+            description: string;
+        };
+        Select: {
+            props: z.ZodObject<{
+                value: z.ZodOptional<z.ZodString>;
+                options: z.ZodArray<z.ZodObject<{
+                    label: z.ZodString;
+                    value: z.ZodString;
+                    disabled: z.ZodOptional<z.ZodBoolean>;
+                }, z.core.$strip>>;
+                placeholder: z.ZodOptional<z.ZodString>;
+                disabled: z.ZodOptional<z.ZodBoolean>;
+                search: z.ZodOptional<z.ZodBoolean>;
+            }, z.core.$strip>;
+            events: string[];
+            description: string;
+        };
+        Checkbox: {
+            props: z.ZodObject<{
+                checked: z.ZodOptional<z.ZodBoolean>;
+                label: z.ZodOptional<z.ZodString>;
+                description: z.ZodOptional<z.ZodString>;
+                disabled: z.ZodOptional<z.ZodBoolean>;
+            }, z.core.$strip>;
+            events: string[];
+            description: string;
+        };
+        Switch: {
+            props: z.ZodObject<{
+                checked: z.ZodOptional<z.ZodBoolean>;
+                label: z.ZodOptional<z.ZodString>;
+                disabled: z.ZodOptional<z.ZodBoolean>;
+            }, z.core.$strip>;
+            events: string[];
+            description: string;
+        };
+        RadioGroup: {
+            props: z.ZodObject<{
+                value: z.ZodOptional<z.ZodString>;
+                options: z.ZodArray<z.ZodObject<{
+                    label: z.ZodString;
+                    value: z.ZodString;
+                    disabled: z.ZodOptional<z.ZodBoolean>;
+                    description: z.ZodOptional<z.ZodString>;
+                }, z.core.$strip>>;
+                orientation: z.ZodOptional<z.ZodEnum<{
+                    horizontal: "horizontal";
+                    vertical: "vertical";
+                }>>;
+                disabled: z.ZodOptional<z.ZodBoolean>;
+            }, z.core.$strip>;
+            events: string[];
+            description: string;
+        };
+        Form: {
+            props: z.ZodObject<{
+                direction: z.ZodOptional<z.ZodEnum<{
+                    auto: "auto";
+                    horizontal: "horizontal";
+                    vertical: "vertical";
+                }>>;
+                fieldWidth: z.ZodOptional<z.ZodString>;
+            }, z.core.$strip>;
+            slots: string[];
+            events: string[];
+            description: string;
+        };
+        Field: {
+            props: z.ZodObject<{
+                label: z.ZodString;
+                description: z.ZodOptional<z.ZodString>;
+                help: z.ZodOptional<z.ZodString>;
+                required: z.ZodOptional<z.ZodBoolean>;
+                fieldWidth: z.ZodOptional<z.ZodString>;
+                direction: z.ZodOptional<z.ZodEnum<{
+                    auto: "auto";
+                    horizontal: "horizontal";
+                    vertical: "vertical";
+                }>>;
+            }, z.core.$strip>;
+            slots: string[];
+            description: string;
+        };
+        SettingsSection: {
+            props: z.ZodObject<{
+                title: z.ZodString;
+                collapsible: z.ZodOptional<z.ZodBoolean>;
+                open: z.ZodOptional<z.ZodBoolean>;
+            }, z.core.$strip>;
+            slots: string[];
+            events: string[];
+            description: string;
+        };
+        SettingsField: {
+            props: z.ZodObject<{
+                label: z.ZodString;
+                description: z.ZodOptional<z.ZodString>;
+                required: z.ZodOptional<z.ZodBoolean>;
+                fieldWidth: z.ZodOptional<z.ZodString>;
+                align: z.ZodOptional<z.ZodEnum<{
+                    start: "start";
+                    center: "center";
+                }>>;
+            }, z.core.$strip>;
+            slots: string[];
+            description: string;
+        };
+        Surface: {
+            props: z.ZodObject<{
+                padding: z.ZodOptional<z.ZodEnum<{
+                    sm: "sm";
+                    md: "md";
+                    lg: "lg";
+                    none: "none";
+                }>>;
+                border: z.ZodOptional<z.ZodBoolean>;
+                raised: z.ZodOptional<z.ZodBoolean>;
+            }, z.core.$strip>;
+            slots: string[];
+            description: string;
+        };
+        Card: {
+            props: z.ZodObject<{
+                title: z.ZodOptional<z.ZodString>;
+                layoutType: z.ZodOptional<z.ZodEnum<{
+                    compact: "compact";
+                    regular: "regular";
+                }>>;
+                expandable: z.ZodOptional<z.ZodBoolean>;
+                expanded: z.ZodOptional<z.ZodBoolean>;
+                footerAlign: z.ZodOptional<z.ZodEnum<{
+                    end: "end";
+                    start: "start";
+                    between: "between";
+                }>>;
+            }, z.core.$strip>;
+            slots: string[];
+            events: string[];
+            description: string;
+        };
+        Callout: {
+            props: z.ZodObject<{
+                tone: z.ZodOptional<z.ZodEnum<{
+                    danger: "danger";
+                    success: "success";
+                    warning: "warning";
+                    info: "info";
+                }>>;
+                title: z.ZodOptional<z.ZodString>;
+                closable: z.ZodOptional<z.ZodBoolean>;
+            }, z.core.$strip>;
+            slots: string[];
+            events: string[];
+            description: string;
+        };
+        EmptyState: {
+            props: z.ZodObject<{
+                title: z.ZodString;
+                description: z.ZodOptional<z.ZodString>;
+                icon: z.ZodOptional<z.ZodString>;
+            }, z.core.$strip>;
+            slots: string[];
+            description: string;
+        };
+        Progress: {
+            props: z.ZodObject<{
+                value: z.ZodOptional<z.ZodNumber>;
+                max: z.ZodOptional<z.ZodNumber>;
+                label: z.ZodOptional<z.ZodString>;
+                valueLabel: z.ZodOptional<z.ZodString>;
+            }, z.core.$strip>;
+            description: string;
+        };
+        Badge: {
+            props: z.ZodObject<{
+                text: z.ZodString;
+                tone: z.ZodOptional<z.ZodEnum<{
+                    danger: "danger";
+                    success: "success";
+                    warning: "warning";
+                    neutral: "neutral";
+                    info: "info";
+                }>>;
+            }, z.core.$strip>;
+            description: string;
+        };
+        Dialog: {
+            props: z.ZodObject<{
+                open: z.ZodOptional<z.ZodBoolean>;
+                title: z.ZodOptional<z.ZodString>;
+                description: z.ZodOptional<z.ZodString>;
+                width: z.ZodOptional<z.ZodString>;
+                showClose: z.ZodOptional<z.ZodBoolean>;
+            }, z.core.$strip>;
+            slots: string[];
+            events: string[];
+            description: string;
+        };
+        DataTable: {
+            props: z.ZodObject<{
+                columns: z.ZodArray<z.ZodObject<{
+                    key: z.ZodString;
+                    label: z.ZodString;
+                    width: z.ZodOptional<z.ZodString>;
+                    align: z.ZodOptional<z.ZodEnum<{
+                        center: "center";
+                        left: "left";
+                        right: "right";
+                    }>>;
+                }, z.core.$strip>>;
+                rows: z.ZodArray<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
+                rowKey: z.ZodOptional<z.ZodString>;
+                emptyText: z.ZodOptional<z.ZodString>;
+                compact: z.ZodOptional<z.ZodBoolean>;
+                mobileView: z.ZodOptional<z.ZodEnum<{
+                    table: "table";
+                    auto: "auto";
+                    cards: "cards";
+                }>>;
+            }, z.core.$strip>;
+            description: string;
+        };
+        ResourceList: {
+            props: z.ZodObject<{
+                columns: z.ZodArray<z.ZodObject<{
+                    key: z.ZodString;
+                    label: z.ZodString;
+                    width: z.ZodOptional<z.ZodString>;
+                    align: z.ZodOptional<z.ZodEnum<{
+                        center: "center";
+                        left: "left";
+                        right: "right";
+                    }>>;
+                }, z.core.$strip>>;
+                rows: z.ZodArray<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
+                rowKey: z.ZodOptional<z.ZodString>;
+                emptyText: z.ZodOptional<z.ZodString>;
+                compact: z.ZodOptional<z.ZodBoolean>;
+                mobileView: z.ZodOptional<z.ZodEnum<{
+                    table: "table";
+                    auto: "auto";
+                    cards: "cards";
+                }>>;
+            }, z.core.$strip>;
+            slots: string[];
+            description: string;
+        };
+        Loading: {
+            props: z.ZodObject<{
+                text: z.ZodOptional<z.ZodString>;
+            }, z.core.$strip>;
+            description: string;
+        };
+    };
+    actions: {};
+}>;
+export declare const synoJsonAiRules: string[];
+/** The self-check loop an AI follows after generating a spec. */
+export declare const synoJsonAiWorkflow = "## Self-check workflow\n\n1. List components with `npx syno-ui catalog`; read props with `npx syno-ui describe <Component>`.\n2. Write the spec as JSON: {\"root\", \"elements\", \"state\"}. Seed every state path you bind or read.\n3. Run `npx syno-ui validate ui.json --json` (add --actions, --functions, --state, --messages for host-provided names).\n   Fix every error at its JSON Pointer `path` using its `hint`, then validate again until it passes.\n4. Run `npx syno-ui render ui.json --out shots` to screenshot phone, DSM window and wide widths and to\n   report layout overflow; fix reported elements and repeat.\n5. Hand over the spec only when validate and render both exit 0.";
+/** The complete AI system prompt: catalog, rules and the self-check workflow. */
+export declare function synoJsonAiPrompt(): string;