@belonguniverseai/react-sdk 0.1.0

package/dist/components/embed/PlanView.d.ts

@@ -0,0 +1,16 @@
+import { PlanData } from '../../stream/belong-data-parts.ts';
+export type PlanViewProps = {
+    readonly plan: PlanData;
+    readonly streaming: boolean;
+    readonly showActions: boolean;
+    readonly onRun: () => void;
+    readonly onReject: () => void;
+    /** Failed-step CTA — the route prefills the composer draft. */
+    readonly onFailedHelp: () => void;
+    readonly className?: string;
+};
+/**
+ * Full presentational plan for the dedicated Plan panel view.
+ * Renders null when `planProgress(plan)` returns null (empty-step plan).
+ */
+export declare const PlanView: (props: PlanViewProps) => import("react").JSX.Element | null;

package/dist/components/embed/PoweredByBelong.d.ts

@@ -0,0 +1,7 @@
+/** Fixed footer height (px) so the terminal overlay can reserve exact space. */
+export declare const POWERED_BY_BELONG_HEIGHT_PX = 28;
+/**
+ * Persistent attribution strip pinned to the bottom of the dock panel when a
+ * tenant brand is active. Always the Belong mark (not the tenant BrandMark).
+ */
+export declare function PoweredByBelong(): import("react").JSX.Element;

package/dist/components/embed/PreviewContent.d.ts

@@ -0,0 +1,26 @@
+/**
+ * PreviewContent — renders the bytes of a previewable target (a published
+ * artifact OR a workspace file) inside the artifact preview panel, filling the
+ * panel's height. The panel owns the chrome (header, fullscreen, resize); this
+ * owns the render-by-media-type:
+ *
+ *   - text/html      → a sandboxed `<iframe srcdoc>` at full panel size.
+ *                      `allow-scripts` (so an interactive deliverable runs)
+ *                      WITHOUT `allow-same-origin`, so the frame gets an opaque
+ *                      origin and can't reach the dock, the host page, or any
+ *                      belong-cloud cookie.
+ *   - text/markdown  → the dock's themed, sanitized Streamdown renderer.
+ *   - image/*        → the decoded image, contained.
+ *   - json/csv/text  → a scrollable Shiki code block.
+ *   - anything else  → a download affordance.
+ *
+ * Bytes come from the caller-supplied auth'd URL via `usePreviewBytes` (shared
+ * with the FilePreview dialog); the panel hands HTML in through `srcdoc`.
+ */
+export type PreviewContentProps = {
+    /** Auth'd bytes URL (the dock adds the bearer header). */
+    readonly contentUrl: string;
+    readonly title: string;
+    readonly mimeType: string;
+};
+export declare const PreviewContent: ({ contentUrl, title, mimeType }: PreviewContentProps) => import("react").JSX.Element;

package/dist/components/embed/PreviewPanel.d.ts

@@ -0,0 +1,17 @@
+export type PreviewPanelProps = {
+    /** The CHAT dock's side. The preview panel docks on the SAME side, abutting it. */
+    readonly chatSide: "left" | "right";
+    /** Offset (px) from the chat side: the live chat dock width PLUS any open plan
+     *  panel, so the preview sits immediately beside them (stacked, not overlapping). */
+    readonly chatDockOffsetPx: number;
+};
+/**
+ * The artifact preview as a separate surface docked beside the chat dock — the
+ * same pattern as the plan panel — with a fullscreen toggle. Open state, width,
+ * fullscreen, and the target being previewed all come from preview-panel-store,
+ * which the chat `data-artifact` card and the documents file tree both write.
+ *
+ * Fullscreen lifts the panel out of the docked offset to cover the whole
+ * viewport (above the dock); Escape exits fullscreen, then closes.
+ */
+export declare const PreviewPanel: ({ chatSide, chatDockOffsetPx }: PreviewPanelProps) => import("react").JSX.Element | null;

package/dist/components/embed/ProgressRing.d.ts

@@ -0,0 +1,13 @@
+/**
+ * ProgressRing — a small SVG completion ring (k of N) used by the pinned
+ * plan's collapsed pill and the rail's plan-progress indicator. Pure render:
+ * track circle + value arc via stroke-dasharray; the arc color comes from
+ * `currentColor` (set `color` on a parent or via the optional className).
+ */
+export type ProgressRingProps = {
+    readonly completed: number;
+    readonly total: number;
+    readonly sizePx: number;
+    readonly className?: string;
+};
+export declare const ProgressRing: ({ completed, total, sizePx, className }: ProgressRingProps) => import("react").JSX.Element;

package/dist/components/embed/SlashCommandMenu.d.ts

@@ -0,0 +1,13 @@
+import { SkillSummary } from '../../api/skills.ts';
+import { ComposerPickerProps } from './ComposerMenu';
+/**
+ * Slash-command menu shown above the composer when the user types `/`. Purely
+ * presentational — the parent owns the filtered list, highlight, and select.
+ * Skills render under group headings (app groups, plus a "Your skills" section
+ * for the user's own installed skills); a header is emitted whenever the group
+ * changes between consecutive options, so the flat highlight index the parent
+ * tracks stays intact. Built on the shared {@link ComposerMenu} chrome.
+ */
+export declare function SlashCommandMenu({ skills, highlightedIndex, onSelect, onHighlight, }: {
+    skills: readonly SkillSummary[];
+} & ComposerPickerProps): import("react").JSX.Element;

package/dist/components/embed/UploadedFiles.d.ts

@@ -0,0 +1,9 @@
+/**
+ * UploadedFiles — the "Uploaded in this conversation" section of the dock Files
+ * panel. Lists the files the user attached in the chat for THIS session
+ * (persisted server-side; GET /v1/files?sessionId), each with a Download button
+ * and a Preview (Eye) that opens the shared FilePreviewDialog (md/img/json/csv/
+ * txt inline, pdf/office via the converter). Renders nothing when there's no
+ * active session or no uploads.
+ */
+export declare const UploadedFiles: () => import("react").JSX.Element | null;

package/dist/components/embed/UsageMeter.d.ts

@@ -0,0 +1,9 @@
+import { SessionUsageSummary } from '../../stream/select-session-usage.ts';
+export type UsageMeterProps = {
+    /**
+     * The current session usage summary, or null when no usage data is
+     * available yet — the meter is hidden in that case.
+     */
+    readonly usage: SessionUsageSummary | null;
+};
+export declare const UsageMeter: ({ usage }: UsageMeterProps) => null | React.ReactElement;

package/dist/components/embed/WelcomeIntro.d.ts

@@ -0,0 +1,10 @@
+import { BelongThemeBrand } from '../../types/public.ts';
+/**
+ * The first thing the user sees in a brand-new session: the assistant
+ * introducing itself and what it can help with, above the quick-start chips.
+ * Reads `brand` (theme) + the active locale, so it's deterministic from theme +
+ * language and survives a reload exactly like the empty-state chips do (§41).
+ */
+export declare function WelcomeIntro({ brand }: {
+    brand: BelongThemeBrand;
+}): import("react").JSX.Element;

package/dist/components/embed/WorkspaceTree.d.ts

@@ -0,0 +1,22 @@
+import { WorkspaceFile } from '../../api/workspace-files.ts';
+/**
+ * A node in the rendered tree. Folders are synthesised from path segments
+ * (the backend only sends files); files carry their metadata for the row.
+ */
+export type WorkspaceTreeNode = {
+    readonly kind: "folder";
+    readonly path: string;
+    readonly name: string;
+    readonly children: readonly WorkspaceTreeNode[];
+} | {
+    readonly kind: "file";
+    readonly path: string;
+    readonly name: string;
+    readonly sizeBytes: number;
+    readonly modifiedAt: string;
+};
+/** Build a sorted, nested tree from the backend's flat list of file paths. Pure. */
+export declare const buildWorkspaceTree: (files: readonly WorkspaceFile[]) => readonly WorkspaceTreeNode[];
+/** Every folder path in a tree — used to expand-all while a search is active. Pure. */
+export declare const collectFolderPaths: (nodes: readonly WorkspaceTreeNode[]) => Set<string>;
+export declare const WorkspaceTree: () => import("react").JSX.Element;

package/dist/components/embed/__plan-test-utils__.d.ts

@@ -0,0 +1,13 @@
+import { PlanData } from '../../stream/belong-data-parts.ts';
+/** Canonical plan fixture shared across plan-mode test files. */
+export declare const planFixture: PlanData;
+/** Reset the plan-store singleton to null (call in afterEach for tests that publish state). */
+export declare const resetPlanStore: () => void;
+/**
+ * Register shared afterEach hooks for plan component tests:
+ *  - unmount all rendered trees (cleanupAll)
+ *  - reset the plan-store singleton (publishPlanState(null))
+ *
+ * Call this once at the top level of a test file that renders plan components.
+ */
+export declare const setupPlanTests: () => void;

package/dist/components/embed/dev-runtime-bar.d.ts

@@ -0,0 +1,21 @@
+import { AgentRuntime, LlmProvider } from '../../embed/dev-mode.ts';
+export declare const DevRuntimeBar: ({ runtime, llmProvider, llmModel, onSelect, onSelectLlmProvider, onSelectLlmModel, onClose, }: {
+    /** Current override; null = the deployment default. */
+    readonly runtime: AgentRuntime | null;
+    readonly llmProvider: LlmProvider | null;
+    readonly llmModel: string | null;
+    readonly onSelect: (runtime: AgentRuntime | null) => void;
+    readonly onSelectLlmProvider: (provider: LlmProvider | null) => void;
+    readonly onSelectLlmModel: (model: string | null) => void;
+    readonly onClose: () => void;
+}) => import("react").JSX.Element;
+/**
+ * Compact reminder badge shown while any override is active but the panel is
+ * closed — override state must never be invisible. Click reopens the panel.
+ */
+export declare const DevRuntimeBadge: ({ runtime, llmProvider, llmModel, onOpen, }: {
+    readonly runtime: AgentRuntime | null;
+    readonly llmProvider: LlmProvider | null;
+    readonly llmModel: string | null;
+    readonly onOpen: () => void;
+}) => import("react").JSX.Element;

package/dist/components/embed/embed-composer.fixtures.d.ts

@@ -0,0 +1,3 @@
+import { EmbedComposer } from './EmbedComposer.tsx';
+export type EmbedComposerProps = Parameters<typeof EmbedComposer>[0];
+export declare const composerPropDefaults: () => EmbedComposerProps;

package/dist/components/embed/embed-rail.fixtures.d.ts

@@ -0,0 +1,3 @@
+import { ComponentProps } from 'react';
+import { EmbedRail } from './EmbedRail.tsx';
+export declare const embedRailProps: (overrides?: Partial<ComponentProps<typeof EmbedRail>>) => ComponentProps<typeof EmbedRail>;

package/dist/components/embed/file-preview-kind.d.ts

@@ -0,0 +1,7 @@
+/** Pure mime → dock render kind. Mirrors the backend classifier
+ *  (apps/belong-cloud/src/features/files/preview.types.ts). */
+export type FilePreviewKind = "markdown" | "json" | "csv" | "text" | "image" | "heavy" | "download";
+export declare const filePreviewKind: (mimeType: string) => FilePreviewKind;
+/** Best-effort mime for a workspace file PATH (which carries no mimeType).
+ *  Returns "" when the extension isn't in the previewable set. */
+export declare const mimeFromPath: (path: string) => string;

package/dist/components/embed/onboarding-story-dock.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode, RefObject } from 'react';
+import { Locale } from '../../embed/locale.ts';
+import { StoryMode } from './onboarding.fixtures.ts';
+/** The empty-state content (intro + chips + keystroke hints) for a locale. */
+export declare function MockEmptyState({ locale }: {
+    locale: Locale;
+}): import("react").JSX.Element;
+/**
+ * A mock Simetrik dock: header, a message area (`children`), the anchored
+ * composer + rail sessions button, and an overlay rendered via `renderOverlay`
+ * (given the dock ref so the tour/overlay can resolve anchors). `messageAlign`
+ * centers the empty state or top-aligns a conversation.
+ */
+export declare function MockDock({ mode, placeholder, messageAlign, children, renderOverlay, }: {
+    mode?: StoryMode;
+    placeholder: string;
+    messageAlign?: "start" | "center";
+    children?: ReactNode;
+    renderOverlay: (ref: RefObject<HTMLDivElement | null>) => ReactNode;
+}): import("react").JSX.Element;

package/dist/components/embed/onboarding.fixtures.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties } from 'react';
+import { BelongThemePalette } from '../../types/public.ts';
+export type StoryMode = "light" | "dark";
+export declare const simetrikBrand: import('../../types/public.ts').BelongThemeBrand;
+export declare const simetrikPalette: (mode: StoryMode) => BelongThemePalette;
+/** A dock-sized, position:relative surface carrying the Simetrik theme vars. */
+export declare const simetrikFrameStyle: (mode: StoryMode) => CSSProperties;
+/** Center a fixed-size frame in the fullscreen story canvas for clean shots. */
+export declare const storyCanvasStyle: CSSProperties;

package/dist/components/embed/parse-csv.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Parse RFC 4180-ish CSV text into rows of string cells.
+ *
+ * Handles quoted fields (embedded commas, newlines, and `""` escapes), both
+ * LF and CRLF line endings, and a leading UTF-8 BOM. A trailing newline does
+ * not produce a phantom empty row. This is deliberately a small hand-rolled
+ * scanner rather than a dependency (§2 — simplest correct solution): the dock
+ * only needs to *display* a CSV, not round-trip it.
+ */
+export declare const parseCsv: (input: string) => string[][];

package/dist/components/embed/preview-content-kind.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Pure media-type → preview-render decision for the artifact preview panel.
+ *
+ * It extends the shared `filePreviewKind` with an `html` arm (the panel renders
+ * HTML deliverables in a sandboxed iframe — a proper rendered preview, not a
+ * download) and a `pdf` arm (browsers render `application/pdf` natively, so the
+ * panel shows the fetched bytes in an `<iframe>` — no converter needed). The
+ * panel has no document converter (no files-converter `fileId`), so the OTHER
+ * `heavy` kinds (office: xlsx/docx/pptx) still collapse to `download` here.
+ * Exported + unit tested because it's the part most likely to regress.
+ */
+export type PreviewContentKind = "html" | "pdf" | "markdown" | "image" | "json" | "csv" | "text" | "download";
+export declare const previewContentKind: (mimeType: string) => PreviewContentKind;
+/** Whether the panel can show an inline preview (vs. download-only). Pure. */
+export declare const isPreviewable: (mimeType: string) => boolean;

package/dist/components/embed/use-panel-resize.d.ts

@@ -0,0 +1,4 @@
+import { PointerEvent as ReactPointerEvent } from 'react';
+export declare const usePanelResize: (innerEdge: "left" | "right", peekState: () => {
+    readonly widthPx: number;
+}, setWidth: (px: number) => void) => ((e: ReactPointerEvent<HTMLDivElement>) => void);

package/dist/components/embed/use-preview-bytes.d.ts

@@ -0,0 +1,39 @@
+/**
+ * usePreviewBytes — fetch an auth'd bytes URL (the bearer header an
+ * `<iframe src>` can't carry) and expose it as text, a decoded data-URL image,
+ * or a `blob:` object URL, with cancellation. Shared by `FilePreview` (the
+ * modal dialog) and `PreviewContent` (the docked panel) so the fetch +
+ * loading/error state machine lives in one place.
+ *
+ *   - `enabled` gates kinds that render without fetching (download / the
+ *     heavy office converter), leaving the result at `loading` (the caller
+ *     branches on its kind first, so that value is never shown).
+ *   - `asImage` decodes to a data URL instead of reading text.
+ *   - `asObjectUrl` wraps the bytes in a `blob:` object URL instead of reading
+ *     text — used for native PDF preview, where an `<iframe src>` needs a real
+ *     URL the browser's PDF viewer can stream. The hook owns the URL's
+ *     lifecycle: it revokes the URL on cleanup (target/url change or unmount)
+ *     and before creating a new one, so the panel never leaks object URLs.
+ *     `asObjectUrl` takes precedence over `asImage` when both are set.
+ */
+export type PreviewBytes = {
+    readonly status: "loading";
+} | {
+    readonly status: "error";
+    readonly message: string;
+} | {
+    readonly status: "text";
+    readonly text: string;
+} | {
+    readonly status: "image";
+    readonly dataUrl: string;
+} | {
+    readonly status: "objectUrl";
+    readonly url: string;
+};
+export declare const blobToDataUrl: (blob: Blob) => Promise<string>;
+export declare const usePreviewBytes: (contentUrl: string, opts: {
+    readonly enabled: boolean;
+    readonly asImage: boolean;
+    readonly asObjectUrl: boolean;
+}) => PreviewBytes;

package/dist/components/feedback/feedback-metadata.d.ts

@@ -0,0 +1,37 @@
+import { z } from 'zod';
+import { FeedbackSentiment } from './message-feedback.tsx';
+export declare const feedbackMetadataSchema: z.ZodObject<{
+    taskId: z.ZodString;
+    feedback: z.ZodOptional<z.ZodNullable<z.ZodObject<{
+        sentiment: z.ZodEnum<["up", "down"]>;
+        reason: z.ZodNullable<z.ZodString>;
+    }, "strip", z.ZodTypeAny, {
+        reason: string | null;
+        sentiment: "up" | "down";
+    }, {
+        reason: string | null;
+        sentiment: "up" | "down";
+    }>>>;
+}, "strip", z.ZodTypeAny, {
+    taskId: string;
+    feedback?: {
+        reason: string | null;
+        sentiment: "up" | "down";
+    } | null | undefined;
+}, {
+    taskId: string;
+    feedback?: {
+        reason: string | null;
+        sentiment: "up" | "down";
+    } | null | undefined;
+}>;
+/**
+ * Narrow an assistant message's `unknown` metadata to its feedback shape, or
+ * null when it carries no taskId (user turns, pre-feedback rows) — which hides
+ * the feedback row.
+ */
+export declare const readFeedbackMetadata: (meta: unknown) => {
+    readonly taskId: string;
+    readonly sentiment: FeedbackSentiment | null;
+    readonly reason: string | null;
+} | null;

package/dist/components/feedback/message-feedback.d.ts

@@ -0,0 +1,9 @@
+export type FeedbackSentiment = "up" | "down";
+type MessageFeedbackProps = {
+    readonly sessionId: string;
+    readonly taskId: string;
+    readonly initialSentiment: FeedbackSentiment | null;
+    readonly initialReason: string | null;
+};
+export declare const MessageFeedback: ({ sessionId, taskId, initialSentiment, initialReason, }: MessageFeedbackProps) => import("react").JSX.Element;
+export {};

package/dist/components/ui/accordion.d.ts

@@ -0,0 +1,7 @@
+import { Accordion as AccordionPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): React.JSX.Element;
+declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): React.JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): React.JSX.Element;
+declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): React.JSX.Element;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/components/ui/alert.d.ts

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

package/dist/components/ui/avatar.d.ts

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

package/dist/components/ui/badge.d.ts

@@ -0,0 +1,9 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | "notice" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+export { Badge, badgeVariants };

package/dist/components/ui/button-group.d.ts

@@ -0,0 +1,11 @@
+import { VariantProps } from 'class-variance-authority';
+import { Separator } from './separator';
+declare const buttonGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): import("react").JSX.Element;
+declare function ButtonGroupText({ className, asChild, ...props }: React.ComponentProps<"div"> & {
+    asChild?: boolean;
+}): import("react").JSX.Element;
+declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): import("react").JSX.Element;
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, };

package/dist/components/ui/button.d.ts

@@ -0,0 +1,10 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+export { Button, buttonVariants };

package/dist/components/ui/card.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+declare function Card({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };

package/dist/components/ui/carousel.d.ts

@@ -0,0 +1,19 @@
+import { default as useEmblaCarousel, UseEmblaCarouselType } from 'embla-carousel-react';
+import { Button } from './button';
+import * as React from "react";
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: "horizontal" | "vertical";
+    setApi?: (api: CarouselApi) => void;
+};
+declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React.ComponentProps<"div"> & CarouselProps): React.JSX.Element;
+declare function CarouselContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CarouselItem({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CarouselPrevious({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
+declare function CarouselNext({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
+export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };

package/dist/components/ui/checkbox.d.ts

@@ -0,0 +1,4 @@
+import { Checkbox as CheckboxPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): React.JSX.Element;
+export { Checkbox };

package/dist/components/ui/collapsible.d.ts

@@ -0,0 +1,5 @@
+import { Collapsible as CollapsiblePrimitive } from 'radix-ui';
+declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react").JSX.Element;
+declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import("react").JSX.Element;
+declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import("react").JSX.Element;
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };

package/dist/components/ui/command.d.ts

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

package/dist/components/ui/dialog.d.ts

@@ -0,0 +1,17 @@
+import { Dialog as DialogPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): React.JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): React.JSX.Element;
+declare function DialogPortal({ container, ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): React.JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): React.JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): React.JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    showCloseButton?: boolean;
+}): React.JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<"div"> & {
+    showCloseButton?: boolean;
+}): React.JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): React.JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): React.JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/components/ui/dropdown-menu.d.ts

@@ -0,0 +1,25 @@
+import { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function DropdownMenu({ modal, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): React.JSX.Element;
+declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): React.JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): React.JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): React.JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): React.JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): React.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): React.JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): React.JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): React.JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): React.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): React.JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): React.JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): React.JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): React.JSX.Element;
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };

package/dist/components/ui/hover-card.d.ts

@@ -0,0 +1,6 @@
+import { HoverCard as HoverCardPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function HoverCard({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Root>): React.JSX.Element;
+declare function HoverCardTrigger({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Trigger>): React.JSX.Element;
+declare function HoverCardContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof HoverCardPrimitive.Content>): React.JSX.Element;
+export { HoverCard, HoverCardTrigger, HoverCardContent };

package/dist/components/ui/input-group.d.ts

@@ -0,0 +1,16 @@
+import { VariantProps } from 'class-variance-authority';
+import { Button } from './button';
+import * as React from "react";
+declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): React.JSX.Element;
+declare const inputGroupButtonVariants: (props?: ({
+    size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): React.JSX.Element;
+declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function InputGroupInput({ className, ...props }: React.ComponentProps<"input">): React.JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<"textarea">): React.JSX.Element;
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea, };

package/dist/components/ui/input.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare function Input({ className, type, ...props }: React.ComponentProps<"input">): React.JSX.Element;
+export { Input };

package/dist/components/ui/popover.d.ts

@@ -0,0 +1,10 @@
+import { Popover as PopoverPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): React.JSX.Element;
+declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): React.JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): React.JSX.Element;
+declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): React.JSX.Element;
+declare function PopoverHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function PopoverTitle({ className, ...props }: React.ComponentProps<"h2">): React.JSX.Element;
+declare function PopoverDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverHeader, PopoverTitle, PopoverDescription, };

package/dist/components/ui/progress.d.ts

@@ -0,0 +1,4 @@
+import { Progress as ProgressPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function Progress({ className, value, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>): React.JSX.Element;
+export { Progress };

package/dist/components/ui/radio-group.d.ts

@@ -0,0 +1,5 @@
+import { RadioGroup as RadioGroupPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>): React.JSX.Element;
+declare function RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>): React.JSX.Element;
+export { RadioGroup, RadioGroupItem };

package/dist/components/ui/scroll-area.d.ts

@@ -0,0 +1,5 @@
+import { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): React.JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): React.JSX.Element;
+export { ScrollArea, ScrollBar };