@synopackageland/ui 0.9.5 → 0.9.7

package/dist/json/registry.d.ts

@@ -460,6 +460,48 @@ export declare const synoJsonRenderers: {
                 slots: string[];
                 description: string;
             };
+            CellText: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    secondary: import('zod').ZodOptional<import('zod').ZodString>;
+                    layout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        inline: "inline";
+                        stacked: "stacked";
+                    }>>;
+                    openLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            CellStatus: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                    progress: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    detail: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ListItem: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            InputGroup: {
+                props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
             Loading: {
                 props: import('zod').ZodObject<{
                     text: import('zod').ZodOptional<import('zod').ZodString>;
@@ -932,6 +974,48 @@ export declare const synoJsonRenderers: {
                 slots: string[];
                 description: string;
             };
+            CellText: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    secondary: import('zod').ZodOptional<import('zod').ZodString>;
+                    layout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        inline: "inline";
+                        stacked: "stacked";
+                    }>>;
+                    openLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            CellStatus: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                    progress: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    detail: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ListItem: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            InputGroup: {
+                props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
             Loading: {
                 props: import('zod').ZodObject<{
                     text: import('zod').ZodOptional<import('zod').ZodString>;
@@ -1404,6 +1488,48 @@ export declare const synoJsonRenderers: {
                 slots: string[];
                 description: string;
             };
+            CellText: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    secondary: import('zod').ZodOptional<import('zod').ZodString>;
+                    layout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        inline: "inline";
+                        stacked: "stacked";
+                    }>>;
+                    openLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            CellStatus: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                    progress: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    detail: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ListItem: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            InputGroup: {
+                props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
             Loading: {
                 props: import('zod').ZodObject<{
                     text: import('zod').ZodOptional<import('zod').ZodString>;
@@ -1876,6 +2002,48 @@ export declare const synoJsonRenderers: {
                 slots: string[];
                 description: string;
             };
+            CellText: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    secondary: import('zod').ZodOptional<import('zod').ZodString>;
+                    layout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        inline: "inline";
+                        stacked: "stacked";
+                    }>>;
+                    openLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            CellStatus: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                    progress: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    detail: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ListItem: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            InputGroup: {
+                props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
             Loading: {
                 props: import('zod').ZodObject<{
                     text: import('zod').ZodOptional<import('zod').ZodString>;
@@ -2348,6 +2516,48 @@ export declare const synoJsonRenderers: {
                 slots: string[];
                 description: string;
             };
+            CellText: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    secondary: import('zod').ZodOptional<import('zod').ZodString>;
+                    layout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        inline: "inline";
+                        stacked: "stacked";
+                    }>>;
+                    openLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            CellStatus: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                    progress: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    detail: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ListItem: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            InputGroup: {
+                props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
             Loading: {
                 props: import('zod').ZodObject<{
                     text: import('zod').ZodOptional<import('zod').ZodString>;
@@ -2820,6 +3030,48 @@ export declare const synoJsonRenderers: {
                 slots: string[];
                 description: string;
             };
+            CellText: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    secondary: import('zod').ZodOptional<import('zod').ZodString>;
+                    layout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        inline: "inline";
+                        stacked: "stacked";
+                    }>>;
+                    openLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            CellStatus: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                    progress: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    detail: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ListItem: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            InputGroup: {
+                props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
             Loading: {
                 props: import('zod').ZodObject<{
                     text: import('zod').ZodOptional<import('zod').ZodString>;
@@ -3292,6 +3544,48 @@ export declare const synoJsonRenderers: {
                 slots: string[];
                 description: string;
             };
+            CellText: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    secondary: import('zod').ZodOptional<import('zod').ZodString>;
+                    layout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        inline: "inline";
+                        stacked: "stacked";
+                    }>>;
+                    openLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            CellStatus: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                    progress: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    detail: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ListItem: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            InputGroup: {
+                props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
             Loading: {
                 props: import('zod').ZodObject<{
                     text: import('zod').ZodOptional<import('zod').ZodString>;
@@ -3764,6 +4058,48 @@ export declare const synoJsonRenderers: {
                 slots: string[];
                 description: string;
             };
+            CellText: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    secondary: import('zod').ZodOptional<import('zod').ZodString>;
+                    layout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        inline: "inline";
+                        stacked: "stacked";
+                    }>>;
+                    openLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            CellStatus: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                    progress: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    detail: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ListItem: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            InputGroup: {
+                props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
             Loading: {
                 props: import('zod').ZodObject<{
                     text: import('zod').ZodOptional<import('zod').ZodString>;
@@ -4236,31 +4572,73 @@ export declare const synoJsonRenderers: {
                 slots: string[];
                 description: string;
             };
-            Loading: {
+            CellText: {
                 props: import('zod').ZodObject<{
-                    text: import('zod').ZodOptional<import('zod').ZodString>;
+                    text: import('zod').ZodString;
+                    secondary: import('zod').ZodOptional<import('zod').ZodString>;
+                    layout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        inline: "inline";
+                        stacked: "stacked";
+                    }>>;
+                    openLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
+                events: string[];
                 description: string;
             };
-        };
-        actions: {};
-    }>, "Stack">) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-        [key: string]: any;
-    }>;
-    Text: ({ props }: import('@json-render/vue').ComponentContext<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;
+            CellStatus: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                    progress: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    detail: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ListItem: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            InputGroup: {
+                props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            Loading: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+        };
+        actions: {};
+    }>, "Stack">) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+    Text: ({ props }: import('@json-render/vue').ComponentContext<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;
                 };
@@ -4708,6 +5086,48 @@ export declare const synoJsonRenderers: {
                 slots: string[];
                 description: string;
             };
+            CellText: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    secondary: import('zod').ZodOptional<import('zod').ZodString>;
+                    layout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        inline: "inline";
+                        stacked: "stacked";
+                    }>>;
+                    openLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            CellStatus: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                    progress: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    detail: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ListItem: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            InputGroup: {
+                props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
             Loading: {
                 props: import('zod').ZodObject<{
                     text: import('zod').ZodOptional<import('zod').ZodString>;
@@ -5180,6 +5600,48 @@ export declare const synoJsonRenderers: {
                 slots: string[];
                 description: string;
             };
+            CellText: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    secondary: import('zod').ZodOptional<import('zod').ZodString>;
+                    layout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        inline: "inline";
+                        stacked: "stacked";
+                    }>>;
+                    openLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            CellStatus: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                    progress: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    detail: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ListItem: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            InputGroup: {
+                props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
             Loading: {
                 props: import('zod').ZodObject<{
                     text: import('zod').ZodOptional<import('zod').ZodString>;
@@ -5652,6 +6114,48 @@ export declare const synoJsonRenderers: {
                 slots: string[];
                 description: string;
             };
+            CellText: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    secondary: import('zod').ZodOptional<import('zod').ZodString>;
+                    layout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        inline: "inline";
+                        stacked: "stacked";
+                    }>>;
+                    openLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            CellStatus: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                    progress: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    detail: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ListItem: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            InputGroup: {
+                props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
             Loading: {
                 props: import('zod').ZodObject<{
                     text: import('zod').ZodOptional<import('zod').ZodString>;
@@ -6124,6 +6628,48 @@ export declare const synoJsonRenderers: {
                 slots: string[];
                 description: string;
             };
+            CellText: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    secondary: import('zod').ZodOptional<import('zod').ZodString>;
+                    layout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        inline: "inline";
+                        stacked: "stacked";
+                    }>>;
+                    openLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            CellStatus: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                    progress: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    detail: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ListItem: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            InputGroup: {
+                props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
             Loading: {
                 props: import('zod').ZodObject<{
                     text: import('zod').ZodOptional<import('zod').ZodString>;
@@ -6596,6 +7142,48 @@ export declare const synoJsonRenderers: {
                 slots: string[];
                 description: string;
             };
+            CellText: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    secondary: import('zod').ZodOptional<import('zod').ZodString>;
+                    layout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        inline: "inline";
+                        stacked: "stacked";
+                    }>>;
+                    openLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            CellStatus: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                    progress: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    detail: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ListItem: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            InputGroup: {
+                props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
             Loading: {
                 props: import('zod').ZodObject<{
                     text: import('zod').ZodOptional<import('zod').ZodString>;
@@ -7068,6 +7656,48 @@ export declare const synoJsonRenderers: {
                 slots: string[];
                 description: string;
             };
+            CellText: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    secondary: import('zod').ZodOptional<import('zod').ZodString>;
+                    layout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        inline: "inline";
+                        stacked: "stacked";
+                    }>>;
+                    openLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            CellStatus: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                    progress: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    detail: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ListItem: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            InputGroup: {
+                props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
             Loading: {
                 props: import('zod').ZodObject<{
                     text: import('zod').ZodOptional<import('zod').ZodString>;
@@ -7540,6 +8170,48 @@ export declare const synoJsonRenderers: {
                 slots: string[];
                 description: string;
             };
+            CellText: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    secondary: import('zod').ZodOptional<import('zod').ZodString>;
+                    layout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        inline: "inline";
+                        stacked: "stacked";
+                    }>>;
+                    openLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            CellStatus: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                    progress: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    detail: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ListItem: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            InputGroup: {
+                props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
             Loading: {
                 props: import('zod').ZodObject<{
                     text: import('zod').ZodOptional<import('zod').ZodString>;
@@ -8012,13 +8684,55 @@ export declare const synoJsonRenderers: {
                 slots: string[];
                 description: string;
             };
-            Loading: {
+            CellText: {
                 props: import('zod').ZodObject<{
-                    text: import('zod').ZodOptional<import('zod').ZodString>;
+                    text: import('zod').ZodString;
+                    secondary: import('zod').ZodOptional<import('zod').ZodString>;
+                    layout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        inline: "inline";
+                        stacked: "stacked";
+                    }>>;
+                    openLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
+                events: string[];
                 description: string;
             };
-        };
+            CellStatus: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                    progress: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    detail: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ListItem: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            InputGroup: {
+                props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            Loading: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+        };
         actions: {};
     }>, "Form">) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
         [key: string]: any;
@@ -8484,6 +9198,48 @@ export declare const synoJsonRenderers: {
                 slots: string[];
                 description: string;
             };
+            CellText: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    secondary: import('zod').ZodOptional<import('zod').ZodString>;
+                    layout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        inline: "inline";
+                        stacked: "stacked";
+                    }>>;
+                    openLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            CellStatus: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                    progress: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    detail: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ListItem: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            InputGroup: {
+                props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
             Loading: {
                 props: import('zod').ZodObject<{
                     text: import('zod').ZodOptional<import('zod').ZodString>;
@@ -8956,6 +9712,48 @@ export declare const synoJsonRenderers: {
                 slots: string[];
                 description: string;
             };
+            CellText: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    secondary: import('zod').ZodOptional<import('zod').ZodString>;
+                    layout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        inline: "inline";
+                        stacked: "stacked";
+                    }>>;
+                    openLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            CellStatus: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                    progress: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    detail: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ListItem: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            InputGroup: {
+                props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
             Loading: {
                 props: import('zod').ZodObject<{
                     text: import('zod').ZodOptional<import('zod').ZodString>;
@@ -9428,6 +10226,48 @@ export declare const synoJsonRenderers: {
                 slots: string[];
                 description: string;
             };
+            CellText: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    secondary: import('zod').ZodOptional<import('zod').ZodString>;
+                    layout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        inline: "inline";
+                        stacked: "stacked";
+                    }>>;
+                    openLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            CellStatus: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                    progress: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    detail: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ListItem: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            InputGroup: {
+                props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
             Loading: {
                 props: import('zod').ZodObject<{
                     text: import('zod').ZodOptional<import('zod').ZodString>;
@@ -9900,6 +10740,48 @@ export declare const synoJsonRenderers: {
                 slots: string[];
                 description: string;
             };
+            CellText: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    secondary: import('zod').ZodOptional<import('zod').ZodString>;
+                    layout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        inline: "inline";
+                        stacked: "stacked";
+                    }>>;
+                    openLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            CellStatus: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                    progress: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    detail: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ListItem: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            InputGroup: {
+                props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
             Loading: {
                 props: import('zod').ZodObject<{
                     text: import('zod').ZodOptional<import('zod').ZodString>;
@@ -10372,6 +11254,2104 @@ export declare const synoJsonRenderers: {
                 slots: string[];
                 description: string;
             };
+            CellText: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    secondary: import('zod').ZodOptional<import('zod').ZodString>;
+                    layout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        inline: "inline";
+                        stacked: "stacked";
+                    }>>;
+                    openLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            CellStatus: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                    progress: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    detail: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ListItem: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            InputGroup: {
+                props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            Loading: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+        };
+        actions: {};
+    }>, "Card">) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+    Callout: ({ props, slots, emit }: import('@json-render/vue').ComponentContext<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: import('zod').ZodObject<{
+                    modalScope: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        app: "app";
+                        document: "document";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            AppShell: {
+                props: import('zod').ZodObject<{
+                    sidebarWidth: import('zod').ZodOptional<import('zod').ZodString>;
+                    minHeight: import('zod').ZodOptional<import('zod').ZodString>;
+                    responsive: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wideLayout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        window: "window";
+                        web: "web";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            ResponsiveView: {
+                props: import('zod').ZodObject<{
+                    mode: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        auto: "auto";
+                        mobile: "mobile";
+                        window: "window";
+                        web: "web";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            Page: {
+                props: import('zod').ZodObject<{
+                    width: import('zod').ZodOptional<import('zod').ZodString>;
+                    surface: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        flat: "flat";
+                        auto: "auto";
+                        card: "card";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            PageHeader: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodString;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            Toolbar: {
+                props: import('zod').ZodObject<{
+                    height: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            SidebarNav: {
+                props: import('zod').ZodObject<{
+                    value: import('zod').ZodOptional<import('zod').ZodString>;
+                    groups: import('zod').ZodArray<import('zod').ZodObject<{
+                        label: import('zod').ZodOptional<import('zod').ZodString>;
+                        items: import('zod').ZodArray<import('zod').ZodType<import('./catalog').SidebarItemJson, unknown, import('zod/v4/core').$ZodTypeInternals<import('./catalog').SidebarItemJson, unknown>>>;
+                    }, import('zod/v4/core').$strip>>;
+                    searchable: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    collapsible: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    searchPlaceholder: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            Tabs: {
+                props: import('zod').ZodObject<{
+                    value: import('zod').ZodString;
+                    items: import('zod').ZodArray<import('zod').ZodObject<{
+                        label: import('zod').ZodString;
+                        value: import('zod').ZodString;
+                        disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    }, import('zod/v4/core').$strip>>;
+                    ariaLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            Stack: {
+                props: import('zod').ZodObject<{
+                    direction: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        row: "row";
+                        column: "column";
+                    }>>;
+                    gap: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        sm: "sm";
+                        md: "md";
+                        lg: "lg";
+                        xs: "xs";
+                        none: "none";
+                    }>>;
+                    align: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        end: "end";
+                        start: "start";
+                        center: "center";
+                        stretch: "stretch";
+                    }>>;
+                    justify: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        end: "end";
+                        start: "start";
+                        center: "center";
+                        between: "between";
+                    }>>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            Text: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    variant: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        body: "body";
+                        caption: "caption";
+                        muted: "muted";
+                        heading: "heading";
+                        mono: "mono";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            Button: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    variant: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        primary: "primary";
+                        secondary: "secondary";
+                        ghost: "ghost";
+                        danger: "danger";
+                    }>>;
+                    size: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        sm: "sm";
+                        md: "md";
+                        lg: "lg";
+                    }>>;
+                    disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    loading: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    icon: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            Input: {
+                props: import('zod').ZodObject<{
+                    value: import('zod').ZodOptional<import('zod').ZodUnion<readonly [import('zod').ZodString, import('zod').ZodNumber]>>;
+                    type: import('zod').ZodOptional<import('zod').ZodString>;
+                    placeholder: import('zod').ZodOptional<import('zod').ZodString>;
+                    disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    readonly: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    invalid: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    size: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        sm: "sm";
+                        md: "md";
+                        lg: "lg";
+                    }>>;
+                    ariaLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            Select: {
+                props: import('zod').ZodObject<{
+                    value: import('zod').ZodOptional<import('zod').ZodString>;
+                    options: import('zod').ZodArray<import('zod').ZodObject<{
+                        label: import('zod').ZodString;
+                        value: import('zod').ZodString;
+                        disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    }, import('zod/v4/core').$strip>>;
+                    placeholder: import('zod').ZodOptional<import('zod').ZodString>;
+                    disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    search: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            Checkbox: {
+                props: import('zod').ZodObject<{
+                    checked: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    label: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                    disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            Switch: {
+                props: import('zod').ZodObject<{
+                    checked: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    label: import('zod').ZodOptional<import('zod').ZodString>;
+                    disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            RadioGroup: {
+                props: import('zod').ZodObject<{
+                    value: import('zod').ZodOptional<import('zod').ZodString>;
+                    options: import('zod').ZodArray<import('zod').ZodObject<{
+                        label: import('zod').ZodString;
+                        value: import('zod').ZodString;
+                        disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                        description: import('zod').ZodOptional<import('zod').ZodString>;
+                    }, import('zod/v4/core').$strip>>;
+                    orientation: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        horizontal: "horizontal";
+                        vertical: "vertical";
+                    }>>;
+                    disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            Form: {
+                props: import('zod').ZodObject<{
+                    direction: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        auto: "auto";
+                        horizontal: "horizontal";
+                        vertical: "vertical";
+                    }>>;
+                    fieldWidth: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                events: string[];
+                description: string;
+            };
+            Field: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                    help: import('zod').ZodOptional<import('zod').ZodString>;
+                    required: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    fieldWidth: import('zod').ZodOptional<import('zod').ZodString>;
+                    direction: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        auto: "auto";
+                        horizontal: "horizontal";
+                        vertical: "vertical";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            SettingsSection: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodString;
+                    collapsible: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    open: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                events: string[];
+                description: string;
+            };
+            SettingsField: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                    required: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    fieldWidth: import('zod').ZodOptional<import('zod').ZodString>;
+                    align: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        start: "start";
+                        center: "center";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            Surface: {
+                props: import('zod').ZodObject<{
+                    padding: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        sm: "sm";
+                        md: "md";
+                        lg: "lg";
+                        none: "none";
+                    }>>;
+                    border: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    raised: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            Card: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    layoutType: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        compact: "compact";
+                        regular: "regular";
+                    }>>;
+                    expandable: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    expanded: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    footerAlign: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        end: "end";
+                        start: "start";
+                        between: "between";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                events: string[];
+                description: string;
+            };
+            Callout: {
+                props: import('zod').ZodObject<{
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        info: "info";
+                    }>>;
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    code: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                events: string[];
+                description: string;
+            };
+            EmptyState: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodString;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                    icon: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            Progress: {
+                props: import('zod').ZodObject<{
+                    value: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    max: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    label: import('zod').ZodOptional<import('zod').ZodString>;
+                    valueLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        primary: "primary";
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            Badge: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            Dialog: {
+                props: import('zod').ZodObject<{
+                    open: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                    width: import('zod').ZodOptional<import('zod').ZodString>;
+                    showClose: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                events: string[];
+                description: string;
+            };
+            DataTable: {
+                props: import('zod').ZodObject<{
+                    columns: import('zod').ZodArray<import('zod').ZodObject<{
+                        key: import('zod').ZodString;
+                        label: import('zod').ZodString;
+                        width: import('zod').ZodOptional<import('zod').ZodString>;
+                        align: import('zod').ZodOptional<import('zod').ZodEnum<{
+                            center: "center";
+                            left: "left";
+                            right: "right";
+                        }>>;
+                    }, import('zod/v4/core').$strip>>;
+                    rows: import('zod').ZodArray<import('zod').ZodRecord<import('zod').ZodString, import('zod').ZodUnknown>>;
+                    rowKey: import('zod').ZodOptional<import('zod').ZodString>;
+                    emptyText: import('zod').ZodOptional<import('zod').ZodString>;
+                    compact: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    mobileView: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        table: "table";
+                        auto: "auto";
+                        cards: "cards";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ResourceList: {
+                props: import('zod').ZodObject<{
+                    columns: import('zod').ZodArray<import('zod').ZodObject<{
+                        key: import('zod').ZodString;
+                        label: import('zod').ZodString;
+                        width: import('zod').ZodOptional<import('zod').ZodString>;
+                        align: import('zod').ZodOptional<import('zod').ZodEnum<{
+                            center: "center";
+                            left: "left";
+                            right: "right";
+                        }>>;
+                    }, import('zod/v4/core').$strip>>;
+                    rows: import('zod').ZodArray<import('zod').ZodRecord<import('zod').ZodString, import('zod').ZodUnknown>>;
+                    rowKey: import('zod').ZodOptional<import('zod').ZodString>;
+                    emptyText: import('zod').ZodOptional<import('zod').ZodString>;
+                    compact: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    mobileView: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        table: "table";
+                        auto: "auto";
+                        cards: "cards";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            CellText: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    secondary: import('zod').ZodOptional<import('zod').ZodString>;
+                    layout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        inline: "inline";
+                        stacked: "stacked";
+                    }>>;
+                    openLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            CellStatus: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                    progress: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    detail: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ListItem: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            InputGroup: {
+                props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            Loading: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+        };
+        actions: {};
+    }>, "Callout">) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+    EmptyState: ({ props, slots }: import('@json-render/vue').ComponentContext<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: import('zod').ZodObject<{
+                    modalScope: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        app: "app";
+                        document: "document";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            AppShell: {
+                props: import('zod').ZodObject<{
+                    sidebarWidth: import('zod').ZodOptional<import('zod').ZodString>;
+                    minHeight: import('zod').ZodOptional<import('zod').ZodString>;
+                    responsive: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wideLayout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        window: "window";
+                        web: "web";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            ResponsiveView: {
+                props: import('zod').ZodObject<{
+                    mode: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        auto: "auto";
+                        mobile: "mobile";
+                        window: "window";
+                        web: "web";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            Page: {
+                props: import('zod').ZodObject<{
+                    width: import('zod').ZodOptional<import('zod').ZodString>;
+                    surface: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        flat: "flat";
+                        auto: "auto";
+                        card: "card";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            PageHeader: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodString;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            Toolbar: {
+                props: import('zod').ZodObject<{
+                    height: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            SidebarNav: {
+                props: import('zod').ZodObject<{
+                    value: import('zod').ZodOptional<import('zod').ZodString>;
+                    groups: import('zod').ZodArray<import('zod').ZodObject<{
+                        label: import('zod').ZodOptional<import('zod').ZodString>;
+                        items: import('zod').ZodArray<import('zod').ZodType<import('./catalog').SidebarItemJson, unknown, import('zod/v4/core').$ZodTypeInternals<import('./catalog').SidebarItemJson, unknown>>>;
+                    }, import('zod/v4/core').$strip>>;
+                    searchable: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    collapsible: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    searchPlaceholder: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            Tabs: {
+                props: import('zod').ZodObject<{
+                    value: import('zod').ZodString;
+                    items: import('zod').ZodArray<import('zod').ZodObject<{
+                        label: import('zod').ZodString;
+                        value: import('zod').ZodString;
+                        disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    }, import('zod/v4/core').$strip>>;
+                    ariaLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            Stack: {
+                props: import('zod').ZodObject<{
+                    direction: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        row: "row";
+                        column: "column";
+                    }>>;
+                    gap: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        sm: "sm";
+                        md: "md";
+                        lg: "lg";
+                        xs: "xs";
+                        none: "none";
+                    }>>;
+                    align: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        end: "end";
+                        start: "start";
+                        center: "center";
+                        stretch: "stretch";
+                    }>>;
+                    justify: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        end: "end";
+                        start: "start";
+                        center: "center";
+                        between: "between";
+                    }>>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            Text: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    variant: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        body: "body";
+                        caption: "caption";
+                        muted: "muted";
+                        heading: "heading";
+                        mono: "mono";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            Button: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    variant: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        primary: "primary";
+                        secondary: "secondary";
+                        ghost: "ghost";
+                        danger: "danger";
+                    }>>;
+                    size: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        sm: "sm";
+                        md: "md";
+                        lg: "lg";
+                    }>>;
+                    disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    loading: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    icon: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            Input: {
+                props: import('zod').ZodObject<{
+                    value: import('zod').ZodOptional<import('zod').ZodUnion<readonly [import('zod').ZodString, import('zod').ZodNumber]>>;
+                    type: import('zod').ZodOptional<import('zod').ZodString>;
+                    placeholder: import('zod').ZodOptional<import('zod').ZodString>;
+                    disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    readonly: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    invalid: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    size: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        sm: "sm";
+                        md: "md";
+                        lg: "lg";
+                    }>>;
+                    ariaLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            Select: {
+                props: import('zod').ZodObject<{
+                    value: import('zod').ZodOptional<import('zod').ZodString>;
+                    options: import('zod').ZodArray<import('zod').ZodObject<{
+                        label: import('zod').ZodString;
+                        value: import('zod').ZodString;
+                        disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    }, import('zod/v4/core').$strip>>;
+                    placeholder: import('zod').ZodOptional<import('zod').ZodString>;
+                    disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    search: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            Checkbox: {
+                props: import('zod').ZodObject<{
+                    checked: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    label: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                    disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            Switch: {
+                props: import('zod').ZodObject<{
+                    checked: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    label: import('zod').ZodOptional<import('zod').ZodString>;
+                    disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            RadioGroup: {
+                props: import('zod').ZodObject<{
+                    value: import('zod').ZodOptional<import('zod').ZodString>;
+                    options: import('zod').ZodArray<import('zod').ZodObject<{
+                        label: import('zod').ZodString;
+                        value: import('zod').ZodString;
+                        disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                        description: import('zod').ZodOptional<import('zod').ZodString>;
+                    }, import('zod/v4/core').$strip>>;
+                    orientation: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        horizontal: "horizontal";
+                        vertical: "vertical";
+                    }>>;
+                    disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            Form: {
+                props: import('zod').ZodObject<{
+                    direction: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        auto: "auto";
+                        horizontal: "horizontal";
+                        vertical: "vertical";
+                    }>>;
+                    fieldWidth: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                events: string[];
+                description: string;
+            };
+            Field: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                    help: import('zod').ZodOptional<import('zod').ZodString>;
+                    required: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    fieldWidth: import('zod').ZodOptional<import('zod').ZodString>;
+                    direction: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        auto: "auto";
+                        horizontal: "horizontal";
+                        vertical: "vertical";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            SettingsSection: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodString;
+                    collapsible: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    open: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                events: string[];
+                description: string;
+            };
+            SettingsField: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                    required: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    fieldWidth: import('zod').ZodOptional<import('zod').ZodString>;
+                    align: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        start: "start";
+                        center: "center";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            Surface: {
+                props: import('zod').ZodObject<{
+                    padding: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        sm: "sm";
+                        md: "md";
+                        lg: "lg";
+                        none: "none";
+                    }>>;
+                    border: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    raised: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            Card: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    layoutType: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        compact: "compact";
+                        regular: "regular";
+                    }>>;
+                    expandable: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    expanded: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    footerAlign: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        end: "end";
+                        start: "start";
+                        between: "between";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                events: string[];
+                description: string;
+            };
+            Callout: {
+                props: import('zod').ZodObject<{
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        info: "info";
+                    }>>;
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    code: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                events: string[];
+                description: string;
+            };
+            EmptyState: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodString;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                    icon: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            Progress: {
+                props: import('zod').ZodObject<{
+                    value: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    max: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    label: import('zod').ZodOptional<import('zod').ZodString>;
+                    valueLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        primary: "primary";
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            Badge: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            Dialog: {
+                props: import('zod').ZodObject<{
+                    open: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                    width: import('zod').ZodOptional<import('zod').ZodString>;
+                    showClose: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                events: string[];
+                description: string;
+            };
+            DataTable: {
+                props: import('zod').ZodObject<{
+                    columns: import('zod').ZodArray<import('zod').ZodObject<{
+                        key: import('zod').ZodString;
+                        label: import('zod').ZodString;
+                        width: import('zod').ZodOptional<import('zod').ZodString>;
+                        align: import('zod').ZodOptional<import('zod').ZodEnum<{
+                            center: "center";
+                            left: "left";
+                            right: "right";
+                        }>>;
+                    }, import('zod/v4/core').$strip>>;
+                    rows: import('zod').ZodArray<import('zod').ZodRecord<import('zod').ZodString, import('zod').ZodUnknown>>;
+                    rowKey: import('zod').ZodOptional<import('zod').ZodString>;
+                    emptyText: import('zod').ZodOptional<import('zod').ZodString>;
+                    compact: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    mobileView: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        table: "table";
+                        auto: "auto";
+                        cards: "cards";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ResourceList: {
+                props: import('zod').ZodObject<{
+                    columns: import('zod').ZodArray<import('zod').ZodObject<{
+                        key: import('zod').ZodString;
+                        label: import('zod').ZodString;
+                        width: import('zod').ZodOptional<import('zod').ZodString>;
+                        align: import('zod').ZodOptional<import('zod').ZodEnum<{
+                            center: "center";
+                            left: "left";
+                            right: "right";
+                        }>>;
+                    }, import('zod/v4/core').$strip>>;
+                    rows: import('zod').ZodArray<import('zod').ZodRecord<import('zod').ZodString, import('zod').ZodUnknown>>;
+                    rowKey: import('zod').ZodOptional<import('zod').ZodString>;
+                    emptyText: import('zod').ZodOptional<import('zod').ZodString>;
+                    compact: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    mobileView: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        table: "table";
+                        auto: "auto";
+                        cards: "cards";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            CellText: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    secondary: import('zod').ZodOptional<import('zod').ZodString>;
+                    layout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        inline: "inline";
+                        stacked: "stacked";
+                    }>>;
+                    openLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            CellStatus: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                    progress: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    detail: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ListItem: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            InputGroup: {
+                props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            Loading: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+        };
+        actions: {};
+    }>, "EmptyState">) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+    Progress: ({ props }: import('@json-render/vue').ComponentContext<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: import('zod').ZodObject<{
+                    modalScope: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        app: "app";
+                        document: "document";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            AppShell: {
+                props: import('zod').ZodObject<{
+                    sidebarWidth: import('zod').ZodOptional<import('zod').ZodString>;
+                    minHeight: import('zod').ZodOptional<import('zod').ZodString>;
+                    responsive: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wideLayout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        window: "window";
+                        web: "web";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            ResponsiveView: {
+                props: import('zod').ZodObject<{
+                    mode: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        auto: "auto";
+                        mobile: "mobile";
+                        window: "window";
+                        web: "web";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            Page: {
+                props: import('zod').ZodObject<{
+                    width: import('zod').ZodOptional<import('zod').ZodString>;
+                    surface: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        flat: "flat";
+                        auto: "auto";
+                        card: "card";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            PageHeader: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodString;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            Toolbar: {
+                props: import('zod').ZodObject<{
+                    height: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            SidebarNav: {
+                props: import('zod').ZodObject<{
+                    value: import('zod').ZodOptional<import('zod').ZodString>;
+                    groups: import('zod').ZodArray<import('zod').ZodObject<{
+                        label: import('zod').ZodOptional<import('zod').ZodString>;
+                        items: import('zod').ZodArray<import('zod').ZodType<import('./catalog').SidebarItemJson, unknown, import('zod/v4/core').$ZodTypeInternals<import('./catalog').SidebarItemJson, unknown>>>;
+                    }, import('zod/v4/core').$strip>>;
+                    searchable: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    collapsible: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    searchPlaceholder: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            Tabs: {
+                props: import('zod').ZodObject<{
+                    value: import('zod').ZodString;
+                    items: import('zod').ZodArray<import('zod').ZodObject<{
+                        label: import('zod').ZodString;
+                        value: import('zod').ZodString;
+                        disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    }, import('zod/v4/core').$strip>>;
+                    ariaLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            Stack: {
+                props: import('zod').ZodObject<{
+                    direction: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        row: "row";
+                        column: "column";
+                    }>>;
+                    gap: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        sm: "sm";
+                        md: "md";
+                        lg: "lg";
+                        xs: "xs";
+                        none: "none";
+                    }>>;
+                    align: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        end: "end";
+                        start: "start";
+                        center: "center";
+                        stretch: "stretch";
+                    }>>;
+                    justify: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        end: "end";
+                        start: "start";
+                        center: "center";
+                        between: "between";
+                    }>>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            Text: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    variant: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        body: "body";
+                        caption: "caption";
+                        muted: "muted";
+                        heading: "heading";
+                        mono: "mono";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            Button: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    variant: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        primary: "primary";
+                        secondary: "secondary";
+                        ghost: "ghost";
+                        danger: "danger";
+                    }>>;
+                    size: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        sm: "sm";
+                        md: "md";
+                        lg: "lg";
+                    }>>;
+                    disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    loading: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    icon: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            Input: {
+                props: import('zod').ZodObject<{
+                    value: import('zod').ZodOptional<import('zod').ZodUnion<readonly [import('zod').ZodString, import('zod').ZodNumber]>>;
+                    type: import('zod').ZodOptional<import('zod').ZodString>;
+                    placeholder: import('zod').ZodOptional<import('zod').ZodString>;
+                    disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    readonly: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    invalid: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    size: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        sm: "sm";
+                        md: "md";
+                        lg: "lg";
+                    }>>;
+                    ariaLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            Select: {
+                props: import('zod').ZodObject<{
+                    value: import('zod').ZodOptional<import('zod').ZodString>;
+                    options: import('zod').ZodArray<import('zod').ZodObject<{
+                        label: import('zod').ZodString;
+                        value: import('zod').ZodString;
+                        disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    }, import('zod/v4/core').$strip>>;
+                    placeholder: import('zod').ZodOptional<import('zod').ZodString>;
+                    disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    search: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            Checkbox: {
+                props: import('zod').ZodObject<{
+                    checked: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    label: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                    disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            Switch: {
+                props: import('zod').ZodObject<{
+                    checked: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    label: import('zod').ZodOptional<import('zod').ZodString>;
+                    disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            RadioGroup: {
+                props: import('zod').ZodObject<{
+                    value: import('zod').ZodOptional<import('zod').ZodString>;
+                    options: import('zod').ZodArray<import('zod').ZodObject<{
+                        label: import('zod').ZodString;
+                        value: import('zod').ZodString;
+                        disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                        description: import('zod').ZodOptional<import('zod').ZodString>;
+                    }, import('zod/v4/core').$strip>>;
+                    orientation: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        horizontal: "horizontal";
+                        vertical: "vertical";
+                    }>>;
+                    disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            Form: {
+                props: import('zod').ZodObject<{
+                    direction: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        auto: "auto";
+                        horizontal: "horizontal";
+                        vertical: "vertical";
+                    }>>;
+                    fieldWidth: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                events: string[];
+                description: string;
+            };
+            Field: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                    help: import('zod').ZodOptional<import('zod').ZodString>;
+                    required: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    fieldWidth: import('zod').ZodOptional<import('zod').ZodString>;
+                    direction: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        auto: "auto";
+                        horizontal: "horizontal";
+                        vertical: "vertical";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            SettingsSection: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodString;
+                    collapsible: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    open: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                events: string[];
+                description: string;
+            };
+            SettingsField: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                    required: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    fieldWidth: import('zod').ZodOptional<import('zod').ZodString>;
+                    align: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        start: "start";
+                        center: "center";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            Surface: {
+                props: import('zod').ZodObject<{
+                    padding: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        sm: "sm";
+                        md: "md";
+                        lg: "lg";
+                        none: "none";
+                    }>>;
+                    border: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    raised: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            Card: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    layoutType: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        compact: "compact";
+                        regular: "regular";
+                    }>>;
+                    expandable: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    expanded: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    footerAlign: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        end: "end";
+                        start: "start";
+                        between: "between";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                events: string[];
+                description: string;
+            };
+            Callout: {
+                props: import('zod').ZodObject<{
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        info: "info";
+                    }>>;
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    code: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                events: string[];
+                description: string;
+            };
+            EmptyState: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodString;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                    icon: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            Progress: {
+                props: import('zod').ZodObject<{
+                    value: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    max: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    label: import('zod').ZodOptional<import('zod').ZodString>;
+                    valueLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        primary: "primary";
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            Badge: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            Dialog: {
+                props: import('zod').ZodObject<{
+                    open: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                    width: import('zod').ZodOptional<import('zod').ZodString>;
+                    showClose: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                events: string[];
+                description: string;
+            };
+            DataTable: {
+                props: import('zod').ZodObject<{
+                    columns: import('zod').ZodArray<import('zod').ZodObject<{
+                        key: import('zod').ZodString;
+                        label: import('zod').ZodString;
+                        width: import('zod').ZodOptional<import('zod').ZodString>;
+                        align: import('zod').ZodOptional<import('zod').ZodEnum<{
+                            center: "center";
+                            left: "left";
+                            right: "right";
+                        }>>;
+                    }, import('zod/v4/core').$strip>>;
+                    rows: import('zod').ZodArray<import('zod').ZodRecord<import('zod').ZodString, import('zod').ZodUnknown>>;
+                    rowKey: import('zod').ZodOptional<import('zod').ZodString>;
+                    emptyText: import('zod').ZodOptional<import('zod').ZodString>;
+                    compact: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    mobileView: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        table: "table";
+                        auto: "auto";
+                        cards: "cards";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ResourceList: {
+                props: import('zod').ZodObject<{
+                    columns: import('zod').ZodArray<import('zod').ZodObject<{
+                        key: import('zod').ZodString;
+                        label: import('zod').ZodString;
+                        width: import('zod').ZodOptional<import('zod').ZodString>;
+                        align: import('zod').ZodOptional<import('zod').ZodEnum<{
+                            center: "center";
+                            left: "left";
+                            right: "right";
+                        }>>;
+                    }, import('zod/v4/core').$strip>>;
+                    rows: import('zod').ZodArray<import('zod').ZodRecord<import('zod').ZodString, import('zod').ZodUnknown>>;
+                    rowKey: import('zod').ZodOptional<import('zod').ZodString>;
+                    emptyText: import('zod').ZodOptional<import('zod').ZodString>;
+                    compact: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    mobileView: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        table: "table";
+                        auto: "auto";
+                        cards: "cards";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            CellText: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    secondary: import('zod').ZodOptional<import('zod').ZodString>;
+                    layout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        inline: "inline";
+                        stacked: "stacked";
+                    }>>;
+                    openLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            CellStatus: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                    progress: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    detail: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ListItem: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            InputGroup: {
+                props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            Loading: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+        };
+        actions: {};
+    }>, "Progress">) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+    Badge: ({ props }: import('@json-render/vue').ComponentContext<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: import('zod').ZodObject<{
+                    modalScope: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        app: "app";
+                        document: "document";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            AppShell: {
+                props: import('zod').ZodObject<{
+                    sidebarWidth: import('zod').ZodOptional<import('zod').ZodString>;
+                    minHeight: import('zod').ZodOptional<import('zod').ZodString>;
+                    responsive: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wideLayout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        window: "window";
+                        web: "web";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            ResponsiveView: {
+                props: import('zod').ZodObject<{
+                    mode: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        auto: "auto";
+                        mobile: "mobile";
+                        window: "window";
+                        web: "web";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            Page: {
+                props: import('zod').ZodObject<{
+                    width: import('zod').ZodOptional<import('zod').ZodString>;
+                    surface: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        flat: "flat";
+                        auto: "auto";
+                        card: "card";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            PageHeader: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodString;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            Toolbar: {
+                props: import('zod').ZodObject<{
+                    height: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            SidebarNav: {
+                props: import('zod').ZodObject<{
+                    value: import('zod').ZodOptional<import('zod').ZodString>;
+                    groups: import('zod').ZodArray<import('zod').ZodObject<{
+                        label: import('zod').ZodOptional<import('zod').ZodString>;
+                        items: import('zod').ZodArray<import('zod').ZodType<import('./catalog').SidebarItemJson, unknown, import('zod/v4/core').$ZodTypeInternals<import('./catalog').SidebarItemJson, unknown>>>;
+                    }, import('zod/v4/core').$strip>>;
+                    searchable: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    collapsible: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    searchPlaceholder: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            Tabs: {
+                props: import('zod').ZodObject<{
+                    value: import('zod').ZodString;
+                    items: import('zod').ZodArray<import('zod').ZodObject<{
+                        label: import('zod').ZodString;
+                        value: import('zod').ZodString;
+                        disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    }, import('zod/v4/core').$strip>>;
+                    ariaLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            Stack: {
+                props: import('zod').ZodObject<{
+                    direction: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        row: "row";
+                        column: "column";
+                    }>>;
+                    gap: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        sm: "sm";
+                        md: "md";
+                        lg: "lg";
+                        xs: "xs";
+                        none: "none";
+                    }>>;
+                    align: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        end: "end";
+                        start: "start";
+                        center: "center";
+                        stretch: "stretch";
+                    }>>;
+                    justify: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        end: "end";
+                        start: "start";
+                        center: "center";
+                        between: "between";
+                    }>>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            Text: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    variant: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        body: "body";
+                        caption: "caption";
+                        muted: "muted";
+                        heading: "heading";
+                        mono: "mono";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            Button: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    variant: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        primary: "primary";
+                        secondary: "secondary";
+                        ghost: "ghost";
+                        danger: "danger";
+                    }>>;
+                    size: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        sm: "sm";
+                        md: "md";
+                        lg: "lg";
+                    }>>;
+                    disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    loading: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    icon: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            Input: {
+                props: import('zod').ZodObject<{
+                    value: import('zod').ZodOptional<import('zod').ZodUnion<readonly [import('zod').ZodString, import('zod').ZodNumber]>>;
+                    type: import('zod').ZodOptional<import('zod').ZodString>;
+                    placeholder: import('zod').ZodOptional<import('zod').ZodString>;
+                    disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    readonly: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    invalid: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    size: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        sm: "sm";
+                        md: "md";
+                        lg: "lg";
+                    }>>;
+                    ariaLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            Select: {
+                props: import('zod').ZodObject<{
+                    value: import('zod').ZodOptional<import('zod').ZodString>;
+                    options: import('zod').ZodArray<import('zod').ZodObject<{
+                        label: import('zod').ZodString;
+                        value: import('zod').ZodString;
+                        disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    }, import('zod/v4/core').$strip>>;
+                    placeholder: import('zod').ZodOptional<import('zod').ZodString>;
+                    disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    search: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            Checkbox: {
+                props: import('zod').ZodObject<{
+                    checked: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    label: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                    disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            Switch: {
+                props: import('zod').ZodObject<{
+                    checked: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    label: import('zod').ZodOptional<import('zod').ZodString>;
+                    disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            RadioGroup: {
+                props: import('zod').ZodObject<{
+                    value: import('zod').ZodOptional<import('zod').ZodString>;
+                    options: import('zod').ZodArray<import('zod').ZodObject<{
+                        label: import('zod').ZodString;
+                        value: import('zod').ZodString;
+                        disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                        description: import('zod').ZodOptional<import('zod').ZodString>;
+                    }, import('zod/v4/core').$strip>>;
+                    orientation: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        horizontal: "horizontal";
+                        vertical: "vertical";
+                    }>>;
+                    disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            Form: {
+                props: import('zod').ZodObject<{
+                    direction: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        auto: "auto";
+                        horizontal: "horizontal";
+                        vertical: "vertical";
+                    }>>;
+                    fieldWidth: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                events: string[];
+                description: string;
+            };
+            Field: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                    help: import('zod').ZodOptional<import('zod').ZodString>;
+                    required: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    fieldWidth: import('zod').ZodOptional<import('zod').ZodString>;
+                    direction: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        auto: "auto";
+                        horizontal: "horizontal";
+                        vertical: "vertical";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            SettingsSection: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodString;
+                    collapsible: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    open: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                events: string[];
+                description: string;
+            };
+            SettingsField: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                    required: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    fieldWidth: import('zod').ZodOptional<import('zod').ZodString>;
+                    align: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        start: "start";
+                        center: "center";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            Surface: {
+                props: import('zod').ZodObject<{
+                    padding: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        sm: "sm";
+                        md: "md";
+                        lg: "lg";
+                        none: "none";
+                    }>>;
+                    border: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    raised: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            Card: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    layoutType: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        compact: "compact";
+                        regular: "regular";
+                    }>>;
+                    expandable: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    expanded: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    footerAlign: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        end: "end";
+                        start: "start";
+                        between: "between";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                events: string[];
+                description: string;
+            };
+            Callout: {
+                props: import('zod').ZodObject<{
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        info: "info";
+                    }>>;
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    code: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                events: string[];
+                description: string;
+            };
+            EmptyState: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodString;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                    icon: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            Progress: {
+                props: import('zod').ZodObject<{
+                    value: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    max: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    label: import('zod').ZodOptional<import('zod').ZodString>;
+                    valueLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        primary: "primary";
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            Badge: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            Dialog: {
+                props: import('zod').ZodObject<{
+                    open: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                    width: import('zod').ZodOptional<import('zod').ZodString>;
+                    showClose: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                events: string[];
+                description: string;
+            };
+            DataTable: {
+                props: import('zod').ZodObject<{
+                    columns: import('zod').ZodArray<import('zod').ZodObject<{
+                        key: import('zod').ZodString;
+                        label: import('zod').ZodString;
+                        width: import('zod').ZodOptional<import('zod').ZodString>;
+                        align: import('zod').ZodOptional<import('zod').ZodEnum<{
+                            center: "center";
+                            left: "left";
+                            right: "right";
+                        }>>;
+                    }, import('zod/v4/core').$strip>>;
+                    rows: import('zod').ZodArray<import('zod').ZodRecord<import('zod').ZodString, import('zod').ZodUnknown>>;
+                    rowKey: import('zod').ZodOptional<import('zod').ZodString>;
+                    emptyText: import('zod').ZodOptional<import('zod').ZodString>;
+                    compact: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    mobileView: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        table: "table";
+                        auto: "auto";
+                        cards: "cards";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ResourceList: {
+                props: import('zod').ZodObject<{
+                    columns: import('zod').ZodArray<import('zod').ZodObject<{
+                        key: import('zod').ZodString;
+                        label: import('zod').ZodString;
+                        width: import('zod').ZodOptional<import('zod').ZodString>;
+                        align: import('zod').ZodOptional<import('zod').ZodEnum<{
+                            center: "center";
+                            left: "left";
+                            right: "right";
+                        }>>;
+                    }, import('zod/v4/core').$strip>>;
+                    rows: import('zod').ZodArray<import('zod').ZodRecord<import('zod').ZodString, import('zod').ZodUnknown>>;
+                    rowKey: import('zod').ZodOptional<import('zod').ZodString>;
+                    emptyText: import('zod').ZodOptional<import('zod').ZodString>;
+                    compact: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    mobileView: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        table: "table";
+                        auto: "auto";
+                        cards: "cards";
+                    }>>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            CellText: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    secondary: import('zod').ZodOptional<import('zod').ZodString>;
+                    layout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        inline: "inline";
+                        stacked: "stacked";
+                    }>>;
+                    openLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            CellStatus: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                    progress: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    detail: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ListItem: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            InputGroup: {
+                props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
             Loading: {
                 props: import('zod').ZodObject<{
                     text: import('zod').ZodOptional<import('zod').ZodString>;
@@ -10380,10 +13360,10 @@ export declare const synoJsonRenderers: {
             };
         };
         actions: {};
-    }>, "Card">) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    }>, "Badge">) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
         [key: string]: any;
     }>;
-    Callout: ({ props, slots, emit }: import('@json-render/vue').ComponentContext<import('@json-render/core').Catalog<{
+    Dialog: ({ props, bindings, slots, emit }: import('@json-render/vue').ComponentContext<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", {
@@ -10844,6 +13824,48 @@ export declare const synoJsonRenderers: {
                 slots: string[];
                 description: string;
             };
+            CellText: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    secondary: import('zod').ZodOptional<import('zod').ZodString>;
+                    layout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        inline: "inline";
+                        stacked: "stacked";
+                    }>>;
+                    openLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            CellStatus: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                    progress: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    detail: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ListItem: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            InputGroup: {
+                props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
             Loading: {
                 props: import('zod').ZodObject<{
                     text: import('zod').ZodOptional<import('zod').ZodString>;
@@ -10852,10 +13874,10 @@ export declare const synoJsonRenderers: {
             };
         };
         actions: {};
-    }>, "Callout">) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    }>, "Dialog">) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
         [key: string]: any;
     }>;
-    EmptyState: ({ props, slots }: import('@json-render/vue').ComponentContext<import('@json-render/core').Catalog<{
+    DataTable: ({ props }: import('@json-render/vue').ComponentContext<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", {
@@ -11316,6 +14338,48 @@ export declare const synoJsonRenderers: {
                 slots: string[];
                 description: string;
             };
+            CellText: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    secondary: import('zod').ZodOptional<import('zod').ZodString>;
+                    layout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        inline: "inline";
+                        stacked: "stacked";
+                    }>>;
+                    openLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            CellStatus: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                    progress: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    detail: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ListItem: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            InputGroup: {
+                props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
             Loading: {
                 props: import('zod').ZodObject<{
                     text: import('zod').ZodOptional<import('zod').ZodString>;
@@ -11324,10 +14388,10 @@ export declare const synoJsonRenderers: {
             };
         };
         actions: {};
-    }>, "EmptyState">) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    }>, "DataTable">) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
         [key: string]: any;
     }>;
-    Progress: ({ props }: import('@json-render/vue').ComponentContext<import('@json-render/core').Catalog<{
+    ResourceList: ({ props, slots }: import('@json-render/vue').ComponentContext<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", {
@@ -11788,6 +14852,48 @@ export declare const synoJsonRenderers: {
                 slots: string[];
                 description: string;
             };
+            CellText: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    secondary: import('zod').ZodOptional<import('zod').ZodString>;
+                    layout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        inline: "inline";
+                        stacked: "stacked";
+                    }>>;
+                    openLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            CellStatus: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                    progress: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    detail: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ListItem: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            InputGroup: {
+                props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
             Loading: {
                 props: import('zod').ZodObject<{
                     text: import('zod').ZodOptional<import('zod').ZodString>;
@@ -11796,10 +14902,10 @@ export declare const synoJsonRenderers: {
             };
         };
         actions: {};
-    }>, "Progress">) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    }>, "ResourceList">) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
         [key: string]: any;
     }>;
-    Badge: ({ props }: import('@json-render/vue').ComponentContext<import('@json-render/core').Catalog<{
+    CellText: ({ props, emit }: import('@json-render/vue').ComponentContext<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", {
@@ -12260,6 +15366,48 @@ export declare const synoJsonRenderers: {
                 slots: string[];
                 description: string;
             };
+            CellText: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    secondary: import('zod').ZodOptional<import('zod').ZodString>;
+                    layout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        inline: "inline";
+                        stacked: "stacked";
+                    }>>;
+                    openLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            CellStatus: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                    progress: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    detail: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ListItem: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            InputGroup: {
+                props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
             Loading: {
                 props: import('zod').ZodObject<{
                     text: import('zod').ZodOptional<import('zod').ZodString>;
@@ -12268,10 +15416,10 @@ export declare const synoJsonRenderers: {
             };
         };
         actions: {};
-    }>, "Badge">) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    }>, "CellText">) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
         [key: string]: any;
     }>;
-    Dialog: ({ props, bindings, slots, emit }: import('@json-render/vue').ComponentContext<import('@json-render/core').Catalog<{
+    CellStatus: ({ props }: import('@json-render/vue').ComponentContext<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", {
@@ -12732,6 +15880,48 @@ export declare const synoJsonRenderers: {
                 slots: string[];
                 description: string;
             };
+            CellText: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    secondary: import('zod').ZodOptional<import('zod').ZodString>;
+                    layout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        inline: "inline";
+                        stacked: "stacked";
+                    }>>;
+                    openLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            CellStatus: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                    progress: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    detail: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ListItem: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            InputGroup: {
+                props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
             Loading: {
                 props: import('zod').ZodObject<{
                     text: import('zod').ZodOptional<import('zod').ZodString>;
@@ -12740,10 +15930,10 @@ export declare const synoJsonRenderers: {
             };
         };
         actions: {};
-    }>, "Dialog">) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    }>, "CellStatus">) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
         [key: string]: any;
     }>;
-    DataTable: ({ props }: import('@json-render/vue').ComponentContext<import('@json-render/core').Catalog<{
+    ListItem: ({ props, slots }: import('@json-render/vue').ComponentContext<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", {
@@ -13204,6 +16394,48 @@ export declare const synoJsonRenderers: {
                 slots: string[];
                 description: string;
             };
+            CellText: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    secondary: import('zod').ZodOptional<import('zod').ZodString>;
+                    layout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        inline: "inline";
+                        stacked: "stacked";
+                    }>>;
+                    openLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            CellStatus: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                    progress: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    detail: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ListItem: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            InputGroup: {
+                props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
             Loading: {
                 props: import('zod').ZodObject<{
                     text: import('zod').ZodOptional<import('zod').ZodString>;
@@ -13212,10 +16444,10 @@ export declare const synoJsonRenderers: {
             };
         };
         actions: {};
-    }>, "DataTable">) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    }>, "ListItem">) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
         [key: string]: any;
     }>;
-    ResourceList: ({ props, slots }: import('@json-render/vue').ComponentContext<import('@json-render/core').Catalog<{
+    InputGroup: ({ slots }: import('@json-render/vue').ComponentContext<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", {
@@ -13676,6 +16908,48 @@ export declare const synoJsonRenderers: {
                 slots: string[];
                 description: string;
             };
+            CellText: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    secondary: import('zod').ZodOptional<import('zod').ZodString>;
+                    layout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        inline: "inline";
+                        stacked: "stacked";
+                    }>>;
+                    openLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            CellStatus: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                    progress: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    detail: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ListItem: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            InputGroup: {
+                props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
             Loading: {
                 props: import('zod').ZodObject<{
                     text: import('zod').ZodOptional<import('zod').ZodString>;
@@ -13684,7 +16958,7 @@ export declare const synoJsonRenderers: {
             };
         };
         actions: {};
-    }>, "ResourceList">) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    }>, "InputGroup">) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
         [key: string]: any;
     }>;
     Loading: ({ props }: import('@json-render/vue').ComponentContext<import('@json-render/core').Catalog<{
@@ -14148,6 +17422,48 @@ export declare const synoJsonRenderers: {
                 slots: string[];
                 description: string;
             };
+            CellText: {
+                props: import('zod').ZodObject<{
+                    text: import('zod').ZodString;
+                    secondary: import('zod').ZodOptional<import('zod').ZodString>;
+                    layout: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        inline: "inline";
+                        stacked: "stacked";
+                    }>>;
+                    openLabel: import('zod').ZodOptional<import('zod').ZodString>;
+                    openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                }, import('zod/v4/core').$strip>;
+                events: string[];
+                description: string;
+            };
+            CellStatus: {
+                props: import('zod').ZodObject<{
+                    label: import('zod').ZodString;
+                    tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                        danger: "danger";
+                        success: "success";
+                        warning: "warning";
+                        neutral: "neutral";
+                        info: "info";
+                    }>>;
+                    progress: import('zod').ZodOptional<import('zod').ZodNumber>;
+                    detail: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                description: string;
+            };
+            ListItem: {
+                props: import('zod').ZodObject<{
+                    title: import('zod').ZodOptional<import('zod').ZodString>;
+                    description: import('zod').ZodOptional<import('zod').ZodString>;
+                }, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
+            InputGroup: {
+                props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
+                slots: string[];
+                description: string;
+            };
             Loading: {
                 props: import('zod').ZodObject<{
                     text: import('zod').ZodOptional<import('zod').ZodString>;