npm - @synopackageland/ui - Versions diffs - 0.9.4 → 0.9.6 - Mend

@synopackageland/ui 0.9.4 → 0.9.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (47) hide show

package/CHANGELOG.md +92 -0
package/README.md +6 -1
package/dist/components/app/page-header/PageHeader.vue.d.ts +4 -2
package/dist/components/composite/callout/Callout.vue.d.ts +2 -0
package/dist/components/composite/form/Form.vue.d.ts +1 -1
package/dist/components/composite/form-actions/FormActions.vue.d.ts +6 -0
package/dist/components/composite/list-item/ListItem.vue.d.ts +25 -0
package/dist/components/composite/settings-row/SettingsRow.vue.d.ts +1 -0
package/dist/components/composite/settings-section/SettingsSection.vue.d.ts +1 -0
package/dist/components/composite/statistic/Statistic.vue.d.ts +24 -0
package/dist/components/composite/table-cell/CellStatus.vue.d.ts +24 -0
package/dist/components/composite/table-cell/CellText.vue.d.ts +36 -0
package/dist/components/feedback/notification/NotificationProvider.vue.d.ts +1 -1
package/dist/components/primitives/button/Button.vue.d.ts +3 -0
package/dist/components/primitives/button/IconButton.vue.d.ts +5 -2
package/dist/components/primitives/dropdown-menu/DropdownMenu.vue.d.ts +2 -2
package/dist/components/primitives/dropdown-menu/DropdownMenuItems.vue.d.ts +3 -0
package/dist/components/primitives/input-group/InputGroup.vue.d.ts +13 -0
package/dist/components/primitives/popover/Popover.vue.d.ts +3 -3
package/dist/components/primitives/progress/Progress.vue.d.ts +3 -0
package/dist/components/primitives/space/Space.vue.d.ts +4 -1
package/dist/composables/collisionBoundary.d.ts +4 -0
package/dist/composables/floatingHost.d.ts +5 -2
package/dist/composables/floatingPlacement.d.ts +1 -1
package/dist/composables/pendingClick.d.ts +12 -0
package/dist/composables/stickyRoom.d.ts +8 -0
package/dist/i18n/text.d.ts +1 -0
package/dist/index.d.ts +9 -1
package/dist/index.js +9046 -8544
package/dist/json/catalog.d.ts +98 -0
package/dist/json/registry.d.ts +3548 -22
package/dist/json-ai-prompt.md +8 -4
package/dist/json-catalog.schema.json +290 -3
package/dist/json-preview/preview.js +6371 -6019
package/dist/json.js +453 -413
package/dist/lib/clipboard.d.ts +7 -1
package/dist/lib/fileSize.d.ts +9 -1
package/dist/lib/floatingDialog.d.ts +9 -2
package/dist/lib/format.d.ts +13 -0
package/dist/lib/slots.d.ts +4 -0
package/dist/reka-runtime.json +1 -1
package/dist/theme.css +1 -1
package/dist/themes/dsm7-embedded-theme.css +1 -1
package/dist/themes/dsm7-embedded.css +1 -1
package/dist/themes/dsm7.css +1 -1
package/docs/layout-rules.md +36 -3
package/package.json +62 -1

package/dist/json/registry.d.ts CHANGED Viewed

@@ -356,6 +356,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     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[];
@@ -376,6 +377,12 @@ export declare const synoJsonRenderers: {
                     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;
             };
@@ -453,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>;
@@ -821,6 +870,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     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[];
@@ -841,6 +891,12 @@ export declare const synoJsonRenderers: {
                     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;
             };
@@ -918,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>;
@@ -1286,6 +1384,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     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[];
@@ -1306,6 +1405,12 @@ export declare const synoJsonRenderers: {
                     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;
             };
@@ -1383,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>;
@@ -1751,6 +1898,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     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[];
@@ -1771,6 +1919,12 @@ export declare const synoJsonRenderers: {
                     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;
             };
@@ -1848,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>;
@@ -2216,6 +2412,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     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[];
@@ -2236,6 +2433,12 @@ export declare const synoJsonRenderers: {
                     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;
             };
@@ -2313,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>;
@@ -2681,6 +2926,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     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[];
@@ -2701,6 +2947,12 @@ export declare const synoJsonRenderers: {
                     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;
             };
@@ -2778,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>;
@@ -3146,6 +3440,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     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[];
@@ -3166,6 +3461,12 @@ export declare const synoJsonRenderers: {
                     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;
             };
@@ -3243,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>;
@@ -3611,6 +3954,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     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[];
@@ -3631,6 +3975,12 @@ export declare const synoJsonRenderers: {
                     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;
             };
@@ -3708,9 +4058,51 @@ 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;
             };
@@ -4076,6 +4468,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     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[];
@@ -4096,6 +4489,12 @@ export declare const synoJsonRenderers: {
                     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;
             };
@@ -4173,6 +4572,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>;
@@ -4541,6 +4982,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     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[];
@@ -4561,6 +5003,12 @@ export declare const synoJsonRenderers: {
                     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;
             };
@@ -4638,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>;
@@ -5006,6 +5496,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     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[];
@@ -5026,6 +5517,12 @@ export declare const synoJsonRenderers: {
                     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;
             };
@@ -5103,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>;
@@ -5471,6 +6010,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     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[];
@@ -5491,6 +6031,12 @@ export declare const synoJsonRenderers: {
                     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;
             };
@@ -5568,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>;
@@ -5936,6 +6524,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     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[];
@@ -5956,6 +6545,12 @@ export declare const synoJsonRenderers: {
                     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;
             };
@@ -6033,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>;
@@ -6401,6 +7038,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     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[];
@@ -6421,6 +7059,12 @@ export declare const synoJsonRenderers: {
                     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;
             };
@@ -6498,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>;
@@ -6866,6 +7552,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     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[];
@@ -6886,6 +7573,12 @@ export declare const synoJsonRenderers: {
                     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;
             };
@@ -6963,19 +7656,61 @@ 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: {};
-    }>, "Switch">) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-        [key: string]: any;
-    }>;
-    RadioGroup: ({ props, bindings, emit }: import('@json-render/vue').ComponentContext<import('@json-render/core').Catalog<{
-        spec: import('@json-render/core').SchemaType<"object", {
+            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: {};
+    }>, "Switch">) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+    RadioGroup: ({ props, bindings, 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>;
@@ -7331,6 +8066,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     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[];
@@ -7351,6 +8087,12 @@ export declare const synoJsonRenderers: {
                     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;
             };
@@ -7428,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>;
@@ -7796,6 +8580,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     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[];
@@ -7816,6 +8601,12 @@ export declare const synoJsonRenderers: {
                     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;
             };
@@ -7893,6 +8684,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>;
@@ -8261,6 +9094,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     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[];
@@ -8281,6 +9115,12 @@ export declare const synoJsonRenderers: {
                     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;
             };
@@ -8358,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>;
@@ -8726,6 +9608,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     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[];
@@ -8746,6 +9629,12 @@ export declare const synoJsonRenderers: {
                     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;
             };
@@ -8823,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>;
@@ -9191,6 +10122,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     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[];
@@ -9211,6 +10143,12 @@ export declare const synoJsonRenderers: {
                     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;
             };
@@ -9288,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>;
@@ -9656,6 +10636,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     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[];
@@ -9676,6 +10657,12 @@ export declare const synoJsonRenderers: {
                     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;
             };
@@ -9753,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>;
@@ -10121,6 +11150,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     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[];
@@ -10141,6 +11171,12 @@ export declare const synoJsonRenderers: {
                     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;
             };
@@ -10218,9 +11254,51 @@ 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;
             };
@@ -10586,6 +11664,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     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[];
@@ -10606,6 +11685,12 @@ export declare const synoJsonRenderers: {
                     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;
             };
@@ -10683,6 +11768,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>;
@@ -11051,6 +12178,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     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[];
@@ -11071,6 +12199,12 @@ export declare const synoJsonRenderers: {
                     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;
             };
@@ -11148,6 +12282,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>;
@@ -11516,6 +12692,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     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[];
@@ -11536,6 +12713,12 @@ export declare const synoJsonRenderers: {
                     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;
             };
@@ -11613,6 +12796,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>;
@@ -11981,6 +13206,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     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[];
@@ -12001,6 +13227,12 @@ export declare const synoJsonRenderers: {
                     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;
             };
@@ -12078,6 +13310,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>;
@@ -12446,6 +13720,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     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[];
@@ -12466,6 +13741,12 @@ export declare const synoJsonRenderers: {
                     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;
             };
@@ -12543,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>;
@@ -12911,6 +14234,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     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[];
@@ -12931,6 +14255,12 @@ export declare const synoJsonRenderers: {
                     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;
             };
@@ -13008,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>;
@@ -13376,6 +14748,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     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[];
@@ -13396,6 +14769,12 @@ export declare const synoJsonRenderers: {
                     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;
             };
@@ -13473,19 +14852,2117 @@ 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: {};
-    }>, "ResourceList">) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-        [key: string]: any;
-    }>;
-    Loading: ({ props }: import('@json-render/vue').ComponentContext<import('@json-render/core').Catalog<{
-        spec: import('@json-render/core').SchemaType<"object", {
+            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: {};
+    }>, "ResourceList">) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+    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", {
+                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: {};
+    }>, "CellText">) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+    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", {
+                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: {};
+    }>, "CellStatus">) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+    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", {
+                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: {};
+    }>, "ListItem">) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+    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", {
+                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: {};
+    }>, "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<{
+        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>;
@@ -13841,6 +17318,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     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[];
@@ -13861,6 +17339,12 @@ export declare const synoJsonRenderers: {
                     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;
             };
@@ -13938,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>;