@timbal-ai/timbal-react 0.8.0 → 0.8.1
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/CHANGELOG.md +15 -0
- package/README.md +51 -5
- package/dist/app.cjs +1750 -1157
- package/dist/app.d.cts +2 -2
- package/dist/app.d.ts +2 -2
- package/dist/app.esm.js +27 -5
- package/dist/{button-CIKzUrJI.d.cts → button-ClSgD6OF.d.cts} +1 -1
- package/dist/{button-CIKzUrJI.d.ts → button-ClSgD6OF.d.ts} +1 -1
- package/dist/{chart-artifact-C2m891nx.d.cts → chart-artifact-DWkqIAK5.d.cts} +165 -1
- package/dist/{chart-artifact-CqqhdSR9.d.ts → chart-artifact-DwfRtQWL.d.ts} +165 -1
- package/dist/chat.esm.js +3 -3
- package/dist/{chunk-VVTTLIGT.esm.js → chunk-5ZKLPWVN.esm.js} +1 -1
- package/dist/{chunk-ZG5NBHOS.esm.js → chunk-CFU3YDTV.esm.js} +2 -2
- package/dist/{chunk-ZEDE2TWQ.esm.js → chunk-GBBLAM3G.esm.js} +954 -378
- package/dist/{chunk-YNDXBN6C.esm.js → chunk-OISVICYF.esm.js} +1 -1
- package/dist/{chunk-LSEUKTU5.esm.js → chunk-P4SN7M67.esm.js} +1 -1
- package/dist/{chunk-Z27GBSOT.esm.js → chunk-QIABF4KB.esm.js} +53 -51
- package/dist/{chunk-QKO67F4V.esm.js → chunk-QVAUCVQA.esm.js} +93 -93
- package/dist/{chunk-4AO3HCAR.esm.js → chunk-VWHHKAHN.esm.js} +5 -5
- package/dist/index.cjs +1006 -418
- package/dist/index.d.cts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.esm.js +30 -8
- package/dist/studio.cjs +3 -1
- package/dist/studio.esm.js +6 -6
- package/dist/ui.d.cts +1 -1
- package/dist/ui.d.ts +1 -1
- package/dist/ui.esm.js +3 -3
- package/package.json +1 -1
package/dist/app.d.cts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { A as APP_KIT_AGENT_INSTRUCTIONS, a as AppChatPanel, b as AppChatPanelProps, c as AppConfirmDialog, d as AppConfirmDialogProps, e as AppCopilotContextValue, f as AppCopilotProvider, g as AppCopilotProviderProps, h as AppShell, i as AppShellChatControls, j as AppShellChatTrigger, k as AppShellChatTriggerProps, l as AppShellProps, m as AppShellTopbar, n as AppShellTopbarProps, B as BreadcrumbItem, o as Breadcrumbs, p as BreadcrumbsProps, C as CHART_PALETTE, q as ChartArtifactView, r as ChartLayout, s as ChartPanel, t as ChartPanelProps, u as ChartSeries, v as ChartVariant, w as ConnectionRow, x as ConnectionRowList, y as ConnectionRowListProps, z as ConnectionRowProps, D as DangerZone, E as DangerZoneAction, F as DangerZoneActionProps, G as DangerZoneProps, H as DataTable, I as DataTableColumn, J as DataTableProps, K as DataTableSort, L as DataTableSortDirection, M as DescriptionItem, N as DescriptionList, O as DescriptionListProps, P as EmptyState, Q as EmptyStateProps, R as ExpandableSection, S as ExpandableSectionProps, T as Field, U as FieldInput, V as FieldInputProps, W as FieldProps, X as FieldRow, Y as FieldRowProps, Z as FieldSelect, _ as FieldSelectProps, $ as FieldSwitch, a0 as FieldSwitchProps, a1 as FieldTextarea, a2 as FieldTextareaProps, a3 as FilterBar, a4 as FilterBarProps, a5 as FloatingUnsavedChangesBar, a6 as FloatingUnsavedChangesBarProps, a7 as FormSection, a8 as FormSectionProps, a9 as INTEGRATION_CATALOG_CARD_HEIGHT_CLASS, aa as InfoCard, ab as InfoCardProps, ac as InfoCardTone, ad as IntegrationCard, ae as IntegrationCardProps, af as IntegrationCardStatus, ag as IntegrationsEmptyState, ah as IntegrationsEmptyStateProps, ai as LineAreaChart, aj as LineAreaChartProps, ak as MetricChartCard, al as MetricChartCardProps, am as MetricChartMetric, an as MetricRow, ao as MetricRowItem, ap as MetricRowProps, aq as MetricTile, ar as MetricTileProps, as as Page, at as PageHeader, au as PageHeaderProps, av as PageProps, aw as PlanBadge, ax as PlanBadgeProps, ay as PlanBadgeTone, az as ResourceCard, aA as ResourceCardProps, aB as SearchInput, aC as SearchInputProps, aD as Section, aE as SectionProps, aF as SettingsSection, aG as SettingsSectionHeader, aH as SettingsSectionHeaderProps, aI as SettingsSectionProps, aJ as Sparkline, aK as SparklineProps, aL as StatTile, aM as StatTileProps, aN as StatusBadge, aO as StatusBadgeProps, aP as StatusBadgeTone, aQ as StatusDot, aR as StatusDotProps, aS as StatusDotTone, aT as SubNav, aU as SubNavItem, aV as SubNavProps, aW as SurfaceCard, aX as SurfaceCardProps, aY as
|
|
2
|
-
export { B as Button } from './button-
|
|
1
|
+
export { A as APP_KIT_AGENT_INSTRUCTIONS, a as AppChatPanel, b as AppChatPanelProps, c as AppConfirmDialog, d as AppConfirmDialogProps, e as AppCopilotContextValue, f as AppCopilotProvider, g as AppCopilotProviderProps, h as AppShell, i as AppShellChatControls, j as AppShellChatTrigger, k as AppShellChatTriggerProps, l as AppShellProps, m as AppShellTopbar, n as AppShellTopbarProps, B as BreadcrumbItem, o as Breadcrumbs, p as BreadcrumbsProps, C as CHART_PALETTE, q as ChartArtifactView, r as ChartLayout, s as ChartPanel, t as ChartPanelProps, u as ChartSeries, v as ChartVariant, w as ConnectionRow, x as ConnectionRowList, y as ConnectionRowListProps, z as ConnectionRowProps, D as DangerZone, E as DangerZoneAction, F as DangerZoneActionProps, G as DangerZoneProps, H as DataTable, I as DataTableColumn, J as DataTableProps, K as DataTableSort, L as DataTableSortDirection, M as DescriptionItem, N as DescriptionList, O as DescriptionListProps, P as EmptyState, Q as EmptyStateProps, R as ExpandableSection, S as ExpandableSectionProps, T as Field, U as FieldInput, V as FieldInputProps, W as FieldProps, X as FieldRow, Y as FieldRowProps, Z as FieldSelect, _ as FieldSelectProps, $ as FieldSwitch, a0 as FieldSwitchProps, a1 as FieldTextarea, a2 as FieldTextareaProps, a3 as FilterBar, a4 as FilterBarProps, a5 as FloatingUnsavedChangesBar, a6 as FloatingUnsavedChangesBarProps, a7 as FormSection, a8 as FormSectionProps, a9 as INTEGRATION_CATALOG_CARD_HEIGHT_CLASS, aa as InfoCard, ab as InfoCardProps, ac as InfoCardTone, ad as IntegrationCard, ae as IntegrationCardProps, af as IntegrationCardStatus, ag as IntegrationsEmptyState, ah as IntegrationsEmptyStateProps, ai as LineAreaChart, aj as LineAreaChartProps, ak as MetricChartCard, al as MetricChartCardProps, am as MetricChartMetric, an as MetricRow, ao as MetricRowItem, ap as MetricRowProps, aq as MetricTile, ar as MetricTileProps, as as Page, at as PageHeader, au as PageHeaderProps, av as PageProps, aw as PlanBadge, ax as PlanBadgeProps, ay as PlanBadgeTone, az as ResourceCard, aA as ResourceCardProps, aB as SearchInput, aC as SearchInputProps, aD as Section, aE as SectionProps, aF as SettingsSection, aG as SettingsSectionHeader, aH as SettingsSectionHeaderProps, aI as SettingsSectionProps, aJ as Sparkline, aK as SparklineProps, aL as StatTile, aM as StatTileProps, aN as StatusBadge, aO as StatusBadgeProps, aP as StatusBadgeTone, aQ as StatusDot, aR as StatusDotProps, aS as StatusDotTone, aT as SubNav, aU as SubNavItem, aV as SubNavProps, aW as SurfaceCard, aX as SurfaceCardProps, aY as THEME_AGENT_INSTRUCTIONS, aZ as TIMBAL_THEME_PRESETS, a_ as ThemePresetGallery, a$ as ThemePresetGalleryProps, b0 as ThemeToCssOptions, b1 as ThemeTokenMap, b2 as TimbalThemeIntent, b3 as TimbalThemePreset, b4 as TimbalThemePresetId, b5 as TimbalThemeStyle, b6 as TimbalThemeStyleProps, b7 as TimbalThemeTokens, b8 as applyThemePreset, b9 as applyTimbalTheme, ba as clearTimbalTheme, bb as connectionRowListClass, bc as createTimbalTheme, bd as getStoredThemePreset, be as getThemePreset, bf as themeToCss, bg as useAppCopilotContext, bh as useAppShellChat } from './chart-artifact-DWkqIAK5.cjs';
|
|
2
|
+
export { B as Button } from './button-ClSgD6OF.cjs';
|
|
3
3
|
export { C as ChartArtifact, T as ThreadVariant, a as TimbalChat, b as TimbalChatProps } from './chat-Bed4FQSl.cjs';
|
|
4
4
|
import 'react';
|
|
5
5
|
import 'react/jsx-runtime';
|
package/dist/app.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { A as APP_KIT_AGENT_INSTRUCTIONS, a as AppChatPanel, b as AppChatPanelProps, c as AppConfirmDialog, d as AppConfirmDialogProps, e as AppCopilotContextValue, f as AppCopilotProvider, g as AppCopilotProviderProps, h as AppShell, i as AppShellChatControls, j as AppShellChatTrigger, k as AppShellChatTriggerProps, l as AppShellProps, m as AppShellTopbar, n as AppShellTopbarProps, B as BreadcrumbItem, o as Breadcrumbs, p as BreadcrumbsProps, C as CHART_PALETTE, q as ChartArtifactView, r as ChartLayout, s as ChartPanel, t as ChartPanelProps, u as ChartSeries, v as ChartVariant, w as ConnectionRow, x as ConnectionRowList, y as ConnectionRowListProps, z as ConnectionRowProps, D as DangerZone, E as DangerZoneAction, F as DangerZoneActionProps, G as DangerZoneProps, H as DataTable, I as DataTableColumn, J as DataTableProps, K as DataTableSort, L as DataTableSortDirection, M as DescriptionItem, N as DescriptionList, O as DescriptionListProps, P as EmptyState, Q as EmptyStateProps, R as ExpandableSection, S as ExpandableSectionProps, T as Field, U as FieldInput, V as FieldInputProps, W as FieldProps, X as FieldRow, Y as FieldRowProps, Z as FieldSelect, _ as FieldSelectProps, $ as FieldSwitch, a0 as FieldSwitchProps, a1 as FieldTextarea, a2 as FieldTextareaProps, a3 as FilterBar, a4 as FilterBarProps, a5 as FloatingUnsavedChangesBar, a6 as FloatingUnsavedChangesBarProps, a7 as FormSection, a8 as FormSectionProps, a9 as INTEGRATION_CATALOG_CARD_HEIGHT_CLASS, aa as InfoCard, ab as InfoCardProps, ac as InfoCardTone, ad as IntegrationCard, ae as IntegrationCardProps, af as IntegrationCardStatus, ag as IntegrationsEmptyState, ah as IntegrationsEmptyStateProps, ai as LineAreaChart, aj as LineAreaChartProps, ak as MetricChartCard, al as MetricChartCardProps, am as MetricChartMetric, an as MetricRow, ao as MetricRowItem, ap as MetricRowProps, aq as MetricTile, ar as MetricTileProps, as as Page, at as PageHeader, au as PageHeaderProps, av as PageProps, aw as PlanBadge, ax as PlanBadgeProps, ay as PlanBadgeTone, az as ResourceCard, aA as ResourceCardProps, aB as SearchInput, aC as SearchInputProps, aD as Section, aE as SectionProps, aF as SettingsSection, aG as SettingsSectionHeader, aH as SettingsSectionHeaderProps, aI as SettingsSectionProps, aJ as Sparkline, aK as SparklineProps, aL as StatTile, aM as StatTileProps, aN as StatusBadge, aO as StatusBadgeProps, aP as StatusBadgeTone, aQ as StatusDot, aR as StatusDotProps, aS as StatusDotTone, aT as SubNav, aU as SubNavItem, aV as SubNavProps, aW as SurfaceCard, aX as SurfaceCardProps, aY as
|
|
2
|
-
export { B as Button } from './button-
|
|
1
|
+
export { A as APP_KIT_AGENT_INSTRUCTIONS, a as AppChatPanel, b as AppChatPanelProps, c as AppConfirmDialog, d as AppConfirmDialogProps, e as AppCopilotContextValue, f as AppCopilotProvider, g as AppCopilotProviderProps, h as AppShell, i as AppShellChatControls, j as AppShellChatTrigger, k as AppShellChatTriggerProps, l as AppShellProps, m as AppShellTopbar, n as AppShellTopbarProps, B as BreadcrumbItem, o as Breadcrumbs, p as BreadcrumbsProps, C as CHART_PALETTE, q as ChartArtifactView, r as ChartLayout, s as ChartPanel, t as ChartPanelProps, u as ChartSeries, v as ChartVariant, w as ConnectionRow, x as ConnectionRowList, y as ConnectionRowListProps, z as ConnectionRowProps, D as DangerZone, E as DangerZoneAction, F as DangerZoneActionProps, G as DangerZoneProps, H as DataTable, I as DataTableColumn, J as DataTableProps, K as DataTableSort, L as DataTableSortDirection, M as DescriptionItem, N as DescriptionList, O as DescriptionListProps, P as EmptyState, Q as EmptyStateProps, R as ExpandableSection, S as ExpandableSectionProps, T as Field, U as FieldInput, V as FieldInputProps, W as FieldProps, X as FieldRow, Y as FieldRowProps, Z as FieldSelect, _ as FieldSelectProps, $ as FieldSwitch, a0 as FieldSwitchProps, a1 as FieldTextarea, a2 as FieldTextareaProps, a3 as FilterBar, a4 as FilterBarProps, a5 as FloatingUnsavedChangesBar, a6 as FloatingUnsavedChangesBarProps, a7 as FormSection, a8 as FormSectionProps, a9 as INTEGRATION_CATALOG_CARD_HEIGHT_CLASS, aa as InfoCard, ab as InfoCardProps, ac as InfoCardTone, ad as IntegrationCard, ae as IntegrationCardProps, af as IntegrationCardStatus, ag as IntegrationsEmptyState, ah as IntegrationsEmptyStateProps, ai as LineAreaChart, aj as LineAreaChartProps, ak as MetricChartCard, al as MetricChartCardProps, am as MetricChartMetric, an as MetricRow, ao as MetricRowItem, ap as MetricRowProps, aq as MetricTile, ar as MetricTileProps, as as Page, at as PageHeader, au as PageHeaderProps, av as PageProps, aw as PlanBadge, ax as PlanBadgeProps, ay as PlanBadgeTone, az as ResourceCard, aA as ResourceCardProps, aB as SearchInput, aC as SearchInputProps, aD as Section, aE as SectionProps, aF as SettingsSection, aG as SettingsSectionHeader, aH as SettingsSectionHeaderProps, aI as SettingsSectionProps, aJ as Sparkline, aK as SparklineProps, aL as StatTile, aM as StatTileProps, aN as StatusBadge, aO as StatusBadgeProps, aP as StatusBadgeTone, aQ as StatusDot, aR as StatusDotProps, aS as StatusDotTone, aT as SubNav, aU as SubNavItem, aV as SubNavProps, aW as SurfaceCard, aX as SurfaceCardProps, aY as THEME_AGENT_INSTRUCTIONS, aZ as TIMBAL_THEME_PRESETS, a_ as ThemePresetGallery, a$ as ThemePresetGalleryProps, b0 as ThemeToCssOptions, b1 as ThemeTokenMap, b2 as TimbalThemeIntent, b3 as TimbalThemePreset, b4 as TimbalThemePresetId, b5 as TimbalThemeStyle, b6 as TimbalThemeStyleProps, b7 as TimbalThemeTokens, b8 as applyThemePreset, b9 as applyTimbalTheme, ba as clearTimbalTheme, bb as connectionRowListClass, bc as createTimbalTheme, bd as getStoredThemePreset, be as getThemePreset, bf as themeToCss, bg as useAppCopilotContext, bh as useAppShellChat } from './chart-artifact-DwfRtQWL.js';
|
|
2
|
+
export { B as Button } from './button-ClSgD6OF.js';
|
|
3
3
|
export { C as ChartArtifact, T as ThreadVariant, a as TimbalChat, b as TimbalChatProps } from './chat-Bed4FQSl.js';
|
|
4
4
|
import 'react';
|
|
5
5
|
import 'react/jsx-runtime';
|
package/dist/app.esm.js
CHANGED
|
@@ -46,6 +46,10 @@ import {
|
|
|
46
46
|
StatusDot,
|
|
47
47
|
SubNav,
|
|
48
48
|
SurfaceCard,
|
|
49
|
+
THEME_AGENT_INSTRUCTIONS,
|
|
50
|
+
TIMBAL_THEME_PRESETS,
|
|
51
|
+
ThemePresetGallery,
|
|
52
|
+
TimbalThemeStyle,
|
|
49
53
|
appFilterBarClass,
|
|
50
54
|
appPageColumnClass,
|
|
51
55
|
appSearchInputClass,
|
|
@@ -53,21 +57,28 @@ import {
|
|
|
53
57
|
appShellTopbarInsetClass,
|
|
54
58
|
appStatTileClass,
|
|
55
59
|
appSurfaceCardClass,
|
|
60
|
+
applyThemePreset,
|
|
61
|
+
applyTimbalTheme,
|
|
62
|
+
clearTimbalTheme,
|
|
56
63
|
connectionRowListClass,
|
|
64
|
+
createTimbalTheme,
|
|
65
|
+
getStoredThemePreset,
|
|
66
|
+
getThemePreset,
|
|
67
|
+
themeToCss,
|
|
57
68
|
useAppCopilotContext,
|
|
58
69
|
useAppShellChat
|
|
59
|
-
} from "./chunk-
|
|
60
|
-
import "./chunk-
|
|
70
|
+
} from "./chunk-GBBLAM3G.esm.js";
|
|
71
|
+
import "./chunk-QIABF4KB.esm.js";
|
|
61
72
|
import {
|
|
62
73
|
CHART_PALETTE,
|
|
63
74
|
ChartArtifactView,
|
|
64
75
|
LineAreaChart,
|
|
65
76
|
TimbalChat
|
|
66
|
-
} from "./chunk-
|
|
67
|
-
import "./chunk-
|
|
77
|
+
} from "./chunk-5ZKLPWVN.esm.js";
|
|
78
|
+
import "./chunk-OISVICYF.esm.js";
|
|
68
79
|
import {
|
|
69
80
|
Button
|
|
70
|
-
} from "./chunk-
|
|
81
|
+
} from "./chunk-QVAUCVQA.esm.js";
|
|
71
82
|
export {
|
|
72
83
|
APP_KIT_AGENT_INSTRUCTIONS,
|
|
73
84
|
AppChatPanel,
|
|
@@ -120,7 +131,11 @@ export {
|
|
|
120
131
|
StatusDot,
|
|
121
132
|
SubNav,
|
|
122
133
|
SurfaceCard,
|
|
134
|
+
THEME_AGENT_INSTRUCTIONS,
|
|
135
|
+
TIMBAL_THEME_PRESETS,
|
|
136
|
+
ThemePresetGallery,
|
|
123
137
|
TimbalChat,
|
|
138
|
+
TimbalThemeStyle,
|
|
124
139
|
appFilterBarClass,
|
|
125
140
|
appPageColumnClass,
|
|
126
141
|
appSearchInputClass,
|
|
@@ -128,7 +143,14 @@ export {
|
|
|
128
143
|
appShellTopbarInsetClass,
|
|
129
144
|
appStatTileClass,
|
|
130
145
|
appSurfaceCardClass,
|
|
146
|
+
applyThemePreset,
|
|
147
|
+
applyTimbalTheme,
|
|
148
|
+
clearTimbalTheme,
|
|
131
149
|
connectionRowListClass,
|
|
150
|
+
createTimbalTheme,
|
|
151
|
+
getStoredThemePreset,
|
|
152
|
+
getThemePreset,
|
|
153
|
+
themeToCss,
|
|
132
154
|
useAppCopilotContext,
|
|
133
155
|
useAppShellChat
|
|
134
156
|
};
|
|
@@ -8,7 +8,7 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
8
8
|
* Fill / border / shadow come from `button-tokens` via `TimbalV2Button`.
|
|
9
9
|
*/
|
|
10
10
|
declare const buttonVariants: (props?: ({
|
|
11
|
-
variant?: "
|
|
11
|
+
variant?: "link" | "secondary" | "ghost" | "destructive" | "default" | "outline" | null | undefined;
|
|
12
12
|
size?: "xs" | "sm" | "lg" | "default" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
|
|
13
13
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
14
14
|
declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
|
|
@@ -8,7 +8,7 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
8
8
|
* Fill / border / shadow come from `button-tokens` via `TimbalV2Button`.
|
|
9
9
|
*/
|
|
10
10
|
declare const buttonVariants: (props?: ({
|
|
11
|
-
variant?: "
|
|
11
|
+
variant?: "link" | "secondary" | "ghost" | "destructive" | "default" | "outline" | null | undefined;
|
|
12
12
|
size?: "xs" | "sm" | "lg" | "default" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
|
|
13
13
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
14
14
|
declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
|
|
@@ -16,6 +16,170 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
|
16
16
|
*/
|
|
17
17
|
declare const APP_KIT_AGENT_INSTRUCTIONS: string;
|
|
18
18
|
|
|
19
|
+
/**
|
|
20
|
+
* Theme generator — turn brand *intent* into a complete, paired light + dark
|
|
21
|
+
* token set, so agents and apps never hand-author `oklch(...)` or risk a
|
|
22
|
+
* light-only override (the failure mode `theme-sanity.ts` warns about).
|
|
23
|
+
*
|
|
24
|
+
* The package owns the OKLCH math for every Timbal extension token (button
|
|
25
|
+
* gradients, playground tint, ring, elevated surfaces) because deriving them
|
|
26
|
+
* correctly requires knowing the full token contract in `styles.css`. Callers
|
|
27
|
+
* only supply a brand color (and optional accent / radius / neutral tint).
|
|
28
|
+
*
|
|
29
|
+
* const theme = createTimbalTheme({ brand: "#4f46e5" });
|
|
30
|
+
* document head ← themeToCss(theme) // build-time / SSR
|
|
31
|
+
* applyTimbalTheme(theme) // runtime, swappable
|
|
32
|
+
*
|
|
33
|
+
* Tokens are returned as `{ light, dark }` maps of CSS variable name → value.
|
|
34
|
+
* Only the keys that change from the package defaults are included — overrides
|
|
35
|
+
* cascade over `styles.css`, so unset tokens keep their shipped values.
|
|
36
|
+
*/
|
|
37
|
+
/** CSS variable name → value. */
|
|
38
|
+
type ThemeTokenMap = Record<string, string>;
|
|
39
|
+
interface TimbalThemeTokens {
|
|
40
|
+
/** Variables applied in `:root` (light mode). */
|
|
41
|
+
light: ThemeTokenMap;
|
|
42
|
+
/** Variables applied in `.dark`. */
|
|
43
|
+
dark: ThemeTokenMap;
|
|
44
|
+
/** Mode-independent variables (e.g. `--radius`) applied once in `:root`. */
|
|
45
|
+
root?: ThemeTokenMap;
|
|
46
|
+
}
|
|
47
|
+
interface TimbalThemeIntent {
|
|
48
|
+
/** Primary brand color — any CSS color: `#4f46e5`, `rgb(...)`, `oklch(...)`. */
|
|
49
|
+
brand: string;
|
|
50
|
+
/** Optional secondary accent. Defaults to a desaturated brand. */
|
|
51
|
+
accent?: string;
|
|
52
|
+
/** Corner radius in rem (maps to `--radius`). Default keeps the shipped 0.75. */
|
|
53
|
+
radius?: number;
|
|
54
|
+
/**
|
|
55
|
+
* Tint neutral surfaces (background / muted / border) toward the brand hue
|
|
56
|
+
* with very low chroma, for a more cohesive branded feel. Default `false`
|
|
57
|
+
* keeps the shipped neutral grays.
|
|
58
|
+
*/
|
|
59
|
+
tintNeutrals?: boolean;
|
|
60
|
+
}
|
|
61
|
+
/**
|
|
62
|
+
* Derive a complete paired token set from brand intent. Pure — safe in SSR,
|
|
63
|
+
* tests, and build scripts.
|
|
64
|
+
*/
|
|
65
|
+
declare function createTimbalTheme(intent: TimbalThemeIntent): TimbalThemeTokens;
|
|
66
|
+
interface ThemeToCssOptions {
|
|
67
|
+
/**
|
|
68
|
+
* Scope the theme to elements matching `[data-timbal-theme="<scope>"]`
|
|
69
|
+
* instead of `:root`. Useful for previewing several themes on one page
|
|
70
|
+
* without touching the live document.
|
|
71
|
+
*/
|
|
72
|
+
scope?: string;
|
|
73
|
+
/** Indentation for emitted declarations. Default two spaces. */
|
|
74
|
+
indent?: string;
|
|
75
|
+
}
|
|
76
|
+
/**
|
|
77
|
+
* Serialize a theme to a CSS string with paired `:root` (light) and `.dark`
|
|
78
|
+
* blocks — the exact shape apps would otherwise hand-author. Writing this in a
|
|
79
|
+
* single block guarantees light + dark stay in sync.
|
|
80
|
+
*/
|
|
81
|
+
declare function themeToCss(theme: TimbalThemeTokens, options?: ThemeToCssOptions): string;
|
|
82
|
+
/**
|
|
83
|
+
* Apply a theme at runtime by injecting (or replacing) a single managed
|
|
84
|
+
* `<style>` element in `<head>`. Works with the `.dark` class toggle used by
|
|
85
|
+
* `next-themes` / `ModeToggle` — both light and dark blocks are written, so
|
|
86
|
+
* switching mode never desyncs. No-op in SSR / non-DOM contexts.
|
|
87
|
+
*
|
|
88
|
+
* Returns a disposer that removes the injected style.
|
|
89
|
+
*/
|
|
90
|
+
declare function applyTimbalTheme(theme: TimbalThemeTokens): () => void;
|
|
91
|
+
/** Remove a runtime theme injected by {@link applyTimbalTheme}. */
|
|
92
|
+
declare function clearTimbalTheme(): void;
|
|
93
|
+
|
|
94
|
+
/**
|
|
95
|
+
* Curated brand presets — a small, closed catalog so agents (and pickers) can
|
|
96
|
+
* *list* and *apply* styles by stable ID instead of inventing colors. Each
|
|
97
|
+
* preset is generated through `createTimbalTheme`, so light/dark stay paired
|
|
98
|
+
* and contrast-correct by construction.
|
|
99
|
+
*
|
|
100
|
+
* Keep this list short and well-tested. A handful of strong presets beats an
|
|
101
|
+
* infinite palette for both humans and models.
|
|
102
|
+
*/
|
|
103
|
+
|
|
104
|
+
type TimbalThemePresetId = "platform" | "indigo" | "violet" | "forest" | "warm" | "slate";
|
|
105
|
+
interface TimbalThemePreset {
|
|
106
|
+
id: TimbalThemePresetId;
|
|
107
|
+
/** Short human label for pickers. */
|
|
108
|
+
label: string;
|
|
109
|
+
/** One-line "use when" guidance — surfaced to agents in prompts. */
|
|
110
|
+
description: string;
|
|
111
|
+
/** Representative swatch color (CSS) for chips / previews. */
|
|
112
|
+
swatch: string;
|
|
113
|
+
/**
|
|
114
|
+
* Token overrides. `platform` is the shipped neutral palette and has empty
|
|
115
|
+
* maps (no overrides — `styles.css` defaults apply).
|
|
116
|
+
*/
|
|
117
|
+
tokens: TimbalThemeTokens;
|
|
118
|
+
}
|
|
119
|
+
declare const TIMBAL_THEME_PRESETS: readonly TimbalThemePreset[];
|
|
120
|
+
/** Look up a preset by id. */
|
|
121
|
+
declare function getThemePreset(id: TimbalThemePresetId): TimbalThemePreset | undefined;
|
|
122
|
+
/**
|
|
123
|
+
* Apply a preset at runtime via {@link applyTimbalTheme} and persist the
|
|
124
|
+
* choice to `localStorage` so it can be restored on reload. Returns a disposer.
|
|
125
|
+
* No-op for unknown ids or in SSR.
|
|
126
|
+
*/
|
|
127
|
+
declare function applyThemePreset(id: TimbalThemePresetId): () => void;
|
|
128
|
+
/** Read the persisted preset id (or null). */
|
|
129
|
+
declare function getStoredThemePreset(): TimbalThemePresetId | null;
|
|
130
|
+
|
|
131
|
+
/**
|
|
132
|
+
* Copy-paste into a UI-generation agent's system prompt (the leviosa
|
|
133
|
+
* `timbal-ui` skill, codegen tool context, etc.) so the model offers and
|
|
134
|
+
* applies themes through the package API — never by hand-authoring OKLCH.
|
|
135
|
+
*
|
|
136
|
+
* @example
|
|
137
|
+
* ```ts
|
|
138
|
+
* import { THEME_AGENT_INSTRUCTIONS } from "@timbal-ai/timbal-react";
|
|
139
|
+
* const systemPrompt = `${basePrompt}\n\n${THEME_AGENT_INSTRUCTIONS}`;
|
|
140
|
+
* ```
|
|
141
|
+
*/
|
|
142
|
+
declare const THEME_AGENT_INSTRUCTIONS: string;
|
|
143
|
+
|
|
144
|
+
interface TimbalThemeStyleProps {
|
|
145
|
+
/** Generated token set (from `createTimbalTheme`). Takes precedence over `preset`. */
|
|
146
|
+
theme?: TimbalThemeTokens;
|
|
147
|
+
/** Apply a catalog preset by id instead of a custom theme. */
|
|
148
|
+
preset?: TimbalThemePresetId;
|
|
149
|
+
/**
|
|
150
|
+
* Scope the theme to `[data-timbal-theme="<scope>"]` subtrees instead of the
|
|
151
|
+
* whole document — used by `ThemePresetGallery` to preview without changing
|
|
152
|
+
* the live app.
|
|
153
|
+
*/
|
|
154
|
+
scope?: string;
|
|
155
|
+
/** Optional `nonce` for strict CSP environments. */
|
|
156
|
+
nonce?: string;
|
|
157
|
+
}
|
|
158
|
+
/**
|
|
159
|
+
* Inject a generated theme as a `<style>` tag. Render once near the app root
|
|
160
|
+
* (or per-scope for previews). Emits paired light + dark blocks so the `.dark`
|
|
161
|
+
* toggle never desyncs. Pure render — SSR-safe.
|
|
162
|
+
*/
|
|
163
|
+
declare const TimbalThemeStyle: FC<TimbalThemeStyleProps>;
|
|
164
|
+
|
|
165
|
+
interface ThemePresetGalleryProps {
|
|
166
|
+
/** Currently selected preset id (controlled). */
|
|
167
|
+
value?: TimbalThemePresetId;
|
|
168
|
+
/** Called when the user picks a preset. */
|
|
169
|
+
onSelect?: (id: TimbalThemePresetId) => void;
|
|
170
|
+
/** Restrict the catalog to a subset of presets. */
|
|
171
|
+
presets?: readonly TimbalThemePresetId[];
|
|
172
|
+
className?: string;
|
|
173
|
+
}
|
|
174
|
+
/**
|
|
175
|
+
* Preview + pick a brand preset. Each card renders a *real* mini fixture
|
|
176
|
+
* (a primary button + a metric tile + a token strip) scoped via
|
|
177
|
+
* `data-timbal-theme`, so several presets preview side-by-side without
|
|
178
|
+
* changing the live app — the host applies the choice on `onSelect`
|
|
179
|
+
* (e.g. via `applyThemePreset`).
|
|
180
|
+
*/
|
|
181
|
+
declare const ThemePresetGallery: FC<ThemePresetGalleryProps>;
|
|
182
|
+
|
|
19
183
|
interface AppShellProps {
|
|
20
184
|
/** Primary navigation (e.g. StudioSidebar or custom rail). */
|
|
21
185
|
sidebar?: ReactNode;
|
|
@@ -753,4 +917,4 @@ interface ChartArtifactViewProps {
|
|
|
753
917
|
*/
|
|
754
918
|
declare const ChartArtifactView: FC<ChartArtifactViewProps>;
|
|
755
919
|
|
|
756
|
-
export { FieldSwitch as $, APP_KIT_AGENT_INSTRUCTIONS as A, type BreadcrumbItem as B, CHART_PALETTE as C, DangerZone as D, DangerZoneAction as E, type DangerZoneActionProps as F, type DangerZoneProps as G, DataTable as H, type DataTableColumn as I, type DataTableProps as J, type DataTableSort as K, type DataTableSortDirection as L, type DescriptionItem as M, DescriptionList as N, type DescriptionListProps as O, EmptyState as P, type EmptyStateProps as Q, ExpandableSection as R, type ExpandableSectionProps as S, Field as T, FieldInput as U, type FieldInputProps as V, type FieldProps as W, FieldRow as X, type FieldRowProps as Y, FieldSelect as Z, type FieldSelectProps as _, AppChatPanel as a, type FieldSwitchProps as a0, FieldTextarea as a1, type FieldTextareaProps as a2, FilterBar as a3, type FilterBarProps as a4, FloatingUnsavedChangesBar as a5, type FloatingUnsavedChangesBarProps as a6, FormSection as a7, type FormSectionProps as a8, INTEGRATION_CATALOG_CARD_HEIGHT_CLASS as a9, type ResourceCardProps as aA, SearchInput as aB, type SearchInputProps as aC, Section as aD, type SectionProps as aE, SettingsSection as aF, SettingsSectionHeader as aG, type SettingsSectionHeaderProps as aH, type SettingsSectionProps as aI, Sparkline as aJ, type SparklineProps as aK, StatTile as aL, type StatTileProps as aM, StatusBadge as aN, type StatusBadgeProps as aO, type StatusBadgeTone as aP, StatusDot as aQ, type StatusDotProps as aR, type StatusDotTone as aS, SubNav as aT, type SubNavItem as aU, type SubNavProps as aV, SurfaceCard as aW, type SurfaceCardProps as aX,
|
|
920
|
+
export { FieldSwitch as $, APP_KIT_AGENT_INSTRUCTIONS as A, type BreadcrumbItem as B, CHART_PALETTE as C, DangerZone as D, DangerZoneAction as E, type DangerZoneActionProps as F, type DangerZoneProps as G, DataTable as H, type DataTableColumn as I, type DataTableProps as J, type DataTableSort as K, type DataTableSortDirection as L, type DescriptionItem as M, DescriptionList as N, type DescriptionListProps as O, EmptyState as P, type EmptyStateProps as Q, ExpandableSection as R, type ExpandableSectionProps as S, Field as T, FieldInput as U, type FieldInputProps as V, type FieldProps as W, FieldRow as X, type FieldRowProps as Y, FieldSelect as Z, type FieldSelectProps as _, AppChatPanel as a, type ThemePresetGalleryProps as a$, type FieldSwitchProps as a0, FieldTextarea as a1, type FieldTextareaProps as a2, FilterBar as a3, type FilterBarProps as a4, FloatingUnsavedChangesBar as a5, type FloatingUnsavedChangesBarProps as a6, FormSection as a7, type FormSectionProps as a8, INTEGRATION_CATALOG_CARD_HEIGHT_CLASS as a9, type ResourceCardProps as aA, SearchInput as aB, type SearchInputProps as aC, Section as aD, type SectionProps as aE, SettingsSection as aF, SettingsSectionHeader as aG, type SettingsSectionHeaderProps as aH, type SettingsSectionProps as aI, Sparkline as aJ, type SparklineProps as aK, StatTile as aL, type StatTileProps as aM, StatusBadge as aN, type StatusBadgeProps as aO, type StatusBadgeTone as aP, StatusDot as aQ, type StatusDotProps as aR, type StatusDotTone as aS, SubNav as aT, type SubNavItem as aU, type SubNavProps as aV, SurfaceCard as aW, type SurfaceCardProps as aX, THEME_AGENT_INSTRUCTIONS as aY, TIMBAL_THEME_PRESETS as aZ, ThemePresetGallery as a_, InfoCard as aa, type InfoCardProps as ab, type InfoCardTone as ac, IntegrationCard as ad, type IntegrationCardProps as ae, type IntegrationCardStatus as af, IntegrationsEmptyState as ag, type IntegrationsEmptyStateProps as ah, LineAreaChart as ai, type LineAreaChartProps as aj, MetricChartCard as ak, type MetricChartCardProps as al, type MetricChartMetric as am, MetricRow as an, type MetricRowItem as ao, type MetricRowProps as ap, MetricTile as aq, type MetricTileProps as ar, Page as as, PageHeader as at, type PageHeaderProps as au, type PageProps as av, PlanBadge as aw, type PlanBadgeProps as ax, type PlanBadgeTone as ay, ResourceCard as az, type AppChatPanelProps as b, type ThemeToCssOptions as b0, type ThemeTokenMap as b1, type TimbalThemeIntent as b2, type TimbalThemePreset as b3, type TimbalThemePresetId as b4, TimbalThemeStyle as b5, type TimbalThemeStyleProps as b6, type TimbalThemeTokens as b7, applyThemePreset as b8, applyTimbalTheme as b9, clearTimbalTheme as ba, connectionRowListClass as bb, createTimbalTheme as bc, getStoredThemePreset as bd, getThemePreset as be, themeToCss as bf, useAppCopilotContext as bg, useAppShellChat as bh, AppConfirmDialog as c, type AppConfirmDialogProps as d, type AppCopilotContextValue as e, AppCopilotProvider as f, type AppCopilotProviderProps as g, AppShell as h, type AppShellChatControls as i, AppShellChatTrigger as j, type AppShellChatTriggerProps as k, type AppShellProps as l, AppShellTopbar as m, type AppShellTopbarProps as n, Breadcrumbs as o, type BreadcrumbsProps as p, ChartArtifactView as q, type ChartLayout as r, ChartPanel as s, type ChartPanelProps as t, type ChartSeries as u, type ChartVariant as v, ConnectionRow as w, ConnectionRowList as x, type ConnectionRowListProps as y, type ConnectionRowProps as z };
|
|
@@ -16,6 +16,170 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
|
16
16
|
*/
|
|
17
17
|
declare const APP_KIT_AGENT_INSTRUCTIONS: string;
|
|
18
18
|
|
|
19
|
+
/**
|
|
20
|
+
* Theme generator — turn brand *intent* into a complete, paired light + dark
|
|
21
|
+
* token set, so agents and apps never hand-author `oklch(...)` or risk a
|
|
22
|
+
* light-only override (the failure mode `theme-sanity.ts` warns about).
|
|
23
|
+
*
|
|
24
|
+
* The package owns the OKLCH math for every Timbal extension token (button
|
|
25
|
+
* gradients, playground tint, ring, elevated surfaces) because deriving them
|
|
26
|
+
* correctly requires knowing the full token contract in `styles.css`. Callers
|
|
27
|
+
* only supply a brand color (and optional accent / radius / neutral tint).
|
|
28
|
+
*
|
|
29
|
+
* const theme = createTimbalTheme({ brand: "#4f46e5" });
|
|
30
|
+
* document head ← themeToCss(theme) // build-time / SSR
|
|
31
|
+
* applyTimbalTheme(theme) // runtime, swappable
|
|
32
|
+
*
|
|
33
|
+
* Tokens are returned as `{ light, dark }` maps of CSS variable name → value.
|
|
34
|
+
* Only the keys that change from the package defaults are included — overrides
|
|
35
|
+
* cascade over `styles.css`, so unset tokens keep their shipped values.
|
|
36
|
+
*/
|
|
37
|
+
/** CSS variable name → value. */
|
|
38
|
+
type ThemeTokenMap = Record<string, string>;
|
|
39
|
+
interface TimbalThemeTokens {
|
|
40
|
+
/** Variables applied in `:root` (light mode). */
|
|
41
|
+
light: ThemeTokenMap;
|
|
42
|
+
/** Variables applied in `.dark`. */
|
|
43
|
+
dark: ThemeTokenMap;
|
|
44
|
+
/** Mode-independent variables (e.g. `--radius`) applied once in `:root`. */
|
|
45
|
+
root?: ThemeTokenMap;
|
|
46
|
+
}
|
|
47
|
+
interface TimbalThemeIntent {
|
|
48
|
+
/** Primary brand color — any CSS color: `#4f46e5`, `rgb(...)`, `oklch(...)`. */
|
|
49
|
+
brand: string;
|
|
50
|
+
/** Optional secondary accent. Defaults to a desaturated brand. */
|
|
51
|
+
accent?: string;
|
|
52
|
+
/** Corner radius in rem (maps to `--radius`). Default keeps the shipped 0.75. */
|
|
53
|
+
radius?: number;
|
|
54
|
+
/**
|
|
55
|
+
* Tint neutral surfaces (background / muted / border) toward the brand hue
|
|
56
|
+
* with very low chroma, for a more cohesive branded feel. Default `false`
|
|
57
|
+
* keeps the shipped neutral grays.
|
|
58
|
+
*/
|
|
59
|
+
tintNeutrals?: boolean;
|
|
60
|
+
}
|
|
61
|
+
/**
|
|
62
|
+
* Derive a complete paired token set from brand intent. Pure — safe in SSR,
|
|
63
|
+
* tests, and build scripts.
|
|
64
|
+
*/
|
|
65
|
+
declare function createTimbalTheme(intent: TimbalThemeIntent): TimbalThemeTokens;
|
|
66
|
+
interface ThemeToCssOptions {
|
|
67
|
+
/**
|
|
68
|
+
* Scope the theme to elements matching `[data-timbal-theme="<scope>"]`
|
|
69
|
+
* instead of `:root`. Useful for previewing several themes on one page
|
|
70
|
+
* without touching the live document.
|
|
71
|
+
*/
|
|
72
|
+
scope?: string;
|
|
73
|
+
/** Indentation for emitted declarations. Default two spaces. */
|
|
74
|
+
indent?: string;
|
|
75
|
+
}
|
|
76
|
+
/**
|
|
77
|
+
* Serialize a theme to a CSS string with paired `:root` (light) and `.dark`
|
|
78
|
+
* blocks — the exact shape apps would otherwise hand-author. Writing this in a
|
|
79
|
+
* single block guarantees light + dark stay in sync.
|
|
80
|
+
*/
|
|
81
|
+
declare function themeToCss(theme: TimbalThemeTokens, options?: ThemeToCssOptions): string;
|
|
82
|
+
/**
|
|
83
|
+
* Apply a theme at runtime by injecting (or replacing) a single managed
|
|
84
|
+
* `<style>` element in `<head>`. Works with the `.dark` class toggle used by
|
|
85
|
+
* `next-themes` / `ModeToggle` — both light and dark blocks are written, so
|
|
86
|
+
* switching mode never desyncs. No-op in SSR / non-DOM contexts.
|
|
87
|
+
*
|
|
88
|
+
* Returns a disposer that removes the injected style.
|
|
89
|
+
*/
|
|
90
|
+
declare function applyTimbalTheme(theme: TimbalThemeTokens): () => void;
|
|
91
|
+
/** Remove a runtime theme injected by {@link applyTimbalTheme}. */
|
|
92
|
+
declare function clearTimbalTheme(): void;
|
|
93
|
+
|
|
94
|
+
/**
|
|
95
|
+
* Curated brand presets — a small, closed catalog so agents (and pickers) can
|
|
96
|
+
* *list* and *apply* styles by stable ID instead of inventing colors. Each
|
|
97
|
+
* preset is generated through `createTimbalTheme`, so light/dark stay paired
|
|
98
|
+
* and contrast-correct by construction.
|
|
99
|
+
*
|
|
100
|
+
* Keep this list short and well-tested. A handful of strong presets beats an
|
|
101
|
+
* infinite palette for both humans and models.
|
|
102
|
+
*/
|
|
103
|
+
|
|
104
|
+
type TimbalThemePresetId = "platform" | "indigo" | "violet" | "forest" | "warm" | "slate";
|
|
105
|
+
interface TimbalThemePreset {
|
|
106
|
+
id: TimbalThemePresetId;
|
|
107
|
+
/** Short human label for pickers. */
|
|
108
|
+
label: string;
|
|
109
|
+
/** One-line "use when" guidance — surfaced to agents in prompts. */
|
|
110
|
+
description: string;
|
|
111
|
+
/** Representative swatch color (CSS) for chips / previews. */
|
|
112
|
+
swatch: string;
|
|
113
|
+
/**
|
|
114
|
+
* Token overrides. `platform` is the shipped neutral palette and has empty
|
|
115
|
+
* maps (no overrides — `styles.css` defaults apply).
|
|
116
|
+
*/
|
|
117
|
+
tokens: TimbalThemeTokens;
|
|
118
|
+
}
|
|
119
|
+
declare const TIMBAL_THEME_PRESETS: readonly TimbalThemePreset[];
|
|
120
|
+
/** Look up a preset by id. */
|
|
121
|
+
declare function getThemePreset(id: TimbalThemePresetId): TimbalThemePreset | undefined;
|
|
122
|
+
/**
|
|
123
|
+
* Apply a preset at runtime via {@link applyTimbalTheme} and persist the
|
|
124
|
+
* choice to `localStorage` so it can be restored on reload. Returns a disposer.
|
|
125
|
+
* No-op for unknown ids or in SSR.
|
|
126
|
+
*/
|
|
127
|
+
declare function applyThemePreset(id: TimbalThemePresetId): () => void;
|
|
128
|
+
/** Read the persisted preset id (or null). */
|
|
129
|
+
declare function getStoredThemePreset(): TimbalThemePresetId | null;
|
|
130
|
+
|
|
131
|
+
/**
|
|
132
|
+
* Copy-paste into a UI-generation agent's system prompt (the leviosa
|
|
133
|
+
* `timbal-ui` skill, codegen tool context, etc.) so the model offers and
|
|
134
|
+
* applies themes through the package API — never by hand-authoring OKLCH.
|
|
135
|
+
*
|
|
136
|
+
* @example
|
|
137
|
+
* ```ts
|
|
138
|
+
* import { THEME_AGENT_INSTRUCTIONS } from "@timbal-ai/timbal-react";
|
|
139
|
+
* const systemPrompt = `${basePrompt}\n\n${THEME_AGENT_INSTRUCTIONS}`;
|
|
140
|
+
* ```
|
|
141
|
+
*/
|
|
142
|
+
declare const THEME_AGENT_INSTRUCTIONS: string;
|
|
143
|
+
|
|
144
|
+
interface TimbalThemeStyleProps {
|
|
145
|
+
/** Generated token set (from `createTimbalTheme`). Takes precedence over `preset`. */
|
|
146
|
+
theme?: TimbalThemeTokens;
|
|
147
|
+
/** Apply a catalog preset by id instead of a custom theme. */
|
|
148
|
+
preset?: TimbalThemePresetId;
|
|
149
|
+
/**
|
|
150
|
+
* Scope the theme to `[data-timbal-theme="<scope>"]` subtrees instead of the
|
|
151
|
+
* whole document — used by `ThemePresetGallery` to preview without changing
|
|
152
|
+
* the live app.
|
|
153
|
+
*/
|
|
154
|
+
scope?: string;
|
|
155
|
+
/** Optional `nonce` for strict CSP environments. */
|
|
156
|
+
nonce?: string;
|
|
157
|
+
}
|
|
158
|
+
/**
|
|
159
|
+
* Inject a generated theme as a `<style>` tag. Render once near the app root
|
|
160
|
+
* (or per-scope for previews). Emits paired light + dark blocks so the `.dark`
|
|
161
|
+
* toggle never desyncs. Pure render — SSR-safe.
|
|
162
|
+
*/
|
|
163
|
+
declare const TimbalThemeStyle: FC<TimbalThemeStyleProps>;
|
|
164
|
+
|
|
165
|
+
interface ThemePresetGalleryProps {
|
|
166
|
+
/** Currently selected preset id (controlled). */
|
|
167
|
+
value?: TimbalThemePresetId;
|
|
168
|
+
/** Called when the user picks a preset. */
|
|
169
|
+
onSelect?: (id: TimbalThemePresetId) => void;
|
|
170
|
+
/** Restrict the catalog to a subset of presets. */
|
|
171
|
+
presets?: readonly TimbalThemePresetId[];
|
|
172
|
+
className?: string;
|
|
173
|
+
}
|
|
174
|
+
/**
|
|
175
|
+
* Preview + pick a brand preset. Each card renders a *real* mini fixture
|
|
176
|
+
* (a primary button + a metric tile + a token strip) scoped via
|
|
177
|
+
* `data-timbal-theme`, so several presets preview side-by-side without
|
|
178
|
+
* changing the live app — the host applies the choice on `onSelect`
|
|
179
|
+
* (e.g. via `applyThemePreset`).
|
|
180
|
+
*/
|
|
181
|
+
declare const ThemePresetGallery: FC<ThemePresetGalleryProps>;
|
|
182
|
+
|
|
19
183
|
interface AppShellProps {
|
|
20
184
|
/** Primary navigation (e.g. StudioSidebar or custom rail). */
|
|
21
185
|
sidebar?: ReactNode;
|
|
@@ -753,4 +917,4 @@ interface ChartArtifactViewProps {
|
|
|
753
917
|
*/
|
|
754
918
|
declare const ChartArtifactView: FC<ChartArtifactViewProps>;
|
|
755
919
|
|
|
756
|
-
export { FieldSwitch as $, APP_KIT_AGENT_INSTRUCTIONS as A, type BreadcrumbItem as B, CHART_PALETTE as C, DangerZone as D, DangerZoneAction as E, type DangerZoneActionProps as F, type DangerZoneProps as G, DataTable as H, type DataTableColumn as I, type DataTableProps as J, type DataTableSort as K, type DataTableSortDirection as L, type DescriptionItem as M, DescriptionList as N, type DescriptionListProps as O, EmptyState as P, type EmptyStateProps as Q, ExpandableSection as R, type ExpandableSectionProps as S, Field as T, FieldInput as U, type FieldInputProps as V, type FieldProps as W, FieldRow as X, type FieldRowProps as Y, FieldSelect as Z, type FieldSelectProps as _, AppChatPanel as a, type FieldSwitchProps as a0, FieldTextarea as a1, type FieldTextareaProps as a2, FilterBar as a3, type FilterBarProps as a4, FloatingUnsavedChangesBar as a5, type FloatingUnsavedChangesBarProps as a6, FormSection as a7, type FormSectionProps as a8, INTEGRATION_CATALOG_CARD_HEIGHT_CLASS as a9, type ResourceCardProps as aA, SearchInput as aB, type SearchInputProps as aC, Section as aD, type SectionProps as aE, SettingsSection as aF, SettingsSectionHeader as aG, type SettingsSectionHeaderProps as aH, type SettingsSectionProps as aI, Sparkline as aJ, type SparklineProps as aK, StatTile as aL, type StatTileProps as aM, StatusBadge as aN, type StatusBadgeProps as aO, type StatusBadgeTone as aP, StatusDot as aQ, type StatusDotProps as aR, type StatusDotTone as aS, SubNav as aT, type SubNavItem as aU, type SubNavProps as aV, SurfaceCard as aW, type SurfaceCardProps as aX,
|
|
920
|
+
export { FieldSwitch as $, APP_KIT_AGENT_INSTRUCTIONS as A, type BreadcrumbItem as B, CHART_PALETTE as C, DangerZone as D, DangerZoneAction as E, type DangerZoneActionProps as F, type DangerZoneProps as G, DataTable as H, type DataTableColumn as I, type DataTableProps as J, type DataTableSort as K, type DataTableSortDirection as L, type DescriptionItem as M, DescriptionList as N, type DescriptionListProps as O, EmptyState as P, type EmptyStateProps as Q, ExpandableSection as R, type ExpandableSectionProps as S, Field as T, FieldInput as U, type FieldInputProps as V, type FieldProps as W, FieldRow as X, type FieldRowProps as Y, FieldSelect as Z, type FieldSelectProps as _, AppChatPanel as a, type ThemePresetGalleryProps as a$, type FieldSwitchProps as a0, FieldTextarea as a1, type FieldTextareaProps as a2, FilterBar as a3, type FilterBarProps as a4, FloatingUnsavedChangesBar as a5, type FloatingUnsavedChangesBarProps as a6, FormSection as a7, type FormSectionProps as a8, INTEGRATION_CATALOG_CARD_HEIGHT_CLASS as a9, type ResourceCardProps as aA, SearchInput as aB, type SearchInputProps as aC, Section as aD, type SectionProps as aE, SettingsSection as aF, SettingsSectionHeader as aG, type SettingsSectionHeaderProps as aH, type SettingsSectionProps as aI, Sparkline as aJ, type SparklineProps as aK, StatTile as aL, type StatTileProps as aM, StatusBadge as aN, type StatusBadgeProps as aO, type StatusBadgeTone as aP, StatusDot as aQ, type StatusDotProps as aR, type StatusDotTone as aS, SubNav as aT, type SubNavItem as aU, type SubNavProps as aV, SurfaceCard as aW, type SurfaceCardProps as aX, THEME_AGENT_INSTRUCTIONS as aY, TIMBAL_THEME_PRESETS as aZ, ThemePresetGallery as a_, InfoCard as aa, type InfoCardProps as ab, type InfoCardTone as ac, IntegrationCard as ad, type IntegrationCardProps as ae, type IntegrationCardStatus as af, IntegrationsEmptyState as ag, type IntegrationsEmptyStateProps as ah, LineAreaChart as ai, type LineAreaChartProps as aj, MetricChartCard as ak, type MetricChartCardProps as al, type MetricChartMetric as am, MetricRow as an, type MetricRowItem as ao, type MetricRowProps as ap, MetricTile as aq, type MetricTileProps as ar, Page as as, PageHeader as at, type PageHeaderProps as au, type PageProps as av, PlanBadge as aw, type PlanBadgeProps as ax, type PlanBadgeTone as ay, ResourceCard as az, type AppChatPanelProps as b, type ThemeToCssOptions as b0, type ThemeTokenMap as b1, type TimbalThemeIntent as b2, type TimbalThemePreset as b3, type TimbalThemePresetId as b4, TimbalThemeStyle as b5, type TimbalThemeStyleProps as b6, type TimbalThemeTokens as b7, applyThemePreset as b8, applyTimbalTheme as b9, clearTimbalTheme as ba, connectionRowListClass as bb, createTimbalTheme as bc, getStoredThemePreset as bd, getThemePreset as be, themeToCss as bf, useAppCopilotContext as bg, useAppShellChat as bh, AppConfirmDialog as c, type AppConfirmDialogProps as d, type AppCopilotContextValue as e, AppCopilotProvider as f, type AppCopilotProviderProps as g, AppShell as h, type AppShellChatControls as i, AppShellChatTrigger as j, type AppShellChatTriggerProps as k, type AppShellProps as l, AppShellTopbar as m, type AppShellTopbarProps as n, Breadcrumbs as o, type BreadcrumbsProps as p, ChartArtifactView as q, type ChartLayout as r, ChartPanel as s, type ChartPanelProps as t, type ChartSeries as u, type ChartVariant as v, ConnectionRow as w, ConnectionRowList as x, type ConnectionRowListProps as y, type ConnectionRowProps as z };
|
package/dist/chat.esm.js
CHANGED
|
@@ -7,7 +7,7 @@ import {
|
|
|
7
7
|
} from "./chunk-KC5QLVUG.esm.js";
|
|
8
8
|
import {
|
|
9
9
|
WorkforceSelector
|
|
10
|
-
} from "./chunk-
|
|
10
|
+
} from "./chunk-CFU3YDTV.esm.js";
|
|
11
11
|
import {
|
|
12
12
|
Composer,
|
|
13
13
|
ComposerAddAttachment,
|
|
@@ -24,8 +24,8 @@ import {
|
|
|
24
24
|
useTimbalRuntime,
|
|
25
25
|
useTimbalStream,
|
|
26
26
|
useToolRunning
|
|
27
|
-
} from "./chunk-
|
|
28
|
-
import "./chunk-
|
|
27
|
+
} from "./chunk-5ZKLPWVN.esm.js";
|
|
28
|
+
import "./chunk-QVAUCVQA.esm.js";
|
|
29
29
|
export {
|
|
30
30
|
Composer,
|
|
31
31
|
ComposerAddAttachment,
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import {
|
|
2
2
|
studioSecondaryChromeClass,
|
|
3
3
|
studioTopbarPillHeightClass
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-5ZKLPWVN.esm.js";
|
|
5
5
|
import {
|
|
6
6
|
cn
|
|
7
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-QVAUCVQA.esm.js";
|
|
8
8
|
|
|
9
9
|
// src/chat/workforce-selector.tsx
|
|
10
10
|
import { ChevronDownIcon } from "lucide-react";
|