@makinbakin/sdk 0.0.0-bootstrap.0

package/README.md

@@ -0,0 +1,107 @@
+# @makinbakin/sdk
+
+SDK for building [Bakin](https://github.com/markhayden/bakin) plugins.
+Gives you the `registerPlugin` helper, shared UI components, slot
+types, and React hooks the Bakin host shell already ships at runtime.
+
+Your plugin bundles use this package as a TypeScript source, but at
+runtime React + `@makinbakin/sdk/*` are externalized and resolved through
+the host's import map — so plugins don't ship a second copy of any of
+them.
+
+## Install
+
+```sh
+bun install @makinbakin/sdk
+# or
+npm install @makinbakin/sdk
+```
+
+`react` and `react-dom` are peer dependencies; the Bakin host provides
+the actual instances at runtime.
+
+## Quickstart
+
+```sh
+bakin plugins scaffold my-plugin
+cd my-plugin
+bun install
+bakin plugins install .
+```
+
+## Minimal client entry
+
+```tsx
+// src/client.tsx
+import { registerPlugin } from '@makinbakin/sdk'
+
+registerPlugin({
+  id: 'my-plugin',
+  navItems: [
+    { title: 'My plugin', path: '/my-plugin' },
+  ],
+  pages: {
+    '/my-plugin': () => <div>Hello from my plugin</div>,
+  },
+})
+```
+
+## Minimal server entry
+
+```ts
+// src/index.ts
+import type { BakinPlugin, PluginContext } from '@makinbakin/sdk/types'
+
+const plugin: BakinPlugin = {
+  id: 'my-plugin',
+  name: 'My plugin',
+  version: '0.1.0',
+  async activate(ctx: PluginContext) {
+    ctx.registerRoute({
+      method: 'GET',
+      path: '/hello',
+      handler: async () => Response.json({ ok: true }),
+    })
+  },
+}
+
+export default plugin
+```
+
+## Slots
+
+Bakin surfaces these extensibility slots by default. Register a
+component for a slot via `registerPlugin({ slots: { 'slot-name': Component } })`.
+
+| Slot                  | Where it renders                                         |
+| --------------------- | -------------------------------------------------------- |
+| `asset-preview`       | Asset card previews on the Assets page                   |
+| `asset-detail-modal`  | Asset detail modal                                       |
+| `task-assets`         | Task drawer, asset attachments section                   |
+| `task-sidebar`        | Task drawer sidebar (custom panels for a plugin's tasks) |
+| `home-widget`         | Dashboard home widget grid                               |
+| `page:/<route>`       | Full-page mount at `<route>`                             |
+
+## Sub-path imports
+
+The `exports` map covers these sub-paths:
+
+| Import path              | What it exposes                              |
+| ------------------------ | -------------------------------------------- |
+| `@makinbakin/sdk`             | `registerPlugin`, top-level re-exports       |
+| `@makinbakin/sdk/ui`          | Base UI components (buttons, cards, inputs)  |
+| `@makinbakin/sdk/hooks`       | Shared React hooks (useQueryState, useDebug) |
+| `@makinbakin/sdk/components`  | Higher-level shell components                |
+| `@makinbakin/sdk/slots`       | Slot runtime + provider                      |
+| `@makinbakin/sdk/types`       | TypeScript types (`BakinPlugin`, `PluginContext`, etc.) |
+| `@makinbakin/sdk/utils`       | Shared utilities                             |
+
+## Repository
+
+This package is developed alongside Bakin in the
+[markhayden/bakin](https://github.com/markhayden/bakin) monorepo, under
+`packages/sdk`. File issues and PRs on the main repository.
+
+## License
+
+MIT © markhayden

package/_internal/app/components/agent-avatar.d.ts

@@ -0,0 +1,11 @@
+type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type StatusValue = 'online' | 'working' | 'available' | 'offline';
+interface AgentAvatarProps {
+    agentId: string;
+    size?: AvatarSize;
+    showStatus?: boolean;
+    status?: StatusValue;
+    className?: string;
+}
+export declare function AgentAvatar({ agentId, size, showStatus, status, className, }: AgentAvatarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/_internal/app/components/agent-filter.d.ts

@@ -0,0 +1,8 @@
+interface AgentFilterProps {
+    agentIds: string[];
+    value: string;
+    onChange: (agentId: string) => void;
+    showIcon?: boolean;
+}
+export declare function AgentFilter({ agentIds, value, onChange, showIcon }: AgentFilterProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/_internal/app/components/agent-select.d.ts

@@ -0,0 +1,15 @@
+interface AgentSelectProps {
+    value: string;
+    onValueChange: (value: string) => void;
+    /** Show a "None" / "Unassigned" option at the top (default: false) */
+    allowNone?: boolean;
+    /** Label for the none option (default: "Unassigned") */
+    noneLabel?: string;
+    /** Placeholder when nothing selected */
+    placeholder?: string;
+    /** Restrict to a subset of agent IDs */
+    agentIds?: string[];
+    className?: string;
+}
+export declare function AgentSelect({ value, onValueChange, allowNone, noneLabel, placeholder, agentIds, className, }: AgentSelectProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/_internal/app/components/agent-status.d.ts

@@ -0,0 +1,8 @@
+import type { Heartbeat } from '../types';
+export declare function AgentDot({ heartbeat }: {
+    heartbeat?: Heartbeat;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function AgentStatus({ name, heartbeat }: {
+    name: string;
+    heartbeat?: Heartbeat;
+}): import("react/jsx-runtime").JSX.Element;

package/_internal/app/components/bakin-drawer.d.ts

@@ -0,0 +1,23 @@
+declare const MIN_WIDTH = 320;
+declare const MAX_WIDTH = 960;
+declare const DEFAULT_WIDTH = 810;
+declare const DRAWER_WIDTH_STORAGE_KEY = "bakin-drawer-width";
+declare function clampDrawerWidth(width: number): number;
+declare function getDrawerWidthStorageKey(storageKey?: string): string;
+declare function getStoredDrawerWidth(defaultWidth: number, storageKey?: string): number;
+export declare function BakinDrawer({ open, onOpenChange, title, description, actions, children, defaultWidth, storageKey, onBack, dirty, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    actions?: React.ReactNode;
+    children: React.ReactNode;
+    defaultWidth?: number;
+    /** Optional suffix for per-context drawer width persistence */
+    storageKey?: string;
+    /** When provided, a back arrow appears left of the title */
+    onBack?: () => void;
+    /** When true, closing the drawer shows an "unsaved changes" confirmation */
+    dirty?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { MIN_WIDTH, MAX_WIDTH, DEFAULT_WIDTH, DRAWER_WIDTH_STORAGE_KEY, clampDrawerWidth, getDrawerWidthStorageKey, getStoredDrawerWidth, };

package/_internal/app/components/color-picker.d.ts

@@ -0,0 +1,7 @@
+interface ColorPickerProps {
+    value: string;
+    onChange: (color: string) => void;
+    className?: string;
+}
+export declare function ColorPicker({ value, onChange, className }: ColorPickerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/_internal/app/components/empty-state.d.ts

@@ -0,0 +1,10 @@
+import type { LucideIcon } from 'lucide-react';
+interface EmptyStateProps {
+    icon?: LucideIcon;
+    title: string;
+    description?: string;
+    action?: React.ReactNode;
+    className?: string;
+}
+export declare function EmptyState({ icon: Icon, title, description, action, className }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/_internal/app/components/error-banner.d.ts

@@ -0,0 +1,6 @@
+interface ErrorBannerProps {
+    message: string;
+    onRetry?: () => void;
+}
+export declare function ErrorBanner({ message, onRetry }: ErrorBannerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/_internal/app/components/error-state.d.ts

@@ -0,0 +1,8 @@
+interface ErrorStateProps {
+    title?: string;
+    message: string;
+    retry?: () => void;
+    className?: string;
+}
+export declare function ErrorState({ title, message, retry, className }: ErrorStateProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/_internal/app/components/facet-filter.d.ts

@@ -0,0 +1,17 @@
+export interface FacetOption {
+    value: string;
+    label: string;
+    icon?: React.ReactNode;
+}
+interface FacetFilterProps {
+    label: string;
+    options: FacetOption[];
+    selected: string[];
+    onChange: (selected: string[]) => void;
+    /** Show search input when options exceed this count (default: 6) */
+    searchThreshold?: number;
+    /** Optional aggregation counts from search (value → count) */
+    counts?: Record<string, number>;
+}
+export declare function FacetFilter({ label, options, selected, onChange, searchThreshold, counts }: FacetFilterProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/_internal/app/components/integrated-brainstorm/collapsed-header.d.ts

@@ -0,0 +1,14 @@
+import { type LucideIcon } from 'lucide-react';
+interface CollapsedHeaderProps {
+    open: boolean;
+    collapsible: boolean;
+    onToggle: () => void;
+    label: string;
+    icon: LucideIcon;
+    replyCount: number;
+    bodyId: string;
+}
+export declare function CollapsedHeader({ open, collapsible, onToggle, label, icon: Icon, replyCount, bodyId, }: CollapsedHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare const DEFAULT_LABEL = "Brainstorm";
+export declare const DEFAULT_ICON: LucideIcon;
+export {};

package/_internal/app/components/integrated-brainstorm/empty-state.d.ts

@@ -0,0 +1,5 @@
+interface DefaultEmptyStateProps {
+    agentId: string;
+}
+export declare function DefaultEmptyState({ agentId }: DefaultEmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/_internal/app/components/integrated-brainstorm/index.d.ts

@@ -0,0 +1,3 @@
+import type { IntegratedBrainstormProps } from './types';
+export type { BrainstormMessage, IntegratedBrainstormProps, BrainstormOnSend, SendContext, AssistantTransformed, } from './types';
+export declare function IntegratedBrainstorm({ messages, onMessagesChange, onSend, agentId, onAgentChange, label, icon, placeholder, emptyState, collapsible, defaultOpen, conversationStartHeight, minHeight, maxHeight, maxInputHeight, storageKey, fitParent, showHeader, readOnly, readOnlyNotice, transformAssistantMessage, }: IntegratedBrainstormProps): import("react/jsx-runtime").JSX.Element;

package/_internal/app/components/integrated-brainstorm/input-row.d.ts

@@ -0,0 +1,16 @@
+import type { BrainstormStatus } from './use-brainstorm-state';
+export interface InputRowHandle {
+    focus: () => void;
+}
+interface InputRowProps {
+    placeholder: string;
+    disabled: boolean;
+    status: BrainstormStatus;
+    maxInputHeight: number;
+    agentId?: string;
+    onAgentChange?: (agentId: string) => void;
+    onSubmit: (text: string) => void | Promise<void>;
+    onAbort: () => void;
+}
+export declare const InputRow: import("react").ForwardRefExoticComponent<InputRowProps & import("react").RefAttributes<InputRowHandle>>;
+export {};

package/_internal/app/components/integrated-brainstorm/message-list.d.ts

@@ -0,0 +1,8 @@
+import type { AssistantTransformed, BrainstormMessage } from './types';
+interface MessageListProps {
+    messages: BrainstormMessage[];
+    defaultAgentId: string;
+    transform?: (raw: string) => AssistantTransformed;
+}
+export declare function MessageList({ messages, defaultAgentId, transform }: MessageListProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/_internal/app/components/integrated-brainstorm/thinking-indicator.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+export declare const THINKING_VERBS: readonly ["sizzling", "crackling", "brewing", "steeping", "curing", "thawing", "smoking", "flipping", "rendering", "marinating", "scrambling", "poaching", "preheating", "microwaving", "baking", "wafting", "simmering", "searing", "whisking", "roasting", "crisping", "churning", "seasoning", "scorching", "folding", "charring", "toasting"];
+interface ThinkingIndicatorProps {
+    agentId: string;
+    verb: string;
+}
+export declare function ThinkingIndicator({ agentId, verb }: ThinkingIndicatorProps): import("react/jsx-runtime").JSX.Element;
+interface StreamingBubbleProps {
+    agentId: string;
+    content: string;
+    extras?: ReactNode;
+}
+export declare function StreamingBubble({ agentId, content, extras }: StreamingBubbleProps): import("react/jsx-runtime").JSX.Element;
+interface ErrorBubbleProps {
+    message: string;
+}
+export declare function ErrorBubble({ message }: ErrorBubbleProps): import("react/jsx-runtime").JSX.Element;
+export declare function AbortedNotice(): import("react/jsx-runtime").JSX.Element;
+export {};

package/_internal/app/components/integrated-brainstorm/types.d.ts

@@ -0,0 +1,61 @@
+import type { LucideIcon } from 'lucide-react';
+import type { ReactNode } from 'react';
+export interface BrainstormMessage {
+    id: string;
+    role: 'user' | 'assistant';
+    content: string;
+    agentId?: string;
+    timestamp?: string;
+}
+export interface SendContext {
+    signal: AbortSignal;
+    onToken: (text: string) => void;
+    onCustom?: (name: string, data: unknown) => void;
+}
+/**
+ * `history` contains the conversation PRIOR to this turn — the new user
+ * message is `prompt`, not yet in `history`. When you're posting to an
+ * OpenAI-shaped chat endpoint, append `{ role: 'user', content: prompt }`
+ * to the mapped history to get the full messages array.
+ */
+export type BrainstormOnSend = (prompt: string, history: BrainstormMessage[], ctx: SendContext) => Promise<{
+    content: string;
+}>;
+export interface AssistantTransformed {
+    text: string;
+    extras?: ReactNode;
+}
+export interface IntegratedBrainstormProps {
+    messages: BrainstormMessage[];
+    onMessagesChange: (next: BrainstormMessage[]) => void;
+    onSend: BrainstormOnSend;
+    agentId: string;
+    onAgentChange?: (agentId: string) => void;
+    label?: string;
+    icon?: LucideIcon;
+    placeholder?: string;
+    emptyState?: ReactNode;
+    position?: 'bottom';
+    collapsible?: boolean;
+    defaultOpen?: boolean;
+    conversationStartHeight?: number;
+    minHeight?: number;
+    maxHeight?: number;
+    maxInputHeight?: number;
+    storageKey?: string;
+    /**
+     * Fill parent height via flex-1/h-full instead of a fixed pixel height.
+     * Drops the drag handle (nothing to drag against) and disables auto-expand
+     * (already full-size). Use when the panel IS the pane — e.g. a dedicated
+     * chat route — rather than a bottom sheet above other content.
+     */
+    fitParent?: boolean;
+    /**
+     * Hide the icon + label + reply-count header entirely. Use when the parent
+     * page already has its own title chrome. Default: true (header shown).
+     */
+    showHeader?: boolean;
+    readOnly?: boolean;
+    readOnlyNotice?: ReactNode;
+    transformAssistantMessage?: (raw: string) => AssistantTransformed;
+}

package/_internal/app/components/integrated-brainstorm/use-auto-grow.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Drive a textarea's height from its content. Grows up to `maxHeight` px,
+ * then internal scroll kicks in. No native resize grip. Pair with a
+ * resize-none textarea.
+ */
+export declare function useAutoGrow(value: string, maxHeight: number): import("react").RefObject<HTMLTextAreaElement | null>;

package/_internal/app/components/integrated-brainstorm/use-brainstorm-state.d.ts

@@ -0,0 +1,21 @@
+import type { BrainstormMessage, BrainstormOnSend } from './types';
+export type BrainstormStatus = 'idle' | 'sending' | 'streaming';
+interface UseBrainstormStateOpts {
+    messages: BrainstormMessage[];
+    onMessagesChange: (next: BrainstormMessage[]) => void;
+    onSend: BrainstormOnSend;
+    defaultAgentId: string;
+}
+export interface BrainstormController {
+    status: BrainstormStatus;
+    streamingContent: string;
+    thinkingVerb: string;
+    errorMessage: string | null;
+    wasAborted: boolean;
+    send: (prompt: string, options?: {
+        onCustom?: (name: string, data: unknown) => void;
+    }) => Promise<void>;
+    abort: () => void;
+}
+export declare function useBrainstormState({ messages, onMessagesChange, onSend, defaultAgentId, }: UseBrainstormStateOpts): BrainstormController;
+export {};

package/_internal/app/components/markdown-content.d.ts

@@ -0,0 +1,3 @@
+export declare function MarkdownContent({ content }: {
+    content: string;
+}): import("react/jsx-runtime").JSX.Element;

package/_internal/app/components/markdown-editor.d.ts

@@ -0,0 +1,11 @@
+interface MarkdownEditorProps {
+    content: string;
+    editing: boolean;
+    onChange: (content: string) => void;
+    placeholder?: string;
+    format?: 'markdown' | 'yaml' | 'json' | 'text';
+    minHeight?: string;
+    className?: string;
+}
+export declare function MarkdownEditor({ content, editing, onChange, placeholder, format, minHeight, className, }: MarkdownEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/_internal/app/components/model-select.d.ts

@@ -0,0 +1,9 @@
+import type { AvailableModel } from '@makinbakin/sdk/types';
+export type { AvailableModel };
+export declare function ModelSelect({ value, onChange, models, defaultLabel, className, }: {
+    value: string;
+    onChange: (v: string) => void;
+    models: AvailableModel[];
+    defaultLabel?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/_internal/app/components/page-layout.d.ts

@@ -0,0 +1,9 @@
+interface PageLayoutProps {
+    title: string;
+    subtitle?: string;
+    actions?: React.ReactNode;
+    className?: string;
+    children: React.ReactNode;
+}
+export declare function PageLayout({ title, subtitle, actions, className, children }: PageLayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/_internal/app/components/plugin-header.d.ts

@@ -0,0 +1,16 @@
+interface PluginHeaderProps {
+    title: string;
+    subtitle?: string;
+    count?: number;
+    actions?: React.ReactNode;
+    meta?: React.ReactNode;
+    search?: {
+        value: string;
+        onChange: (value: string) => void;
+        placeholder?: string;
+        /** Debounce delay in ms (default: 300) */
+        debounce?: number;
+    };
+}
+export declare function PluginHeader({ title, subtitle, count, actions, meta, search }: PluginHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/_internal/app/components/plugin-settings-renderer.d.ts

@@ -0,0 +1,9 @@
+import type { PluginSettingsSchema } from '../../core/plugin-types';
+export type { PluginSettingsSchema };
+interface PluginSettingsRendererProps {
+    pluginId: string;
+    schema: PluginSettingsSchema;
+    values: Record<string, unknown>;
+    onSave: (values: Record<string, unknown>) => Promise<void>;
+}
+export declare function PluginSettingsRenderer({ pluginId, schema, values, onSave }: PluginSettingsRendererProps): import("react/jsx-runtime").JSX.Element;

package/_internal/app/components/sortable-head.d.ts

@@ -0,0 +1,13 @@
+export type SortDir = 'asc' | 'desc';
+interface SortableHeadProps<F extends string> {
+    field: F;
+    current: F;
+    dir: SortDir;
+    onSort: (f: F) => void;
+    /** When true, clicks are ignored and the sort indicator is hidden. Used
+     *  when an upstream relevance order should win. */
+    disabled?: boolean;
+    children: React.ReactNode;
+}
+export declare function SortableHead<F extends string>({ field, current, dir, onSort, disabled, children, }: SortableHeadProps<F>): import("react/jsx-runtime").JSX.Element;
+export {};

package/_internal/app/components/ui/alert.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const alertVariants: (props?: ({
+    variant?: "destructive" | "default" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): import("react/jsx-runtime").JSX.Element;
+declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertAction({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Alert, AlertTitle, AlertDescription, AlertAction };

package/_internal/app/components/ui/avatar.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { Avatar as AvatarPrimitive } from "@base-ui/react/avatar";
+declare function Avatar({ className, size, ...props }: AvatarPrimitive.Root.Props & {
+    size?: "default" | "sm" | "lg";
+}): import("react/jsx-runtime").JSX.Element;
+declare function AvatarImage({ className, ...props }: AvatarPrimitive.Image.Props): import("react/jsx-runtime").JSX.Element;
+declare function AvatarFallback({ className, ...props }: AvatarPrimitive.Fallback.Props): import("react/jsx-runtime").JSX.Element;
+declare function AvatarBadge({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+declare function AvatarGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Avatar, AvatarImage, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarBadge, };

package/_internal/app/components/ui/badge.d.ts

@@ -0,0 +1,7 @@
+import { useRender } from "@base-ui/react/use-render";
+import { type VariantProps } from "class-variance-authority";
+declare const badgeVariants: (props?: ({
+    variant?: "link" | "destructive" | "default" | "outline" | "secondary" | "ghost" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Badge({ className, variant, render, ...props }: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export { Badge, badgeVariants };

package/_internal/app/components/ui/button.d.ts

@@ -0,0 +1,8 @@
+import { Button as ButtonPrimitive } from "@base-ui/react/button";
+import { type VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "destructive" | "default" | "outline" | "secondary" | "ghost" | "warning" | "accent" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | "xs" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, ...props }: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>): import("react/jsx-runtime").JSX.Element;
+export { Button, buttonVariants };

package/_internal/app/components/ui/card.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+declare function Card({ className, size, ...props }: React.ComponentProps<"div"> & {
+    size?: "default" | "sm";
+}): import("react/jsx-runtime").JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };

package/_internal/app/components/ui/checkbox.d.ts

@@ -0,0 +1,3 @@
+import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
+declare function Checkbox({ className, ...props }: CheckboxPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+export { Checkbox };

package/_internal/app/components/ui/collapsible.d.ts

@@ -0,0 +1,5 @@
+import { Collapsible as CollapsiblePrimitive } from "@base-ui/react/collapsible";
+declare function Collapsible({ ...props }: CollapsiblePrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleTrigger({ ...props }: CollapsiblePrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleContent({ ...props }: CollapsiblePrimitive.Panel.Props): import("react/jsx-runtime").JSX.Element;
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };

package/_internal/app/components/ui/command.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { Command as CommandPrimitive } from "cmdk";
+import { Dialog } from "./dialog";
+declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): import("react/jsx-runtime").JSX.Element;
+declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: Omit<React.ComponentProps<typeof Dialog>, "children"> & {
+    title?: string;
+    description?: string;
+    className?: string;
+    showCloseButton?: boolean;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): import("react/jsx-runtime").JSX.Element;
+declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function CommandEmpty({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): import("react/jsx-runtime").JSX.Element;
+declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function CommandItem({ className, children, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };

package/_internal/app/components/ui/dialog.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+declare function Dialog({ ...props }: DialogPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+declare function DialogTrigger({ ...props }: DialogPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function DialogPortal({ ...props }: DialogPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
+declare function DialogClose({ ...props }: DialogPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
+declare function DialogOverlay({ className, ...props }: DialogPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: DialogPrimitive.Popup.Props & {
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<"div"> & {
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DialogTitle({ className, ...props }: DialogPrimitive.Title.Props): import("react/jsx-runtime").JSX.Element;
+declare function DialogDescription({ className, ...props }: DialogPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/_internal/app/components/ui/dropdown-menu.d.ts

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { Menu as MenuPrimitive } from "@base-ui/react/menu";
+declare function DropdownMenu({ ...props }: MenuPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuPortal({ ...props }: MenuPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: MenuPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuContent({ align, alignOffset, side, sideOffset, className, ...props }: MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: MenuPrimitive.GroupLabel.Props & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: MenuPrimitive.Item.Props & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: MenuPrimitive.SubmenuTrigger.Props & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubContent({ align, alignOffset, side, sideOffset, className, ...props }: React.ComponentProps<typeof DropdownMenuContent>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }: MenuPrimitive.CheckboxItem.Props & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, inset, ...props }: MenuPrimitive.RadioItem.Props & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: MenuPrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };