agentic-ui-kit 0.0.0-stage → 0.2.0

package/dist/types/react/src/index.d.ts

@@ -0,0 +1,57 @@
+export { Button, IconButton } from "./primitives/button";
+export type { ButtonProps, IconButtonProps } from "./primitives/button";
+export { Badge } from "./primitives/badge";
+export type { BadgeProps } from "./primitives/badge";
+export { Tooltip } from "./primitives/tooltip";
+export { Caret } from "./primitives/caret";
+export { Disclosure } from "./primitives/disclosure";
+export { Popover, Menu, MenuItem, MenuSearch, MenuSection, MenuSeparator, MenuNote, MenuTrigger, SubmenuTrigger } from "./primitives/menu";
+export { ContextMenu } from "./primitives/context-menu";
+export type { ContextMenuProps } from "./primitives/context-menu";
+export { Modal, Drawer } from "./primitives/overlay";
+export type { ModalProps, DrawerProps } from "./primitives/overlay";
+export { Panel } from "./primitives/panel";
+export type { PanelProps } from "./primitives/panel";
+export { CodeBlock } from "./primitives/code-block";
+export { ChatTheme } from "./primitives/chat-theme";
+export type { ChatThemeProps } from "./primitives/chat-theme";
+export type { CodeThemes, ChatMotion } from "./primitives/appearance";
+export { useChat, userMessage } from "./hooks/use-chat";
+export type { Transport, SendRequest, SendOptions, UseChat, UseChatOptions, PendingApproval } from "./hooks/use-chat";
+export { sseTransport, type SseTransportOptions, type SseRequestBody } from "./hooks/sse-transport";
+export { AgentProvider, AgentRegistry, useAgentRegistry, useAgentSnapshot, useAgentTool, useAgentContext } from "./hooks/agent";
+export type { AgentTool, ToolContext, ToolSpec, JsonSchema } from "./hooks/agent";
+export { useSmoothText } from "./hooks/smooth-text";
+export { useSidebar, useMediaQuery, DRAWER_QUERY } from "./hooks/sidebar-state";
+export { UserMessage, AssistantMessage, formatRelativeTime, messageText } from "./components/messages";
+export type { UserMessageProps, AssistantMessageProps, Feedback } from "./components/messages";
+export { Markdown } from "./components/markdown";
+export type { MarkdownProps } from "./components/markdown";
+export { ActivityGroup } from "./components/activity-group";
+export type { ActivityGroupProps } from "./components/activity-group";
+export { ToolViewsProvider, useToolView, useToolViews, activityLabel, activityHeading, commandTool, webSearchTool, memoryTool, defaultToolViews, formatDuration, useChatTool, } from "./components/tools";
+export type { ToolView, ToolViews, SearchResult, ChatTool } from "./components/tools";
+export { ApprovalCard } from "./components/approval-card";
+export type { ApprovalCardProps } from "./components/approval-card";
+export { TokenCounter, useCountUp, formatTokens } from "./components/token-counter";
+export type { TokenCounterProps } from "./components/token-counter";
+export { ContextPanel } from "./components/context-panel";
+export type { ContextPanelProps } from "./components/context-panel";
+export { Composer, AttachButton } from "./components/composer";
+export type { ComposerProps, AttachButtonProps } from "./components/composer";
+export { ModelPicker } from "./components/model-picker";
+export type { ModelPickerProps } from "./components/model-picker";
+export { useAttachments, AttachmentCard, AttachmentRow, PastedTextDialog } from "./components/attachments";
+export type { DraftAttachment, UploadResult, UseAttachments, UseAttachmentsOptions, AttachmentCardData, AttachmentCardProps, AttachmentRowProps, PastedTextDialogProps, } from "./components/attachments";
+export { MessageList } from "./components/message-list";
+export type { MessageListProps } from "./components/message-list";
+export { ChatHeader, ChatTitleMenu } from "./components/chat-header";
+export type { ChatHeaderProps, ChatTitleMenuProps } from "./components/chat-header";
+export { ChatList } from "./components/chat-list";
+export type { ChatListProps, ChatListSection, ChatListItem, ChatSummary, ProjectSummary } from "./components/chat-list";
+export { ChatView, EmptyState } from "./views/chat-view";
+export type { ChatViewProps, EmptyStateProps, Density } from "./views/chat-view";
+export { AppShell, SidebarToggle } from "./views/app-shell";
+export type { AppShellProps, SidebarToggleProps } from "./views/app-shell";
+export { Sidebar, SidebarItem, SidebarUser } from "./views/sidebar";
+export type { SidebarProps, SidebarItemProps, SidebarUserProps } from "./views/sidebar";

package/dist/types/react/src/primitives/appearance.d.ts

@@ -0,0 +1,38 @@
+import { type ReactNode } from "react";
+/** Shiki theme ids (any bundled theme: "dracula", "catppuccin-latte", "github-dark", ...). */
+export interface CodeThemes {
+    /** Theme used where the chat theme's color-scheme is light. Default "github-light". */
+    light?: string;
+    /** Theme used where the color-scheme is dark. Default "one-dark-pro". */
+    dark?: string;
+    /**
+     * Where a boxed code block gets its background: "kit" uses `--chat-code-bg` (default, so existing hosts do
+     * not change); "theme" uses the Shiki theme's own background and text color.
+     */
+    background?: "kit" | "theme";
+}
+/** "system" follows the OS reduced-motion setting; "reduce" always reduces; "full" keeps animations. */
+export type ChatMotion = "system" | "reduce" | "full";
+export declare const DEFAULT_CODE_THEMES: {
+    readonly light: "github-light";
+    readonly dark: "one-dark-pro";
+};
+interface Appearance {
+    codeThemes?: CodeThemes | undefined;
+    motion?: ChatMotion | undefined;
+}
+export declare function AppearanceProvider({ codeThemes, motion, children }: Appearance & {
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useCodeThemes(): CodeThemes;
+/**
+ * Whether motion should be reduced, for a given `motion` setting. "system" also honors
+ * `data-chat-motion` on <html> (for hosts that do not use ChatTheme), then the OS media query.
+ */
+export declare function shouldReduceMotion(motion?: ChatMotion): boolean;
+/**
+ * Returns a function that tells, at call time, whether JS-driven animation (text streaming, counters)
+ * should be skipped. Call it inside effects. The CSS side uses the same setting through `data-chat-motion`.
+ */
+export declare function useReducedMotion(): () => boolean;
+export {};

package/dist/types/react/src/primitives/badge.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from "react";
+declare const tones: {
+    /** Outlined, e.g. "Recommended". */
+    outline: string;
+    /** Amber, e.g. "5.5× or more usage". */
+    warning: string;
+};
+export interface BadgeProps {
+    children: ReactNode;
+    tone?: keyof typeof tones;
+    icon?: ReactNode;
+    className?: string;
+}
+export declare function Badge({ children, tone, icon, className }: BadgeProps): import("react").JSX.Element;
+export {};

package/dist/types/react/src/primitives/button.d.ts

@@ -0,0 +1,32 @@
+import type { ReactNode } from "react";
+import { type ButtonProps as AriaButtonProps } from "react-aria-components";
+declare const variants: {
+    /** Plain text button, highlights on hover. Sidebar rows, header buttons. */
+    ghost: string;
+    /** Filled with the surface color, e.g. the selected Chat/Cowork toggle. */
+    subtle: string;
+    /** The send button. */
+    primary: string;
+};
+declare const sizes: {
+    sm: string;
+    md: string;
+};
+export interface ButtonProps extends Omit<AriaButtonProps, "className"> {
+    variant?: keyof typeof variants;
+    size?: keyof typeof sizes;
+    className?: string;
+}
+export declare function Button({ variant, size, className, ...props }: ButtonProps): import("react").JSX.Element;
+export interface IconButtonProps extends Omit<AriaButtonProps, "className" | "children"> {
+    /** Accessible name, also shown as the tooltip. */
+    label: string;
+    children: ReactNode;
+    variant?: keyof typeof variants;
+    size?: "sm" | "md";
+    /** Show the label as a tooltip on hover. On by default. */
+    tooltip?: boolean;
+    className?: string;
+}
+export declare function IconButton({ label, variant, size, tooltip, className, ...props }: IconButtonProps): import("react").JSX.Element;
+export {};

package/dist/types/react/src/primitives/caret.d.ts

@@ -0,0 +1,4 @@
+/** The small filled triangle claude.ai uses after expandable labels. Points right; rotate to point down. */
+export declare function Caret({ className }: {
+    className?: string;
+}): import("react").JSX.Element;

package/dist/types/react/src/primitives/chat-theme.d.ts

@@ -0,0 +1,22 @@
+import { type ReactNode } from "react";
+import { type ChatMotion, type CodeThemes } from "./appearance";
+export interface ChatThemeProps {
+    /** Value for `data-chat-theme`, matched by the host's theme CSS. */
+    theme?: string;
+    /** Shiki themes for code blocks and Markdown fences, e.g. `{ light: "catppuccin-latte", dark: "dracula" }`. */
+    codeThemes?: CodeThemes;
+    /**
+     * "system" (default) follows the OS reduced-motion setting; "reduce" applies the reduced rules even without
+     * it; "full" keeps animations even with it. An app that does not use ChatTheme can put
+     * `data-chat-motion="reduce"` (or "full") on <html> instead: the CSS and the JS checks both honor it.
+     */
+    motion?: ChatMotion;
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * Applies a chat theme to part of a page. Menus, tooltips and dialogs opened inside render into this
+ * element instead of `<body>`, so they get the same theme. An app themed as a whole (variables on
+ * `:root`) does not need it for colors, but still uses it for `codeThemes` and `motion`.
+ */
+export declare function ChatTheme({ theme, codeThemes, motion, children, className }: ChatThemeProps): import("react").JSX.Element;

package/dist/types/react/src/primitives/code-block.d.ts

@@ -0,0 +1,13 @@
+import type React from "react";
+export interface CodeBlockProps {
+    code: string;
+    /** Language for highlighting ("bash", "tsx"). Unknown or missing languages show plain text. */
+    language?: string;
+    /** Small caption above the code. Defaults to the language. Pass "" for none. */
+    label?: string;
+    /** "boxed" for code in a message (bordered box); "plain" inside tool details. */
+    variant?: "boxed" | "plain";
+    className?: string;
+}
+/** Monospace code with Shiki highlighting, scrolling past a fixed height. */
+export declare function CodeBlock({ code, language, label, variant, className }: CodeBlockProps): React.JSX.Element;

package/dist/types/react/src/primitives/context-menu.d.ts

@@ -0,0 +1,13 @@
+import { type ReactNode } from "react";
+export interface ContextMenuProps {
+    /** A `<Menu>`; it opens at the pointer. */
+    menu: ReactNode;
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * Opens `menu` at the pointer on right-click, or at the focused element with the Menu key or Shift+F10.
+ * Long-press opens it where the browser fires `contextmenu` for touch (Android); give touch users a
+ * visible "…" button as well.
+ */
+export declare function ContextMenu({ menu, children, className }: ContextMenuProps): import("react").JSX.Element;

package/dist/types/react/src/primitives/disclosure.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from "react";
+import { type DisclosureProps as AriaDisclosureProps } from "react-aria-components";
+export interface DisclosureProps extends Omit<AriaDisclosureProps, "className" | "children"> {
+    /** The always-visible row. A small caret follows it, pointing right when closed and down when open. */
+    summary: ReactNode;
+    children: ReactNode;
+    className?: string;
+    summaryClassName?: string;
+    panelClassName?: string;
+    /** "caret": small triangle after the label (default). "chevron": chevron before it, for list sections. */
+    indicator?: "caret" | "chevron";
+    /** Content at the far right of the summary row, e.g. a count. */
+    trailing?: ReactNode;
+}
+/** A row that expands to show more, like "Recalled memory ▸". */
+export declare function Disclosure({ summary, children, className, summaryClassName, panelClassName, indicator, trailing, ...props }: DisclosureProps): import("react").JSX.Element;

package/dist/types/react/src/primitives/highlight.d.ts

@@ -0,0 +1,13 @@
+import type { ThemedToken } from "shiki";
+/** Highlighted lines of tokens, plus the themes' own background and text color as CSS variables. */
+export interface Highlighted {
+    lines: ThemedToken[][];
+    /** `--shiki-light-bg`, `--shiki-dark-bg`, `--shiki-light` and `--shiki-dark` for the block itself. */
+    vars: Record<string, string>;
+}
+/**
+ * Highlights `code` in the background, with the themes from the nearest ChatTheme. Returns the latest
+ * finished result, so streaming code keeps its colors while the next version is highlighted instead of
+ * flashing back to plain text; a theme change re-highlights.
+ */
+export declare function useHighlight(code: string, language: string | undefined): Highlighted | undefined;

package/dist/types/react/src/primitives/menu.d.ts

@@ -0,0 +1,52 @@
+import type { ReactNode } from "react";
+import { type MenuItemProps as AriaMenuItemProps, type MenuProps as AriaMenuProps, type PopoverProps as AriaPopoverProps, type Key, type Selection } from "react-aria-components";
+export { MenuTrigger, SubmenuTrigger } from "react-aria-components";
+export interface MenuSearchProps {
+    placeholder: string;
+    /** A `Menu`; its items are filtered by what the user types. */
+    children: ReactNode;
+    /** Controlled search text, e.g. to offer "Create <text>". */
+    value?: string;
+    onChange?: (value: string) => void;
+}
+/** A search box above a menu that filters its items, like "Search or create a project". */
+export declare function MenuSearch({ placeholder, children, value, onChange }: MenuSearchProps): import("react").JSX.Element;
+export interface PopoverProps extends Omit<AriaPopoverProps, "className"> {
+    className?: string;
+}
+/** Floating panel for menus and pickers: surface color, rounded, soft shadow, fades in. */
+export declare function Popover({ className, offset, ...props }: PopoverProps): import("react").JSX.Element;
+export interface MenuProps<T> extends Omit<AriaMenuProps<T>, "className"> {
+    className?: string;
+}
+export declare function Menu<T extends object>({ className, ...props }: MenuProps<T>): import("react").JSX.Element;
+export interface MenuItemProps extends Omit<AriaMenuItemProps, "className" | "children"> {
+    children: ReactNode;
+    icon?: ReactNode;
+    /** Second line under the label ("For complex work and everyday tasks"). */
+    description?: ReactNode;
+    /** Right-aligned detail: the current value of a submenu ("Medium") or a badge. */
+    detail?: ReactNode;
+    /** Keyboard shortcut shown on the right ("⌘U", "P"). */
+    shortcut?: string;
+    /** "danger" colors the item red, for Delete. */
+    tone?: "default" | "danger";
+    className?: string;
+}
+export declare function MenuItem({ children, icon, description, detail, shortcut, tone, className, ...props }: MenuItemProps): import("react").JSX.Element;
+export interface MenuSectionProps {
+    children: ReactNode;
+    title?: ReactNode;
+    /** A section can hold its own selection, e.g. the model list above action items. */
+    selectionMode?: "single" | "multiple";
+    selectedKeys?: Iterable<Key>;
+    defaultSelectedKeys?: Iterable<Key>;
+    onSelectionChange?: (keys: Selection) => void;
+}
+export declare function MenuSection({ title, children, ...selection }: MenuSectionProps): import("react").JSX.Element;
+export declare function MenuSeparator(): import("react").JSX.Element;
+/** Explanatory text inside a menu, above or below the items. Not focusable. */
+export declare function MenuNote({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): import("react").JSX.Element;

package/dist/types/react/src/primitives/overlay.d.ts

@@ -0,0 +1,21 @@
+import type { ReactNode } from "react";
+interface OverlayProps {
+    isOpen: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Accessible name when there is no visible `title`. */
+    "aria-label"?: string;
+    children: ReactNode;
+    className?: string;
+}
+export interface ModalProps extends OverlayProps {
+    /** Heading at the top, also the dialog's accessible name. */
+    title?: ReactNode;
+}
+/** A centered dialog over a dimmed page. Escape and clicking outside close it; focus stays inside. */
+export declare function Modal({ isOpen, onOpenChange, title, children, className, ...props }: ModalProps): import("react").JSX.Element;
+export interface DrawerProps extends OverlayProps {
+    side?: "left" | "right";
+}
+/** A panel sliding in from the side over a dimmed page, e.g. the sidebar on phones. */
+export declare function Drawer({ isOpen, onOpenChange, side, children, className, ...props }: DrawerProps): import("react").JSX.Element;
+export {};

package/dist/types/react/src/primitives/panel.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from "react";
+export interface PanelProps {
+    /** Header text; the header is left out when neither `title` nor `actions` is set. */
+    title?: ReactNode;
+    /** Right side of the header, e.g. expand and close buttons. */
+    actions?: ReactNode;
+    /** Pinned under the body. */
+    footer?: ReactNode;
+    children: ReactNode;
+    /** "card": bordered and rounded, for grids and docks. "flush": no frame, for a pane that fills a column. */
+    variant?: "card" | "flush";
+    "aria-label"?: string;
+    className?: string;
+}
+/**
+ * A titled region that fills its container and lets the body scroll: a dock panel, an agent pane in a
+ * grid, a settings card. A `ChatView` placed in the body sizes itself to the panel.
+ */
+export declare function Panel({ title, actions, footer, children, variant, className, ...props }: PanelProps): import("react").JSX.Element;

package/dist/types/react/src/primitives/tooltip.d.ts

@@ -0,0 +1,10 @@
+import type { ReactElement, ReactNode } from "react";
+import { type TooltipProps as AriaTooltipProps } from "react-aria-components";
+export interface TooltipProps {
+    content: ReactNode;
+    /** A focusable element, usually a Button or IconButton. */
+    children: ReactElement;
+    placement?: AriaTooltipProps["placement"];
+    delay?: number;
+}
+export declare function Tooltip({ content, children, placement, delay }: TooltipProps): import("react").JSX.Element;

package/dist/types/react/src/views/app-shell.d.ts

@@ -0,0 +1,20 @@
+import { type ReactNode } from "react";
+export interface AppShellProps {
+    sidebar: ReactNode;
+    children: ReactNode;
+    /** Defaults to collapsed below 1024px. */
+    defaultCollapsed?: boolean;
+    className?: string;
+}
+/**
+ * A page with a sidebar: pinned and collapsible to an icon rail from tablet width up, a drawer over the
+ * content on phones. Children get `useSidebar()` and `<SidebarToggle>`.
+ */
+export declare function AppShell({ sidebar, children, defaultCollapsed, className }: AppShellProps): import("react").JSX.Element;
+export interface SidebarToggleProps {
+    /** Render only when the sidebar is a drawer, e.g. in the chat header. */
+    drawerOnly?: boolean;
+    className?: string;
+}
+/** Opens the drawer on phones, collapses / expands the pinned sidebar elsewhere. */
+export declare function SidebarToggle({ drawerOnly, className }: SidebarToggleProps): import("react").JSX.Element | null;

package/dist/types/react/src/views/chat-view.d.ts

@@ -0,0 +1,51 @@
+import type { Message, Part } from "../../../core/src/index.js";
+import { type ReactNode } from "react";
+import type { PendingApproval } from "../hooks/use-chat";
+import { type ComposerProps } from "../components/composer";
+import type { Feedback } from "../components/messages";
+export type Density = "full" | "panel" | "inline";
+export interface ChatViewProps {
+    messages: Message[];
+    busy?: boolean;
+    onSend: (text: string) => void;
+    onStop?: () => void;
+    /** Tool calls waiting on the user (`useChat().approvals`); the first shows above the composer. */
+    approvals?: PendingApproval[];
+    onApprove?: (partId: string, granted: boolean) => void;
+    onRetry?: (assistantId: string) => void;
+    onEdit?: (userId: string) => void;
+    onFeedback?: (assistantId: string, feedback: Feedback) => void;
+    renderPart?: (part: Part) => ReactNode;
+    /** Usually a `<ChatHeader>`. */
+    header?: ReactNode;
+    /** Passed to the composer: toolbar slots, placeholder, controlled text. */
+    composer?: Partial<Omit<ComposerProps, "onSubmit" | "onStop" | "busy">>;
+    /**
+     * Shown instead of the list while there are no messages; gets the centered composer to place, e.g.
+     * `(composer) => <EmptyState greeting="Good evening">{composer}</EmptyState>`. Defaults to the composer.
+     */
+    emptyState?: (composer: ReactNode) => ReactNode;
+    /** Small print under the composer. */
+    disclaimer?: ReactNode;
+    /** "full": a page. "panel": a docked side panel. "inline": a small area inside a form. */
+    density?: Density;
+    /** Width of the message column, e.g. "48rem". Users can change it in settings. */
+    contentWidth?: string;
+    /** Padding beside the message column, e.g. "1.5rem". */
+    contentPadding?: string;
+    className?: string;
+}
+/** A whole chat: header, the conversation, the docked composer. An empty chat shows `emptyState`. */
+export declare function ChatView({ messages, busy, onSend, onStop, approvals, onApprove, onRetry, onEdit, onFeedback, renderPart, header, composer, emptyState, disclaimer, density, contentWidth, contentPadding, className, }: ChatViewProps): import("react").JSX.Element;
+export interface EmptyStateProps {
+    /** "Good evening, Alex". */
+    greeting: ReactNode;
+    /** Mark left of the greeting, e.g. a logo. */
+    icon?: ReactNode;
+    /** The centered composer. */
+    children: ReactNode;
+    /** Under the composer, e.g. suggestion chips. */
+    footer?: ReactNode;
+}
+/** A new chat: greeting over a centered composer. */
+export declare function EmptyState({ greeting, icon, children, footer }: EmptyStateProps): import("react").JSX.Element;

package/dist/types/react/src/views/sidebar.d.ts

@@ -0,0 +1,38 @@
+import type { ReactNode } from "react";
+export interface SidebarProps {
+    /** Name or logo at the top left; hidden when collapsed. */
+    brand?: ReactNode;
+    /** Buttons at the top right next to the collapse toggle, e.g. a mode switch. */
+    headerActions?: ReactNode;
+    /** Fixed items under the header: New chat, Search, Projects… (`SidebarItem`s). */
+    nav?: ReactNode;
+    /** The scrolling middle, usually `ChatList`. Hidden when collapsed. */
+    children?: ReactNode;
+    /** Bottom, usually `SidebarUser`. */
+    footer?: ReactNode;
+    className?: string;
+}
+/** The claude.ai sidebar frame. Collapses to an icon rail inside `AppShell`; a drawer on phones. */
+export declare function Sidebar({ brand, headerActions, nav, children, footer, className }: SidebarProps): import("react").JSX.Element;
+export interface SidebarItemProps {
+    icon: ReactNode;
+    label: string;
+    onPress?: () => void;
+    href?: string;
+    active?: boolean;
+    /** Shown on the right, e.g. "⌘K". */
+    shortcut?: string;
+}
+/** A nav row: icon and label; just the icon with a tooltip when collapsed. Closes the drawer when picked. */
+export declare function SidebarItem({ icon, label, onPress, href, active, shortcut }: SidebarItemProps): import("react").JSX.Element;
+export interface SidebarUserProps {
+    name: string;
+    /** Second line, e.g. the plan. */
+    detail?: ReactNode;
+    /** Image URL; initials otherwise. */
+    avatarUrl?: string;
+    /** Opens upward from the row, e.g. settings and log out. */
+    menu?: ReactNode;
+}
+/** The account row at the bottom: avatar, name, plan, and a menu. */
+export declare function SidebarUser({ name, detail, avatarUrl, menu }: SidebarUserProps): import("react").JSX.Element;

package/package.json

@@ -1,6 +1,83 @@
 {
   "name": "agentic-ui-kit",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.2.0",
+  "description": "React UI kit for LLM chat and agentic apps: streaming messages, tool calls, approvals, themable with CSS variables.",
+  "license": "MIT",
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/bushshrub/agentic-ui-kit.git",
+    "directory": "packages/react"
+  },
+  "keywords": [
+    "react",
+    "llm",
+    "chat",
+    "ai",
+    "agent",
+    "ui-kit",
+    "tool-calls",
+    "streaming"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/types/react/src/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./core": {
+      "types": "./dist/types/react/src/core.d.ts",
+      "import": "./dist/core.js"
+    },
+    "./styles.css": "./dist/styles.css",
+    "./tailwind.css": "./dist/tailwind.css",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "*.css"
+  ],
+  "peerDependencies": {
+    "react": "^19",
+    "react-dom": "^19"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@streamdown/code": "^2.0.0",
+    "@streamdown/math": "^1.0.3",
+    "clsx": "^2.1.1",
+    "katex": "0.16.47",
+    "lucide-react": "1.69.0",
+    "react-aria": "3.53.1",
+    "react-aria-components": "1.22.1",
+    "shiki": "4.6.0",
+    "streamdown": "2.7.1"
+  },
+  "devDependencies": {
+    "@tailwindcss/cli": "^4.3.4",
+    "@testing-library/react": "16.3.3",
+    "@testing-library/user-event": "^14.6.8",
+    "@types/node": "^26.6.6",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "jsdom": "31.0.0",
+    "react": "^19.3.1",
+    "react-dom": "^19.3.1",
+    "tailwindcss": "4.3.4",
+    "tsdown": "^0.23.5",
+    "@agentic-ui-kit/core": "0.0.0"
+  },
+  "scripts": {
+    "build": "node build.mjs",
+    "typecheck": "tsc -p .",
+    "test": "vitest run"
+  }
 }