@theokit/ui 0.13.0 → 0.14.0
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 +62 -0
- package/README.md +5 -5
- package/dist/chunk-DMVWZWU5.js +62 -0
- package/dist/chunk-DMVWZWU5.js.map +1 -0
- package/dist/{chunk-M6JIC5PU.js → chunk-ETMMPUFO.js} +3 -3
- package/dist/{chunk-M6JIC5PU.js.map → chunk-ETMMPUFO.js.map} +1 -1
- package/dist/{chunk-VT7VSYH5.js → chunk-KE773ODY.js} +4 -4
- package/dist/{chunk-VT7VSYH5.js.map → chunk-KE773ODY.js.map} +1 -1
- package/dist/{chunk-BYZ6OFH4.js → chunk-KPYORAP6.js} +6 -6
- package/dist/chunk-KPYORAP6.js.map +1 -0
- package/dist/chunk-UCGROAS4.js +61 -0
- package/dist/chunk-UCGROAS4.js.map +1 -0
- package/dist/{chunk-LKRNUSKZ.js → chunk-W6KORCLX.js} +4 -4
- package/dist/chunk-W6KORCLX.js.map +1 -0
- package/dist/components.css +1 -1
- package/dist/composites/metric-card/index.js +5 -0
- package/dist/composites/metric-card/index.js.map +1 -0
- package/dist/composites/stability-bundle-viewer/index.js +1 -1
- package/dist/composites/status-indicator/index.js +4 -0
- package/dist/composites/status-indicator/index.js.map +1 -0
- package/dist/index.d.ts +165 -40
- package/dist/index.js +863 -612
- package/dist/index.js.map +1 -1
- package/dist/{plugin-D5xmXqYb.d.ts → plugin-Atb0VKtr.d.ts} +1 -1
- package/dist/preset-v3-legacy.js +1 -1
- package/dist/preset-v3-legacy.js.map +1 -1
- package/dist/primitives/gateway-status-indicator/index.js +1 -1
- package/dist/primitives/run-status-pill/index.js +1 -1
- package/dist/primitives/update-banner/index.js +1 -1
- package/dist/slide/index.d.ts +2 -2
- package/dist/slide/plugins/emoji/index.d.ts +1 -1
- package/dist/slide/plugins/math/index.d.ts +1 -1
- package/dist/slide/plugins/mermaid/index.d.ts +1 -1
- package/dist/slide/plugins/shiki/index.d.ts +1 -1
- package/dist/slide-deck/index.d.ts +1 -1
- package/dist/tokens-v4.css +77 -41
- package/dist/tokens.css +158 -73
- package/dist/whiteboard/index.d.ts +2 -2
- package/package.json +18 -2
- package/registry/index.json +12 -0
- package/registry/r/metric-card.json +23 -0
- package/registry/r/safe-href.json +1 -1
- package/registry/r/status-indicator.json +20 -0
- package/registry/r/tailwind-preset.json +1 -1
- package/registry/r/theme-provider.json +6 -6
- package/registry/r/tokens.json +1 -1
- package/dist/chunk-BYZ6OFH4.js.map +0 -1
- package/dist/chunk-LKRNUSKZ.js.map +0 -1
package/dist/index.d.ts
CHANGED
|
@@ -4,6 +4,7 @@ import { ReactNode, JSX as JSX$1, ComponentPropsWithoutRef, ComponentProps, Butt
|
|
|
4
4
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
5
5
|
import * as ToastPrimitive from '@radix-ui/react-toast';
|
|
6
6
|
import { VariantProps } from 'class-variance-authority';
|
|
7
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
7
8
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
8
9
|
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
9
10
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
@@ -39,13 +40,22 @@ interface ColorScale {
|
|
|
39
40
|
popover: string;
|
|
40
41
|
"popover-foreground": string;
|
|
41
42
|
primary: string;
|
|
42
|
-
|
|
43
|
-
|
|
43
|
+
/**
|
|
44
|
+
* Tonal scale variants of `primary`. Optional since T3.2 (ADR-0006).
|
|
45
|
+
* When omitted, derived in CSS from `--primary` via `oklch(from ...)`.
|
|
46
|
+
* Override per-theme by providing an explicit string.
|
|
47
|
+
*/
|
|
48
|
+
"primary-deep"?: string;
|
|
49
|
+
"primary-glow"?: string;
|
|
44
50
|
"primary-foreground": string;
|
|
45
51
|
secondary: string;
|
|
46
52
|
"secondary-foreground": string;
|
|
47
53
|
accent: string;
|
|
48
|
-
|
|
54
|
+
/**
|
|
55
|
+
* Tonal scale variant of `accent`. Optional since T3.2 — derived in CSS
|
|
56
|
+
* when omitted. Override per-theme by providing an explicit string.
|
|
57
|
+
*/
|
|
58
|
+
"accent-deep"?: string;
|
|
49
59
|
"accent-foreground": string;
|
|
50
60
|
muted: string;
|
|
51
61
|
"muted-foreground": string;
|
|
@@ -60,6 +70,23 @@ interface ColorScale {
|
|
|
60
70
|
"destructive-foreground": string;
|
|
61
71
|
info: string;
|
|
62
72
|
"info-foreground": string;
|
|
73
|
+
/**
|
|
74
|
+
* Status semantic group (D4 ADR — community-best-practices plan).
|
|
75
|
+
*
|
|
76
|
+
* Operational state colors (gateway connected/disconnected/slow/info-flag)
|
|
77
|
+
* separated from action-result semantics (success/destructive/warning/info).
|
|
78
|
+
* Defaults in built-in themes mirror their semantic counterparts; consumers
|
|
79
|
+
* may override for visually-distinct status surfaces. `defineTheme(partial)`
|
|
80
|
+
* auto-populates from semantic group when omitted.
|
|
81
|
+
*/
|
|
82
|
+
"status-online": string;
|
|
83
|
+
"status-online-foreground": string;
|
|
84
|
+
"status-offline": string;
|
|
85
|
+
"status-offline-foreground": string;
|
|
86
|
+
"status-degraded": string;
|
|
87
|
+
"status-degraded-foreground": string;
|
|
88
|
+
"status-info": string;
|
|
89
|
+
"status-info-foreground": string;
|
|
63
90
|
}
|
|
64
91
|
interface ThemeFonts {
|
|
65
92
|
/** Display headlines (h1-h3, hero text). */
|
|
@@ -145,6 +172,18 @@ interface ThemeProviderProps {
|
|
|
145
172
|
* Plan: faang-density-tightening (D3).
|
|
146
173
|
*/
|
|
147
174
|
defaultDensity?: Density;
|
|
175
|
+
/**
|
|
176
|
+
* Respect the consumer's OS `prefers-color-scheme` preference on initial
|
|
177
|
+
* mount (D6 / T5.1). When `true` (default) and no theme-mode is stored in
|
|
178
|
+
* `localStorage[storageKey]`, the provider reads
|
|
179
|
+
* `matchMedia('(prefers-color-scheme: dark)')` and subscribes to changes.
|
|
180
|
+
* User-driven `setMode()` overrides the system signal — subsequent OS
|
|
181
|
+
* changes are ignored after the user fixes a preference.
|
|
182
|
+
*
|
|
183
|
+
* Pass `false` to force `defaultMode` regardless of the system preference.
|
|
184
|
+
* EC-12: matchMedia listener is cleaned up on unmount.
|
|
185
|
+
*/
|
|
186
|
+
respectSystemMode?: boolean;
|
|
148
187
|
}
|
|
149
188
|
/**
|
|
150
189
|
* ThemeProvider — central registry + runtime switcher for Theo themes.
|
|
@@ -157,7 +196,7 @@ interface ThemeProviderProps {
|
|
|
157
196
|
* 3. Lazy-loads theme font URLs by injecting `<link rel="stylesheet">`.
|
|
158
197
|
* 4. Optionally persists choice in localStorage.
|
|
159
198
|
*/
|
|
160
|
-
declare function ThemeProvider({ children, defaultTheme, defaultMode, themes: themesProp, storageKey, defaultDensity, }: ThemeProviderProps): JSX$1.Element;
|
|
199
|
+
declare function ThemeProvider({ children, defaultTheme, defaultMode, themes: themesProp, storageKey, defaultDensity, respectSystemMode, }: ThemeProviderProps): JSX$1.Element;
|
|
161
200
|
/**
|
|
162
201
|
* useTheme — access theme state from any component inside <ThemeProvider>.
|
|
163
202
|
* Throws if used outside the provider — fail-fast.
|
|
@@ -240,14 +279,19 @@ declare function ThemeSwitcher({ className, showModeToggle }: ThemeSwitcherProps
|
|
|
240
279
|
declare const violetForge: Theme;
|
|
241
280
|
|
|
242
281
|
/**
|
|
243
|
-
* Classic Paper —
|
|
282
|
+
* Classic Paper — visibly warm cream surface; Inter + JetBrains Mono.
|
|
244
283
|
*
|
|
245
|
-
* Identity:
|
|
246
|
-
*
|
|
247
|
-
*
|
|
284
|
+
* Identity: cream paper background with sepia warmth (calibrated against the
|
|
285
|
+
* Vintage Paper / Anthropic Claude UI references), deep navy foreground,
|
|
286
|
+
* indigo primary. Optimized for long agent/chat sessions where pure-white
|
|
287
|
+
* surfaces cause vision fatigue (per IxDF 2026 + ACM 2025 light-mode studies).
|
|
248
288
|
*
|
|
249
|
-
*
|
|
250
|
-
*
|
|
289
|
+
* Token calibration (light mode):
|
|
290
|
+
* - background L=0.95 chroma=0.025 hue=80 — visibly cream paper
|
|
291
|
+
* - card L=0.97 chroma=0.012 hue=80 — sub-paper layer (cards stand out)
|
|
292
|
+
* - foreground unchanged (deep navy, AAA contrast >12:1 vs background)
|
|
293
|
+
*
|
|
294
|
+
* Dark mirror unchanged.
|
|
251
295
|
*/
|
|
252
296
|
declare const classicPaper: Theme;
|
|
253
297
|
|
|
@@ -327,21 +371,25 @@ interface DefineThemeInput {
|
|
|
327
371
|
declare function defineTheme(input: DefineThemeInput): Theme;
|
|
328
372
|
|
|
329
373
|
/**
|
|
330
|
-
* Color helpers
|
|
331
|
-
*
|
|
374
|
+
* Color helpers for `ColorScale` and `defineTheme`.
|
|
375
|
+
*
|
|
376
|
+
* Post-T2.6 (community-best-practices alignment, ADR-0005): the canonical
|
|
377
|
+
* output format is OKLCH (`"oklch(L C H)"`). Built-in themes also use OKLCH
|
|
378
|
+
* after the T2.4 migration. The CSS regex (`COLOR_VALUE_PATTERN`) accepts
|
|
379
|
+
* both formats for backward compatibility — legacy themes pinned to the
|
|
380
|
+
* HSL split format keep working.
|
|
332
381
|
*
|
|
333
|
-
*
|
|
334
|
-
*
|
|
335
|
-
*
|
|
336
|
-
*
|
|
337
|
-
*
|
|
338
|
-
* exactly the friction `hex()` is meant to remove.
|
|
382
|
+
* Helpers:
|
|
383
|
+
* - hex(input) → "oklch(L C H)" (NEW — primary path post-T2.6)
|
|
384
|
+
* - rgb(r, g, b) → "oklch(L C H)" (NEW)
|
|
385
|
+
* - hexToHsl(input) → "H S% L%" (legacy — deprecated, kept 1 minor)
|
|
386
|
+
* - rgbToHsl(...) → "H S% L%" (legacy — deprecated)
|
|
339
387
|
*
|
|
340
|
-
* No external dependency: vanilla algorithm from CSS Color spec.
|
|
341
388
|
* Alpha channels are intentionally discarded — `ColorScale` is opaque;
|
|
342
|
-
*
|
|
389
|
+
* compose alpha in CSS via `color-mix(in oklch, var(--primary) 50%, transparent)`.
|
|
343
390
|
*
|
|
344
|
-
*
|
|
391
|
+
* Original plan: `.claude/knowledge-base/plans/theming-and-sizes-plan.md` T2.2.
|
|
392
|
+
* Updated by: `.claude/knowledge-base/plans/theo-ui-community-best-practices-alignment-plan.md` T2.6.
|
|
345
393
|
*/
|
|
346
394
|
/**
|
|
347
395
|
* Convert a hex color string to the HSL string-tuple format used by
|
|
@@ -354,8 +402,8 @@ declare function defineTheme(input: DefineThemeInput): Theme;
|
|
|
354
402
|
* @throws if the input is malformed.
|
|
355
403
|
*
|
|
356
404
|
* @example
|
|
357
|
-
* hex("#7C3AED") // "
|
|
358
|
-
* hex("#7c3aed") //
|
|
405
|
+
* hex("#7C3AED") // "oklch(0.542 0.245 293)"
|
|
406
|
+
* hex("#7c3aed") // same — case-insensitive
|
|
359
407
|
* hex("#abc") // expanded to "#aabbcc"
|
|
360
408
|
*/
|
|
361
409
|
declare function hex(input: string): string;
|
|
@@ -366,7 +414,7 @@ declare function hex(input: string): string;
|
|
|
366
414
|
* @throws if any channel is out of `[0, 255]`.
|
|
367
415
|
*
|
|
368
416
|
* @example
|
|
369
|
-
* rgb(124, 58, 237) // "
|
|
417
|
+
* rgb(124, 58, 237) // "oklch(0.542 0.245 293)"
|
|
370
418
|
*/
|
|
371
419
|
declare function rgb(r: number, g: number, b: number): string;
|
|
372
420
|
|
|
@@ -1045,15 +1093,15 @@ declare const Dialog: react.FC<DialogPrimitive.DialogProps> & {
|
|
|
1045
1093
|
Content: react.ForwardRefExoticComponent<ContentProps$1 & react.RefAttributes<HTMLDivElement>>;
|
|
1046
1094
|
Overlay: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
1047
1095
|
Header: {
|
|
1048
|
-
({ className, ...props }: HTMLAttributes<HTMLDivElement>):
|
|
1096
|
+
({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
1049
1097
|
displayName: string;
|
|
1050
1098
|
};
|
|
1051
1099
|
Body: {
|
|
1052
|
-
({ className, ...props }: HTMLAttributes<HTMLDivElement>):
|
|
1100
|
+
({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
1053
1101
|
displayName: string;
|
|
1054
1102
|
};
|
|
1055
1103
|
Footer: {
|
|
1056
|
-
({ className, ...props }: HTMLAttributes<HTMLDivElement>):
|
|
1104
|
+
({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
1057
1105
|
displayName: string;
|
|
1058
1106
|
};
|
|
1059
1107
|
Title: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
|
|
@@ -2198,7 +2246,7 @@ interface ToolCallCardProps extends HTMLAttributes<HTMLElement> {
|
|
|
2198
2246
|
/** Timestamp shown on the right. */
|
|
2199
2247
|
timestamp?: ReactNode;
|
|
2200
2248
|
}
|
|
2201
|
-
declare function ToolCallCard({ className, tool, icon: Icon, target, status, output, defaultExpanded, timestamp, ...props }: ToolCallCardProps):
|
|
2249
|
+
declare function ToolCallCard({ className, tool, icon: Icon, target, status, output, defaultExpanded, timestamp, ...props }: ToolCallCardProps): react_jsx_runtime.JSX.Element;
|
|
2202
2250
|
|
|
2203
2251
|
interface SectionProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
|
|
2204
2252
|
title?: ReactNode;
|
|
@@ -2274,15 +2322,15 @@ interface ContentProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.C
|
|
|
2274
2322
|
}
|
|
2275
2323
|
declare const Content$1: react.ForwardRefExoticComponent<ContentProps & react.RefAttributes<HTMLDivElement>>;
|
|
2276
2324
|
declare const Header$1: {
|
|
2277
|
-
({ className, ...props }: HTMLAttributes<HTMLDivElement>):
|
|
2325
|
+
({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
2278
2326
|
displayName: string;
|
|
2279
2327
|
};
|
|
2280
2328
|
declare const Body$1: {
|
|
2281
|
-
({ className, ...props }: HTMLAttributes<HTMLDivElement>):
|
|
2329
|
+
({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
2282
2330
|
displayName: string;
|
|
2283
2331
|
};
|
|
2284
2332
|
declare const Footer: {
|
|
2285
|
-
({ className, ...props }: HTMLAttributes<HTMLDivElement>):
|
|
2333
|
+
({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
2286
2334
|
displayName: string;
|
|
2287
2335
|
};
|
|
2288
2336
|
declare const Title: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
|
|
@@ -2615,7 +2663,7 @@ interface MentionMenuProps {
|
|
|
2615
2663
|
* Position: absolute, anchored to the closest positioned ancestor — usually
|
|
2616
2664
|
* the composer wrapper. Default `bottom-full left-0` (above the composer).
|
|
2617
2665
|
*/
|
|
2618
|
-
declare function MentionMenu({ open, trigger, items, onSelect, onClose, title, emptyLabel, className, }: MentionMenuProps):
|
|
2666
|
+
declare function MentionMenu({ open, trigger, items, onSelect, onClose, title, emptyLabel, className, }: MentionMenuProps): react_jsx_runtime.JSX.Element | null;
|
|
2619
2667
|
|
|
2620
2668
|
interface FolderSelectorProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
2621
2669
|
/** Currently selected absolute path. */
|
|
@@ -3211,6 +3259,83 @@ interface CodeBlockProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"
|
|
|
3211
3259
|
}
|
|
3212
3260
|
declare const CodeBlock: react.ForwardRefExoticComponent<CodeBlockProps & react.RefAttributes<HTMLDivElement>>;
|
|
3213
3261
|
|
|
3262
|
+
/**
|
|
3263
|
+
* StatusIndicator — semantic operational-state indicator (composite).
|
|
3264
|
+
*
|
|
3265
|
+
* Consumes the `--status-online` / `--status-offline` / `--status-degraded`
|
|
3266
|
+
* / `--status-info` token group (ADR-0007). Statuses describe component
|
|
3267
|
+
* liveness (alive/dead/slow/info-flag), distinct from action-result
|
|
3268
|
+
* semantics (success/destructive/warning/info — see `StatusDot` primitive).
|
|
3269
|
+
*
|
|
3270
|
+
* Hierarchy invariant (T4.1): this composite consumes primitives via
|
|
3271
|
+
* Tailwind tokens (`bg-status-*`), never imports another composite. The
|
|
3272
|
+
* `StatusDot` primitive remains as a separate, more generic API.
|
|
3273
|
+
*
|
|
3274
|
+
* @example
|
|
3275
|
+
* <StatusIndicator status="online" />
|
|
3276
|
+
* <StatusIndicator status="degraded" label="Slow" />
|
|
3277
|
+
* <StatusIndicator status="offline" label="Disconnected" size="md" />
|
|
3278
|
+
*/
|
|
3279
|
+
type StatusIndicatorKind = "online" | "offline" | "degraded" | "info";
|
|
3280
|
+
type StatusIndicatorSize = "sm" | "md";
|
|
3281
|
+
interface StatusIndicatorProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children"> {
|
|
3282
|
+
/** Operational state to convey. Maps to `--status-{kind}`. */
|
|
3283
|
+
status: StatusIndicatorKind;
|
|
3284
|
+
/** Optional inline label to the right of the dot. */
|
|
3285
|
+
label?: string;
|
|
3286
|
+
/** Size of the dot. Default `sm` (8px). */
|
|
3287
|
+
size?: StatusIndicatorSize;
|
|
3288
|
+
/** When true, pulses the dot to draw attention (e.g., live state). */
|
|
3289
|
+
pulse?: boolean;
|
|
3290
|
+
}
|
|
3291
|
+
declare const StatusIndicator: react.ForwardRefExoticComponent<StatusIndicatorProps & react.RefAttributes<HTMLSpanElement>>;
|
|
3292
|
+
|
|
3293
|
+
/**
|
|
3294
|
+
* MetricCard — dashboard metric tile (composite).
|
|
3295
|
+
*
|
|
3296
|
+
* Pattern recurrente "Card + CardHeader + value + delta + trend icon" promoted
|
|
3297
|
+
* to a first-class composite per ADR-0007 community-best-practices plan.
|
|
3298
|
+
*
|
|
3299
|
+
* Trend → token mapping (default `invertTrend=false`):
|
|
3300
|
+
* up → text-success (positive growth)
|
|
3301
|
+
* down → text-destructive (negative growth)
|
|
3302
|
+
* neutral → text-muted-foreground
|
|
3303
|
+
*
|
|
3304
|
+
* EC-17 absorbed: pass `invertTrend` for metrics where "up is bad" (cost,
|
|
3305
|
+
* churn, latency). The mapping inverts cleanly:
|
|
3306
|
+
* up → text-destructive (cost growing = bad)
|
|
3307
|
+
* down → text-success (cost dropping = good)
|
|
3308
|
+
*
|
|
3309
|
+
* @example
|
|
3310
|
+
* <MetricCard title="Revenue" value="$12,345" delta={{ value: "+12%", trend: "up" }} />
|
|
3311
|
+
* <MetricCard title="Monthly Cost" value="$3,200" delta={{ value: "+18%", trend: "up" }} invertTrend />
|
|
3312
|
+
*/
|
|
3313
|
+
type MetricCardTrend = "up" | "down" | "neutral";
|
|
3314
|
+
interface MetricCardDelta {
|
|
3315
|
+
/** Display text (e.g., `"+12%"`, `"-3.4 pp"`, `"unchanged"`). */
|
|
3316
|
+
value: string;
|
|
3317
|
+
/** Trend direction — drives icon and color (subject to `invertTrend`). */
|
|
3318
|
+
trend: MetricCardTrend;
|
|
3319
|
+
}
|
|
3320
|
+
interface MetricCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
3321
|
+
/** Metric label (e.g., "Revenue", "Active Users"). */
|
|
3322
|
+
title: string;
|
|
3323
|
+
/** Headline value (e.g., "$12,345", "1,234"). */
|
|
3324
|
+
value: ReactNode;
|
|
3325
|
+
/** Optional delta with trend direction. */
|
|
3326
|
+
delta?: MetricCardDelta;
|
|
3327
|
+
/** Optional subtle context line below the value (e.g., "vs last month"). */
|
|
3328
|
+
hint?: ReactNode;
|
|
3329
|
+
/** Optional icon rendered top-right (e.g., `<DollarSign />`). */
|
|
3330
|
+
icon?: ReactNode;
|
|
3331
|
+
/**
|
|
3332
|
+
* EC-17: invert default trend semantics. Use for Cost / Churn / Latency
|
|
3333
|
+
* metrics where "up" is bad. Default `false` (Revenue / Users / Conversions).
|
|
3334
|
+
*/
|
|
3335
|
+
invertTrend?: boolean;
|
|
3336
|
+
}
|
|
3337
|
+
declare const MetricCard: react.ForwardRefExoticComponent<MetricCardProps & react.RefAttributes<HTMLDivElement>>;
|
|
3338
|
+
|
|
3214
3339
|
/**
|
|
3215
3340
|
* Alert — persistent inline notice. Distinct from `Toast` (transient,
|
|
3216
3341
|
* corner-positioned, multiple stackable) and `EmptyState` (centered card
|
|
@@ -3325,7 +3450,7 @@ interface LabelProps extends ComponentPropsWithoutRef<typeof DropdownMenuPrimiti
|
|
|
3325
3450
|
declare const Label: react.ForwardRefExoticComponent<LabelProps & react.RefAttributes<HTMLDivElement>>;
|
|
3326
3451
|
declare const Separator: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
3327
3452
|
declare const Shortcut: {
|
|
3328
|
-
({ className, ...props }: HTMLAttributes<HTMLSpanElement>):
|
|
3453
|
+
({ className, ...props }: HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
|
|
3329
3454
|
displayName: string;
|
|
3330
3455
|
};
|
|
3331
3456
|
declare const SubTrigger: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
@@ -4013,7 +4138,7 @@ interface SkillEditorProps extends Omit<HTMLAttributes<HTMLFormElement>, "onSubm
|
|
|
4013
4138
|
onCancel?: () => void;
|
|
4014
4139
|
onDelete?: () => void;
|
|
4015
4140
|
}
|
|
4016
|
-
declare function SkillEditor({ className, initial, onSave, onCancel, onDelete, ...formProps }: SkillEditorProps):
|
|
4141
|
+
declare function SkillEditor({ className, initial, onSave, onCancel, onDelete, ...formProps }: SkillEditorProps): react_jsx_runtime.JSX.Element;
|
|
4017
4142
|
|
|
4018
4143
|
/**
|
|
4019
4144
|
* RuleEditor — form for creating or editing a Rule (behavior instruction
|
|
@@ -4029,7 +4154,7 @@ interface RuleEditorProps extends Omit<HTMLAttributes<HTMLFormElement>, "onSubmi
|
|
|
4029
4154
|
onCancel?: () => void;
|
|
4030
4155
|
onDelete?: () => void;
|
|
4031
4156
|
}
|
|
4032
|
-
declare function RuleEditor({ className, initial, onSave, onCancel, onDelete, ...formProps }: RuleEditorProps):
|
|
4157
|
+
declare function RuleEditor({ className, initial, onSave, onCancel, onDelete, ...formProps }: RuleEditorProps): react_jsx_runtime.JSX.Element;
|
|
4033
4158
|
|
|
4034
4159
|
interface CronJobsListProps extends Omit<HTMLAttributes<HTMLDivElement>, "title" | "onToggle"> {
|
|
4035
4160
|
jobs: CronJob[];
|
|
@@ -4083,7 +4208,7 @@ interface AgentEditorProps extends Omit<HTMLAttributes<HTMLFormElement>, "onSubm
|
|
|
4083
4208
|
onCancel?: () => void;
|
|
4084
4209
|
onDelete?: () => void;
|
|
4085
4210
|
}
|
|
4086
|
-
declare function AgentEditor({ className, initial, models, skills, onSave, onCancel, onDelete, ...formProps }: AgentEditorProps):
|
|
4211
|
+
declare function AgentEditor({ className, initial, models, skills, onSave, onCancel, onDelete, ...formProps }: AgentEditorProps): react_jsx_runtime.JSX.Element;
|
|
4087
4212
|
|
|
4088
4213
|
/**
|
|
4089
4214
|
* ApprovalCard — inline pause-and-ask card for an agent stream.
|
|
@@ -4220,7 +4345,7 @@ interface AgentComposerProps extends ComponentProps<typeof ChatComposer> {
|
|
|
4220
4345
|
/** Outer wrapper className (the relative positioning anchor for the menu). */
|
|
4221
4346
|
containerClassName?: string;
|
|
4222
4347
|
}
|
|
4223
|
-
declare function AgentComposer({ value, onValueChange, commands, files, memories, resolveInsertText, emptyLabels, containerClassName, className, textareaProps, ...chatComposerProps }: AgentComposerProps):
|
|
4348
|
+
declare function AgentComposer({ value, onValueChange, commands, files, memories, resolveInsertText, emptyLabels, containerClassName, className, textareaProps, ...chatComposerProps }: AgentComposerProps): react_jsx_runtime.JSX.Element;
|
|
4224
4349
|
|
|
4225
4350
|
/**
|
|
4226
4351
|
* AgentStream — the canonical conversation surface for a code agent.
|
|
@@ -4365,7 +4490,7 @@ interface PermissionModalProps {
|
|
|
4365
4490
|
* `operationLabels`, and `labels`. Defaults are English; pass overrides for
|
|
4366
4491
|
* other locales.
|
|
4367
4492
|
*/
|
|
4368
|
-
declare function PermissionModal({ open, onOpenChange, request, onDecide, title, description, operationLabels, labels, }: PermissionModalProps):
|
|
4493
|
+
declare function PermissionModal({ open, onOpenChange, request, onDecide, title, description, operationLabels, labels, }: PermissionModalProps): react_jsx_runtime.JSX.Element;
|
|
4369
4494
|
|
|
4370
4495
|
interface PreviewPanelProps extends Omit<HTMLAttributes<HTMLElement>, "content"> {
|
|
4371
4496
|
url: string;
|
|
@@ -4616,6 +4741,6 @@ interface CommandPaletteProps {
|
|
|
4616
4741
|
* Stateless: caller owns `open` / `onOpenChange` / `items`. Selecting an item
|
|
4617
4742
|
* fires `onSelect(id)` and closes the dialog.
|
|
4618
4743
|
*/
|
|
4619
|
-
declare function CommandPalette({ open, onOpenChange, items, onSelect, placeholder, emptyMessage, filter, }: CommandPaletteProps):
|
|
4744
|
+
declare function CommandPalette({ open, onOpenChange, items, onSelect, placeholder, emptyMessage, filter, }: CommandPaletteProps): react_jsx_runtime.JSX.Element;
|
|
4620
4745
|
|
|
4621
|
-
export { ALL_MODES, AccountMenu, type AccountMenuProps, ActionBar, type ActionBarProps, AgentComposer, type AgentDraft, AgentEditor, AgentErrorCard, type AgentErrorKind, AgentEvent, type AgentEvent$1 as AgentEventModel, type AgentEventStatus, type AgentEventType, AgentHandoff, AgentProfile, type AgentProfileDescriptor, AgentStartingState, AgentStream, type AgentStreamItem, AgentStreaming, AgentTimeline, Alert, type AlertIntent, type AlertProps, ApprovalCard, type ApprovalSeverity, ArtifactPreview, type Attachment, AttachmentChip, type AuditActorKind, type AuditEntry, AuditLogEntry, type AuditSeverity, AutoCompactNotice, Avatar, BadgeWithDot as Badge, type BadgeProps, BranchIndicator, type BranchIndicatorProps, BrowserControls, BuildLogStream, Button, type ButtonProps, type Capability, CapabilityIndicator, type CapabilityState, Card, type Channel, ChannelCard, type ChannelPlatform, type ChannelStatus, ChatComposer, ChatMessage, ChatMessageAction, type ChatMessageActionProps, ChatMessageActions, type ChatMessageActionsProps, ChatMessageBranch, ChatMessageBranchContent, type ChatMessageBranchContentProps, ChatMessageBranchNext, type ChatMessageBranchNextProps, ChatMessageBranchPage, type ChatMessageBranchPageProps, ChatMessageBranchPrevious, type ChatMessageBranchPreviousProps, type ChatMessageBranchProps, ChatMessageBranchSelector, type ChatMessageBranchSelectorProps, ChatMessageContent, type ChatMessageContentProps, type ChatMessageContentVariant, type ChatMessageProps, ChatMessageResponse, type ChatMessageResponseProps, ChatMessageRoot, type ChatMessageRootProps, ChatMessageToolbar, type ChatMessageToolbarProps, ChatThread, Checkbox, CodeBlock, type CodeBlockProps, type ColorScale, type CommandItem, CommandPalette, type ComposerMode, ConfirmDialog, type ConfirmDialogProps, ContextCard, ContextWindowBar, CopyButton, type CopyButtonProps, CostMeter, type CreatedFile, CreatedFilesCard, type CronJob, CronJobCard, type CronJobStatus, CronJobsList, type CustomContentUIPart, DangerZone, type DangerZoneActionProps, type DangerZoneProps, DataPart, type DataPartProps, type DataRenderer, type DataRendererMap, DataTable, type DataTableColumn, type DataTableProps, type DataTableSort, type DataUIPart, type DefineThemeInput, type Density, type DensityContextValue, type Deployment, DeploymentRow, type DeploymentStatus, Dialog, type DiffHunk, type DiffLine, type DiffLineKind, DiffViewer, type Domain, DomainConfig, type DomainStatus, DropdownMenu, EmptyState, type EnvScope, type EnvVar, EnvVarEditor, ExportChatDialog, type ExportChatDialogProps, type ExportFormat, FilePart, type FilePartProps, type FileUIPart, FolderContextCard, type FolderEntry, FolderSelector, FormField, type GatewayStatus, GatewayStatusIndicator, type GatewayStatusIndicatorProps, HOOK_EVENTS, type HandoffParty, HookConfig, type HookEntry, type HookEvent, type HookEventEntry, HookEventLog, type HookEventResult, Input, type InputProps, type IntentOption, IntentSelector, Label$1 as Label, type Lane, LaneBoard, type LaneCard, type LaneState, type LogLevel, type LogLine, LoginSplit, type MCPServer, MCPServerCard, MCPServerList, type MCPServerStatus, MODE_LABEL, MemoryEditor, type MemoryLayer, type MemoryScope, type MentionItem, MentionMenu, type MentionTrigger, type MessageRole, type Metric, MetricsPanel, type Mode, type ModelCapabilityFlag, ModelCard, type ModelInfo, type ModelOption, ModelSelector, PageShell, type PageShellProps, Pagination, type PaginationProps, type PartRendererMap, type PermissionDecision, type PermissionDecisionKind, PermissionMatrix, PermissionModal, type PermissionOperation, type PermissionRequest, type PermissionRule, PinInput, type PinInputProps, PlanBadge, type PlanBadgeProps, type PlanNode, type PlanNodeStatus, type PlanTier, type PreviewEnv, PreviewEnvCard, PreviewPanel, type PreviewService, Progress, ProgressChecklist, type ProgressProps, type Project, ProjectCard, type ProjectStatus, ProjectSwitcher, type ProviderMetadata, type QuickAction, QuickActionChips, RadioGroup$1 as RadioGroup, type RailStep, type ReasoningFileUIPart, ReasoningPart, type ReasoningPartProps, type ReasoningUIPart, type RecentFolder, RecentFoldersList, type RenderPartOptions, type RollbackTarget, RollbackUI, type Rule, RuleCard, RuleEditor, type RuleScope, type RuleState, RunStats, type RunStatus, RunStatusPill, type RunStatusPillProps, type RunningTaskItem, type RunningTaskStatus, RunningTasksPanel, ScrollArea, Select, SessionListItem, type SessionMode, type SessionRunStatus, type SessionStatus, type SessionSummary, SessionTimeline, Sheet, Sidebar, Skeleton, type Skill, SkillCard, SkillEditor, type SkillSource, type SkillState, SkillsList, SocialAuthRow, type SocialProvider, SourceDocumentPart, type SourceDocumentPartProps, type SourceDocumentUIPart, SourceUrlPart, type SourceUrlPartProps, type SourceUrlUIPart, type StabilityBundle, StabilityBundleViewer, type StabilityBundleViewerProps, type StabilitySeverity, StatTile, type StatTileProps, StatusDot, type StatusDotProps, type StatusKind, type StepStartUIPart, StepsRail, SubAgentDispatch, type SubAgentRun, type SubAgentState, Switch, SystemPromptEditor, Table, type TableCellProps, type TableHeaderCellProps, type TableProps, Tabs, TaskHeader, TaskNode, TaskPlan, type TaskSource, type TaskStatus, type TaskStep, type TaskStepStatus, type TerminalLine, TerminalPanel, TextPart, type TextPartProps, type TextUIPart, Textarea, type TextareaProps, type Theme, type ThemeFonts, type ThemeMode, ThemeProvider, ThemeScript, ThemeSwitcher, TheoUIProvider, type TheoUIProviderProps, type ThinkingLevel, type ThinkingLevelOrInherited, ThinkingLevelSelector, type ThinkingLevelSelectorProps, Timestamp, type TimestampProps, Toast, type ToastVariant, Toaster, TokenUsageChart, type TokenUsagePoint, ToolCall, ToolCallCard, ToolCallPart, type ToolCallPartProps, type ToolCallStatus, type ToolEnablement, type ToolEntry, type ToolInvocationState, ToolResult, type ToolUIPart, ToolsList, TooltipWithStatics as Tooltip, TopNav, type UIMessage, type UIMessagePart, UpdateBanner, type UpdateBannerProps, UsageMeter, type UsageMeterProps, type UsageMetric, anthropicStyle, auroraTerminal, avatarVariants, badgeVariants, builtinThemes, buttonVariants, capabilityPresets, classicPaper, cn, computePageRange, defineTheme, dracula, githubDark, hex, isCustomContentUIPart, isDataUIPart, isFileUIPart, isReasoningFileUIPart, isReasoningUIPart, isSourceDocumentUIPart, isSourceUrlUIPart, isStepStartUIPart, isTextUIPart, isToolUIPart, linearGlass, modelCapabilityPresets, oneDark, openaiStyle, renderPart, rgb, sheetVariants, useDensity, useTheme, useToast, vercelMono, violetForge };
|
|
4746
|
+
export { ALL_MODES, AccountMenu, type AccountMenuProps, ActionBar, type ActionBarProps, AgentComposer, type AgentDraft, AgentEditor, AgentErrorCard, type AgentErrorKind, AgentEvent, type AgentEvent$1 as AgentEventModel, type AgentEventStatus, type AgentEventType, AgentHandoff, AgentProfile, type AgentProfileDescriptor, AgentStartingState, AgentStream, type AgentStreamItem, AgentStreaming, AgentTimeline, Alert, type AlertIntent, type AlertProps, ApprovalCard, type ApprovalSeverity, ArtifactPreview, type Attachment, AttachmentChip, type AuditActorKind, type AuditEntry, AuditLogEntry, type AuditSeverity, AutoCompactNotice, Avatar, BadgeWithDot as Badge, type BadgeProps, BranchIndicator, type BranchIndicatorProps, BrowserControls, BuildLogStream, Button, type ButtonProps, type Capability, CapabilityIndicator, type CapabilityState, Card, type Channel, ChannelCard, type ChannelPlatform, type ChannelStatus, ChatComposer, ChatMessage, ChatMessageAction, type ChatMessageActionProps, ChatMessageActions, type ChatMessageActionsProps, ChatMessageBranch, ChatMessageBranchContent, type ChatMessageBranchContentProps, ChatMessageBranchNext, type ChatMessageBranchNextProps, ChatMessageBranchPage, type ChatMessageBranchPageProps, ChatMessageBranchPrevious, type ChatMessageBranchPreviousProps, type ChatMessageBranchProps, ChatMessageBranchSelector, type ChatMessageBranchSelectorProps, ChatMessageContent, type ChatMessageContentProps, type ChatMessageContentVariant, type ChatMessageProps, ChatMessageResponse, type ChatMessageResponseProps, ChatMessageRoot, type ChatMessageRootProps, ChatMessageToolbar, type ChatMessageToolbarProps, ChatThread, Checkbox, CodeBlock, type CodeBlockProps, type ColorScale, type CommandItem, CommandPalette, type ComposerMode, ConfirmDialog, type ConfirmDialogProps, ContextCard, ContextWindowBar, CopyButton, type CopyButtonProps, CostMeter, type CreatedFile, CreatedFilesCard, type CronJob, CronJobCard, type CronJobStatus, CronJobsList, type CustomContentUIPart, DangerZone, type DangerZoneActionProps, type DangerZoneProps, DataPart, type DataPartProps, type DataRenderer, type DataRendererMap, DataTable, type DataTableColumn, type DataTableProps, type DataTableSort, type DataUIPart, type DefineThemeInput, type Density, type DensityContextValue, type Deployment, DeploymentRow, type DeploymentStatus, Dialog, type DiffHunk, type DiffLine, type DiffLineKind, DiffViewer, type Domain, DomainConfig, type DomainStatus, DropdownMenu, EmptyState, type EnvScope, type EnvVar, EnvVarEditor, ExportChatDialog, type ExportChatDialogProps, type ExportFormat, FilePart, type FilePartProps, type FileUIPart, FolderContextCard, type FolderEntry, FolderSelector, FormField, type GatewayStatus, GatewayStatusIndicator, type GatewayStatusIndicatorProps, HOOK_EVENTS, type HandoffParty, HookConfig, type HookEntry, type HookEvent, type HookEventEntry, HookEventLog, type HookEventResult, Input, type InputProps, type IntentOption, IntentSelector, Label$1 as Label, type Lane, LaneBoard, type LaneCard, type LaneState, type LogLevel, type LogLine, LoginSplit, type MCPServer, MCPServerCard, MCPServerList, type MCPServerStatus, MODE_LABEL, MemoryEditor, type MemoryLayer, type MemoryScope, type MentionItem, MentionMenu, type MentionTrigger, type MessageRole, type Metric, MetricCard, type MetricCardDelta, type MetricCardProps, type MetricCardTrend, MetricsPanel, type Mode, type ModelCapabilityFlag, ModelCard, type ModelInfo, type ModelOption, ModelSelector, PageShell, type PageShellProps, Pagination, type PaginationProps, type PartRendererMap, type PermissionDecision, type PermissionDecisionKind, PermissionMatrix, PermissionModal, type PermissionOperation, type PermissionRequest, type PermissionRule, PinInput, type PinInputProps, PlanBadge, type PlanBadgeProps, type PlanNode, type PlanNodeStatus, type PlanTier, type PreviewEnv, PreviewEnvCard, PreviewPanel, type PreviewService, Progress, ProgressChecklist, type ProgressProps, type Project, ProjectCard, type ProjectStatus, ProjectSwitcher, type ProviderMetadata, type QuickAction, QuickActionChips, RadioGroup$1 as RadioGroup, type RailStep, type ReasoningFileUIPart, ReasoningPart, type ReasoningPartProps, type ReasoningUIPart, type RecentFolder, RecentFoldersList, type RenderPartOptions, type RollbackTarget, RollbackUI, type Rule, RuleCard, RuleEditor, type RuleScope, type RuleState, RunStats, type RunStatus, RunStatusPill, type RunStatusPillProps, type RunningTaskItem, type RunningTaskStatus, RunningTasksPanel, ScrollArea, Select, SessionListItem, type SessionMode, type SessionRunStatus, type SessionStatus, type SessionSummary, SessionTimeline, Sheet, Sidebar, Skeleton, type Skill, SkillCard, SkillEditor, type SkillSource, type SkillState, SkillsList, SocialAuthRow, type SocialProvider, SourceDocumentPart, type SourceDocumentPartProps, type SourceDocumentUIPart, SourceUrlPart, type SourceUrlPartProps, type SourceUrlUIPart, type StabilityBundle, StabilityBundleViewer, type StabilityBundleViewerProps, type StabilitySeverity, StatTile, type StatTileProps, StatusDot, type StatusDotProps, StatusIndicator, type StatusIndicatorKind, type StatusIndicatorProps, type StatusIndicatorSize, type StatusKind, type StepStartUIPart, StepsRail, SubAgentDispatch, type SubAgentRun, type SubAgentState, Switch, SystemPromptEditor, Table, type TableCellProps, type TableHeaderCellProps, type TableProps, Tabs, TaskHeader, TaskNode, TaskPlan, type TaskSource, type TaskStatus, type TaskStep, type TaskStepStatus, type TerminalLine, TerminalPanel, TextPart, type TextPartProps, type TextUIPart, Textarea, type TextareaProps, type Theme, type ThemeFonts, type ThemeMode, ThemeProvider, ThemeScript, ThemeSwitcher, TheoUIProvider, type TheoUIProviderProps, type ThinkingLevel, type ThinkingLevelOrInherited, ThinkingLevelSelector, type ThinkingLevelSelectorProps, Timestamp, type TimestampProps, Toast, type ToastVariant, Toaster, TokenUsageChart, type TokenUsagePoint, ToolCall, ToolCallCard, ToolCallPart, type ToolCallPartProps, type ToolCallStatus, type ToolEnablement, type ToolEntry, type ToolInvocationState, ToolResult, type ToolUIPart, ToolsList, TooltipWithStatics as Tooltip, TopNav, type UIMessage, type UIMessagePart, UpdateBanner, type UpdateBannerProps, UsageMeter, type UsageMeterProps, type UsageMetric, anthropicStyle, auroraTerminal, avatarVariants, badgeVariants, builtinThemes, buttonVariants, capabilityPresets, classicPaper, cn, computePageRange, defineTheme, dracula, githubDark, hex, isCustomContentUIPart, isDataUIPart, isFileUIPart, isReasoningFileUIPart, isReasoningUIPart, isSourceDocumentUIPart, isSourceUrlUIPart, isStepStartUIPart, isTextUIPart, isToolUIPart, linearGlass, modelCapabilityPresets, oneDark, openaiStyle, renderPart, rgb, sheetVariants, useDensity, useTheme, useToast, vercelMono, violetForge };
|