@flesler/cursor-canvas-web 1.0.1 → 1.1.0

package/dist/shim/cursor-canvas.d.ts

@@ -1,278 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-import { Color } from './theme';
-export { useEffect, useMemo, useRef, useState } from 'react';
-export type { CSSProperties, RefObject } from 'react';
-export { BarChart, LineChart, PieChart, reshapeLineChartData } from './charts';
-export type { BarChartProps, ChartDataPoint, ChartReferenceLine, ChartSeries, ChartTone, LineChartProps, PieChartProps } from './charts';
-export { computeDAGLayout } from './dag';
-export type { DAGLayoutEdge, DAGLayoutNode, DAGLayoutOptions, DAGLayoutRank, DAGLayoutResult } from './dag';
-export { DiffStats, DiffView } from './diff';
-export type { DiffLineData, DiffLineType, DiffStatsProps, DiffViewProps } from './diff';
-export { canvasPaletteDark, canvasPaletteLight, canvasTokens, canvasTokensLight, categoryPaletteDark, categoryPaletteLight, colorPalette, usageColorSequence } from './theme';
-export type { CanvasHostTheme, CanvasPalette, CanvasTokens, CategoryPalette, Color } from './theme';
-export { TodoList, TodoListCard } from './todo';
-export type { TodoItem, TodoListCardProps, TodoListProps, TodoStatus } from './todo';
-export { useHostTheme } from './use-tokens';
-export type SetCanvasState<T> = (action: T | ((prev: T) => T)) => void;
-/**
- * Persistent state hook. The real SDK stores values in a `.canvas.data.json`
- * sidecar; on the web we persist to `localStorage` under `canvas:<key>`.
- */
-export declare function useCanvasState<T>(key: string, defaultValue: T): [T, SetCanvasState<T>];
-export type CanvasAction = {
-    type: 'openAgent';
-    agentId: string;
-} | {
-    type: 'newComposerChat';
-    userPrompt?: string;
-} | {
-    type: 'openFile';
-    path: string;
-    selection?: {
-        startLineNumber: number;
-        startColumn: number;
-        endLineNumber?: number;
-        endColumn?: number;
-    };
-};
-/**
- * IDE actions are not available on the web host, so the returned dispatch is a
- * no-op (it logs in dev). Exists for API parity with the real SDK.
- */
-export declare function useCanvasAction(): (action: CanvasAction) => void;
-/** Shallow-merge two style objects, `override` winning. */
-export declare function mergeStyle(base: CSSProperties, override?: CSSProperties): CSSProperties;
-export interface H1Props {
-    children?: ReactNode;
-    style?: CSSProperties;
-}
-export declare function H1({ children, style }: H1Props): import("react").JSX.Element;
-export interface H2Props {
-    children?: ReactNode;
-    style?: CSSProperties;
-}
-export declare function H2({ children, style }: H2Props): import("react").JSX.Element;
-export interface H3Props {
-    children?: ReactNode;
-    style?: CSSProperties;
-}
-export declare function H3({ children, style }: H3Props): import("react").JSX.Element;
-export type TextWeight = 'normal' | 'medium' | 'semibold' | 'bold';
-export type TextTone = 'primary' | 'secondary' | 'tertiary' | 'quaternary';
-export interface TextProps {
-    children?: ReactNode;
-    tone?: TextTone;
-    size?: 'body' | 'small';
-    as?: 'p' | 'span';
-    weight?: TextWeight;
-    italic?: boolean;
-    truncate?: boolean | 'start' | 'end';
-    style?: CSSProperties;
-}
-export declare function Text({ children, tone, size, as, weight, italic, truncate, style, }: TextProps): import("react").JSX.Element;
-export interface CodeProps {
-    children?: ReactNode;
-    style?: CSSProperties;
-}
-export declare function Code({ children, style }: CodeProps): import("react").JSX.Element;
-export interface LinkProps {
-    children?: ReactNode;
-    href: string;
-    style?: CSSProperties;
-}
-export declare function Link({ children, href, style }: LinkProps): import("react").JSX.Element;
-export interface StackProps {
-    children?: ReactNode;
-    gap?: number;
-    style?: CSSProperties;
-}
-export declare function Stack({ children, gap, style }: StackProps): import("react").JSX.Element;
-export interface RowProps {
-    children?: ReactNode;
-    gap?: number;
-    align?: 'start' | 'center' | 'end' | 'stretch';
-    justify?: 'start' | 'center' | 'end' | 'space-between';
-    wrap?: boolean;
-    style?: CSSProperties;
-}
-export declare function Row({ children, gap, align, justify, wrap, style, }: RowProps): import("react").JSX.Element;
-/** Flexible filler that pushes siblings apart inside a `Row`. */
-export declare function Spacer(): import("react").JSX.Element;
-export interface GridProps {
-    children?: ReactNode;
-    columns: number | string;
-    gap?: number;
-    align?: 'start' | 'center' | 'end' | 'stretch';
-    style?: CSSProperties;
-}
-export declare function Grid({ children, columns, gap, align, style }: GridProps): import("react").JSX.Element;
-export interface DividerProps {
-    style?: CSSProperties;
-}
-export declare function Divider({ style }: DividerProps): import("react").JSX.Element;
-export type CardVariant = 'default' | 'borderless';
-export type CardSize = 'base' | 'lg';
-export interface CardProps {
-    children?: ReactNode;
-    variant?: CardVariant;
-    size?: CardSize;
-    stickyHeader?: boolean;
-    collapsible?: boolean;
-    defaultOpen?: boolean;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    style?: CSSProperties;
-}
-export declare function Card({ children, variant, collapsible, defaultOpen, open: openProp, onOpenChange, style, }: CardProps): import("react").JSX.Element;
-export interface CardHeaderProps {
-    children?: ReactNode;
-    trailing?: ReactNode;
-    style?: CSSProperties;
-}
-export declare function CardHeader({ children, trailing, style }: CardHeaderProps): import("react").JSX.Element;
-export interface CardBodyProps {
-    children?: ReactNode;
-    style?: CSSProperties;
-}
-export declare function CardBody({ children, style }: CardBodyProps): import("react").JSX.Element | null;
-export type StatTone = 'success' | 'danger' | 'warning' | 'info';
-export interface StatProps {
-    value: ReactNode;
-    label: string;
-    tone?: StatTone;
-    style?: CSSProperties;
-}
-export declare function Stat({ value, label, tone, style }: StatProps): import("react").JSX.Element;
-export type PillTone = 'neutral' | 'added' | 'deleted' | 'renamed' | 'success' | 'warning' | 'info';
-export type PillSize = 'sm' | 'md';
-export interface PillProps {
-    children?: ReactNode;
-    active?: boolean;
-    tone?: PillTone;
-    size?: PillSize;
-    leadingContent?: ReactNode;
-    keyboardHint?: string;
-    disabled?: boolean;
-    title?: string;
-    style?: CSSProperties;
-    onClick?: () => void;
-}
-export declare function Pill({ children, active, tone, size, leadingContent, keyboardHint, title, style, onClick, }: PillProps): import("react").JSX.Element;
-export type CalloutTone = 'info' | 'success' | 'warning' | 'danger' | 'neutral';
-export interface CalloutProps {
-    children?: ReactNode;
-    tone?: CalloutTone;
-    title?: ReactNode;
-    icon?: ReactNode;
-    style?: CSSProperties;
-}
-export declare function Callout({ children, tone, title, icon, style, }: CalloutProps): import("react").JSX.Element;
-export type TableColumnAlign = 'left' | 'center' | 'right';
-export type TableRowTone = 'success' | 'danger' | 'warning' | 'info' | 'neutral';
-export interface TableProps {
-    headers: readonly ReactNode[];
-    rows: readonly (readonly ReactNode[])[];
-    columnAlign?: readonly (TableColumnAlign | undefined)[];
-    rowTone?: readonly (TableRowTone | undefined)[];
-    framed?: boolean;
-    striped?: boolean;
-    stickyHeader?: boolean;
-    style?: CSSProperties;
-    emptyMessage?: ReactNode;
-}
-export declare function Table({ headers, rows, columnAlign, rowTone, framed, striped, stickyHeader, style, emptyMessage, }: TableProps): import("react").JSX.Element;
-export interface ButtonProps {
-    children?: ReactNode;
-    variant?: 'primary' | 'secondary' | 'ghost';
-    disabled?: boolean;
-    type?: 'button' | 'submit' | 'reset';
-    style?: CSSProperties;
-    onClick?: () => void;
-}
-export declare function Button({ children, variant, disabled, type, style, onClick, }: ButtonProps): import("react").JSX.Element;
-export interface IconButtonProps {
-    children: ReactNode;
-    onClick?: () => void;
-    disabled?: boolean;
-    title?: string;
-    variant?: 'default' | 'circle';
-    size?: 'sm' | 'md';
-    style?: CSSProperties;
-}
-export declare function IconButton({ children, onClick, disabled, title, variant, size, style, }: IconButtonProps): import("react").JSX.Element;
-export interface SelectOption {
-    value: string;
-    label: string;
-    disabled?: boolean;
-}
-export interface SelectProps {
-    value?: string;
-    onChange?: (value: string) => void;
-    options: SelectOption[];
-    placeholder?: string;
-    disabled?: boolean;
-    style?: CSSProperties;
-}
-export declare function Select({ value, onChange, options, placeholder, disabled, style, }: SelectProps): import("react").JSX.Element;
-export interface CheckboxProps {
-    checked?: boolean;
-    onChange?: (checked: boolean) => void;
-    disabled?: boolean;
-    label?: ReactNode;
-    style?: CSSProperties;
-}
-export declare function Checkbox({ checked, onChange, disabled, label, style, }: CheckboxProps): import("react").JSX.Element;
-export interface ToggleProps {
-    checked?: boolean;
-    onChange?: (checked: boolean) => void;
-    disabled?: boolean;
-    size?: 'sm' | 'md';
-    style?: CSSProperties;
-}
-export declare function Toggle({ checked, onChange, disabled, size, style, }: ToggleProps): import("react").JSX.Element;
-export interface TextInputProps {
-    value?: string;
-    onChange?: (value: string) => void;
-    placeholder?: string;
-    disabled?: boolean;
-    type?: 'text' | 'email' | 'password' | 'number' | 'url' | 'search';
-    style?: CSSProperties;
-}
-export declare function TextInput({ value, onChange, placeholder, disabled, type, style, }: TextInputProps): import("react").JSX.Element;
-export interface TextAreaProps {
-    value?: string;
-    onChange?: (value: string) => void;
-    placeholder?: string;
-    disabled?: boolean;
-    rows?: number;
-    style?: CSSProperties;
-}
-export declare function TextArea({ value, onChange, placeholder, disabled, rows, style, }: TextAreaProps): import("react").JSX.Element;
-export interface SwatchProps {
-    color: Color;
-    style?: CSSProperties;
-}
-export declare function Swatch({ color, style }: SwatchProps): import("react").JSX.Element;
-export interface UsageBarSegment {
-    readonly id: string;
-    readonly value: number;
-    readonly color?: Color;
-}
-export interface UsageBarProps {
-    readonly segments: readonly UsageBarSegment[];
-    readonly total: number;
-    readonly topLeftLabel?: ReactNode;
-    readonly topRightLabel?: ReactNode;
-    readonly style?: CSSProperties;
-}
-export declare function UsageBar({ segments, total, topLeftLabel, topRightLabel, style, }: UsageBarProps): import("react").JSX.Element;
-export interface CollapsibleSectionProps {
-    title: string;
-    leading?: ReactNode;
-    count?: number;
-    trailing?: ReactNode;
-    children?: ReactNode;
-    defaultOpen?: boolean;
-    style?: CSSProperties;
-}
-export declare function CollapsibleSection({ title, leading, count, trailing, children, defaultOpen, style, }: CollapsibleSectionProps): import("react").JSX.Element;

package/dist/shim/dag.d.ts

@@ -1,55 +0,0 @@
-/**
- * Pure layered DAG layout, matching the SDK's `computeDAGLayout` contract.
- *
- * Back-edges (cycles) are detected via DFS, excluded from ranking, and flagged
- * in the output so callers can render them differently. Rendering is the
- * caller's responsibility — this returns only coordinates and anchor points.
- */
-export type DAGLayoutOptions = {
-    nodes: Array<{
-        id: string;
-    }>;
-    edges: Array<{
-        from: string;
-        to: string;
-    }>;
-    direction?: 'vertical' | 'horizontal';
-    nodeWidth?: number;
-    nodeHeight?: number;
-    rankGap?: number;
-    nodeGap?: number;
-    padding?: number;
-};
-export type DAGLayoutNode = {
-    id: string;
-    x: number;
-    y: number;
-    rank: number;
-    order: number;
-};
-export type DAGLayoutEdge = {
-    from: string;
-    to: string;
-    sourceX: number;
-    sourceY: number;
-    targetX: number;
-    targetY: number;
-    isBackEdge: boolean;
-};
-export type DAGLayoutRank = {
-    rank: number;
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    nodeIds: string[];
-};
-export type DAGLayoutResult = {
-    nodes: DAGLayoutNode[];
-    edges: DAGLayoutEdge[];
-    ranks: DAGLayoutRank[];
-    direction: 'vertical' | 'horizontal';
-    width: number;
-    height: number;
-};
-export declare function computeDAGLayout(options: DAGLayoutOptions): DAGLayoutResult;

package/dist/shim/diff.d.ts

@@ -1,23 +0,0 @@
-import { CSSProperties } from 'react';
-export type DiffStatsProps = {
-    additions?: number;
-    deletions?: number;
-    style?: CSSProperties;
-};
-export declare function DiffStats({ additions, deletions, style, }: DiffStatsProps): import("react").JSX.Element | null;
-export type DiffLineType = 'added' | 'removed' | 'unchanged';
-export type DiffLineData = {
-    type: DiffLineType;
-    content: string;
-    lineNumber?: number;
-};
-export type DiffViewProps = {
-    lines: DiffLineData[];
-    path?: string;
-    language?: string;
-    showLineNumbers?: boolean;
-    coloredLineNumbers?: boolean;
-    showAccentStrip?: boolean;
-    style?: CSSProperties;
-};
-export declare function DiffView({ lines, showLineNumbers, coloredLineNumbers, showAccentStrip, style, }: DiffViewProps): import("react").JSX.Element;

package/dist/shim/theme.d.ts

@@ -1,319 +0,0 @@
-/**
- * Design tokens + tone mappings for the shim.
- *
- * Mirrors the real `cursor/canvas` token surface (`canvasPaletteDark/Light`,
- * `canvasTokens`, `colorPalette`, `usageColorSequence`, `Color`) so canvases
- * that read tokens via `useHostTheme()` or import the palettes work unchanged.
- * Values are aligned with the Cursor dark/light themes from the SDK.
- */
-export declare const canvasPaletteDark: {
-    readonly foreground: "#E4E4E4EB";
-    readonly foregroundSecondary: "#E4E4E48D";
-    readonly foregroundTertiary: "#E4E4E45E";
-    readonly foregroundQuaternary: "#E4E4E442";
-    readonly editor: "#181818";
-    readonly chrome: "#141414";
-    readonly sidebar: "#141414";
-    readonly elevated: "#181818";
-    readonly fillPrimary: "#E4E4E430";
-    readonly fillSecondary: "#E4E4E41E";
-    readonly fillTertiary: "#E4E4E411";
-    readonly fillQuaternary: "#E4E4E40A";
-    readonly strokePrimary: "#E4E4E433";
-    readonly strokeSecondary: "#E4E4E41F";
-    readonly strokeTertiary: "#E4E4E414";
-    readonly strokeFocused: "#599CE7";
-    readonly accent: "#599CE7";
-    readonly buttonBackground: "#599CE7";
-    readonly buttonForeground: "#191c22";
-    readonly buttonHoverBackground: "#6AABE9";
-    readonly link: "#87c3ff";
-    readonly diffInsertedLine: "#3FA26633";
-    readonly diffRemovedLine: "#B8004933";
-    readonly diffStripAdded: "#3FA2668F";
-    readonly diffStripRemoved: "#FC6B838F";
-};
-export declare const canvasPaletteLight: {
-    readonly foreground: "#141414F0";
-    readonly foregroundSecondary: "#141414BD";
-    readonly foregroundTertiary: "#1414148A";
-    readonly foregroundQuaternary: "#1414145C";
-    readonly editor: "#FCFCFC";
-    readonly chrome: "#F8F8F8";
-    readonly sidebar: "#F3F3F3";
-    readonly elevated: "#FCFCFC";
-    readonly fillPrimary: "#14141433";
-    readonly fillSecondary: "#14141424";
-    readonly fillTertiary: "#14141414";
-    readonly fillQuaternary: "#1414140F";
-    readonly strokePrimary: "#14141433";
-    readonly strokeSecondary: "#1414141F";
-    readonly strokeTertiary: "#14141414";
-    readonly strokeFocused: "#3685BF";
-    readonly accent: "#3685BF";
-    readonly buttonBackground: "#3685BF";
-    readonly buttonForeground: "#FCFCFC";
-    readonly buttonHoverBackground: "#2E76AB";
-    readonly link: "#3685BF";
-    readonly diffInsertedLine: "#1F8A651F";
-    readonly diffRemovedLine: "#CF2D5614";
-    readonly diffStripAdded: "#1F8A65CC";
-    readonly diffStripRemoved: "#CF2D56CC";
-};
-export interface CanvasPalette {
-    readonly foreground: string;
-    readonly foregroundSecondary: string;
-    readonly foregroundTertiary: string;
-    readonly foregroundQuaternary: string;
-    readonly editor: string;
-    readonly chrome: string;
-    readonly sidebar: string;
-    readonly elevated: string;
-    readonly fillPrimary: string;
-    readonly fillSecondary: string;
-    readonly fillTertiary: string;
-    readonly fillQuaternary: string;
-    readonly strokePrimary: string;
-    readonly strokeSecondary: string;
-    readonly strokeTertiary: string;
-    readonly strokeFocused: string;
-    readonly accent: string;
-    readonly buttonBackground: string;
-    readonly buttonForeground: string;
-    readonly buttonHoverBackground: string;
-    readonly link: string;
-    readonly diffInsertedLine: string;
-    readonly diffRemovedLine: string;
-    readonly diffStripAdded: string;
-    readonly diffStripRemoved: string;
-}
-export type Color = 'gray' | 'purple' | 'green' | 'yellow' | 'cyan' | 'pink' | 'blue' | 'orange' | 'red';
-export type CategoryPalette = Readonly<Record<Color, string>>;
-export declare const categoryPaletteDark: CategoryPalette;
-export declare const categoryPaletteLight: CategoryPalette;
-declare function buildTokens(palette: CanvasPalette, category: CategoryPalette): {
-    bg: {
-        editor: string;
-        chrome: string;
-        elevated: string;
-    };
-    text: {
-        primary: string;
-        secondary: string;
-        tertiary: string;
-        quaternary: string;
-        link: string;
-        onAccent: string;
-    };
-    stroke: {
-        primary: string;
-        secondary: string;
-        tertiary: string;
-        focused: string;
-    };
-    fill: {
-        primary: string;
-        secondary: string;
-        tertiary: string;
-        quaternary: string;
-    };
-    accent: {
-        primary: string;
-        control: string;
-        controlHover: string;
-    };
-    diff: {
-        insertedLine: string;
-        removedLine: string;
-        stripAdded: string;
-        stripRemoved: string;
-    };
-    category: Readonly<Record<Color, string>>;
-};
-export type CanvasTokens = ReturnType<typeof buildTokens>;
-export declare const canvasTokens: {
-    bg: {
-        editor: string;
-        chrome: string;
-        elevated: string;
-    };
-    text: {
-        primary: string;
-        secondary: string;
-        tertiary: string;
-        quaternary: string;
-        link: string;
-        onAccent: string;
-    };
-    stroke: {
-        primary: string;
-        secondary: string;
-        tertiary: string;
-        focused: string;
-    };
-    fill: {
-        primary: string;
-        secondary: string;
-        tertiary: string;
-        quaternary: string;
-    };
-    accent: {
-        primary: string;
-        control: string;
-        controlHover: string;
-    };
-    diff: {
-        insertedLine: string;
-        removedLine: string;
-        stripAdded: string;
-        stripRemoved: string;
-    };
-    category: Readonly<Record<Color, string>>;
-};
-export declare const canvasTokensLight: {
-    bg: {
-        editor: string;
-        chrome: string;
-        elevated: string;
-    };
-    text: {
-        primary: string;
-        secondary: string;
-        tertiary: string;
-        quaternary: string;
-        link: string;
-        onAccent: string;
-    };
-    stroke: {
-        primary: string;
-        secondary: string;
-        tertiary: string;
-        focused: string;
-    };
-    fill: {
-        primary: string;
-        secondary: string;
-        tertiary: string;
-        quaternary: string;
-    };
-    accent: {
-        primary: string;
-        control: string;
-        controlHover: string;
-    };
-    diff: {
-        insertedLine: string;
-        removedLine: string;
-        stripAdded: string;
-        stripRemoved: string;
-    };
-    category: Readonly<Record<Color, string>>;
-};
-/** Legacy name; prefer `useHostTheme().category`. */
-export declare const colorPalette: Readonly<Record<Color, string>>;
-/** Auto-color rotation for `UsageBar` segments without an explicit color. */
-export declare const usageColorSequence: readonly Color[];
-/** Chart palette keys (IDE `canvas-tokens.d.ts` — not re-exported from SDK `index.d.ts`). */
-export declare const chartPalette: {
-    readonly green: "#1F8A65E8";
-    readonly darkGreen: "#0D855AE0";
-    readonly lightGreen: "#52B896E0";
-    readonly mintGreen: "#7DCAB0E0";
-    readonly blue: "#2E79B5E0";
-    readonly lightBlue: "#70B0D8E0";
-    readonly indigo: "#5A6CC0F0";
-    readonly lightIndigo: "#9AAADCE0";
-    readonly purple: "#7B64B8F0";
-    readonly lightPurple: "#AA98D8E0";
-    readonly warmPink: "#C85898E0";
-    readonly lightPink: "#E8A0C4E0";
-    readonly brightOrange: "#F0A040E0";
-    readonly deepOrange: "#C06028E0";
-    readonly goldenYellow: "#E8C030E0";
-    readonly darkAmber: "#C04848E0";
-    readonly warmPeach: "#F0A088E0";
-    readonly vibrantTeal: "#2A9A8AE0";
-    readonly muted: "#8888A8E0";
-    readonly neutralLine: "#888899D0";
-};
-export type ChartPalette = typeof chartPalette;
-/** Typography / spacing / radius from IDE `theme.d.ts` (available on `useHostTheme()`). */
-export declare const canvasTypography: {
-    readonly h1: {
-        readonly fontSize: "24px";
-        readonly lineHeight: "30px";
-        readonly fontWeight: 590;
-    };
-    readonly h2: {
-        readonly fontSize: "18px";
-        readonly lineHeight: "24px";
-        readonly fontWeight: 590;
-    };
-    readonly h3: {
-        readonly fontSize: "16px";
-        readonly lineHeight: "22px";
-        readonly fontWeight: 590;
-    };
-    readonly body: {
-        readonly fontSize: "14px";
-        readonly lineHeight: "20px";
-        readonly fontWeight: 400;
-    };
-    readonly small: {
-        readonly fontSize: "12px";
-        readonly lineHeight: "16px";
-        readonly fontWeight: 400;
-    };
-};
-export declare const canvasSpacing: {
-    readonly '0.5': 2;
-    readonly '1': 4;
-    readonly '1.5': 6;
-    readonly '2': 8;
-    readonly '2.5': 10;
-    readonly '3': 12;
-    readonly '3.5': 14;
-    readonly '4': 16;
-    readonly '4.5': 18;
-    readonly '5': 20;
-    readonly '6': 24;
-    readonly '7': 28;
-    readonly '8': 32;
-    readonly '9': 36;
-    readonly '10': 40;
-};
-export declare const canvasRadius: {
-    readonly none: 0;
-    readonly xs: 2;
-    readonly sm: 4;
-    readonly md: 6;
-    readonly lg: 8;
-    readonly xl: 12;
-    readonly full: 9999;
-};
-/** Ordered hues for automatic chart-series coloring. */
-export declare const chartColorSequence: readonly string[];
-/**
- * Maps every semantic tone literal used across primitives to a hex color, so
- * a `Stat tone="success"` and a `ChartSeries tone="success"` match.
- */
-export declare const toneHex: Record<string, string>;
-/** Maps a semantic tone to a Mantine color name (for components that use it). */
-export declare const toneColor: Record<string, string>;
-/** Host theme returned by `useHostTheme()`. Extends the token groups. */
-export interface CanvasHostTheme extends CanvasTokens {
-    readonly kind: string;
-    readonly tokens: CanvasTokens;
-    readonly palette: CanvasPalette;
-    readonly category: CategoryPalette;
-    /** Used by some IDE canvases for custom SVG; see COMPAT.md. */
-    readonly chart: {
-        readonly palette: ChartPalette;
-        readonly sequence: readonly string[];
-    };
-    readonly radius: typeof canvasRadius;
-    readonly typography: typeof canvasTypography;
-    readonly spacing: typeof canvasSpacing;
-}
-export declare function buildHostTheme(kind: 'light' | 'dark'): CanvasHostTheme;
-export {};

package/dist/shim/todo.d.ts

@@ -1,22 +0,0 @@
-import { CSSProperties } from 'react';
-export type TodoStatus = 'pending' | 'in_progress' | 'completed' | 'cancelled';
-export interface TodoItem {
-    readonly id: string;
-    readonly content: string;
-    readonly status: TodoStatus;
-}
-export type TodoListProps = {
-    todos: readonly TodoItem[];
-    dimmedTodoIds?: ReadonlySet<string>;
-    onTodoClick?: (todo: TodoItem) => void;
-    style?: CSSProperties;
-};
-export declare function TodoList({ todos, dimmedTodoIds, onTodoClick, style, }: TodoListProps): import("react").JSX.Element | null;
-export type TodoListCardProps = {
-    todos: readonly TodoItem[];
-    dimmedTodoIds?: ReadonlySet<string>;
-    defaultExpanded?: boolean;
-    onTodoClick?: (todo: TodoItem) => void;
-    style?: CSSProperties;
-};
-export declare function TodoListCard({ todos, dimmedTodoIds, defaultExpanded, onTodoClick, style, }: TodoListCardProps): import("react").JSX.Element | null;