@servicetitan/json-render-react 0.1.1

package/dist/core/catalog/line-chart.catalog.d.ts

@@ -0,0 +1,18 @@
+import { z } from 'zod';
+export declare const lineChartCatalog: {
+    props: z.ZodObject<{
+        data: z.ZodArray<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>>>;
+        series: z.ZodOptional<z.ZodArray<z.ZodString>>;
+        theme: z.ZodOptional<z.ZodEnum<{
+            monochrome: "monochrome";
+            categorical: "categorical";
+            semantic: "semantic";
+        }>>;
+        showLegend: z.ZodOptional<z.ZodBoolean>;
+        showDots: z.ZodOptional<z.ZodBoolean>;
+        height: z.ZodOptional<z.ZodNumber>;
+        unit: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>;
+    slots: never[];
+    description: string;
+};

package/dist/core/catalog/line-chart.d.ts

@@ -0,0 +1,6 @@
+import { z } from 'zod';
+import { lineChartCatalog } from './line-chart.catalog';
+export { lineChartCatalog };
+export declare const LineChartRenderer: ({ props }: {
+    props: z.infer<typeof lineChartCatalog.props>;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/core/catalog/link.catalog.d.ts

@@ -0,0 +1,18 @@
+import { z } from 'zod';
+export declare const linkCatalog: {
+    props: z.ZodObject<{
+        label: z.ZodString;
+        href: z.ZodString;
+        appearance: z.ZodOptional<z.ZodEnum<{
+            primary: "primary";
+            secondary: "secondary";
+        }>>;
+        target: z.ZodOptional<z.ZodEnum<{
+            _blank: "_blank";
+            _self: "_self";
+        }>>;
+        ghost: z.ZodOptional<z.ZodBoolean>;
+    }, z.core.$strip>;
+    slots: never[];
+    description: string;
+};

package/dist/core/catalog/link.d.ts

@@ -0,0 +1,7 @@
+import { z } from 'zod';
+import { linkCatalog } from './link.catalog';
+export { linkCatalog };
+export declare const LinkRenderer: ({ props, emit, }: {
+    props: z.infer<typeof linkCatalog.props>;
+    emit: (event: string) => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/core/catalog/listbox.catalog.d.ts

@@ -0,0 +1,14 @@
+import { z } from 'zod';
+export declare const listboxCatalog: {
+    props: z.ZodObject<{
+        label: z.ZodString;
+        options: z.ZodArray<z.ZodObject<{
+            value: z.ZodString;
+            label: z.ZodString;
+        }, z.core.$strip>>;
+        value: z.ZodOptional<z.ZodString>;
+        disabled: z.ZodOptional<z.ZodBoolean>;
+    }, z.core.$strip>;
+    slots: never[];
+    description: string;
+};

package/dist/core/catalog/listbox.d.ts

@@ -0,0 +1,8 @@
+import { z } from 'zod';
+import { listboxCatalog } from './listbox.catalog';
+export { listboxCatalog };
+export declare const ListboxRenderer: ({ props, bindings, emit, }: {
+    props: z.infer<typeof listboxCatalog.props>;
+    bindings?: Record<string, string>;
+    emit: (event: string) => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/core/catalog/progress-bar.catalog.d.ts

@@ -0,0 +1,11 @@
+import { z } from 'zod';
+export declare const progressBarCatalog: {
+    props: z.ZodObject<{
+        label: z.ZodString;
+        value: z.ZodOptional<z.ZodNumber>;
+        description: z.ZodOptional<z.ZodString>;
+        indeterminate: z.ZodOptional<z.ZodBoolean>;
+    }, z.core.$strip>;
+    slots: never[];
+    description: string;
+};

package/dist/core/catalog/progress-bar.d.ts

@@ -0,0 +1,6 @@
+import { z } from 'zod';
+import { progressBarCatalog } from './progress-bar.catalog';
+export { progressBarCatalog };
+export declare const ProgressBarRenderer: ({ props, }: {
+    props: z.infer<typeof progressBarCatalog.props>;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/core/catalog/radio-group.catalog.d.ts

@@ -0,0 +1,14 @@
+import { z } from 'zod';
+export declare const radioGroupCatalog: {
+    props: z.ZodObject<{
+        label: z.ZodString;
+        options: z.ZodArray<z.ZodObject<{
+            value: z.ZodString;
+            label: z.ZodString;
+        }, z.core.$strip>>;
+        value: z.ZodOptional<z.ZodString>;
+        disabled: z.ZodOptional<z.ZodBoolean>;
+    }, z.core.$strip>;
+    slots: never[];
+    description: string;
+};

package/dist/core/catalog/radio-group.d.ts

@@ -0,0 +1,8 @@
+import { z } from 'zod';
+import { radioGroupCatalog } from './radio-group.catalog';
+export { radioGroupCatalog };
+export declare const RadioGroupRenderer: ({ props, bindings, emit, }: {
+    props: z.infer<typeof radioGroupCatalog.props>;
+    bindings?: Record<string, string>;
+    emit: (event: string) => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/core/catalog/schemas.d.ts

@@ -0,0 +1,353 @@
+export declare const baseComponents: {
+    Text: {
+        props: import('zod').ZodObject<{
+            content: import('zod').ZodString;
+            variant: import('zod').ZodOptional<import('zod').ZodEnum<{
+                headline: "headline";
+                body: "body";
+                eyebrow: "eyebrow";
+            }>>;
+            size: import('zod').ZodOptional<import('zod').ZodEnum<{
+                small: "small";
+                medium: "medium";
+                large: "large";
+                xlarge: "xlarge";
+            }>>;
+            subdued: import('zod').ZodOptional<import('zod').ZodBoolean>;
+            el: import('zod').ZodOptional<import('zod').ZodEnum<{
+                h1: "h1";
+                h2: "h2";
+                h3: "h3";
+                h4: "h4";
+                h5: "h5";
+                h6: "h6";
+            }>>;
+        }, import('zod/v4/core').$strip>;
+        slots: never[];
+        description: string;
+    };
+    Card: {
+        props: import('zod').ZodObject<{
+            background: import('zod').ZodOptional<import('zod').ZodEnum<{
+                strong: "strong";
+                stronger: "stronger";
+            }>>;
+            padding: import('zod').ZodOptional<import('zod').ZodEnum<{
+                0: "0";
+                xsmall: "xsmall";
+                small: "small";
+                medium: "medium";
+                large: "large";
+            }>>;
+        }, import('zod/v4/core').$strip>;
+        slots: string[];
+        description: string;
+    };
+    Flex: {
+        props: import('zod').ZodObject<{
+            direction: import('zod').ZodOptional<import('zod').ZodEnum<{
+                row: "row";
+                column: "column";
+            }>>;
+            gap: import('zod').ZodOptional<import('zod').ZodEnum<{
+                1: "1";
+                2: "2";
+                3: "3";
+                4: "4";
+                5: "5";
+                6: "6";
+            }>>;
+            alignItems: import('zod').ZodOptional<import('zod').ZodEnum<{
+                center: "center";
+                "flex-start": "flex-start";
+                "flex-end": "flex-end";
+                stretch: "stretch";
+                baseline: "baseline";
+            }>>;
+            justifyContent: import('zod').ZodOptional<import('zod').ZodEnum<{
+                center: "center";
+                "flex-start": "flex-start";
+                "flex-end": "flex-end";
+                "space-between": "space-between";
+                "space-around": "space-around";
+                "space-evenly": "space-evenly";
+            }>>;
+            wrap: import('zod').ZodOptional<import('zod').ZodEnum<{
+                wrap: "wrap";
+                nowrap: "nowrap";
+                "wrap-reverse": "wrap-reverse";
+            }>>;
+            grow: import('zod').ZodOptional<import('zod').ZodNumber>;
+            shrink: import('zod').ZodOptional<import('zod').ZodNumber>;
+            inline: import('zod').ZodOptional<import('zod').ZodBoolean>;
+        }, import('zod/v4/core').$strip>;
+        slots: string[];
+        description: string;
+    };
+    Grid: {
+        props: import('zod').ZodObject<{
+            templateColumns: import('zod').ZodOptional<import('zod').ZodString>;
+            gap: import('zod').ZodOptional<import('zod').ZodEnum<{
+                1: "1";
+                2: "2";
+                3: "3";
+                4: "4";
+                5: "5";
+                6: "6";
+            }>>;
+            bordered: import('zod').ZodOptional<import('zod').ZodBoolean>;
+        }, import('zod/v4/core').$strip>;
+        slots: string[];
+        description: string;
+    };
+    Alert: {
+        props: import('zod').ZodObject<{
+            title: import('zod').ZodString;
+            status: import('zod').ZodOptional<import('zod').ZodEnum<{
+                success: "success";
+                info: "info";
+                warning: "warning";
+                danger: "danger";
+            }>>;
+            dismissible: import('zod').ZodOptional<import('zod').ZodBoolean>;
+        }, import('zod/v4/core').$strip>;
+        slots: string[];
+        description: string;
+    };
+    Divider: {
+        props: import('zod').ZodObject<{
+            vertical: import('zod').ZodOptional<import('zod').ZodBoolean>;
+            spacing: import('zod').ZodOptional<import('zod').ZodEnum<{
+                0: "0";
+                1: "1";
+                2: "2";
+                3: "3";
+                4: "4";
+                half: "half";
+                5: "5";
+                6: "6";
+                8: "8";
+                12: "12";
+            }>>;
+            alignContent: import('zod').ZodOptional<import('zod').ZodEnum<{
+                start: "start";
+                center: "center";
+                end: "end";
+            }>>;
+        }, import('zod/v4/core').$strip>;
+        slots: never[];
+        description: string;
+    };
+    Icon: {
+        props: import('zod').ZodObject<{
+            name: import('zod').ZodEnum<{
+                "check-circle": "check-circle";
+                "in-progress": "in-progress";
+                "radio-button-unchecked": "radio-button-unchecked";
+            }>;
+            size: import('zod').ZodOptional<import('zod').ZodEnum<{
+                small: "small";
+                medium: "medium";
+                large: "large";
+                xlarge: "xlarge";
+            }>>;
+            color: import('zod').ZodOptional<import('zod').ZodString>;
+        }, import('zod/v4/core').$strip>;
+        slots: never[];
+        description: string;
+    };
+    Badge: {
+        props: import('zod').ZodObject<{
+            content: import('zod').ZodOptional<import('zod').ZodString>;
+            offset: import('zod').ZodOptional<import('zod').ZodObject<{
+                x: import('zod').ZodOptional<import('zod').ZodString>;
+                y: import('zod').ZodOptional<import('zod').ZodString>;
+            }, import('zod/v4/core').$strip>>;
+        }, import('zod/v4/core').$strip>;
+        slots: string[];
+        description: string;
+    };
+    Chip: {
+        props: import('zod').ZodObject<{
+            label: import('zod').ZodString;
+            size: import('zod').ZodOptional<import('zod').ZodEnum<{
+                small: "small";
+                medium: "medium";
+            }>>;
+            color: import('zod').ZodOptional<import('zod').ZodString>;
+            icon: import('zod').ZodOptional<import('zod').ZodEnum<{
+                "check-circle": "check-circle";
+                "in-progress": "in-progress";
+                "radio-button-unchecked": "radio-button-unchecked";
+            }>>;
+            removable: import('zod').ZodOptional<import('zod').ZodBoolean>;
+        }, import('zod/v4/core').$strip>;
+        slots: never[];
+        description: string;
+    };
+    Link: {
+        props: import('zod').ZodObject<{
+            label: import('zod').ZodString;
+            href: import('zod').ZodString;
+            appearance: import('zod').ZodOptional<import('zod').ZodEnum<{
+                primary: "primary";
+                secondary: "secondary";
+            }>>;
+            target: import('zod').ZodOptional<import('zod').ZodEnum<{
+                _blank: "_blank";
+                _self: "_self";
+            }>>;
+            ghost: import('zod').ZodOptional<import('zod').ZodBoolean>;
+        }, import('zod/v4/core').$strip>;
+        slots: never[];
+        description: string;
+    };
+    ProgressBar: {
+        props: import('zod').ZodObject<{
+            label: import('zod').ZodString;
+            value: import('zod').ZodOptional<import('zod').ZodNumber>;
+            description: import('zod').ZodOptional<import('zod').ZodString>;
+            indeterminate: import('zod').ZodOptional<import('zod').ZodBoolean>;
+        }, import('zod/v4/core').$strip>;
+        slots: never[];
+        description: string;
+    };
+    BarChart: {
+        props: import('zod').ZodObject<{
+            data: import('zod').ZodArray<import('zod').ZodObject<{
+                category: import('zod').ZodString;
+                value: import('zod').ZodNumber;
+            }, import('zod/v4/core').$strip>>;
+            orientation: import('zod').ZodOptional<import('zod').ZodEnum<{
+                vertical: "vertical";
+                horizontal: "horizontal";
+            }>>;
+            theme: import('zod').ZodOptional<import('zod').ZodEnum<{
+                monochrome: "monochrome";
+                categorical: "categorical";
+                semantic: "semantic";
+            }>>;
+            height: import('zod').ZodOptional<import('zod').ZodNumber>;
+            unit: import('zod').ZodOptional<import('zod').ZodString>;
+        }, import('zod/v4/core').$strip>;
+        slots: never[];
+        description: string;
+    };
+    DonutChart: {
+        props: import('zod').ZodObject<{
+            data: import('zod').ZodArray<import('zod').ZodObject<{
+                category: import('zod').ZodString;
+                value: import('zod').ZodNumber;
+            }, import('zod/v4/core').$strip>>;
+            theme: import('zod').ZodOptional<import('zod').ZodEnum<{
+                monochrome: "monochrome";
+                categorical: "categorical";
+                semantic: "semantic";
+            }>>;
+            showLegend: import('zod').ZodOptional<import('zod').ZodBoolean>;
+            height: import('zod').ZodOptional<import('zod').ZodNumber>;
+            unit: import('zod').ZodOptional<import('zod').ZodString>;
+        }, import('zod/v4/core').$strip>;
+        slots: never[];
+        description: string;
+    };
+    LineChart: {
+        props: import('zod').ZodObject<{
+            data: import('zod').ZodArray<import('zod').ZodRecord<import('zod').ZodString, import('zod').ZodUnion<readonly [import('zod').ZodString, import('zod').ZodNumber]>>>;
+            series: import('zod').ZodOptional<import('zod').ZodArray<import('zod').ZodString>>;
+            theme: import('zod').ZodOptional<import('zod').ZodEnum<{
+                monochrome: "monochrome";
+                categorical: "categorical";
+                semantic: "semantic";
+            }>>;
+            showLegend: import('zod').ZodOptional<import('zod').ZodBoolean>;
+            showDots: import('zod').ZodOptional<import('zod').ZodBoolean>;
+            height: import('zod').ZodOptional<import('zod').ZodNumber>;
+            unit: import('zod').ZodOptional<import('zod').ZodString>;
+        }, import('zod/v4/core').$strip>;
+        slots: never[];
+        description: string;
+    };
+    Button: {
+        props: import('zod').ZodObject<{
+            label: import('zod').ZodString;
+            appearance: import('zod').ZodOptional<import('zod').ZodEnum<{
+                primary: "primary";
+                secondary: "secondary";
+                ghost: "ghost";
+            }>>;
+            size: import('zod').ZodOptional<import('zod').ZodEnum<{
+                xsmall: "xsmall";
+                small: "small";
+                medium: "medium";
+                large: "large";
+            }>>;
+            loading: import('zod').ZodOptional<import('zod').ZodBoolean>;
+            disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+        }, import('zod/v4/core').$strip>;
+        slots: never[];
+        description: string;
+    };
+    Checkbox: {
+        props: import('zod').ZodObject<{
+            label: import('zod').ZodString;
+            checked: import('zod').ZodOptional<import('zod').ZodBoolean>;
+            disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+        }, import('zod/v4/core').$strip>;
+        slots: never[];
+        description: string;
+    };
+    Input: {
+        props: import('zod').ZodObject<{
+            label: import('zod').ZodString;
+            placeholder: import('zod').ZodOptional<import('zod').ZodString>;
+            type: import('zod').ZodOptional<import('zod').ZodEnum<{
+                number: "number";
+                url: "url";
+                text: "text";
+                password: "password";
+                email: "email";
+                tel: "tel";
+            }>>;
+            value: import('zod').ZodOptional<import('zod').ZodString>;
+            disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+        }, import('zod/v4/core').$strip>;
+        slots: never[];
+        description: string;
+    };
+    Listbox: {
+        props: import('zod').ZodObject<{
+            label: import('zod').ZodString;
+            options: import('zod').ZodArray<import('zod').ZodObject<{
+                value: import('zod').ZodString;
+                label: import('zod').ZodString;
+            }, import('zod/v4/core').$strip>>;
+            value: import('zod').ZodOptional<import('zod').ZodString>;
+            disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+        }, import('zod/v4/core').$strip>;
+        slots: never[];
+        description: string;
+    };
+    RadioGroup: {
+        props: import('zod').ZodObject<{
+            label: import('zod').ZodString;
+            options: import('zod').ZodArray<import('zod').ZodObject<{
+                value: import('zod').ZodString;
+                label: import('zod').ZodString;
+            }, import('zod/v4/core').$strip>>;
+            value: import('zod').ZodOptional<import('zod').ZodString>;
+            disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+        }, import('zod/v4/core').$strip>;
+        slots: never[];
+        description: string;
+    };
+    Switch: {
+        props: import('zod').ZodObject<{
+            label: import('zod').ZodString;
+            checked: import('zod').ZodOptional<import('zod').ZodBoolean>;
+            disabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+        }, import('zod/v4/core').$strip>;
+        slots: never[];
+        description: string;
+    };
+};

package/dist/core/catalog/switch.catalog.d.ts

@@ -0,0 +1,10 @@
+import { z } from 'zod';
+export declare const switchCatalog: {
+    props: z.ZodObject<{
+        label: z.ZodString;
+        checked: z.ZodOptional<z.ZodBoolean>;
+        disabled: z.ZodOptional<z.ZodBoolean>;
+    }, z.core.$strip>;
+    slots: never[];
+    description: string;
+};

package/dist/core/catalog/switch.d.ts

@@ -0,0 +1,8 @@
+import { z } from 'zod';
+import { switchCatalog } from './switch.catalog';
+export { switchCatalog };
+export declare const SwitchRenderer: ({ props, bindings, emit, }: {
+    props: z.infer<typeof switchCatalog.props>;
+    bindings?: Record<string, string>;
+    emit: (event: string) => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/core/catalog/text.catalog.d.ts

@@ -0,0 +1,28 @@
+import { z } from 'zod';
+export declare const textCatalog: {
+    props: z.ZodObject<{
+        content: z.ZodString;
+        variant: z.ZodOptional<z.ZodEnum<{
+            headline: "headline";
+            body: "body";
+            eyebrow: "eyebrow";
+        }>>;
+        size: z.ZodOptional<z.ZodEnum<{
+            small: "small";
+            medium: "medium";
+            large: "large";
+            xlarge: "xlarge";
+        }>>;
+        subdued: z.ZodOptional<z.ZodBoolean>;
+        el: z.ZodOptional<z.ZodEnum<{
+            h1: "h1";
+            h2: "h2";
+            h3: "h3";
+            h4: "h4";
+            h5: "h5";
+            h6: "h6";
+        }>>;
+    }, z.core.$strip>;
+    slots: never[];
+    description: string;
+};

package/dist/core/catalog/text.d.ts

@@ -0,0 +1,6 @@
+import { z } from 'zod';
+import { textCatalog } from './text.catalog';
+export { textCatalog };
+export declare const TextRenderer: ({ props }: {
+    props: z.infer<typeof textCatalog.props>;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/generate.d.ts

@@ -0,0 +1,9 @@
+import { MergedCatalog } from './team-catalog';
+export { mergeCatalogs } from './team-catalog';
+export interface GenerateArtifactsOptions {
+    teamName: string;
+    catalog: MergedCatalog;
+    baseRules: string;
+    outDir: string;
+}
+export declare function generateArtifacts({ teamName, catalog, baseRules, outDir, }: GenerateArtifactsOptions): void;

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export type { Catalog, Spec } from '@json-render/core';
+export { catalog, executeAction, getRegistry, handlers, registry } from './registry';
+export { SpecRenderer, type SpecRendererProps } from './renderers/spec-renderer';
+export type { ActionCatalogDef, ComponentCatalogDef, MergedCatalog, TeamCatalogDef, } from './team-catalog';
+export { createTeamCatalog, mergeCatalogs } from './team-catalog';
+export type { RendererContext } from './types';