@nuvin/ui-design-system 0.1.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/dist/components/ApprovalCard.d.ts +25 -0
- package/dist/components/ApprovalCard.stories.d.ts +25 -0
- package/dist/components/AssistantMessage.d.ts +7 -0
- package/dist/components/AssistantMessage.stories.d.ts +15 -0
- package/dist/components/Badge.d.ts +9 -0
- package/dist/components/Button.d.ts +10 -0
- package/dist/components/Button.stories.d.ts +17 -0
- package/dist/components/Callout.d.ts +23 -0
- package/dist/components/Card.d.ts +10 -0
- package/dist/components/Chip.d.ts +2 -0
- package/dist/components/Composer.d.ts +19 -0
- package/dist/components/Composer.stories.d.ts +13 -0
- package/dist/components/DiffBlock.d.ts +17 -0
- package/dist/components/DiffBlock.stories.d.ts +49 -0
- package/dist/components/Markdown.d.ts +9 -0
- package/dist/components/Markdown.stories.d.ts +13 -0
- package/dist/components/ReasoningDisclosure.d.ts +10 -0
- package/dist/components/ReasoningDisclosure.stories.d.ts +14 -0
- package/dist/components/Spinner.d.ts +2 -0
- package/dist/components/StatusLine.d.ts +12 -0
- package/dist/components/StatusLine.stories.d.ts +11 -0
- package/dist/components/ToolCard.d.ts +17 -0
- package/dist/components/ToolCard.stories.d.ts +19 -0
- package/dist/components/ToolGroup.d.ts +20 -0
- package/dist/components/ToolGroup.stories.d.ts +14 -0
- package/dist/components/UserMessage.d.ts +7 -0
- package/dist/components/UserMessage.stories.d.ts +16 -0
- package/dist/components/data/Avatar.d.ts +13 -0
- package/dist/components/data/Avatar.stories.d.ts +11 -0
- package/dist/components/data/CopyButton.d.ts +7 -0
- package/dist/components/data/CopyButton.stories.d.ts +9 -0
- package/dist/components/data/Kbd.d.ts +5 -0
- package/dist/components/data/Kbd.stories.d.ts +13 -0
- package/dist/components/data/StatCard.d.ts +10 -0
- package/dist/components/data/StatCard.stories.d.ts +13 -0
- package/dist/components/data/Table.d.ts +34 -0
- package/dist/components/data/Table.stories.d.ts +14 -0
- package/dist/components/disclosure/Accordion.d.ts +6 -0
- package/dist/components/disclosure/Accordion.stories.d.ts +9 -0
- package/dist/components/feedback/AlertBanner.d.ts +12 -0
- package/dist/components/feedback/AlertBanner.stories.d.ts +16 -0
- package/dist/components/feedback/Progress.d.ts +7 -0
- package/dist/components/feedback/Progress.stories.d.ts +11 -0
- package/dist/components/forms/Checkbox.d.ts +9 -0
- package/dist/components/forms/Checkbox.stories.d.ts +15 -0
- package/dist/components/forms/Combobox.d.ts +16 -0
- package/dist/components/forms/Combobox.stories.d.ts +20 -0
- package/dist/components/forms/Field.d.ts +19 -0
- package/dist/components/forms/Field.stories.d.ts +10 -0
- package/dist/components/forms/Input.d.ts +13 -0
- package/dist/components/forms/Input.stories.d.ts +17 -0
- package/dist/components/forms/RadioGroup.d.ts +9 -0
- package/dist/components/forms/RadioGroup.stories.d.ts +20 -0
- package/dist/components/forms/Select.d.ts +17 -0
- package/dist/components/forms/Select.stories.d.ts +19 -0
- package/dist/components/forms/Switch.d.ts +10 -0
- package/dist/components/forms/Switch.stories.d.ts +15 -0
- package/dist/components/forms/Textarea.d.ts +10 -0
- package/dist/components/forms/Textarea.stories.d.ts +14 -0
- package/dist/components/layout/Box.d.ts +12 -0
- package/dist/components/layout/Divider.d.ts +6 -0
- package/dist/components/layout/Inline.d.ts +10 -0
- package/dist/components/layout/ScrollArea.d.ts +8 -0
- package/dist/components/layout/ScrollArea.stories.d.ts +10 -0
- package/dist/components/layout/Separator.d.ts +11 -0
- package/dist/components/layout/Separator.stories.d.ts +10 -0
- package/dist/components/layout/Stack.d.ts +9 -0
- package/dist/components/layout/layout.stories.d.ts +9 -0
- package/dist/components/layout/space-maps.d.ts +66 -0
- package/dist/components/navigation/Breadcrumb.d.ts +14 -0
- package/dist/components/navigation/Breadcrumb.stories.d.ts +11 -0
- package/dist/components/navigation/CommandPalette.d.ts +27 -0
- package/dist/components/navigation/CommandPalette.stories.d.ts +18 -0
- package/dist/components/navigation/Pagination.d.ts +8 -0
- package/dist/components/navigation/Pagination.stories.d.ts +17 -0
- package/dist/components/navigation/Sidebar.d.ts +16 -0
- package/dist/components/navigation/Sidebar.stories.d.ts +11 -0
- package/dist/components/navigation/Tabs.d.ts +6 -0
- package/dist/components/navigation/Tabs.stories.d.ts +9 -0
- package/dist/components/overlays/ConfirmDialog.d.ts +14 -0
- package/dist/components/overlays/ConfirmDialog.stories.d.ts +11 -0
- package/dist/components/overlays/DropdownMenu.d.ts +17 -0
- package/dist/components/overlays/DropdownMenu.stories.d.ts +12 -0
- package/dist/components/overlays/EmptyState.d.ts +13 -0
- package/dist/components/overlays/EmptyState.stories.d.ts +11 -0
- package/dist/components/overlays/Modal.d.ts +15 -0
- package/dist/components/overlays/Modal.stories.d.ts +11 -0
- package/dist/components/overlays/Popover.d.ts +5 -0
- package/dist/components/overlays/Popover.stories.d.ts +9 -0
- package/dist/components/overlays/Skeleton.d.ts +5 -0
- package/dist/components/overlays/Skeleton.stories.d.ts +10 -0
- package/dist/components/overlays/Toast.stories.d.ts +10 -0
- package/dist/components/overlays/Toaster.d.ts +3 -0
- package/dist/components/overlays/Tooltip.d.ts +11 -0
- package/dist/components/overlays/Tooltip.stories.d.ts +10 -0
- package/dist/components/overlays/toast.d.ts +26 -0
- package/dist/components/typography/Code.d.ts +5 -0
- package/dist/components/typography/Heading.d.ts +10 -0
- package/dist/components/typography/Link.d.ts +5 -0
- package/dist/components/typography/Text.d.ts +9 -0
- package/dist/components/typography/type-maps.d.ts +25 -0
- package/dist/components/typography/typography.stories.d.ts +7 -0
- package/dist/highlighted-body-KPVGNVTW-B7V4eq0Z.js +19 -0
- package/dist/highlighted-body-KPVGNVTW-BzLVG-SF.cjs +1 -0
- package/dist/index-B8qLWEuY.js +34699 -0
- package/dist/index-Ctl3DYP3.cjs +312 -0
- package/dist/index.cjs +1 -0
- package/dist/index.d.ts +59 -0
- package/dist/index.js +84 -0
- package/dist/lib/cn.d.ts +2 -0
- package/dist/mermaid-HWGCJPDP-B921Bgi1.js +4 -0
- package/dist/mermaid-HWGCJPDP-DwanGdS4.cjs +1 -0
- package/dist/primitives.css +34 -0
- package/dist/semantic.css +98 -0
- package/dist/showcases/Conversation.stories.d.ts +13 -0
- package/dist/spacing.css +16 -0
- package/dist/styles.css +5 -0
- package/dist/theme/ThemeProvider.d.ts +14 -0
- package/dist/theme.css +96 -0
- package/dist/themes/light.css +55 -0
- package/package.json +81 -0
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
export type ApprovalDecision = "allow" | "allow-always" | "deny";
|
|
2
|
+
export interface ApprovalCardProps {
|
|
3
|
+
title?: string;
|
|
4
|
+
tool: string;
|
|
5
|
+
command: string;
|
|
6
|
+
scopeNote?: string;
|
|
7
|
+
pendingCount?: number;
|
|
8
|
+
/**
|
|
9
|
+
* Called with the decision from a button click or Y/A/N keypress.
|
|
10
|
+
* Keyboard shortcuts are window-level: mount at most ONE card at a time,
|
|
11
|
+
* otherwise a single keypress fires every mounted card's handler.
|
|
12
|
+
*/
|
|
13
|
+
onDecision: (decision: ApprovalDecision) => void;
|
|
14
|
+
/**
|
|
15
|
+
* Optional deny-with-comment affordance. When set, a fourth action reveals an
|
|
16
|
+
* inline single-line input; submitting calls this with the trimmed comment.
|
|
17
|
+
* When unset, the card renders exactly as before.
|
|
18
|
+
*/
|
|
19
|
+
onDenyComment?: (comment: string) => void;
|
|
20
|
+
denyCommentLabel?: string;
|
|
21
|
+
allowAlwaysLabel?: string;
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
className?: string;
|
|
24
|
+
}
|
|
25
|
+
export declare const ApprovalCard: import("react").ForwardRefExoticComponent<ApprovalCardProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react-vite";
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("react").ForwardRefExoticComponent<import("./ApprovalCard.js").ApprovalCardProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
|
+
args: {
|
|
6
|
+
tool: string;
|
|
7
|
+
command: string;
|
|
8
|
+
scopeNote: string;
|
|
9
|
+
onDecision: () => void;
|
|
10
|
+
};
|
|
11
|
+
parameters: {
|
|
12
|
+
docs: {
|
|
13
|
+
source: {
|
|
14
|
+
type: string;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
tags: string[];
|
|
19
|
+
};
|
|
20
|
+
export default meta;
|
|
21
|
+
type Story = StoryObj<typeof meta>;
|
|
22
|
+
export declare const Default: Story;
|
|
23
|
+
export declare const QueuedRequests: Story;
|
|
24
|
+
export declare const Disabled: Story;
|
|
25
|
+
export declare const DenyWithComment: Story;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type HTMLAttributes, type ReactNode } from "react";
|
|
2
|
+
export interface AssistantMessageProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
who?: string;
|
|
4
|
+
timestamp?: string;
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
}
|
|
7
|
+
export declare const AssistantMessage: import("react").ForwardRefExoticComponent<AssistantMessageProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react-vite";
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("react").ForwardRefExoticComponent<import("./AssistantMessage.js").AssistantMessageProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
|
+
args: {
|
|
6
|
+
who: string;
|
|
7
|
+
timestamp: string;
|
|
8
|
+
children: import("react").JSX.Element;
|
|
9
|
+
};
|
|
10
|
+
tags: string[];
|
|
11
|
+
};
|
|
12
|
+
export default meta;
|
|
13
|
+
type Story = StoryObj<typeof meta>;
|
|
14
|
+
export declare const Default: Story;
|
|
15
|
+
export declare const Streaming: Story;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type VariantProps } from "class-variance-authority";
|
|
2
|
+
import { type HTMLAttributes } from "react";
|
|
3
|
+
declare const badgeVariants: (props?: ({
|
|
4
|
+
tone?: "ok" | "error" | "running" | "neutral" | "warning" | "brand" | "model" | null | undefined;
|
|
5
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
+
export interface BadgeProps extends HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
|
|
7
|
+
}
|
|
8
|
+
export declare const Badge: import("react").ForwardRefExoticComponent<BadgeProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type VariantProps } from "class-variance-authority";
|
|
2
|
+
import { type ButtonHTMLAttributes } from "react";
|
|
3
|
+
declare const buttonVariants: (props?: ({
|
|
4
|
+
variant?: "default" | "destructive" | "ghost" | "chip" | null | undefined;
|
|
5
|
+
size?: "sm" | "md" | null | undefined;
|
|
6
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
|
+
export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
8
|
+
}
|
|
9
|
+
export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react-vite";
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("react").ForwardRefExoticComponent<import("./Button.js").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
args: {
|
|
6
|
+
children: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const Default: Story;
|
|
13
|
+
export declare const Destructive: Story;
|
|
14
|
+
export declare const Ghost: Story;
|
|
15
|
+
export declare const Chip: Story;
|
|
16
|
+
export declare const Small: Story;
|
|
17
|
+
export declare const Disabled: Story;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { type HTMLAttributes } from "react";
|
|
2
|
+
declare const SEVERITY_STYLES: {
|
|
3
|
+
readonly info: {
|
|
4
|
+
readonly icon: "i";
|
|
5
|
+
readonly box: "border-border bg-panel text-text-2";
|
|
6
|
+
readonly glyph: "text-info";
|
|
7
|
+
};
|
|
8
|
+
readonly warning: {
|
|
9
|
+
readonly icon: "!";
|
|
10
|
+
readonly box: "border-accent/25 bg-add-bg text-foreground";
|
|
11
|
+
readonly glyph: "text-accent";
|
|
12
|
+
};
|
|
13
|
+
readonly error: {
|
|
14
|
+
readonly icon: "×";
|
|
15
|
+
readonly box: "border-destructive/25 bg-del-bg text-foreground";
|
|
16
|
+
readonly glyph: "text-destructive";
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
export interface CalloutProps extends HTMLAttributes<HTMLDivElement> {
|
|
20
|
+
severity: keyof typeof SEVERITY_STYLES;
|
|
21
|
+
}
|
|
22
|
+
export declare const Callout: import("react").ForwardRefExoticComponent<CalloutProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
23
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type HTMLAttributes } from "react";
|
|
2
|
+
export declare const CardRoot: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
3
|
+
export declare const CardHeader: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
|
+
export declare const CardBody: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
|
+
export declare const CardActions: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
6
|
+
export declare const Card: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>> & {
|
|
7
|
+
Header: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
|
+
Body: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
9
|
+
Actions: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
10
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { type ReactNode } from "react";
|
|
2
|
+
export type ComposerCommand = {
|
|
3
|
+
name: string;
|
|
4
|
+
description?: string;
|
|
5
|
+
argumentHint?: string;
|
|
6
|
+
};
|
|
7
|
+
export interface ComposerProps {
|
|
8
|
+
placeholder?: string;
|
|
9
|
+
busy?: boolean;
|
|
10
|
+
onSubmit?: (text: string) => void;
|
|
11
|
+
onStop?: () => void;
|
|
12
|
+
onCommand?: (raw: string) => void;
|
|
13
|
+
commands?: ComposerCommand[];
|
|
14
|
+
leftChips?: ReactNode;
|
|
15
|
+
metaRight?: ReactNode;
|
|
16
|
+
autoFocus?: boolean;
|
|
17
|
+
className?: string;
|
|
18
|
+
}
|
|
19
|
+
export declare const Composer: import("react").ForwardRefExoticComponent<ComposerProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react-vite";
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("react").ForwardRefExoticComponent<import("./Composer.js").ComposerProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
|
+
args: {};
|
|
6
|
+
tags: string[];
|
|
7
|
+
};
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<typeof meta>;
|
|
10
|
+
export declare const Empty: Story;
|
|
11
|
+
export declare const BusyStopButton: Story;
|
|
12
|
+
export declare const AutoFocused: Story;
|
|
13
|
+
export declare const WithCommands: Story;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export type DiffLine = {
|
|
2
|
+
kind: "hunk";
|
|
3
|
+
text: string;
|
|
4
|
+
} | {
|
|
5
|
+
kind: "add" | "del" | "context";
|
|
6
|
+
lineNo?: number;
|
|
7
|
+
sign: "+" | "-" | " ";
|
|
8
|
+
text: string;
|
|
9
|
+
};
|
|
10
|
+
export interface DiffBlockProps {
|
|
11
|
+
path: string;
|
|
12
|
+
additions?: number;
|
|
13
|
+
deletions?: number;
|
|
14
|
+
lines: DiffLine[];
|
|
15
|
+
className?: string;
|
|
16
|
+
}
|
|
17
|
+
export declare const DiffBlock: import("react").ForwardRefExoticComponent<DiffBlockProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react-vite";
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("react").ForwardRefExoticComponent<import("./DiffBlock.js").DiffBlockProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
|
+
args: {
|
|
6
|
+
path: string;
|
|
7
|
+
additions: number;
|
|
8
|
+
deletions: number;
|
|
9
|
+
lines: ({
|
|
10
|
+
readonly kind: "hunk";
|
|
11
|
+
readonly text: "@@ -38,7 +38,10 @@";
|
|
12
|
+
} | {
|
|
13
|
+
readonly kind: "context";
|
|
14
|
+
readonly lineNo: 38;
|
|
15
|
+
readonly sign: " ";
|
|
16
|
+
readonly text: "export function SettingsPage() {";
|
|
17
|
+
} | {
|
|
18
|
+
readonly kind: "context";
|
|
19
|
+
readonly lineNo: 39;
|
|
20
|
+
readonly sign: " ";
|
|
21
|
+
readonly text: " return (";
|
|
22
|
+
} | {
|
|
23
|
+
readonly kind: "del";
|
|
24
|
+
readonly lineNo: 40;
|
|
25
|
+
readonly sign: "-";
|
|
26
|
+
readonly text: " <main className=\"page\">";
|
|
27
|
+
} | {
|
|
28
|
+
readonly kind: "add";
|
|
29
|
+
readonly lineNo: 40;
|
|
30
|
+
readonly sign: "+";
|
|
31
|
+
readonly text: " <main className=\"page\" data-theme={theme}>";
|
|
32
|
+
} | {
|
|
33
|
+
readonly kind: "add";
|
|
34
|
+
readonly lineNo: 41;
|
|
35
|
+
readonly sign: "+";
|
|
36
|
+
readonly text: " <ThemeToggle />";
|
|
37
|
+
} | {
|
|
38
|
+
readonly kind: "context";
|
|
39
|
+
readonly lineNo: 42;
|
|
40
|
+
readonly sign: " ";
|
|
41
|
+
readonly text: " <SettingsForm sections={SECTIONS} />";
|
|
42
|
+
})[];
|
|
43
|
+
};
|
|
44
|
+
tags: string[];
|
|
45
|
+
};
|
|
46
|
+
export default meta;
|
|
47
|
+
type Story = StoryObj<typeof meta>;
|
|
48
|
+
export declare const Default: Story;
|
|
49
|
+
export declare const NoChanges: Story;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export interface MarkdownProps {
|
|
2
|
+
children: string;
|
|
3
|
+
className?: string;
|
|
4
|
+
}
|
|
5
|
+
/**
|
|
6
|
+
* Streaming-tolerant markdown for agent output. Styling comes from Tailwind
|
|
7
|
+
* semantic tokens; when nested in AssistantMessage its prose selectors apply.
|
|
8
|
+
*/
|
|
9
|
+
export declare const Markdown: import("react").ForwardRefExoticComponent<MarkdownProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react-vite";
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("react").ForwardRefExoticComponent<import("./Markdown.js").MarkdownProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
|
+
args: {
|
|
6
|
+
children: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const Default: Story;
|
|
13
|
+
export declare const Streaming: Story;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type ReactNode } from "react";
|
|
2
|
+
export interface ReasoningDisclosureProps {
|
|
3
|
+
durationText?: string;
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
defaultOpen?: boolean;
|
|
6
|
+
open?: boolean;
|
|
7
|
+
onOpenChange?: (open: boolean) => void;
|
|
8
|
+
className?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare const ReasoningDisclosure: import("react").ForwardRefExoticComponent<ReasoningDisclosureProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react-vite";
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("react").ForwardRefExoticComponent<import("./ReasoningDisclosure.js").ReasoningDisclosureProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
|
+
args: {
|
|
6
|
+
durationText: string;
|
|
7
|
+
children: string;
|
|
8
|
+
};
|
|
9
|
+
tags: string[];
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof meta>;
|
|
13
|
+
export declare const Collapsed: Story;
|
|
14
|
+
export declare const Expanded: Story;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { type HTMLAttributes, type ReactNode } from "react";
|
|
2
|
+
export interface StatusLineProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
hints?: Array<{
|
|
4
|
+
keys: string;
|
|
5
|
+
label: string;
|
|
6
|
+
}>;
|
|
7
|
+
tokens?: number;
|
|
8
|
+
requests?: number;
|
|
9
|
+
costUsd?: number;
|
|
10
|
+
children?: ReactNode;
|
|
11
|
+
}
|
|
12
|
+
export declare const StatusLine: import("react").ForwardRefExoticComponent<StatusLineProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react-vite";
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("react").ForwardRefExoticComponent<import("./StatusLine.js").StatusLineProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
|
+
args: {};
|
|
6
|
+
tags: string[];
|
|
7
|
+
};
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<typeof meta>;
|
|
10
|
+
export declare const HintsOnly: Story;
|
|
11
|
+
export declare const FullStats: Story;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type ReactNode } from "react";
|
|
2
|
+
export type ToolStatus = "ok" | "error" | "running" | "pending";
|
|
3
|
+
export type ToolKind = "read" | "edit" | "exec" | "search" | "other";
|
|
4
|
+
export interface ToolCardProps {
|
|
5
|
+
kind?: ToolKind;
|
|
6
|
+
name: string;
|
|
7
|
+
arg?: string;
|
|
8
|
+
status: ToolStatus;
|
|
9
|
+
statusText?: string;
|
|
10
|
+
durationText?: string;
|
|
11
|
+
children?: ReactNode;
|
|
12
|
+
defaultOpen?: boolean;
|
|
13
|
+
open?: boolean;
|
|
14
|
+
onOpenChange?: (open: boolean) => void;
|
|
15
|
+
className?: string;
|
|
16
|
+
}
|
|
17
|
+
export declare const ToolCard: import("react").ForwardRefExoticComponent<ToolCardProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react-vite";
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("react").ForwardRefExoticComponent<import("./ToolCard.js").ToolCardProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
|
+
args: {
|
|
6
|
+
name: string;
|
|
7
|
+
arg: string;
|
|
8
|
+
status: "ok";
|
|
9
|
+
durationText: string;
|
|
10
|
+
};
|
|
11
|
+
tags: string[];
|
|
12
|
+
};
|
|
13
|
+
export default meta;
|
|
14
|
+
type Story = StoryObj<typeof meta>;
|
|
15
|
+
export declare const ReadOk: Story;
|
|
16
|
+
export declare const EditOkOpen: Story;
|
|
17
|
+
export declare const ExecRunning: Story;
|
|
18
|
+
export declare const SearchPending: Story;
|
|
19
|
+
export declare const Error: Story;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { type ReactNode } from "react";
|
|
2
|
+
export interface ToolGroupFacts {
|
|
3
|
+
searches?: number;
|
|
4
|
+
execs?: number;
|
|
5
|
+
edits?: number;
|
|
6
|
+
ok?: number;
|
|
7
|
+
failed?: number;
|
|
8
|
+
}
|
|
9
|
+
export interface ToolGroupProps {
|
|
10
|
+
title?: string;
|
|
11
|
+
durationText?: string;
|
|
12
|
+
facts?: ToolGroupFacts;
|
|
13
|
+
running?: boolean;
|
|
14
|
+
children: ReactNode;
|
|
15
|
+
defaultOpen?: boolean;
|
|
16
|
+
open?: boolean;
|
|
17
|
+
onOpenChange?: (open: boolean) => void;
|
|
18
|
+
className?: string;
|
|
19
|
+
}
|
|
20
|
+
export declare const ToolGroup: import("react").ForwardRefExoticComponent<ToolGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react-vite";
|
|
2
|
+
import type { ToolGroupProps } from "./ToolGroup.js";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("react").ForwardRefExoticComponent<ToolGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
6
|
+
tags: string[];
|
|
7
|
+
};
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<typeof meta & {
|
|
10
|
+
args: Partial<ToolGroupProps>;
|
|
11
|
+
}>;
|
|
12
|
+
export declare const CompletedWork: Story;
|
|
13
|
+
export declare const WithFailure: Story;
|
|
14
|
+
export declare const RunningNow: Story;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type HTMLAttributes, type ReactNode } from "react";
|
|
2
|
+
export interface UserMessageProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
who?: string;
|
|
4
|
+
timestamp?: string;
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
}
|
|
7
|
+
export declare const UserMessage: import("react").ForwardRefExoticComponent<UserMessageProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react-vite";
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("react").ForwardRefExoticComponent<import("./UserMessage.js").UserMessageProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
|
+
args: {
|
|
6
|
+
who: string;
|
|
7
|
+
timestamp: string;
|
|
8
|
+
children: string;
|
|
9
|
+
};
|
|
10
|
+
tags: string[];
|
|
11
|
+
};
|
|
12
|
+
export default meta;
|
|
13
|
+
type Story = StoryObj<typeof meta>;
|
|
14
|
+
export declare const Default: Story;
|
|
15
|
+
export declare const NoTimestamp: Story;
|
|
16
|
+
export declare const CustomWho: Story;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
declare const sizeClasses: {
|
|
2
|
+
readonly sm: "size-6 text-[0.625rem]";
|
|
3
|
+
readonly md: "size-8 text-xs";
|
|
4
|
+
readonly lg: "size-10 text-sm";
|
|
5
|
+
};
|
|
6
|
+
export interface AvatarProps {
|
|
7
|
+
name: string;
|
|
8
|
+
src?: string;
|
|
9
|
+
size?: keyof typeof sizeClasses;
|
|
10
|
+
className?: string;
|
|
11
|
+
}
|
|
12
|
+
export declare const Avatar: import("react").ForwardRefExoticComponent<AvatarProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react-vite";
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("react").ForwardRefExoticComponent<import("./Avatar.js").AvatarProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
};
|
|
7
|
+
export default meta;
|
|
8
|
+
type Story = StoryObj<typeof meta>;
|
|
9
|
+
export declare const Initials: Story;
|
|
10
|
+
export declare const Sizes: Story;
|
|
11
|
+
export declare const WithImage: Story;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type ButtonHTMLAttributes } from "react";
|
|
2
|
+
export interface CopyButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value" | "onClick"> {
|
|
3
|
+
value: string;
|
|
4
|
+
className?: string;
|
|
5
|
+
onCopied?: () => void;
|
|
6
|
+
}
|
|
7
|
+
export declare const CopyButton: import("react").ForwardRefExoticComponent<CopyButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react-vite";
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("react").ForwardRefExoticComponent<import("./CopyButton.js").CopyButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
};
|
|
7
|
+
export default meta;
|
|
8
|
+
type Story = StoryObj;
|
|
9
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react-vite";
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("react").ForwardRefExoticComponent<import("./Kbd.js").KbdProps & import("react").RefAttributes<HTMLElement>>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
args: {
|
|
7
|
+
children: string;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const Single: Story;
|
|
13
|
+
export declare const Combo: Story;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { LucideIcon } from "lucide-react";
|
|
2
|
+
export interface StatCardProps {
|
|
3
|
+
label: string;
|
|
4
|
+
value: string | number;
|
|
5
|
+
delta?: number;
|
|
6
|
+
deltaLabel?: string;
|
|
7
|
+
icon?: LucideIcon;
|
|
8
|
+
className?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare const StatCard: import("react").ForwardRefExoticComponent<StatCardProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react-vite";
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("react").ForwardRefExoticComponent<import("./StatCard.js").StatCardProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
args: {
|
|
7
|
+
label: string;
|
|
8
|
+
value: number;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof meta>;
|
|
13
|
+
export declare const Row: Story;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { type ReactElement, type ReactNode, type RefAttributes } from "react";
|
|
2
|
+
export interface TableColumn<T> {
|
|
3
|
+
key: string;
|
|
4
|
+
header: ReactNode;
|
|
5
|
+
sortable?: boolean;
|
|
6
|
+
width?: string;
|
|
7
|
+
align?: "left" | "center" | "right";
|
|
8
|
+
render?: (row: T) => ReactNode;
|
|
9
|
+
}
|
|
10
|
+
export interface SortState {
|
|
11
|
+
key: string;
|
|
12
|
+
direction: "asc" | "desc";
|
|
13
|
+
}
|
|
14
|
+
export interface FilterState {
|
|
15
|
+
text: string;
|
|
16
|
+
keys: string[];
|
|
17
|
+
}
|
|
18
|
+
export interface TableProps<T> {
|
|
19
|
+
columns: TableColumn<T>[];
|
|
20
|
+
rows: T[];
|
|
21
|
+
rowKey: (row: T) => string;
|
|
22
|
+
sort?: SortState;
|
|
23
|
+
onSortChange?: (sort: SortState) => void;
|
|
24
|
+
filter?: FilterState;
|
|
25
|
+
loading?: boolean;
|
|
26
|
+
empty?: ReactNode;
|
|
27
|
+
onRowClick?: (row: T) => void;
|
|
28
|
+
className?: string;
|
|
29
|
+
}
|
|
30
|
+
type TableComponent = (<T>(props: TableProps<T> & RefAttributes<HTMLDivElement>) => ReactElement | null) & {
|
|
31
|
+
displayName?: string;
|
|
32
|
+
};
|
|
33
|
+
export declare const Table: TableComponent;
|
|
34
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react-vite";
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: (<T>(props: import("./Table.js").TableProps<T> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement | null) & {
|
|
5
|
+
displayName?: string;
|
|
6
|
+
};
|
|
7
|
+
tags: string[];
|
|
8
|
+
};
|
|
9
|
+
export default meta;
|
|
10
|
+
type Story = StoryObj;
|
|
11
|
+
export declare const Sortable: Story;
|
|
12
|
+
export declare const Filterable: Story;
|
|
13
|
+
export declare const Loading: Story;
|
|
14
|
+
export declare const Empty: Story;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as AccordionPrimitive from "@radix-ui/react-accordion";
|
|
2
|
+
declare const Accordion: import("react").ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & import("react").RefAttributes<HTMLDivElement>>;
|
|
3
|
+
declare const AccordionItem: import("react").ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
|
+
declare const AccordionTrigger: import("react").ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
declare const AccordionContent: import("react").ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
6
|
+
export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react-vite";
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("react").ForwardRefExoticComponent<(import("@radix-ui/react-accordion").AccordionSingleProps | import("@radix-ui/react-accordion").AccordionMultipleProps) & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
};
|
|
7
|
+
export default meta;
|
|
8
|
+
type Story = StoryObj<typeof meta>;
|
|
9
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { type VariantProps } from "class-variance-authority";
|
|
2
|
+
import { type HTMLAttributes } from "react";
|
|
3
|
+
declare const alertBannerVariants: (props?: ({
|
|
4
|
+
variant?: "error" | "warning" | "info" | "success" | null | undefined;
|
|
5
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
+
export type AlertBannerVariant = NonNullable<VariantProps<typeof alertBannerVariants>["variant"]>;
|
|
7
|
+
export interface AlertBannerProps extends Omit<HTMLAttributes<HTMLDivElement>, "role">, VariantProps<typeof alertBannerVariants> {
|
|
8
|
+
dismissible?: boolean;
|
|
9
|
+
onDismiss?: () => void;
|
|
10
|
+
}
|
|
11
|
+
export declare const AlertBanner: import("react").ForwardRefExoticComponent<AlertBannerProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
12
|
+
export {};
|