@servicetitan/json-render-react 0.0.0-anvil2-kits-poc-20260717210733
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.
- package/README.md +335 -0
- package/dist/catalog/context/catalog-prompt.md +229 -0
- package/dist/catalog/context/schema.json +56 -0
- package/dist/catalog/core/catalog-prompt.md +306 -0
- package/dist/catalog/core/schema.json +64 -0
- package/dist/catalog/marketing/catalog-prompt.md +307 -0
- package/dist/catalog/marketing/schema.json +65 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +2126 -0
- package/dist/index.js.map +1 -0
- package/dist/src/context/catalog/catalog-def.d.ts +50 -0
- package/dist/src/context/catalog/context-card.catalog.d.ts +19 -0
- package/dist/src/context/catalog/context-card.d.ts +8 -0
- package/dist/src/context/catalog/context-data-table.catalog.d.ts +34 -0
- package/dist/src/context/catalog/context-data-table.css.d.ts +2 -0
- package/dist/src/context/catalog/context-data-table.d.ts +6 -0
- package/dist/src/context/catalog/context-file-list.catalog.d.ts +11 -0
- package/dist/src/context/catalog/context-file-list.css.d.ts +16 -0
- package/dist/src/context/catalog/context-file-list.d.ts +6 -0
- package/dist/src/context/catalog/context-list.catalog.d.ts +48 -0
- package/dist/src/context/catalog/context-list.css.d.ts +16 -0
- package/dist/src/context/catalog/context-list.d.ts +6 -0
- package/dist/src/context/catalog/context-metric-grid.catalog.d.ts +22 -0
- package/dist/src/context/catalog/context-metric-grid.css.d.ts +13 -0
- package/dist/src/context/catalog/context-metric-grid.d.ts +6 -0
- package/dist/src/context/catalog/context-note-list.catalog.d.ts +15 -0
- package/dist/src/context/catalog/context-note-list.d.ts +6 -0
- package/dist/src/context/catalog/context-overview.catalog.d.ts +8 -0
- package/dist/src/context/catalog/context-overview.css.d.ts +2 -0
- package/dist/src/context/catalog/context-overview.d.ts +6 -0
- package/dist/src/context/catalog/context-panel.catalog.d.ts +6 -0
- package/dist/src/context/catalog/context-panel.css.d.ts +1 -0
- package/dist/src/context/catalog/context-panel.d.ts +6 -0
- package/dist/src/context/catalog/context-tabular-list.catalog.d.ts +19 -0
- package/dist/src/context/catalog/context-tabular-list.css.d.ts +17 -0
- package/dist/src/context/catalog/context-tabular-list.d.ts +6 -0
- package/dist/src/context/catalog/index.d.ts +10 -0
- package/dist/src/context/catalog/schemas.d.ts +151 -0
- package/dist/src/context/components/collapsible-card.css.d.ts +41 -0
- package/dist/src/context/components/collapsible-card.d.ts +14 -0
- package/dist/src/context/components/context-ai-summary.css.d.ts +7 -0
- package/dist/src/context/components/context-ai-summary.d.ts +4 -0
- package/dist/src/context/components/context-chip-tone.d.ts +10 -0
- package/dist/src/context/components/context-note-list.css.d.ts +10 -0
- package/dist/src/context/components/context-render-error-boundary.d.ts +21 -0
- package/dist/src/context/constants.d.ts +6 -0
- package/dist/src/context/index.d.ts +4 -0
- package/dist/src/context/validate-context-spec-deep.d.ts +9 -0
- package/dist/src/context/validate-context-spec.d.ts +11 -0
- package/dist/src/core/actions.d.ts +28 -0
- package/dist/src/core/catalog/alert.catalog.d.ts +17 -0
- package/dist/src/core/catalog/alert.d.ts +9 -0
- package/dist/src/core/catalog/bar-chart.catalog.d.ts +22 -0
- package/dist/src/core/catalog/bar-chart.d.ts +6 -0
- package/dist/src/core/catalog/button.catalog.d.ts +24 -0
- package/dist/src/core/catalog/button.d.ts +7 -0
- package/dist/src/core/catalog/card.catalog.d.ts +20 -0
- package/dist/src/core/catalog/card.d.ts +8 -0
- package/dist/src/core/catalog/catalog-def.d.ts +484 -0
- package/dist/src/core/catalog/chart-utils.d.ts +2 -0
- package/dist/src/core/catalog/chart.css.d.ts +1 -0
- package/dist/src/core/catalog/checkbox.catalog.d.ts +11 -0
- package/dist/src/core/catalog/checkbox.d.ts +8 -0
- package/dist/src/core/catalog/chip.catalog.d.ts +20 -0
- package/dist/src/core/catalog/chip.d.ts +7 -0
- package/dist/src/core/catalog/divider.catalog.d.ts +25 -0
- package/dist/src/core/catalog/divider.d.ts +6 -0
- package/dist/src/core/catalog/donut-chart.catalog.d.ts +19 -0
- package/dist/src/core/catalog/donut-chart.d.ts +6 -0
- package/dist/src/core/catalog/flex.catalog.d.ts +55 -0
- package/dist/src/core/catalog/flex.d.ts +8 -0
- package/dist/src/core/catalog/grid.catalog.d.ts +21 -0
- package/dist/src/core/catalog/grid.css.d.ts +4 -0
- package/dist/src/core/catalog/grid.d.ts +8 -0
- package/dist/src/core/catalog/guidance-card-column-width.d.ts +12 -0
- package/dist/src/core/catalog/guidance-card.catalog.d.ts +58 -0
- package/dist/src/core/catalog/guidance-card.d.ts +9 -0
- package/dist/src/core/catalog/icon.catalog.d.ts +19 -0
- package/dist/src/core/catalog/icon.d.ts +6 -0
- package/dist/src/core/catalog/index.d.ts +7 -0
- package/dist/src/core/catalog/input.catalog.d.ts +20 -0
- package/dist/src/core/catalog/input.d.ts +8 -0
- package/dist/src/core/catalog/line-chart.catalog.d.ts +18 -0
- package/dist/src/core/catalog/line-chart.d.ts +6 -0
- package/dist/src/core/catalog/link.catalog.d.ts +20 -0
- package/dist/src/core/catalog/link.d.ts +7 -0
- package/dist/src/core/catalog/listbox.catalog.d.ts +15 -0
- package/dist/src/core/catalog/listbox.css.d.ts +9 -0
- package/dist/src/core/catalog/listbox.d.ts +8 -0
- package/dist/src/core/catalog/progress-bar.catalog.d.ts +11 -0
- package/dist/src/core/catalog/progress-bar.d.ts +6 -0
- package/dist/src/core/catalog/radio-group.catalog.d.ts +15 -0
- package/dist/src/core/catalog/radio-group.d.ts +8 -0
- package/dist/src/core/catalog/schemas.d.ts +436 -0
- package/dist/src/core/catalog/switch.catalog.d.ts +11 -0
- package/dist/src/core/catalog/switch.d.ts +8 -0
- package/dist/src/core/catalog/text.catalog.d.ts +20 -0
- package/dist/src/core/catalog/text.d.ts +6 -0
- package/dist/src/core/catalog/textarea.catalog.d.ts +15 -0
- package/dist/src/core/catalog/textarea.d.ts +8 -0
- package/dist/src/generate.d.ts +9 -0
- package/dist/src/index.d.ts +9 -0
- package/dist/src/marketing/catalog/catalog.d.ts +1 -0
- package/dist/src/marketing/catalog/components/index.d.ts +14 -0
- package/dist/src/marketing/catalog/components/revenue-card.catalog.d.ts +15 -0
- package/dist/src/marketing/catalog/components/revenue-card.css.d.ts +15 -0
- package/dist/src/marketing/catalog/components/revenue-card.d.ts +6 -0
- package/dist/src/marketing/catalog/index.d.ts +6 -0
- package/dist/src/marketing/catalog/scoped-catalogs.d.ts +4 -0
- package/dist/src/registry-utils.d.ts +6 -0
- package/dist/src/registry.d.ts +9 -0
- package/dist/src/renderers/context-spec-renderer.d.ts +6 -0
- package/dist/src/renderers/internal/enrichments/button-actions.d.ts +7 -0
- package/dist/src/renderers/internal/enrichments/useEnrichedSpec.d.ts +3 -0
- package/dist/src/renderers/sectioned-context-renderer.css.d.ts +1 -0
- package/dist/src/renderers/sectioned-context-renderer.d.ts +36 -0
- package/dist/src/renderers/spec-renderer.d.ts +30 -0
- package/dist/src/renderers/types.d.ts +4 -0
- package/dist/src/renderers/wrap-context-registry.d.ts +3 -0
- package/dist/src/scoped-catalog.d.ts +64 -0
- package/dist/src/test/setup-dom.d.ts +1 -0
- package/dist/src/types.d.ts +17 -0
- package/dist/src/utils/cx.d.ts +2 -0
- package/dist/src/utils/defined-props.d.ts +6 -0
- package/dist/styles.css +1 -0
- package/package.json +92 -0
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { contextContentComponents, contextShellComponents } from './schemas';
|
|
2
|
+
export { contextContentComponents, contextShellComponents };
|
|
3
|
+
export declare const contextComponents: Record<string, import('../..').ComponentCatalogDef>;
|
|
4
|
+
export declare const contextCatalog: import('@json-render/core').Catalog<{
|
|
5
|
+
spec: import('@json-render/core').SchemaType<"object", {
|
|
6
|
+
root: import('@json-render/core').SchemaType<"string", unknown>;
|
|
7
|
+
elements: import('@json-render/core').SchemaType<"record", import('@json-render/core').SchemaType<"object", {
|
|
8
|
+
type: import('@json-render/core').SchemaType<"ref", string>;
|
|
9
|
+
props: import('@json-render/core').SchemaType<"propsOf", string>;
|
|
10
|
+
children: import('@json-render/core').SchemaType<"array", import('@json-render/core').SchemaType<"string", unknown>>;
|
|
11
|
+
visible: import('@json-render/core').SchemaType<"any", unknown>;
|
|
12
|
+
}>>;
|
|
13
|
+
}>;
|
|
14
|
+
catalog: import('@json-render/core').SchemaType<"object", {
|
|
15
|
+
components: import('@json-render/core').SchemaType<"map", {
|
|
16
|
+
props: import('@json-render/core').SchemaType<"zod", unknown>;
|
|
17
|
+
slots: import('@json-render/core').SchemaType<"array", import('@json-render/core').SchemaType<"string", unknown>>;
|
|
18
|
+
description: import('@json-render/core').SchemaType<"string", unknown>;
|
|
19
|
+
example: import('@json-render/core').SchemaType<"any", unknown>;
|
|
20
|
+
}>;
|
|
21
|
+
actions: import('@json-render/core').SchemaType<"map", {
|
|
22
|
+
params: import('@json-render/core').SchemaType<"zod", unknown>;
|
|
23
|
+
description: import('@json-render/core').SchemaType<"string", unknown>;
|
|
24
|
+
}>;
|
|
25
|
+
}>;
|
|
26
|
+
}, {
|
|
27
|
+
components: Record<string, import('../..').ComponentCatalogDef>;
|
|
28
|
+
actions: {
|
|
29
|
+
"atlas.submitUserAction": {
|
|
30
|
+
params: import('zod').ZodObject<{
|
|
31
|
+
data: import('zod').ZodOptional<import('zod').ZodRecord<import('zod').ZodString, import('zod').ZodUnknown>>;
|
|
32
|
+
actionId: import('zod').ZodOptional<import('zod').ZodString>;
|
|
33
|
+
}, import('zod/v4/core').$strip>;
|
|
34
|
+
description: string;
|
|
35
|
+
};
|
|
36
|
+
"atlas.navigate": {
|
|
37
|
+
params: import('zod').ZodObject<{
|
|
38
|
+
url: import('zod').ZodString;
|
|
39
|
+
}, import('zod/v4/core').$strip>;
|
|
40
|
+
description: string;
|
|
41
|
+
};
|
|
42
|
+
"atlas.artifactToolCall": {
|
|
43
|
+
params: import('zod').ZodObject<{
|
|
44
|
+
tool: import('zod').ZodString;
|
|
45
|
+
args: import('zod').ZodOptional<import('zod').ZodRecord<import('zod').ZodString, import('zod').ZodUnknown>>;
|
|
46
|
+
}, import('zod/v4/core').$strip>;
|
|
47
|
+
description: string;
|
|
48
|
+
};
|
|
49
|
+
};
|
|
50
|
+
}>;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { z } from 'zod';
|
|
2
|
+
export declare const contextCardCatalog: {
|
|
3
|
+
props: z.ZodObject<{
|
|
4
|
+
title: z.ZodString;
|
|
5
|
+
defaultExpanded: z.ZodOptional<z.ZodBoolean>;
|
|
6
|
+
badge: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodObject<{
|
|
7
|
+
label: z.ZodString;
|
|
8
|
+
tone: z.ZodOptional<z.ZodEnum<{
|
|
9
|
+
success: "success";
|
|
10
|
+
info: "info";
|
|
11
|
+
warning: "warning";
|
|
12
|
+
danger: "danger";
|
|
13
|
+
neutral: "neutral";
|
|
14
|
+
}>>;
|
|
15
|
+
}, z.core.$strip>]>>;
|
|
16
|
+
}, z.core.$strip>;
|
|
17
|
+
slots: string[];
|
|
18
|
+
description: string;
|
|
19
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { z } from 'zod';
|
|
3
|
+
import { contextCardCatalog } from './context-card.catalog';
|
|
4
|
+
export { contextCardCatalog };
|
|
5
|
+
export declare const ContextCardRenderer: ({ props, children, }: {
|
|
6
|
+
props: z.infer<typeof contextCardCatalog.props>;
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { z } from 'zod';
|
|
2
|
+
export declare const contextDataTableCatalog: {
|
|
3
|
+
props: z.ZodObject<{
|
|
4
|
+
columns: z.ZodArray<z.ZodObject<{
|
|
5
|
+
key: z.ZodString;
|
|
6
|
+
header: z.ZodString;
|
|
7
|
+
type: z.ZodOptional<z.ZodEnum<{
|
|
8
|
+
text: "text";
|
|
9
|
+
chip: "chip";
|
|
10
|
+
currency: "currency";
|
|
11
|
+
delta: "delta";
|
|
12
|
+
}>>;
|
|
13
|
+
sortable: z.ZodOptional<z.ZodBoolean>;
|
|
14
|
+
}, z.core.$strip>>;
|
|
15
|
+
rows: z.ZodArray<z.ZodIntersection<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodNull, z.ZodObject<{
|
|
16
|
+
label: z.ZodString;
|
|
17
|
+
tone: z.ZodOptional<z.ZodEnum<{
|
|
18
|
+
success: "success";
|
|
19
|
+
info: "info";
|
|
20
|
+
warning: "warning";
|
|
21
|
+
danger: "danger";
|
|
22
|
+
neutral: "neutral";
|
|
23
|
+
}>>;
|
|
24
|
+
}, z.core.$strip>]>>, z.ZodObject<{
|
|
25
|
+
id: z.ZodString;
|
|
26
|
+
}, z.core.$strip>>>;
|
|
27
|
+
defaultSortedColumn: z.ZodOptional<z.ZodObject<{
|
|
28
|
+
id: z.ZodString;
|
|
29
|
+
desc: z.ZodOptional<z.ZodBoolean>;
|
|
30
|
+
}, z.core.$strip>>;
|
|
31
|
+
}, z.core.$strip>;
|
|
32
|
+
slots: never[];
|
|
33
|
+
description: string;
|
|
34
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { z } from 'zod';
|
|
2
|
+
import { contextDataTableCatalog } from './context-data-table.catalog';
|
|
3
|
+
export { contextDataTableCatalog };
|
|
4
|
+
export declare const ContextDataTableRenderer: ({ props, }: {
|
|
5
|
+
props: z.infer<typeof contextDataTableCatalog.props>;
|
|
6
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { z } from 'zod';
|
|
2
|
+
export declare const contextFileListCatalog: {
|
|
3
|
+
props: z.ZodObject<{
|
|
4
|
+
items: z.ZodArray<z.ZodObject<{
|
|
5
|
+
label: z.ZodString;
|
|
6
|
+
url: z.ZodString;
|
|
7
|
+
}, z.core.$strip>>;
|
|
8
|
+
}, z.core.$strip>;
|
|
9
|
+
slots: never[];
|
|
10
|
+
description: string;
|
|
11
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export declare const fileList: string;
|
|
2
|
+
/** Full-width interactive card for each file row. */
|
|
3
|
+
export declare const fileCard: string;
|
|
4
|
+
/** Icon + label layout inside the card. */
|
|
5
|
+
export declare const fileRowContent: string;
|
|
6
|
+
/** 32×32 gray circle behind list-row icons. */
|
|
7
|
+
export declare const fileIconBadge: string;
|
|
8
|
+
/** Preview dialog content wrapper. */
|
|
9
|
+
export declare const filePreviewContent: string;
|
|
10
|
+
/** Centers image or icon above the filename. */
|
|
11
|
+
export declare const filePreviewMedia: string;
|
|
12
|
+
export declare const filePreviewImage: string;
|
|
13
|
+
/** Non-image preview — large centered file-type icon. */
|
|
14
|
+
export declare const filePreviewIconWrap: string;
|
|
15
|
+
/** Filename caption below the preview media. */
|
|
16
|
+
export declare const filePreviewLabel: string;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { z } from 'zod';
|
|
2
|
+
import { contextFileListCatalog } from './context-file-list.catalog';
|
|
3
|
+
export { contextFileListCatalog };
|
|
4
|
+
export declare const ContextFileListRenderer: ({ props, }: {
|
|
5
|
+
props: z.infer<typeof contextFileListCatalog.props>;
|
|
6
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { z } from 'zod';
|
|
2
|
+
/**
|
|
3
|
+
* A single row in a ContextList — timesheet or recent-job style:
|
|
4
|
+
* title: "Devon Carter"
|
|
5
|
+
* meta: "04/28/2026 · 8H · $65/HR · $520 TOTAL"
|
|
6
|
+
* callout: "$520.00", calloutLabel: "INVOICED"
|
|
7
|
+
*
|
|
8
|
+
* Or with a leading job link:
|
|
9
|
+
* identifier: "134536", identifierHref: "https://..."
|
|
10
|
+
* title: "HVAC Inspection"
|
|
11
|
+
* meta: "04/28/2026 · DEVON CARTER"
|
|
12
|
+
*/
|
|
13
|
+
export declare const listItemSchema: z.ZodObject<{
|
|
14
|
+
title: z.ZodString;
|
|
15
|
+
identifier: z.ZodOptional<z.ZodString>;
|
|
16
|
+
identifierHref: z.ZodOptional<z.ZodString>;
|
|
17
|
+
meta: z.ZodOptional<z.ZodString>;
|
|
18
|
+
callout: z.ZodOptional<z.ZodString>;
|
|
19
|
+
calloutTone: z.ZodOptional<z.ZodEnum<{
|
|
20
|
+
success: "success";
|
|
21
|
+
info: "info";
|
|
22
|
+
warning: "warning";
|
|
23
|
+
danger: "danger";
|
|
24
|
+
neutral: "neutral";
|
|
25
|
+
}>>;
|
|
26
|
+
calloutLabel: z.ZodOptional<z.ZodString>;
|
|
27
|
+
}, z.core.$strip>;
|
|
28
|
+
export declare const contextListCatalog: {
|
|
29
|
+
props: z.ZodObject<{
|
|
30
|
+
items: z.ZodArray<z.ZodObject<{
|
|
31
|
+
title: z.ZodString;
|
|
32
|
+
identifier: z.ZodOptional<z.ZodString>;
|
|
33
|
+
identifierHref: z.ZodOptional<z.ZodString>;
|
|
34
|
+
meta: z.ZodOptional<z.ZodString>;
|
|
35
|
+
callout: z.ZodOptional<z.ZodString>;
|
|
36
|
+
calloutTone: z.ZodOptional<z.ZodEnum<{
|
|
37
|
+
success: "success";
|
|
38
|
+
info: "info";
|
|
39
|
+
warning: "warning";
|
|
40
|
+
danger: "danger";
|
|
41
|
+
neutral: "neutral";
|
|
42
|
+
}>>;
|
|
43
|
+
calloutLabel: z.ZodOptional<z.ZodString>;
|
|
44
|
+
}, z.core.$strip>>;
|
|
45
|
+
}, z.core.$strip>;
|
|
46
|
+
slots: never[];
|
|
47
|
+
description: string;
|
|
48
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/** Outer list wrapper. */
|
|
2
|
+
export declare const listRoot: string;
|
|
3
|
+
/** Subdued color for meta and callout labels. */
|
|
4
|
+
export declare const textSubdued: string;
|
|
5
|
+
/** A single list item row. */
|
|
6
|
+
export declare const listItem: string;
|
|
7
|
+
/** Two-column grid: left fills space, right shrinks to content. */
|
|
8
|
+
export declare const listItemGrid: string;
|
|
9
|
+
/** Left column — title row + meta row. */
|
|
10
|
+
export declare const listColLeft: string;
|
|
11
|
+
/** Title row: optional link, divider, title. */
|
|
12
|
+
export declare const listPrimaryRow: string;
|
|
13
|
+
/** Vertical divider between identifier link and title. */
|
|
14
|
+
export declare const listPrimaryDivider: string;
|
|
15
|
+
/** Right column — callout + callout label, right-aligned. */
|
|
16
|
+
export declare const listColRight: string;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { z } from 'zod';
|
|
2
|
+
import { contextListCatalog } from './context-list.catalog';
|
|
3
|
+
export { contextListCatalog };
|
|
4
|
+
export declare const ContextListRenderer: ({ props, }: {
|
|
5
|
+
props: z.infer<typeof contextListCatalog.props>;
|
|
6
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { z } from 'zod';
|
|
2
|
+
export declare const contextMetricGridCatalog: {
|
|
3
|
+
props: z.ZodObject<{
|
|
4
|
+
items: z.ZodArray<z.ZodObject<{
|
|
5
|
+
label: z.ZodString;
|
|
6
|
+
value: z.ZodString;
|
|
7
|
+
tone: z.ZodOptional<z.ZodEnum<{
|
|
8
|
+
success: "success";
|
|
9
|
+
info: "info";
|
|
10
|
+
warning: "warning";
|
|
11
|
+
danger: "danger";
|
|
12
|
+
neutral: "neutral";
|
|
13
|
+
}>>;
|
|
14
|
+
}, z.core.$strip>>;
|
|
15
|
+
columns: z.ZodOptional<z.ZodEnum<{
|
|
16
|
+
3: "3";
|
|
17
|
+
4: "4";
|
|
18
|
+
}>>;
|
|
19
|
+
}, z.core.$strip>;
|
|
20
|
+
slots: never[];
|
|
21
|
+
description: string;
|
|
22
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export declare const metricGrid: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
2
|
+
columns: {
|
|
3
|
+
"3": {
|
|
4
|
+
gridTemplateColumns: "repeat(3, minmax(0, 1fr))";
|
|
5
|
+
};
|
|
6
|
+
"4": {
|
|
7
|
+
gridTemplateColumns: "repeat(4, minmax(0, 1fr))";
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
}>;
|
|
11
|
+
/** Subdued color for KPI label eyebrows. */
|
|
12
|
+
export declare const eyebrowSubdued: string;
|
|
13
|
+
export declare const metricGridItem: string;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { z } from 'zod';
|
|
2
|
+
import { contextMetricGridCatalog } from './context-metric-grid.catalog';
|
|
3
|
+
export { contextMetricGridCatalog };
|
|
4
|
+
export declare const ContextMetricGridRenderer: ({ props, }: {
|
|
5
|
+
props: z.infer<typeof contextMetricGridCatalog.props>;
|
|
6
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { z } from 'zod';
|
|
2
|
+
export declare const contextNoteListCatalog: {
|
|
3
|
+
props: z.ZodObject<{
|
|
4
|
+
summary: z.ZodOptional<z.ZodString>;
|
|
5
|
+
items: z.ZodArray<z.ZodObject<{
|
|
6
|
+
category: z.ZodOptional<z.ZodString>;
|
|
7
|
+
body: z.ZodString;
|
|
8
|
+
author: z.ZodOptional<z.ZodString>;
|
|
9
|
+
date: z.ZodOptional<z.ZodString>;
|
|
10
|
+
truncate: z.ZodOptional<z.ZodBoolean>;
|
|
11
|
+
}, z.core.$strip>>;
|
|
12
|
+
}, z.core.$strip>;
|
|
13
|
+
slots: never[];
|
|
14
|
+
description: string;
|
|
15
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { z } from 'zod';
|
|
2
|
+
import { contextNoteListCatalog } from './context-note-list.catalog';
|
|
3
|
+
export { contextNoteListCatalog };
|
|
4
|
+
export declare const ContextNoteListRenderer: ({ props, }: {
|
|
5
|
+
props: z.infer<typeof contextNoteListCatalog.props>;
|
|
6
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { z } from 'zod';
|
|
2
|
+
import { contextOverviewCatalog } from './context-overview.catalog';
|
|
3
|
+
export { contextOverviewCatalog };
|
|
4
|
+
export declare const ContextOverviewRenderer: ({ props, }: {
|
|
5
|
+
props: z.infer<typeof contextOverviewCatalog.props>;
|
|
6
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const panel: string;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { z } from 'zod';
|
|
2
|
+
export declare const contextTabularListCatalog: {
|
|
3
|
+
props: z.ZodObject<{
|
|
4
|
+
groups: z.ZodArray<z.ZodObject<{
|
|
5
|
+
label: z.ZodString;
|
|
6
|
+
items: z.ZodArray<z.ZodObject<{
|
|
7
|
+
eyebrow: z.ZodOptional<z.ZodString>;
|
|
8
|
+
identifier: z.ZodOptional<z.ZodString>;
|
|
9
|
+
identifierHref: z.ZodOptional<z.ZodString>;
|
|
10
|
+
fields: z.ZodArray<z.ZodObject<{
|
|
11
|
+
label: z.ZodString;
|
|
12
|
+
value: z.ZodString;
|
|
13
|
+
}, z.core.$strip>>;
|
|
14
|
+
}, z.core.$strip>>;
|
|
15
|
+
}, z.core.$strip>>;
|
|
16
|
+
}, z.core.$strip>;
|
|
17
|
+
slots: never[];
|
|
18
|
+
description: string;
|
|
19
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/** Outer wrapper — stacks vendor groups. */
|
|
2
|
+
export declare const tabularRoot: string;
|
|
3
|
+
/** Vendor group card. */
|
|
4
|
+
export declare const tabularGroup: string;
|
|
5
|
+
/** Vendor group heading. */
|
|
6
|
+
export declare const tabularGroupLabel: string;
|
|
7
|
+
/** Subdued color for eyebrow labels and field headers. */
|
|
8
|
+
export declare const eyebrowSubdued: string;
|
|
9
|
+
/**
|
|
10
|
+
* Shared-column grid — every cell is a direct child so column tracks align
|
|
11
|
+
* across rows (e.g. PURCHASE ORDER sets the width of column 1 for all rows).
|
|
12
|
+
*/
|
|
13
|
+
export declare const tabularGroupGrid: string;
|
|
14
|
+
/** Full-width divider between rows — equal margin above/below centers the line. */
|
|
15
|
+
export declare const tabularRowDivider: string;
|
|
16
|
+
/** Column cell — eyebrow + value stacked, left-aligned. */
|
|
17
|
+
export declare const tabularCell: string;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { z } from 'zod';
|
|
2
|
+
import { contextTabularListCatalog } from './context-tabular-list.catalog';
|
|
3
|
+
export { contextTabularListCatalog };
|
|
4
|
+
export declare const ContextTabularListRenderer: ({ props, }: {
|
|
5
|
+
props: z.infer<typeof contextTabularListCatalog.props>;
|
|
6
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { CatalogEntry } from '../../types';
|
|
2
|
+
export { contextCatalog, contextComponents, contextShellComponents } from './catalog-def';
|
|
3
|
+
export { contextContentComponents } from './schemas';
|
|
4
|
+
export declare const contextCatalogEntries: CatalogEntry[];
|
|
5
|
+
export declare const contextShellRenderers: {
|
|
6
|
+
[k: string]: unknown;
|
|
7
|
+
};
|
|
8
|
+
export declare const contextContentRenderers: {
|
|
9
|
+
[k: string]: unknown;
|
|
10
|
+
};
|
|
@@ -0,0 +1,151 @@
|
|
|
1
|
+
export declare const contextShellComponents: {
|
|
2
|
+
ContextPanel: {
|
|
3
|
+
props: import('zod').ZodObject<{}, import('zod/v4/core').$strip>;
|
|
4
|
+
slots: string[];
|
|
5
|
+
description: string;
|
|
6
|
+
};
|
|
7
|
+
ContextOverview: {
|
|
8
|
+
props: import('zod').ZodObject<{
|
|
9
|
+
summary: import('zod').ZodString;
|
|
10
|
+
}, import('zod/v4/core').$strip>;
|
|
11
|
+
slots: string[];
|
|
12
|
+
description: string;
|
|
13
|
+
};
|
|
14
|
+
ContextCard: {
|
|
15
|
+
props: import('zod').ZodObject<{
|
|
16
|
+
title: import('zod').ZodString;
|
|
17
|
+
defaultExpanded: import('zod').ZodOptional<import('zod').ZodBoolean>;
|
|
18
|
+
badge: import('zod').ZodOptional<import('zod').ZodUnion<readonly [import('zod').ZodNumber, import('zod').ZodObject<{
|
|
19
|
+
label: import('zod').ZodString;
|
|
20
|
+
tone: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
21
|
+
success: "success";
|
|
22
|
+
info: "info";
|
|
23
|
+
warning: "warning";
|
|
24
|
+
danger: "danger";
|
|
25
|
+
neutral: "neutral";
|
|
26
|
+
}>>;
|
|
27
|
+
}, import('zod/v4/core').$strip>]>>;
|
|
28
|
+
}, import('zod/v4/core').$strip>;
|
|
29
|
+
slots: string[];
|
|
30
|
+
description: string;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
export declare const contextContentComponents: {
|
|
34
|
+
ContextNoteList: {
|
|
35
|
+
props: import('zod').ZodObject<{
|
|
36
|
+
summary: import('zod').ZodOptional<import('zod').ZodString>;
|
|
37
|
+
items: import('zod').ZodArray<import('zod').ZodObject<{
|
|
38
|
+
category: import('zod').ZodOptional<import('zod').ZodString>;
|
|
39
|
+
body: import('zod').ZodString;
|
|
40
|
+
author: import('zod').ZodOptional<import('zod').ZodString>;
|
|
41
|
+
date: import('zod').ZodOptional<import('zod').ZodString>;
|
|
42
|
+
truncate: import('zod').ZodOptional<import('zod').ZodBoolean>;
|
|
43
|
+
}, import('zod/v4/core').$strip>>;
|
|
44
|
+
}, import('zod/v4/core').$strip>;
|
|
45
|
+
slots: never[];
|
|
46
|
+
description: string;
|
|
47
|
+
};
|
|
48
|
+
ContextMetricGrid: {
|
|
49
|
+
props: import('zod').ZodObject<{
|
|
50
|
+
items: import('zod').ZodArray<import('zod').ZodObject<{
|
|
51
|
+
label: import('zod').ZodString;
|
|
52
|
+
value: import('zod').ZodString;
|
|
53
|
+
tone: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
54
|
+
success: "success";
|
|
55
|
+
info: "info";
|
|
56
|
+
warning: "warning";
|
|
57
|
+
danger: "danger";
|
|
58
|
+
neutral: "neutral";
|
|
59
|
+
}>>;
|
|
60
|
+
}, import('zod/v4/core').$strip>>;
|
|
61
|
+
columns: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
62
|
+
3: "3";
|
|
63
|
+
4: "4";
|
|
64
|
+
}>>;
|
|
65
|
+
}, import('zod/v4/core').$strip>;
|
|
66
|
+
slots: never[];
|
|
67
|
+
description: string;
|
|
68
|
+
};
|
|
69
|
+
ContextDataTable: {
|
|
70
|
+
props: import('zod').ZodObject<{
|
|
71
|
+
columns: import('zod').ZodArray<import('zod').ZodObject<{
|
|
72
|
+
key: import('zod').ZodString;
|
|
73
|
+
header: import('zod').ZodString;
|
|
74
|
+
type: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
75
|
+
text: "text";
|
|
76
|
+
chip: "chip";
|
|
77
|
+
currency: "currency";
|
|
78
|
+
delta: "delta";
|
|
79
|
+
}>>;
|
|
80
|
+
sortable: import('zod').ZodOptional<import('zod').ZodBoolean>;
|
|
81
|
+
}, import('zod/v4/core').$strip>>;
|
|
82
|
+
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<{
|
|
83
|
+
label: import('zod').ZodString;
|
|
84
|
+
tone: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
85
|
+
success: "success";
|
|
86
|
+
info: "info";
|
|
87
|
+
warning: "warning";
|
|
88
|
+
danger: "danger";
|
|
89
|
+
neutral: "neutral";
|
|
90
|
+
}>>;
|
|
91
|
+
}, import('zod/v4/core').$strip>]>>, import('zod').ZodObject<{
|
|
92
|
+
id: import('zod').ZodString;
|
|
93
|
+
}, import('zod/v4/core').$strip>>>;
|
|
94
|
+
defaultSortedColumn: import('zod').ZodOptional<import('zod').ZodObject<{
|
|
95
|
+
id: import('zod').ZodString;
|
|
96
|
+
desc: import('zod').ZodOptional<import('zod').ZodBoolean>;
|
|
97
|
+
}, import('zod/v4/core').$strip>>;
|
|
98
|
+
}, import('zod/v4/core').$strip>;
|
|
99
|
+
slots: never[];
|
|
100
|
+
description: string;
|
|
101
|
+
};
|
|
102
|
+
ContextList: {
|
|
103
|
+
props: import('zod').ZodObject<{
|
|
104
|
+
items: import('zod').ZodArray<import('zod').ZodObject<{
|
|
105
|
+
title: import('zod').ZodString;
|
|
106
|
+
identifier: import('zod').ZodOptional<import('zod').ZodString>;
|
|
107
|
+
identifierHref: import('zod').ZodOptional<import('zod').ZodString>;
|
|
108
|
+
meta: import('zod').ZodOptional<import('zod').ZodString>;
|
|
109
|
+
callout: import('zod').ZodOptional<import('zod').ZodString>;
|
|
110
|
+
calloutTone: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
111
|
+
success: "success";
|
|
112
|
+
info: "info";
|
|
113
|
+
warning: "warning";
|
|
114
|
+
danger: "danger";
|
|
115
|
+
neutral: "neutral";
|
|
116
|
+
}>>;
|
|
117
|
+
calloutLabel: import('zod').ZodOptional<import('zod').ZodString>;
|
|
118
|
+
}, import('zod/v4/core').$strip>>;
|
|
119
|
+
}, import('zod/v4/core').$strip>;
|
|
120
|
+
slots: never[];
|
|
121
|
+
description: string;
|
|
122
|
+
};
|
|
123
|
+
ContextTabularList: {
|
|
124
|
+
props: import('zod').ZodObject<{
|
|
125
|
+
groups: import('zod').ZodArray<import('zod').ZodObject<{
|
|
126
|
+
label: import('zod').ZodString;
|
|
127
|
+
items: import('zod').ZodArray<import('zod').ZodObject<{
|
|
128
|
+
eyebrow: import('zod').ZodOptional<import('zod').ZodString>;
|
|
129
|
+
identifier: import('zod').ZodOptional<import('zod').ZodString>;
|
|
130
|
+
identifierHref: import('zod').ZodOptional<import('zod').ZodString>;
|
|
131
|
+
fields: import('zod').ZodArray<import('zod').ZodObject<{
|
|
132
|
+
label: import('zod').ZodString;
|
|
133
|
+
value: import('zod').ZodString;
|
|
134
|
+
}, import('zod/v4/core').$strip>>;
|
|
135
|
+
}, import('zod/v4/core').$strip>>;
|
|
136
|
+
}, import('zod/v4/core').$strip>>;
|
|
137
|
+
}, import('zod/v4/core').$strip>;
|
|
138
|
+
slots: never[];
|
|
139
|
+
description: string;
|
|
140
|
+
};
|
|
141
|
+
ContextFileList: {
|
|
142
|
+
props: import('zod').ZodObject<{
|
|
143
|
+
items: import('zod').ZodArray<import('zod').ZodObject<{
|
|
144
|
+
label: import('zod').ZodString;
|
|
145
|
+
url: import('zod').ZodString;
|
|
146
|
+
}, import('zod/v4/core').$strip>>;
|
|
147
|
+
}, import('zod/v4/core').$strip>;
|
|
148
|
+
slots: never[];
|
|
149
|
+
description: string;
|
|
150
|
+
};
|
|
151
|
+
};
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
export declare const fullWidth: string;
|
|
2
|
+
export declare const cardBody: string;
|
|
3
|
+
export declare const collapsibleCard: string;
|
|
4
|
+
export declare const collapsiblePanel: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
5
|
+
expanded: {
|
|
6
|
+
true: {
|
|
7
|
+
gridTemplateRows: "1fr";
|
|
8
|
+
marginTop: `var(--${string})`;
|
|
9
|
+
opacity: number;
|
|
10
|
+
};
|
|
11
|
+
false: {
|
|
12
|
+
gridTemplateRows: "0fr";
|
|
13
|
+
marginTop: number;
|
|
14
|
+
opacity: number;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
}>;
|
|
18
|
+
export declare const collapsiblePanelInner: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
19
|
+
expanded: {
|
|
20
|
+
true: {
|
|
21
|
+
padding: `var(--${string})`;
|
|
22
|
+
margin: `calc(-1 * var(--${string}))`;
|
|
23
|
+
};
|
|
24
|
+
false: {
|
|
25
|
+
padding: number;
|
|
26
|
+
margin: number;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
}>;
|
|
30
|
+
export declare const collapsibleCardSummary: string;
|
|
31
|
+
/** Title + badge group — sits at the start; grows to fill available space before the chevron. */
|
|
32
|
+
export declare const collapsibleCardLeft: string;
|
|
33
|
+
export declare const collapsibleCardTitle: string;
|
|
34
|
+
export declare const collapsibleChevron: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
35
|
+
expanded: {
|
|
36
|
+
true: {
|
|
37
|
+
transform: "rotate(180deg)";
|
|
38
|
+
};
|
|
39
|
+
false: {};
|
|
40
|
+
};
|
|
41
|
+
}>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { ContextChipTone } from './context-chip-tone';
|
|
3
|
+
/** A count-only badge (number, e.g. 3) or a labelled status badge ({ label: "3 Variances", tone: "warning" }). */
|
|
4
|
+
export type CollapsibleCardBadge = number | {
|
|
5
|
+
label: string;
|
|
6
|
+
tone?: ContextChipTone;
|
|
7
|
+
};
|
|
8
|
+
export interface CollapsibleCardProps {
|
|
9
|
+
title: string;
|
|
10
|
+
badge?: CollapsibleCardBadge;
|
|
11
|
+
defaultExpanded?: boolean;
|
|
12
|
+
children: ReactNode;
|
|
13
|
+
}
|
|
14
|
+
export declare const CollapsibleCard: ({ title, badge, defaultExpanded, children, }: CollapsibleCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Isolated wrapper so the AI-summary card surface paints within this context
|
|
3
|
+
* instead of blending into the parent CollapsibleCard.
|
|
4
|
+
*/
|
|
5
|
+
export declare const aiSummaryRoot: string;
|
|
6
|
+
/** Soft AI highlight surface (replaces the removed kit Card `highlighted` prop). */
|
|
7
|
+
export declare const aiSummaryCard: string;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/** Semantic chip tones agents can reference — mapped to Anvil2 background tokens in the renderer. */
|
|
2
|
+
export declare const CONTEXT_CHIP_TONES: readonly ["success", "warning", "danger", "info", "neutral"];
|
|
3
|
+
export type ContextChipTone = (typeof CONTEXT_CHIP_TONES)[number];
|
|
4
|
+
export interface ContextChipCell {
|
|
5
|
+
label: string;
|
|
6
|
+
tone?: ContextChipTone;
|
|
7
|
+
}
|
|
8
|
+
export declare function chipToneBackground(tone?: ContextChipTone): string;
|
|
9
|
+
export declare function toneForegroundColor(tone: ContextChipTone): string | undefined;
|
|
10
|
+
export declare function parseChipCell(value: unknown): ContextChipCell | null;
|