@servicetitan/json-render-react 0.2.0 → 0.3.0

package/dist/context/catalog/context-note-list.catalog.d.ts

@@ -0,0 +1,15 @@
+import { z } from 'zod';
+export declare const contextNoteListCatalog: {
+    props: z.ZodObject<{
+        summary: z.ZodOptional<z.ZodString>;
+        items: z.ZodArray<z.ZodObject<{
+            category: z.ZodOptional<z.ZodString>;
+            body: z.ZodString;
+            author: z.ZodOptional<z.ZodString>;
+            date: z.ZodOptional<z.ZodString>;
+            truncate: z.ZodOptional<z.ZodBoolean>;
+        }, z.core.$strip>>;
+    }, z.core.$strip>;
+    slots: never[];
+    description: string;
+};

package/dist/context/catalog/context-note-list.d.ts

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

package/dist/context/catalog/context-overview.catalog.d.ts

@@ -0,0 +1,8 @@
+import { z } from 'zod';
+export declare const contextOverviewCatalog: {
+    props: z.ZodObject<{
+        summary: z.ZodString;
+    }, z.core.$strip>;
+    slots: string[];
+    description: string;
+};

package/dist/context/catalog/context-overview.css.d.ts

@@ -0,0 +1,2 @@
+export declare const overview: string;
+export declare const overviewTitleRow: string;

package/dist/context/catalog/context-overview.d.ts

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

package/dist/context/catalog/context-panel.catalog.d.ts

@@ -0,0 +1,6 @@
+import { z } from 'zod';
+export declare const contextPanelCatalog: {
+    props: z.ZodObject<{}, z.core.$strip>;
+    slots: string[];
+    description: string;
+};

package/dist/context/catalog/context-panel.css.d.ts

@@ -0,0 +1 @@
+export declare const panel: string;

package/dist/context/catalog/context-panel.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { contextPanelCatalog } from './context-panel.catalog';
+export { contextPanelCatalog };
+export declare const ContextPanelRenderer: ({ children }: {
+    children?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/context/catalog/context-tabular-list.catalog.d.ts

@@ -0,0 +1,19 @@
+import { z } from 'zod';
+export declare const contextTabularListCatalog: {
+    props: z.ZodObject<{
+        groups: z.ZodArray<z.ZodObject<{
+            label: z.ZodString;
+            items: z.ZodArray<z.ZodObject<{
+                eyebrow: z.ZodOptional<z.ZodString>;
+                identifier: z.ZodOptional<z.ZodString>;
+                identifierHref: z.ZodOptional<z.ZodString>;
+                fields: z.ZodArray<z.ZodObject<{
+                    label: z.ZodString;
+                    value: z.ZodString;
+                }, z.core.$strip>>;
+            }, z.core.$strip>>;
+        }, z.core.$strip>>;
+    }, z.core.$strip>;
+    slots: never[];
+    description: string;
+};

package/dist/context/catalog/context-tabular-list.css.d.ts

@@ -0,0 +1,17 @@
+/** Outer wrapper — stacks vendor groups. */
+export declare const tabularRoot: string;
+/** Vendor group card. */
+export declare const tabularGroup: string;
+/** Vendor group heading. */
+export declare const tabularGroupLabel: string;
+/** Subdued color for eyebrow labels and field headers. */
+export declare const eyebrowSubdued: string;
+/**
+ * Shared-column grid — every cell is a direct child so column tracks align
+ * across rows (e.g. PURCHASE ORDER sets the width of column 1 for all rows).
+ */
+export declare const tabularGroupGrid: string;
+/** Full-width divider between rows — equal margin above/below centers the line. */
+export declare const tabularRowDivider: string;
+/** Column cell — eyebrow + value stacked, left-aligned. */
+export declare const tabularCell: string;

package/dist/context/catalog/context-tabular-list.d.ts

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

package/dist/context/catalog/index.d.ts

@@ -0,0 +1,10 @@
+import { CatalogEntry } from '../../types';
+export { contextCatalog, contextComponents, contextShellComponents } from './catalog-def';
+export { contextContentComponents } from './schemas';
+export declare const contextCatalogEntries: CatalogEntry[];
+export declare const contextShellRenderers: {
+    [k: string]: unknown;
+};
+export declare const contextContentRenderers: {
+    [k: string]: unknown;
+};

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

@@ -0,0 +1,151 @@
+export declare const contextShellComponents: {
+    ContextPanel: {
+        props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
+        slots: string[];
+        description: string;
+    };
+    ContextOverview: {
+        props: import('zod').ZodObject<{
+            summary: import('zod').ZodString;
+        }, import('zod/v4/core').$strip>;
+        slots: string[];
+        description: string;
+    };
+    ContextCard: {
+        props: import('zod').ZodObject<{
+            title: import('zod').ZodString;
+            defaultExpanded: import('zod').ZodOptional<import('zod').ZodBoolean>;
+            badge: import('zod').ZodOptional<import('zod').ZodUnion<readonly [import('zod').ZodNumber, import('zod').ZodObject<{
+                label: import('zod').ZodString;
+                tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                    success: "success";
+                    info: "info";
+                    warning: "warning";
+                    danger: "danger";
+                    neutral: "neutral";
+                }>>;
+            }, import('zod/v4/core').$strip>]>>;
+        }, import('zod/v4/core').$strip>;
+        slots: string[];
+        description: string;
+    };
+};
+export declare const contextContentComponents: {
+    ContextNoteList: {
+        props: import('zod').ZodObject<{
+            summary: import('zod').ZodOptional<import('zod').ZodString>;
+            items: import('zod').ZodArray<import('zod').ZodObject<{
+                category: import('zod').ZodOptional<import('zod').ZodString>;
+                body: import('zod').ZodString;
+                author: import('zod').ZodOptional<import('zod').ZodString>;
+                date: import('zod').ZodOptional<import('zod').ZodString>;
+                truncate: import('zod').ZodOptional<import('zod').ZodBoolean>;
+            }, import('zod/v4/core').$strip>>;
+        }, import('zod/v4/core').$strip>;
+        slots: never[];
+        description: string;
+    };
+    ContextMetricGrid: {
+        props: import('zod').ZodObject<{
+            items: import('zod').ZodArray<import('zod').ZodObject<{
+                label: import('zod').ZodString;
+                value: import('zod').ZodString;
+                tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                    success: "success";
+                    info: "info";
+                    warning: "warning";
+                    danger: "danger";
+                    neutral: "neutral";
+                }>>;
+            }, import('zod/v4/core').$strip>>;
+            columns: import('zod').ZodOptional<import('zod').ZodEnum<{
+                3: "3";
+                4: "4";
+            }>>;
+        }, import('zod/v4/core').$strip>;
+        slots: never[];
+        description: string;
+    };
+    ContextDataTable: {
+        props: import('zod').ZodObject<{
+            columns: import('zod').ZodArray<import('zod').ZodObject<{
+                key: import('zod').ZodString;
+                header: import('zod').ZodString;
+                type: import('zod').ZodOptional<import('zod').ZodEnum<{
+                    text: "text";
+                    currency: "currency";
+                    chip: "chip";
+                    delta: "delta";
+                }>>;
+                sortable: import('zod').ZodOptional<import('zod').ZodBoolean>;
+            }, import('zod/v4/core').$strip>>;
+            rows: import('zod').ZodArray<import('zod').ZodIntersection<import('zod').ZodRecord<import('zod').ZodString, import('zod').ZodUnion<readonly [import('zod').ZodString, import('zod').ZodNumber, import('zod').ZodNull, import('zod').ZodObject<{
+                label: import('zod').ZodString;
+                tone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                    success: "success";
+                    info: "info";
+                    warning: "warning";
+                    danger: "danger";
+                    neutral: "neutral";
+                }>>;
+            }, import('zod/v4/core').$strip>]>>, import('zod').ZodObject<{
+                id: import('zod').ZodString;
+            }, import('zod/v4/core').$strip>>>;
+            defaultSortedColumn: import('zod').ZodOptional<import('zod').ZodObject<{
+                id: import('zod').ZodString;
+                desc: import('zod').ZodOptional<import('zod').ZodBoolean>;
+            }, import('zod/v4/core').$strip>>;
+        }, import('zod/v4/core').$strip>;
+        slots: never[];
+        description: string;
+    };
+    ContextList: {
+        props: import('zod').ZodObject<{
+            items: import('zod').ZodArray<import('zod').ZodObject<{
+                title: import('zod').ZodString;
+                identifier: import('zod').ZodOptional<import('zod').ZodString>;
+                identifierHref: import('zod').ZodOptional<import('zod').ZodString>;
+                meta: import('zod').ZodOptional<import('zod').ZodString>;
+                callout: import('zod').ZodOptional<import('zod').ZodString>;
+                calloutTone: import('zod').ZodOptional<import('zod').ZodEnum<{
+                    success: "success";
+                    info: "info";
+                    warning: "warning";
+                    danger: "danger";
+                    neutral: "neutral";
+                }>>;
+                calloutLabel: import('zod').ZodOptional<import('zod').ZodString>;
+            }, import('zod/v4/core').$strip>>;
+        }, import('zod/v4/core').$strip>;
+        slots: never[];
+        description: string;
+    };
+    ContextTabularList: {
+        props: import('zod').ZodObject<{
+            groups: import('zod').ZodArray<import('zod').ZodObject<{
+                label: import('zod').ZodString;
+                items: import('zod').ZodArray<import('zod').ZodObject<{
+                    eyebrow: import('zod').ZodOptional<import('zod').ZodString>;
+                    identifier: import('zod').ZodOptional<import('zod').ZodString>;
+                    identifierHref: import('zod').ZodOptional<import('zod').ZodString>;
+                    fields: import('zod').ZodArray<import('zod').ZodObject<{
+                        label: import('zod').ZodString;
+                        value: import('zod').ZodString;
+                    }, import('zod/v4/core').$strip>>;
+                }, import('zod/v4/core').$strip>>;
+            }, import('zod/v4/core').$strip>>;
+        }, import('zod/v4/core').$strip>;
+        slots: never[];
+        description: string;
+    };
+    ContextFileList: {
+        props: import('zod').ZodObject<{
+            items: import('zod').ZodArray<import('zod').ZodObject<{
+                label: import('zod').ZodString;
+                url: import('zod').ZodString;
+            }, import('zod/v4/core').$strip>>;
+        }, import('zod/v4/core').$strip>;
+        slots: never[];
+        description: string;
+    };
+};

package/dist/context/components/collapsible-card.css.d.ts

@@ -0,0 +1,41 @@
+export declare const fullWidth: string;
+export declare const cardBody: string;
+export declare const collapsibleCard: string;
+export declare const collapsiblePanel: import('@vanilla-extract/recipes').RuntimeFn<{
+    expanded: {
+        true: {
+            gridTemplateRows: "1fr";
+            marginTop: `var(--${string})`;
+            opacity: number;
+        };
+        false: {
+            gridTemplateRows: "0fr";
+            marginTop: number;
+            opacity: number;
+        };
+    };
+}>;
+export declare const collapsiblePanelInner: import('@vanilla-extract/recipes').RuntimeFn<{
+    expanded: {
+        true: {
+            padding: `var(--${string})`;
+            margin: `calc(-1 * var(--${string}))`;
+        };
+        false: {
+            padding: number;
+            margin: number;
+        };
+    };
+}>;
+export declare const collapsibleCardSummary: string;
+/** Title + badge group — sits at the start; grows to fill available space before the chevron. */
+export declare const collapsibleCardLeft: string;
+export declare const collapsibleCardTitle: string;
+export declare const collapsibleChevron: import('@vanilla-extract/recipes').RuntimeFn<{
+    expanded: {
+        true: {
+            transform: "rotate(180deg)";
+        };
+        false: {};
+    };
+}>;

package/dist/context/components/collapsible-card.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { ContextChipTone } from './context-chip-tone';
+/** A count-only badge (number, e.g. 3) or a labelled status badge ({ label: "3 Variances", tone: "warning" }). */
+export type CollapsibleCardBadge = number | {
+    label: string;
+    tone?: ContextChipTone;
+};
+export interface CollapsibleCardProps {
+    title: string;
+    badge?: CollapsibleCardBadge;
+    defaultExpanded?: boolean;
+    children: ReactNode;
+}
+export declare const CollapsibleCard: ({ title, badge, defaultExpanded, children, }: CollapsibleCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/context/components/context-ai-summary.css.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Isolated wrapper so the highlighted Card's `::before` glow (z-index -1)
+ * paints within this context instead of behind the parent CollapsibleCard.
+ */
+export declare const aiSummaryRoot: string;

package/dist/context/components/context-ai-summary.d.ts

@@ -0,0 +1,4 @@
+export interface ContextAiSummaryProps {
+    summary: string;
+}
+export declare const ContextAiSummary: ({ summary }: ContextAiSummaryProps) => import("react/jsx-runtime").JSX.Element;

package/dist/context/components/context-chip-tone.d.ts

@@ -0,0 +1,10 @@
+/** Semantic chip tones agents can reference — mapped to Anvil2 background tokens in the renderer. */
+export declare const CONTEXT_CHIP_TONES: readonly ["success", "warning", "danger", "info", "neutral"];
+export type ContextChipTone = (typeof CONTEXT_CHIP_TONES)[number];
+export interface ContextChipCell {
+    label: string;
+    tone?: ContextChipTone;
+}
+export declare function chipToneBackground(tone?: ContextChipTone): string;
+export declare function toneForegroundColor(tone: ContextChipTone): string | undefined;
+export declare function parseChipCell(value: unknown): ContextChipCell | null;

package/dist/context/components/context-note-list.css.d.ts

@@ -0,0 +1,10 @@
+/** Outer list wrapper — the content area within the collapsible card. */
+export declare const noteList: string;
+/** AI summary wrapper — sits above the note items. */
+export declare const noteSummaryWrapper: string;
+/** Single note item row. */
+export declare const noteItem: string;
+/** Top row: category label (left) + author · date (right). */
+export declare const noteItemHeader: string;
+/** Subdued color for eyebrow labels (category, author/date). */
+export declare const eyebrowSubdued: string;

package/dist/context/components/context-render-error-boundary.d.ts

@@ -0,0 +1,21 @@
+import { Component, ErrorInfo, ReactNode } from 'react';
+export interface ContextRenderErrorInfo {
+    elementType: string;
+    message: string;
+}
+interface ContextRenderErrorBoundaryProps {
+    elementType: string;
+    children: ReactNode;
+    onError?: (info: ContextRenderErrorInfo) => void;
+}
+interface ContextRenderErrorBoundaryState {
+    hasError: boolean;
+    message: string;
+}
+export declare class ContextRenderErrorBoundary extends Component<ContextRenderErrorBoundaryProps, ContextRenderErrorBoundaryState> {
+    state: ContextRenderErrorBoundaryState;
+    static getDerivedStateFromError(error: Error): ContextRenderErrorBoundaryState;
+    componentDidCatch(error: Error, info: ErrorInfo): void;
+    render(): string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+}
+export {};

package/dist/context/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const CONTEXT_SHELL_TYPES: readonly ["ContextPanel", "ContextOverview", "ContextCard"];
+export type ContextShellType = (typeof CONTEXT_SHELL_TYPES)[number];
+export declare const CONTEXT_TOP_LEVEL_TYPES: readonly ["ContextOverview", "ContextCard"];
+export type ContextTopLevelType = (typeof CONTEXT_TOP_LEVEL_TYPES)[number];
+export declare function isContextShellType(type: string): type is ContextShellType;
+export declare function isContextTopLevelType(type: string): type is ContextTopLevelType;

package/dist/context/index.d.ts

@@ -0,0 +1,4 @@
+export { contextCatalogEntries, contextShellRenderers } from './catalog';
+export { contextCatalog, contextComponents, contextShellComponents, } from './catalog/catalog-def';
+export { CONTEXT_SHELL_TYPES, CONTEXT_TOP_LEVEL_TYPES, type ContextSpecIssue, type ContextSpecIssueSeverity, formatContextSpecIssues, validateContextSpec, } from './validate-context-spec';
+export { formatContextRenderReport, hasContextSpecErrors, postProcessContextSpec, validateContextSpecDeep, } from './validate-context-spec-deep';

package/dist/context/validate-context-spec-deep.d.ts

@@ -0,0 +1,9 @@
+import { Spec } from '@json-render/core';
+import { ContextSpecIssue } from './validate-context-spec';
+export declare function validateContextSpecDeep(spec: Spec): ContextSpecIssue[];
+export declare function postProcessContextSpec(spec: Spec): {
+    spec: Spec;
+    fixes: string[];
+};
+export declare function hasContextSpecErrors(issues: ContextSpecIssue[]): boolean;
+export declare function formatContextRenderReport(spec: Spec): string;

package/dist/context/validate-context-spec.d.ts

@@ -0,0 +1,11 @@
+import { Spec } from '@json-render/core';
+import { CONTEXT_SHELL_TYPES, CONTEXT_TOP_LEVEL_TYPES } from './constants';
+export interface ContextSpecIssue {
+    path: string;
+    message: string;
+    severity?: ContextSpecIssueSeverity;
+}
+export type ContextSpecIssueSeverity = "error" | "warn";
+export declare function validateContextSpec(spec: Spec): ContextSpecIssue[];
+export declare function formatContextSpecIssues(issues: ContextSpecIssue[]): string;
+export { CONTEXT_SHELL_TYPES, CONTEXT_TOP_LEVEL_TYPES };

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

@@ -9,7 +9,9 @@ export declare const alertCatalog: {
             danger: "danger";
         }>>;
         dismissible: z.ZodOptional<z.ZodBoolean>;
+        aiMark: z.ZodOptional<z.ZodBoolean>;
     }, z.core.$strip>;
     slots: string[];
+    events: string[];
     description: string;
 };

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

@@ -3,6 +3,7 @@ export declare const buttonCatalog: {
     props: z.ZodObject<{
         label: z.ZodString;
         appearance: z.ZodOptional<z.ZodEnum<{
+            danger: "danger";
             primary: "primary";
             secondary: "secondary";
             ghost: "ghost";
@@ -15,7 +16,9 @@ export declare const buttonCatalog: {
         }>>;
         loading: z.ZodOptional<z.ZodBoolean>;
         disabled: z.ZodOptional<z.ZodBoolean>;
+        badge: z.ZodOptional<z.ZodString>;
     }, z.core.$strip>;
     slots: never[];
+    events: string[];
     description: string;
 };

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

@@ -1,6 +1,8 @@
 import { z } from 'zod';
 export declare const cardCatalog: {
     props: z.ZodObject<{
+        title: z.ZodOptional<z.ZodString>;
+        description: z.ZodOptional<z.ZodString>;
         background: z.ZodOptional<z.ZodEnum<{
             strong: "strong";
             stronger: "stronger";