@truefoundry/agent-ui-sdk 0.0.1 → 0.0.3

package/src/hooks/useComposerBusyState.ts

@@ -1,69 +0,0 @@
-"use client";
-
-import { useThreadIsRunning } from "@assistant-ui/core/react";
-import { createContext, createElement, useCallback, useContext, useEffect, useState, type ReactNode } from "react";
-
-export type ComposerBusyState = {
-    /** True while submitting or while the turn stream is active. */
-    isBusy: boolean;
-    isRunning: boolean;
-    isSubmitting: boolean;
-    send: (sendFn: () => void | Promise<void>) => void;
-    resetBusy: () => void;
-};
-
-const ComposerBusyContext = createContext<ComposerBusyState | null>(null);
-
-function useComposerBusyStateValue(): ComposerBusyState {
-    const isRunning = useThreadIsRunning();
-    const [isSubmitting, setIsSubmitting] = useState(false);
-
-    useEffect(() => {
-        if (!isRunning) {
-            setIsSubmitting(false);
-        }
-    }, [isRunning]);
-
-    const isBusy = isRunning || isSubmitting;
-
-    const resetBusy = useCallback(() => {
-        setIsSubmitting(false);
-    }, []);
-
-    const send = useCallback((sendFn: () => void | Promise<void>) => {
-        setIsSubmitting(true);
-        try {
-            const result = sendFn();
-            if (result != null && typeof result.then === "function") {
-                void result.catch(() => {
-                    setIsSubmitting(false);
-                });
-            }
-        } catch {
-            setIsSubmitting(false);
-        }
-    }, []);
-
-    return { isBusy, isRunning, isSubmitting, send, resetBusy };
-}
-
-export function ComposerBusyProvider({ children }: { children: ReactNode }) {
-    const value = useComposerBusyStateValue();
-    return createElement(ComposerBusyContext.Provider, { value }, children);
-}
-
-/**
- * Optimistic composer busy state shared across the thread. `useThreadIsRunning()`
- * only becomes true once the turn stream starts; this hook flips to busy
- * immediately on submit so the send button shows loading before session setup /
- * turn API work finishes.
- *
- * Must be used within `<ComposerBusyProvider>` (wired by default in `<Thread />`).
- */
-export function useComposerBusyState(): ComposerBusyState {
-    const value = useContext(ComposerBusyContext);
-    if (value == null) {
-        throw new Error("useComposerBusyState must be used within ComposerBusyProvider");
-    }
-    return value;
-}

package/src/index.ts

@@ -1,193 +0,0 @@
-"use client";
-
-export { SlotsProvider, useSlot } from "./theme/SlotsProvider.js";
-export type { AtomSlots, SlotOverrides } from "./theme/SlotsProvider.js";
-export { defaultSlots } from "./theme/defaultSlots.js";
-export { TokensProvider, useTokens, defaultTokens } from "./theme/tokens.js";
-export type {
-    ColorToken,
-    RadiusToken,
-    SpacingToken,
-    TypeRoleToken,
-    TypeRoleValue,
-    DesignTokens,
-} from "./theme/tokens.js";
-
-export { Button, buttonVariants } from "./atoms/primitives/Button.js";
-export type { ButtonProps } from "./atoms/primitives/Button.js";
-export { IconButton } from "./atoms/primitives/IconButton.js";
-export type { IconButtonProps } from "./atoms/primitives/IconButton.js";
-export { Avatar, AvatarImage, AvatarFallback } from "./atoms/primitives/Avatar.js";
-export type {
-    AvatarProps,
-    AvatarImageProps,
-    AvatarFallbackProps,
-} from "./atoms/primitives/Avatar.js";
-export {
-    Tooltip,
-    TooltipProvider,
-    TooltipTrigger,
-    TooltipContent,
-} from "./atoms/primitives/Tooltip.js";
-export type {
-    TooltipProps,
-    TooltipProviderProps,
-    TooltipTriggerProps,
-    TooltipContentProps,
-} from "./atoms/primitives/Tooltip.js";
-export {
-    Dialog,
-    DialogTrigger,
-    DialogPortal,
-    DialogClose,
-    DialogOverlay,
-    DialogContent,
-    DialogHeader,
-    DialogFooter,
-    DialogTitle,
-    DialogDescription,
-} from "./atoms/primitives/Dialog.js";
-export type {
-    DialogProps,
-    DialogTriggerProps,
-    DialogPortalProps,
-    DialogCloseProps,
-    DialogOverlayProps,
-    DialogContentProps,
-    DialogHeaderProps,
-    DialogFooterProps,
-    DialogTitleProps,
-    DialogDescriptionProps,
-} from "./atoms/primitives/Dialog.js";
-export {
-    Collapsible,
-    CollapsibleTrigger,
-    CollapsibleContent,
-} from "./atoms/primitives/Collapsible.js";
-export type {
-    CollapsibleProps,
-    CollapsibleTriggerProps,
-    CollapsibleContentProps,
-} from "./atoms/primitives/Collapsible.js";
-export { Skeleton } from "./atoms/primitives/Skeleton.js";
-export type { SkeletonProps } from "./atoms/primitives/Skeleton.js";
-
-export { Markdown } from "./atoms/Markdown.js";
-export type { MarkdownProps } from "./atoms/Markdown.js";
-export { OpenUIBlock } from "./atoms/OpenUIBlock.js";
-export type { OpenUIBlockProps } from "./atoms/OpenUIBlock.js";
-export { SandboxArtifactList } from "./atoms/SandboxArtifactList.js";
-export type { SandboxArtifactListProps, SandboxArtifactLink } from "./atoms/SandboxArtifactList.js";
-export { CodeBlockHeader } from "./atoms/CodeBlockHeader.js";
-export type { CodeBlockHeaderProps } from "./atoms/CodeBlockHeader.js";
-export { MessageBubble } from "./atoms/MessageBubble.js";
-export type {
-    MessageBubbleProps,
-    AssistantMessageBubbleProps,
-    UserMessageBubbleProps,
-} from "./atoms/MessageBubble.js";
-export { MessageErrorBanner } from "./atoms/MessageErrorBanner.js";
-export type { MessageErrorBannerProps } from "./atoms/MessageErrorBanner.js";
-export { MessageActionBar } from "./atoms/MessageActionBar.js";
-export type { MessageActionBarProps } from "./atoms/MessageActionBar.js";
-export { UserMessageActionBar } from "./atoms/UserMessageActionBar.js";
-export type { UserMessageActionBarProps } from "./atoms/UserMessageActionBar.js";
-export { BranchIndicator } from "./atoms/BranchIndicator.js";
-export type { BranchIndicatorProps } from "./atoms/BranchIndicator.js";
-export { MessageIndicator } from "./atoms/MessageIndicator.js";
-export type { MessageIndicatorProps } from "./atoms/MessageIndicator.js";
-export { WelcomeScreen } from "./atoms/WelcomeScreen.js";
-export type { WelcomeScreenProps } from "./atoms/WelcomeScreen.js";
-export { MessageListSkeleton } from "./atoms/Skeletons.js";
-export type { MessageListSkeletonProps } from "./atoms/Skeletons.js";
-export { ScrollToBottomButton } from "./atoms/ScrollToBottomButton.js";
-export type { ScrollToBottomButtonProps } from "./atoms/ScrollToBottomButton.js";
-export {
-    ThreadRootShell,
-    ThreadViewportShell,
-    ThreadComposerAreaShell,
-    MessageGroup,
-} from "./atoms/ThreadShell.js";
-export type {
-    ThreadRootShellProps,
-    ThreadViewportShellProps,
-    ThreadComposerAreaShellProps,
-    MessageGroupProps,
-} from "./atoms/ThreadShell.js";
-
-export { ToolCallCard } from "./atoms/ToolCallCard.js";
-export type {
-    ToolCallStatus,
-    ToolCallCardProps,
-    ToolCallCardToolProps,
-    ToolCallCardSubAgentProps,
-    ToolCallCardMcpProps,
-} from "./atoms/ToolCallCard.js";
-export { ToolApprovalBar } from "./atoms/ToolApprovalBar.js";
-export type { ToolApprovalOption, ToolApprovalBarProps } from "./atoms/ToolApprovalBar.js";
-export { ToolGroupCard } from "./atoms/ToolGroupCard.js";
-export type { ToolGroupCardProps } from "./atoms/ToolGroupCard.js";
-export { ReasoningCard } from "./atoms/ReasoningCard.js";
-export type { ReasoningCardProps } from "./atoms/ReasoningCard.js";
-export { ComposerShell } from "./atoms/ComposerShell.js";
-export type { ComposerShellProps } from "./atoms/ComposerShell.js";
-export { AskUserPrompt } from "./atoms/AskUserPrompt.js";
-export type { AskUserOption, AskUserPromptProps } from "./atoms/AskUserPrompt.js";
-export { McpAuthPrompt } from "./atoms/McpAuthPrompt.js";
-export type { McpAuthServer, McpAuthPromptProps } from "./atoms/McpAuthPrompt.js";
-export {
-    AttachmentCard,
-    USER_MESSAGE_ATTACHMENT_PREVIEW_REM,
-} from "./atoms/AttachmentCard.js";
-export type { AttachmentCardProps, AttachmentCardSize } from "./atoms/AttachmentCard.js";
-export { AttachmentPreviewDialog } from "./atoms/AttachmentPreviewDialog.js";
-export type { AttachmentPreviewDialogProps } from "./atoms/AttachmentPreviewDialog.js";
-export { AttachmentPickerButton } from "./atoms/AttachmentPickerButton.js";
-export type { AttachmentPickerButtonProps } from "./atoms/AttachmentPickerButton.js";
-export { ThreadListRow } from "./atoms/ThreadListRow.js";
-export type { ThreadListRowProps } from "./atoms/ThreadListRow.js";
-export {
-    ThreadListNewButton,
-    ThreadListRowSkeleton,
-    ThreadListEmptyState,
-    ThreadListShell,
-} from "./atoms/ThreadListMisc.js";
-export type {
-    ThreadListNewButtonProps,
-    ThreadListRowSkeletonProps,
-    ThreadListEmptyStateProps,
-    ThreadListShellProps,
-} from "./atoms/ThreadListMisc.js";
-export { Toast, ToastStack } from "./atoms/Toast.js";
-export type { ToastProps, ToastStackProps } from "./atoms/Toast.js";
-
-export { ThreadContainer } from "./containers/ThreadContainer.js";
-export type { ThreadContainerProps } from "./containers/ThreadContainer.js";
-export { AssistantMessageContainer } from "./containers/AssistantMessageContainer.js";
-export { UserMessageContainer } from "./containers/UserMessageContainer.js";
-export { UserEditComposerContainer } from "./containers/UserEditComposerContainer.js";
-export { AssistantTextContainer } from "./containers/AssistantTextContainer.js";
-export { ToolCallContainer } from "./containers/ToolCallContainer.js";
-export { ToolGroupContainer } from "./containers/ToolGroupContainer.js";
-export type { ThreadGroupPart } from "./containers/ToolGroupContainer.js";
-export { ReasoningContainer } from "./containers/ReasoningContainer.js";
-export { ComposerContainer } from "./containers/ComposerContainer.js";
-export {
-    ComposerBusyProvider,
-    useComposerBusyState,
-} from "./hooks/useComposerBusyState.js";
-export type { ComposerBusyState } from "./hooks/useComposerBusyState.js";
-export { AskUserContainer } from "./containers/AskUserContainer.js";
-export { McpAuthContainer } from "./containers/McpAuthContainer.js";
-export {
-    ComposerAttachmentsContainer,
-    ComposerAttachmentPickerContainer,
-    MessageAttachmentsContainer,
-} from "./containers/AttachmentsContainer.js";
-export { ThreadListContainer } from "./containers/ThreadListContainer.js";
-export {
-    ErrorToasterProvider,
-    useErrorToaster,
-    useErrorToasterOptional,
-} from "./containers/ErrorToasterContainer.js";
-export { Thread } from "./containers/Thread.js";

package/src/testSetup.ts

@@ -1,42 +0,0 @@
-import "@testing-library/jest-dom/vitest";
-import { createElement, type ReactNode } from "react";
-import { vi } from "vitest";
-
-vi.mock("@openuidev/react-lang", () => ({
-    Renderer: ({
-        response,
-        isStreaming,
-    }: {
-        response: string;
-        isStreaming?: boolean;
-    }) =>
-        createElement(
-            "div",
-            {
-                "data-testid": "openui-renderer",
-                "data-streaming": String(!!isStreaming),
-            },
-            response,
-        ),
-}));
-
-vi.mock("@openuidev/react-ui", () => ({
-    ThemeProvider: ({ children, mode }: { children?: ReactNode; mode?: string }) =>
-        createElement("div", { "data-testid": "openui-theme-provider", "data-mode": mode }, children),
-}));
-
-vi.mock("@openuidev/react-ui/genui-lib", () => ({
-    openuiLibrary: {},
-}));
-
-// jsdom does not implement ResizeObserver; assistant-ui's viewport/scroll
-// tracking primitives use it, so tests need a no-op stand-in.
-class ResizeObserverStub {
-    observe() {}
-    unobserve() {}
-    disconnect() {}
-}
-
-if (typeof globalThis.ResizeObserver === "undefined") {
-    globalThis.ResizeObserver = ResizeObserverStub as unknown as typeof ResizeObserver;
-}

package/src/theme/SlotsProvider.test.tsx

@@ -1,64 +0,0 @@
-// @vitest-environment jsdom
-import { render, screen } from "@testing-library/react";
-import { describe, expect, it } from "vitest";
-
-import { Button } from "../atoms/primitives/Button.js";
-import { useSlot, SlotsProvider } from "./SlotsProvider.js";
-
-function ButtonConsumer() {
-    const SlotButton = useSlot("Button");
-    return <SlotButton>hello</SlotButton>;
-}
-
-function CustomButton() {
-    return <button data-testid="custom-button">custom</button>;
-}
-
-describe("SlotsProvider", () => {
-    it("resolves the default atom when no override is provided", () => {
-        render(<ButtonConsumer />);
-        const button = screen.getByRole("button", { name: "hello" });
-        expect(button).toHaveAttribute("data-slot", "button");
-    });
-
-    it("resolves the default atom even without a wrapping SlotsProvider", () => {
-        render(<ButtonConsumer />);
-        expect(screen.getByRole("button", { name: "hello" })).toBeInTheDocument();
-    });
-
-    it("resolves an overridden atom when wrapped in SlotsProvider", () => {
-        render(
-            <SlotsProvider overrides={{ Button }}>
-                <ButtonConsumer />
-            </SlotsProvider>,
-        );
-        expect(screen.getByRole("button", { name: "hello" })).toHaveAttribute("data-slot", "button");
-    });
-
-    it("replaces the resolved atom entirely with the override, not merging it", () => {
-        render(
-            <SlotsProvider overrides={{ Button: CustomButton as unknown as typeof Button }}>
-                <ButtonConsumer />
-            </SlotsProvider>,
-        );
-        expect(screen.getByTestId("custom-button")).toBeInTheDocument();
-        expect(screen.queryByRole("button", { name: "hello" })).not.toBeInTheDocument();
-    });
-
-    it("nested SlotsProviders only override the slots they specify, inheriting the rest", () => {
-        function IconButtonConsumer() {
-            const SlotIconButton = useSlot("IconButton");
-            return <SlotIconButton tooltip="tip">icon</SlotIconButton>;
-        }
-
-        render(
-            <SlotsProvider overrides={{ Button: CustomButton as unknown as typeof Button }}>
-                <IconButtonConsumer />
-            </SlotsProvider>,
-        );
-        // IconButton isn't overridden, so it falls through to the default IconButton atom,
-        // which internally imports the default Button directly (not via useSlot) -- so it
-        // renders its own button, unaffected by the Button override above it.
-        expect(screen.getByText("icon")).toBeInTheDocument();
-    });
-});

package/src/theme/SlotsProvider.tsx

@@ -1,41 +0,0 @@
-import { createContext, useContext, useMemo, type ReactNode } from "react";
-
-import { defaultSlots } from "./defaultSlots.js";
-
-/**
- * Registry of atom-name -> atom-implementation. Empty by default; each atom module
- * augments this interface via `declare module "../theme/SlotsProvider"` when it is
- * introduced, so adding an atom never requires editing this file or any container.
- */
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
-export interface AtomSlots {}
-
-export type SlotOverrides = Partial<AtomSlots>;
-
-const SlotsContext = createContext<AtomSlots>(defaultSlots);
-
-/**
- * Wrap a subtree to override one or more atoms with a different design system.
- * Containers never reference concrete atoms directly -- they resolve everything
- * through `useSlot`, so this is the only thing a design-system swap has to touch.
- */
-export function SlotsProvider({
-    overrides,
-    children,
-}: {
-    overrides?: SlotOverrides;
-    children: ReactNode;
-}) {
-    const parentSlots = useContext(SlotsContext);
-    const resolved = useMemo(
-        () => ({ ...parentSlots, ...overrides }),
-        [parentSlots, overrides],
-    );
-    return <SlotsContext.Provider value={resolved}>{children}</SlotsContext.Provider>;
-}
-
-/** Resolves the atom implementation registered for `name` -- default unless overridden. */
-export function useSlot<K extends keyof AtomSlots>(name: K): AtomSlots[K] {
-    const slots = useContext(SlotsContext);
-    return slots[name];
-}

package/src/theme/defaultSlots.ts

@@ -1,131 +0,0 @@
-import { Avatar, AvatarFallback, AvatarImage } from "../atoms/primitives/Avatar.js";
-import { Button } from "../atoms/primitives/Button.js";
-import {
-    Collapsible,
-    CollapsibleContent,
-    CollapsibleTrigger,
-} from "../atoms/primitives/Collapsible.js";
-import {
-    Dialog,
-    DialogClose,
-    DialogContent,
-    DialogDescription,
-    DialogFooter,
-    DialogHeader,
-    DialogOverlay,
-    DialogPortal,
-    DialogTitle,
-    DialogTrigger,
-} from "../atoms/primitives/Dialog.js";
-import { IconButton } from "../atoms/primitives/IconButton.js";
-import { Skeleton } from "../atoms/primitives/Skeleton.js";
-import {
-    Tooltip,
-    TooltipContent,
-    TooltipProvider,
-    TooltipTrigger,
-} from "../atoms/primitives/Tooltip.js";
-import { BranchIndicator } from "../atoms/BranchIndicator.js";
-import { CodeBlockHeader } from "../atoms/CodeBlockHeader.js";
-import { Markdown } from "../atoms/Markdown.js";
-import { OpenUIBlock } from "../atoms/OpenUIBlock.js";
-import { SandboxArtifactList } from "../atoms/SandboxArtifactList.js";
-import { MessageActionBar } from "../atoms/MessageActionBar.js";
-import { UserMessageActionBar } from "../atoms/UserMessageActionBar.js";
-import { MessageBubble } from "../atoms/MessageBubble.js";
-import { MessageErrorBanner } from "../atoms/MessageErrorBanner.js";
-import { MessageIndicator } from "../atoms/MessageIndicator.js";
-import { ScrollToBottomButton } from "../atoms/ScrollToBottomButton.js";
-import { MessageListSkeleton } from "../atoms/Skeletons.js";
-import {
-    MessageGroup,
-    ThreadComposerAreaShell,
-    ThreadRootShell,
-    ThreadViewportShell,
-} from "../atoms/ThreadShell.js";
-import { AskUserPrompt } from "../atoms/AskUserPrompt.js";
-import { AttachmentCard } from "../atoms/AttachmentCard.js";
-import { AttachmentPickerButton } from "../atoms/AttachmentPickerButton.js";
-import { AttachmentPreviewDialog } from "../atoms/AttachmentPreviewDialog.js";
-import { ComposerShell } from "../atoms/ComposerShell.js";
-import { McpAuthPrompt } from "../atoms/McpAuthPrompt.js";
-import { ReasoningCard } from "../atoms/ReasoningCard.js";
-import { ToolApprovalBar } from "../atoms/ToolApprovalBar.js";
-import { ThreadListRow } from "../atoms/ThreadListRow.js";
-import {
-    ThreadListEmptyState,
-    ThreadListNewButton,
-    ThreadListRowSkeleton,
-    ThreadListShell,
-} from "../atoms/ThreadListMisc.js";
-import { Toast, ToastStack } from "../atoms/Toast.js";
-import { ToolCallCard } from "../atoms/ToolCallCard.js";
-import { ToolGroupCard } from "../atoms/ToolGroupCard.js";
-import { WelcomeScreen } from "../atoms/WelcomeScreen.js";
-import type { AtomSlots } from "./SlotsProvider.js";
-
-/**
- * This SDK's default atom implementations, keyed by slot name. Populated
- * incrementally as atoms are added under `src/atoms/**`; each atom module
- * augments `AtomSlots` and this object gains the matching entry in the same
- * milestone.
- */
-export const defaultSlots: AtomSlots = {
-    Button,
-    IconButton,
-    Avatar,
-    AvatarImage,
-    AvatarFallback,
-    Tooltip,
-    TooltipProvider,
-    TooltipTrigger,
-    TooltipContent,
-    Dialog,
-    DialogTrigger,
-    DialogPortal,
-    DialogClose,
-    DialogOverlay,
-    DialogContent,
-    DialogHeader,
-    DialogFooter,
-    DialogTitle,
-    DialogDescription,
-    Collapsible,
-    CollapsibleTrigger,
-    CollapsibleContent,
-    Skeleton,
-    Markdown,
-    OpenUIBlock,
-    SandboxArtifactList,
-    CodeBlockHeader,
-    MessageBubble,
-    MessageErrorBanner,
-    MessageActionBar,
-    UserMessageActionBar,
-    BranchIndicator,
-    MessageIndicator,
-    WelcomeScreen,
-    MessageListSkeleton,
-    ScrollToBottomButton,
-    ThreadRootShell,
-    ThreadViewportShell,
-    ThreadComposerAreaShell,
-    MessageGroup,
-    ToolCallCard,
-    ToolApprovalBar,
-    ToolGroupCard,
-    ReasoningCard,
-    ComposerShell,
-    AskUserPrompt,
-    McpAuthPrompt,
-    AttachmentCard,
-    AttachmentPreviewDialog,
-    AttachmentPickerButton,
-    ThreadListRow,
-    ThreadListNewButton,
-    ThreadListRowSkeleton,
-    ThreadListEmptyState,
-    ThreadListShell,
-    Toast,
-    ToastStack,
-};

package/src/theme/tokens.ts

@@ -1,98 +0,0 @@
-import { createContext, createElement, useContext, type ReactNode } from "react";
-
-/**
- * Semantic color roles. Atoms reference these instead of raw hex/HSL values so a
- * future design-system swap only has to repoint the token values, not the atoms.
- */
-export type ColorToken =
-    | "background"
-    | "foreground"
-    | "muted"
-    | "mutedForeground"
-    | "border"
-    | "primary"
-    | "primaryForeground"
-    | "destructive"
-    | "destructiveForeground"
-    | "accent"
-    | "accentForeground";
-
-export type RadiusToken = "none" | "sm" | "md" | "lg" | "full";
-
-export type SpacingToken = "none" | "xs" | "sm" | "md" | "lg" | "xl";
-
-export type TypeRoleToken = "body" | "bodySmall" | "label" | "heading" | "code" | "caption";
-
-export interface TypeRoleValue {
-    fontSize: string;
-    lineHeight: string;
-    fontWeight: string | number;
-}
-
-export interface DesignTokens {
-    colors: Record<ColorToken, string>;
-    radii: Record<RadiusToken, string>;
-    spacing: Record<SpacingToken, string>;
-    typography: Record<TypeRoleToken, TypeRoleValue>;
-}
-
-/**
- * Values reference the CSS custom properties already emitted by the shadcn/Tailwind
- * theme in the ported reference app, so default atoms render identically to today
- * without requiring every atom to be rewritten to consume tokens in this pass.
- */
-export const defaultTokens: DesignTokens = {
-    colors: {
-        background: "var(--background)",
-        foreground: "var(--foreground)",
-        muted: "var(--muted)",
-        mutedForeground: "var(--muted-foreground)",
-        border: "var(--border)",
-        primary: "var(--primary)",
-        primaryForeground: "var(--primary-foreground)",
-        destructive: "var(--destructive)",
-        destructiveForeground: "var(--destructive-foreground)",
-        accent: "var(--accent)",
-        accentForeground: "var(--accent-foreground)",
-    },
-    radii: {
-        none: "0px",
-        sm: "calc(var(--radius) - 4px)",
-        md: "calc(var(--radius) - 2px)",
-        lg: "var(--radius)",
-        full: "9999px",
-    },
-    spacing: {
-        none: "0px",
-        xs: "0.25rem",
-        sm: "0.5rem",
-        md: "0.75rem",
-        lg: "1rem",
-        xl: "1.5rem",
-    },
-    typography: {
-        body: { fontSize: "0.875rem", lineHeight: "1.5rem", fontWeight: 400 },
-        bodySmall: { fontSize: "0.75rem", lineHeight: "1.25rem", fontWeight: 400 },
-        label: { fontSize: "0.75rem", lineHeight: "1rem", fontWeight: 500 },
-        heading: { fontSize: "1.25rem", lineHeight: "1.75rem", fontWeight: 600 },
-        code: { fontSize: "0.8125rem", lineHeight: "1.25rem", fontWeight: 400 },
-        caption: { fontSize: "0.6875rem", lineHeight: "1rem", fontWeight: 400 },
-    },
-};
-
-const TokensContext = createContext<DesignTokens>(defaultTokens);
-
-export function TokensProvider({
-    tokens,
-    children,
-}: {
-    tokens: DesignTokens;
-    children: ReactNode;
-}) {
-    return createElement(TokensContext.Provider, { value: tokens }, children);
-}
-
-/** Atoms may call this for theme-driven values; it is not an assistant-ui/runtime hook. */
-export function useTokens(): DesignTokens {
-    return useContext(TokensContext);
-}

package/src/theme/useClassDarkMode.ts

@@ -1,24 +0,0 @@
-import { useSyncExternalStore } from "react";
-
-export type ThemeMode = "light" | "dark";
-
-function getThemeMode(): ThemeMode {
-    if (typeof document === "undefined") {
-        return "light";
-    }
-    return document.documentElement.classList.contains("dark") ? "dark" : "light";
-}
-
-function subscribe(onStoreChange: () => void) {
-    const observer = new MutationObserver(onStoreChange);
-    observer.observe(document.documentElement, {
-        attributes: true,
-        attributeFilter: ["class"],
-    });
-    return () => observer.disconnect();
-}
-
-/** Syncs OpenUI theme mode with a `.dark` class on `<html>`. */
-export function useClassDarkMode(): ThemeMode {
-    return useSyncExternalStore(subscribe, getThemeMode, () => "light");
-}