@insforge/dashboard 0.0.0-dev.1

package/README.md

@@ -0,0 +1,14 @@
+# @insforge/dashboard
+
+Scaffold for the shared InsForge dashboard package.
+
+This package is intended to become the single source of truth for the project dashboard used by:
+
+- the self-hosting dashboard app inside `frontend/` in this repo
+- the `insforge-cloud` repo
+
+It is wired into the root workspace and is the shared source of truth for dashboard code used by
+the self-hosting app in this repo.
+
+See [../../docs/dashboard-package-rfc.md](../../docs/dashboard-package-rfc.md) for the current API
+and migration plan.

package/dist/app/DashboardAppShell.d.ts

@@ -0,0 +1,7 @@
+import { type PropsWithChildren } from 'react';
+import type { QueryClient } from '@tanstack/react-query';
+import type { DashboardProps } from '../types';
+export type DashboardAppShellProps = PropsWithChildren<DashboardProps> & {
+    queryClient?: QueryClient;
+};
+export declare function DashboardAppShell({ children, queryClient, ...host }: DashboardAppShellProps): import("react/jsx-runtime").JSX.Element;

package/dist/app/DashboardProviders.d.ts

@@ -0,0 +1,9 @@
+import type { PropsWithChildren } from 'react';
+import { type QueryClient } from '@tanstack/react-query';
+import type { DashboardProps } from '../types';
+interface DashboardProvidersProps extends PropsWithChildren {
+    queryClient: QueryClient;
+    host: DashboardProps;
+}
+export declare function DashboardProviders({ children, queryClient, host }: DashboardProvidersProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/app/InsforgeDashboard.d.ts

@@ -0,0 +1,2 @@
+import type { DashboardProps } from '../types';
+export declare function InsForgeDashboard(props: DashboardProps): import("react/jsx-runtime").JSX.Element;

package/dist/app/createDashboardQueryClient.d.ts

@@ -0,0 +1,2 @@
+import { QueryClient } from '@tanstack/react-query';
+export declare function createDashboardQueryClient(): QueryClient;

package/dist/components/CodeEditor.d.ts

@@ -0,0 +1,12 @@
+interface CodeEditorProps {
+    code?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    onKeyDown?: (e: React.KeyboardEvent) => void;
+    placeholder?: string;
+    editable?: boolean;
+    language?: 'sql' | 'javascript';
+    className?: string;
+}
+export declare function CodeEditor({ code, value, onChange, placeholder, editable, language, className, }: CodeEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ConnectCTA.d.ts

@@ -0,0 +1,6 @@
+interface ConnectCTAProps {
+    className?: string;
+    fallback?: string;
+}
+export declare function ConnectCTA({ className, fallback }: ConnectCTAProps): string | import("react/jsx-runtime").JSX.Element | undefined;
+export {};

package/dist/components/DataGridEmptyState.d.ts

@@ -0,0 +1,9 @@
+interface DataGridEmptyStateProps {
+    message: string;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+}
+export declare function DataGridEmptyState({ message, action }: DataGridEmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/DeleteActionButton.d.ts

@@ -0,0 +1,8 @@
+interface DeleteActionButtonProps {
+    selectedCount: number;
+    itemType: string;
+    onDelete: () => void;
+    className?: string;
+}
+export declare function DeleteActionButton({ selectedCount, itemType, onDelete, className, }: DeleteActionButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/EmptyState.d.ts

@@ -0,0 +1,14 @@
+import { LucideIcon } from 'lucide-react';
+interface EmptyStateProps {
+    icon?: LucideIcon;
+    image?: string;
+    title: string;
+    description?: string;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    className?: string;
+}
+export declare function EmptyState({ icon: Icon, image, title, description, action, className, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ErrorState.d.ts

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

package/dist/components/FeatureSidebar.d.ts

@@ -0,0 +1,47 @@
+import { type ReactNode } from 'react';
+import { LucideIcon } from 'lucide-react';
+interface FeatureSidebarProps {
+    title: string;
+    items: FeatureSidebarListItem[];
+    loading?: boolean;
+    headerButtons?: FeatureSidebarHeaderButton[];
+    actionButtons?: FeatureSidebarActionButton[];
+    emptyState?: ReactNode;
+    activeItemId?: string | null;
+    showSearch?: boolean;
+    searchPlaceholder?: string;
+    onSearchChange?: (value: string) => void;
+    showItemMenuButton?: boolean;
+    onItemMenuClick?: (item: FeatureSidebarListItem) => void;
+    itemActions?: (item: FeatureSidebarListItem) => FeatureSidebarItemAction[];
+}
+export interface FeatureSidebarHeaderButton {
+    id: string;
+    label: string;
+    icon: LucideIcon;
+    onClick: () => void;
+    disabled?: boolean;
+}
+export interface FeatureSidebarActionButton {
+    id: string;
+    label: string;
+    icon?: LucideIcon;
+    onClick: () => void;
+    disabled?: boolean;
+}
+export interface FeatureSidebarItemAction {
+    id: string;
+    label: string;
+    icon?: LucideIcon;
+    destructive?: boolean;
+    onClick: (item: FeatureSidebarListItem) => void;
+}
+export interface FeatureSidebarListItem {
+    id: string;
+    label: string;
+    href?: string;
+    sectionEnd?: boolean;
+    onClick?: () => void;
+}
+export declare function FeatureSidebar({ title, items, loading, headerButtons, actionButtons, emptyState, activeItemId, showSearch, searchPlaceholder, onSearchChange, showItemMenuButton, onItemMenuClick, itemActions, }: FeatureSidebarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/JsonHighlight.d.ts

@@ -0,0 +1,7 @@
+interface JsonHighlightProps {
+    json: string;
+    textColor?: string;
+    className?: string;
+}
+export declare function JsonHighlight({ json, textColor, className }: JsonHighlightProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/LoadingState.d.ts

@@ -0,0 +1,6 @@
+interface LoadingStateProps {
+    message?: string;
+    className?: string;
+}
+export declare function LoadingState({ message, className }: LoadingStateProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/PaginationControls.d.ts

@@ -0,0 +1,11 @@
+export interface PaginationControlsProps {
+    currentPage?: number;
+    totalPages?: number;
+    onPageChange?: (page: number) => void;
+    totalRecords?: number;
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    recordLabel?: string;
+    onPageSizeChange?: (pageSize: number) => void;
+}
+export declare function PaginationControls({ currentPage, totalPages, onPageChange, totalRecords, pageSize, pageSizeOptions, recordLabel, onPageSizeChange, }: PaginationControlsProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/PromptDialog.d.ts

@@ -0,0 +1,10 @@
+interface PromptDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title?: string;
+    subtitle?: string;
+    prompt: string;
+    additionalAction?: React.ReactNode;
+}
+export declare function PromptDialog({ open, onOpenChange, title, subtitle, prompt, additionalAction, }: PromptDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/SelectionClearButton.d.ts

@@ -0,0 +1,7 @@
+interface SelectionClearButtonProps {
+    selectedCount: number;
+    itemType: string;
+    onClear: () => void;
+}
+export declare function SelectionClearButton({ selectedCount, itemType, onClear, }: SelectionClearButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Stepper.d.ts

@@ -0,0 +1,22 @@
+interface CircularStepperProps {
+    isActive: boolean;
+    currentStep: number;
+    totalSteps: number;
+    size?: number;
+}
+export declare function CircularStepper({ isActive, currentStep, totalSteps, size, }: CircularStepperProps): import("react/jsx-runtime").JSX.Element;
+interface LinearStepperProps {
+    currentStep: number;
+    totalSteps: number;
+    stepLabels: readonly string[];
+    className?: string;
+    isCompleted: boolean;
+}
+export declare function LinearStepper({ currentStep, totalSteps, stepLabels, className, isCompleted, }: LinearStepperProps): import("react/jsx-runtime").JSX.Element;
+interface VerticalStepperProps {
+    currentStep: number;
+    stepLabels: readonly string[];
+    className?: string;
+}
+export declare function VerticalStepper({ currentStep, stepLabels, className }: VerticalStepperProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/TableHeader.d.ts

@@ -0,0 +1,20 @@
+interface TableHeaderProps {
+    title?: React.ReactNode;
+    className?: string;
+    leftClassName?: string;
+    rightClassName?: string;
+    titleClassName?: string;
+    leftContent?: React.ReactNode;
+    showDividerAfterTitle?: boolean;
+    titleButtons?: React.ReactNode;
+    leftSlot?: React.ReactNode;
+    rightActions?: React.ReactNode;
+    showSearch?: boolean;
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
+    searchPlaceholder?: string;
+    searchInputClassName?: string;
+    searchDebounceTime?: number;
+}
+export declare function TableHeader({ title, className, leftClassName, rightClassName, titleClassName, leftContent, showDividerAfterTitle, titleButtons, leftSlot, rightActions, showSearch, searchValue, onSearchChange, searchPlaceholder, searchInputClassName, searchDebounceTime, }: TableHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ThemeSelect.d.ts

@@ -0,0 +1 @@
+export declare function ThemeSelect(): import("react/jsx-runtime").JSX.Element;

package/dist/components/TypeBadge.d.ts

@@ -0,0 +1,6 @@
+interface TypeBadgeProps {
+    type: string;
+    className?: string;
+}
+export declare function TypeBadge({ type, className }: TypeBadgeProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ZoomedVideo.d.ts

@@ -0,0 +1,7 @@
+interface ZoomedVideoProps {
+    src: string;
+    className?: string;
+    'aria-label'?: string;
+}
+export declare function ZoomedVideo({ src, className, 'aria-label': ariaLabel }: ZoomedVideoProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/datagrid/DataGrid.d.ts

@@ -0,0 +1,51 @@
+import { type SortColumn, type CellClickArgs, type CellMouseEvent } from 'react-data-grid';
+import type { DataGridColumn, DataGridRow, DataGridRowType } from './datagridTypes';
+export interface SelectionCellProps<TRow extends DataGridRowType = DataGridRow> {
+    row: TRow;
+    isSelected: boolean;
+    onToggle: (checked: boolean) => void;
+    tabIndex: number;
+}
+export interface DataGridProps<TRow extends DataGridRowType = DataGridRow> {
+    data: TRow[];
+    columns: DataGridColumn<TRow>[];
+    loading?: boolean;
+    isSorting?: boolean;
+    isRefreshing?: boolean;
+    selectedRows?: Set<string>;
+    onSelectedRowsChange?: (selectedRows: Set<string>) => void;
+    sortColumns?: SortColumn[];
+    onSortColumnsChange?: (sortColumns: SortColumn[]) => void;
+    onCellClick?: (args: CellClickArgs<TRow>, event: CellMouseEvent) => void;
+    currentPage?: number;
+    totalPages?: number;
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    totalRecords?: number;
+    onPageChange?: (page: number) => void;
+    onPageSizeChange?: (pageSize: number) => void;
+    emptyState?: React.ReactNode;
+    rowKeyGetter?: (row: TRow) => string;
+    className?: string;
+    showSelection?: boolean;
+    selectionHeaderLabel?: string;
+    showPagination?: boolean;
+    paginationRecordLabel?: string;
+    showTypeBadge?: boolean;
+    noPadding?: boolean;
+    selectionColumnWidth?: number;
+    renderSelectionCell?: (props: SelectionCellProps<TRow>) => React.ReactNode;
+    renderSelectionHeaderCell?: (props: {
+        isAllSelected: boolean;
+        isPartiallySelected: boolean;
+        onToggle: (checked: boolean | 'indeterminate') => void;
+    }) => React.ReactNode;
+    headerRowHeight?: number;
+    rowHeight?: number;
+    gridClassName?: string;
+    gridContainerClassName?: string;
+    rowClass?: (row: TRow) => string | undefined;
+    rightPanel?: React.ReactNode;
+    onColumnResize?: (columnKey: string, width: number) => void;
+}
+export default function DataGrid<TRow extends DataGridRowType = DataGridRow>({ data, columns, loading, isSorting, isRefreshing, selectedRows, onSelectedRowsChange, sortColumns, onSortColumnsChange, onCellClick, currentPage, totalPages, pageSize, pageSizeOptions, totalRecords, onPageChange, onPageSizeChange, emptyState, rowKeyGetter, className, showSelection, selectionHeaderLabel, showPagination, paginationRecordLabel, showTypeBadge, noPadding, selectionColumnWidth, renderSelectionCell, renderSelectionHeaderCell, headerRowHeight, rowHeight, gridClassName, gridContainerClassName, rowClass, rightPanel, onColumnResize, }: DataGridProps<TRow>): import("react/jsx-runtime").JSX.Element;

package/dist/components/datagrid/DefaultCellRenderer.d.ts

@@ -0,0 +1,12 @@
+import type { DataGridRowType } from './datagridTypes';
+import { RenderCellProps } from 'react-data-grid';
+declare function createDefaultCellRenderer<TRow extends DataGridRowType>(): {
+    text: ({ row, column }: RenderCellProps<TRow>) => import("react/jsx-runtime").JSX.Element;
+    boolean: ({ row, column }: RenderCellProps<TRow>) => import("react/jsx-runtime").JSX.Element;
+    datetime: ({ row, column }: RenderCellProps<TRow>) => import("react/jsx-runtime").JSX.Element;
+    date: ({ row, column }: RenderCellProps<TRow>) => import("react/jsx-runtime").JSX.Element;
+    json: ({ row, column }: RenderCellProps<TRow>) => import("react/jsx-runtime").JSX.Element;
+    id: ({ row, column }: RenderCellProps<TRow>) => import("react/jsx-runtime").JSX.Element;
+    email: ({ row, column }: RenderCellProps<TRow>) => import("react/jsx-runtime").JSX.Element;
+};
+export { createDefaultCellRenderer };

package/dist/components/datagrid/IdCell.d.ts

@@ -0,0 +1,4 @@
+declare function IdCell({ value }: {
+    value: string;
+}): import("react/jsx-runtime").JSX.Element;
+export default IdCell;

package/dist/components/datagrid/SortableHeader.d.ts

@@ -0,0 +1,9 @@
+import type { DataGridColumn, DataGridRowType } from './datagridTypes';
+declare function SortableHeaderRenderer<TRow extends DataGridRowType>({ column, sortDirection, columnType, showTypeBadge, mutedHeader, }: {
+    column: DataGridColumn<TRow>;
+    sortDirection?: 'ASC' | 'DESC';
+    columnType?: string;
+    showTypeBadge?: boolean;
+    mutedHeader?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export default SortableHeaderRenderer;

package/dist/components/datagrid/cell-editors/BooleanCellEditor.d.ts

@@ -0,0 +1,2 @@
+import type { BooleanCellEditorProps } from './types';
+export declare function BooleanCellEditor({ value, nullable, onValueChange, onCancel, autoOpen, className, }: BooleanCellEditorProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/datagrid/cell-editors/DateCellEditor.d.ts

@@ -0,0 +1,2 @@
+import type { DateCellEditorProps } from './types';
+export declare function DateCellEditor({ value, type, nullable, onValueChange, onCancel, className, }: DateCellEditorProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/datagrid/cell-editors/JsonCellEditor.d.ts

@@ -0,0 +1,2 @@
+import type { JsonCellEditorProps } from './types';
+export declare function JsonCellEditor({ value, nullable, onValueChange, onCancel, className, }: JsonCellEditorProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/datagrid/cell-editors/TextCellEditor.d.ts

@@ -0,0 +1,2 @@
+import type { TextCellEditorProps } from './types';
+export declare function TextCellEditor({ value, onValueChange, onCancel, className }: TextCellEditorProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/datagrid/cell-editors/index.d.ts

@@ -0,0 +1,5 @@
+export type { BaseCellEditorProps, BooleanCellEditorProps, DateCellEditorProps, JsonCellEditorProps, TextCellEditorProps, } from './types';
+export { BooleanCellEditor } from './BooleanCellEditor';
+export { DateCellEditor } from './DateCellEditor';
+export { JsonCellEditor } from './JsonCellEditor';
+export { TextCellEditor } from './TextCellEditor';

package/dist/components/datagrid/cell-editors/types.d.ts

@@ -0,0 +1,39 @@
+import { ColumnType } from '@insforge/shared-schemas';
+/**
+ * Base props for all cell editors
+ */
+export interface BaseCellEditorProps {
+    nullable: boolean;
+    onCancel: () => void;
+    className?: string;
+}
+/**
+ * Boolean cell editor specific props
+ */
+export interface BooleanCellEditorProps extends BaseCellEditorProps {
+    value: boolean | null;
+    onValueChange: (newValue: string) => void;
+    autoOpen?: boolean;
+}
+/**
+ * Date cell editor specific props
+ */
+export interface DateCellEditorProps extends BaseCellEditorProps {
+    value: string | null;
+    type: ColumnType.DATE | ColumnType.DATETIME;
+    onValueChange: (newValue: string | null) => void;
+}
+/**
+ * JSON cell editor specific props
+ */
+export interface JsonCellEditorProps extends BaseCellEditorProps {
+    value: string | null;
+    onValueChange: (newValue: string) => void;
+}
+/**
+ * Text cell editor specific props
+ */
+export interface TextCellEditorProps extends BaseCellEditorProps {
+    value: string;
+    onValueChange: (newValue: string) => void;
+}

package/dist/components/datagrid/datagridTypes.d.ts

@@ -0,0 +1,61 @@
+import { ColumnType } from '@insforge/shared-schemas';
+import type { Column, RenderCellProps, RenderEditCellProps, RenderHeaderCellProps } from 'react-data-grid';
+/**
+ * Raw database values - these are the actual data types stored in the database
+ * and received from the backend API.
+ */
+export type ConvertedValue = string | number | boolean | null | Record<string, unknown> | string[];
+/**
+ * User input values - these are the types of values users enter in forms and cell editors
+ * All user inputs need to be converted to ConvertedValue
+ */
+export type UserInputValue = string | number | boolean | null;
+/**
+ * Display values - these are always strings formatted for UI display
+ * Used by cell renderers and form display components
+ */
+export type DisplayValue = string;
+/**
+ * Database record type - represents a row in the database
+ */
+export interface DatabaseRecord {
+    [columnName: string]: ConvertedValue | {
+        [key: string]: string;
+    }[];
+}
+/**
+ * DataGrid row data - extends DatabaseRecord with required id
+ */
+export interface DataGridRow extends DatabaseRecord {
+    id: string;
+}
+/**
+ * Generic row type that can be either a DatabaseRecord or a specific schema
+ * This allows us to support both AI-generated tables and predefined schemas
+ * The id field is optional as react-data-grid can generate it automatically
+ */
+export type DataGridRowType = DatabaseRecord & {
+    id?: string;
+};
+/**
+ * DataGrid column definition - generic version that extends react-data-grid's Column
+ * TRow must extend DataGridRowType to ensure it has both id and index signature
+ */
+export interface DataGridColumn<TRow extends DataGridRowType = DataGridRow> extends Column<TRow> {
+    type?: ColumnType;
+    isPrimaryKey?: boolean;
+    isNullable?: boolean;
+    renderCell?: (props: RenderCellProps<TRow>) => React.ReactNode;
+    renderEditCell?: (props: RenderEditCellProps<TRow>) => React.ReactNode;
+    renderHeaderCell?: (props: RenderHeaderCellProps<TRow>) => React.ReactNode;
+}
+/**
+ * Value conversion result for user input validation
+ */
+export type ValueConversionResult = {
+    success: true;
+    value: ConvertedValue;
+} | {
+    success: false;
+    error: string;
+};

package/dist/components/datagrid/index.d.ts

@@ -0,0 +1,8 @@
+export * from './cell-editors';
+export type * from './datagridTypes';
+export type { DataGridProps, SelectionCellProps } from './DataGrid';
+export type { Column, SortColumn, RenderCellProps, RenderEditCellProps, RenderHeaderCellProps, CellClickArgs, CellMouseEvent, } from 'react-data-grid';
+export { default as DataGrid } from './DataGrid';
+export { createDefaultCellRenderer } from './DefaultCellRenderer';
+export { default as IdCell } from './IdCell';
+export { default as SortableHeaderRenderer } from './SortableHeader';

package/dist/components/index.d.ts

@@ -0,0 +1,20 @@
+export * from './datagrid';
+export { FeatureSidebar, type FeatureSidebarActionButton, type FeatureSidebarHeaderButton, type FeatureSidebarItemAction, type FeatureSidebarListItem, } from './FeatureSidebar';
+export * from './layout';
+export * from './radix';
+export { CodeEditor } from './CodeEditor';
+export { ConnectCTA } from './ConnectCTA';
+export { DataGridEmptyState } from './DataGridEmptyState';
+export { DeleteActionButton } from './DeleteActionButton';
+export { EmptyState } from './EmptyState';
+export { ErrorState } from './ErrorState';
+export { JsonHighlight } from './JsonHighlight';
+export { LoadingState } from './LoadingState';
+export { PaginationControls, type PaginationControlsProps } from './PaginationControls';
+export { PromptDialog } from './PromptDialog';
+export { SelectionClearButton } from './SelectionClearButton';
+export { CircularStepper, LinearStepper, VerticalStepper } from './Stepper';
+export { TableHeader } from './TableHeader';
+export { ThemeSelect } from './ThemeSelect';
+export { TypeBadge } from './TypeBadge';
+export { ZoomedVideo } from './ZoomedVideo';

package/dist/components/layout/AppHeader.d.ts

@@ -0,0 +1 @@
+export default function AppHeader(): import("react/jsx-runtime").JSX.Element;

package/dist/components/layout/AppSidebar.d.ts

@@ -0,0 +1,6 @@
+interface AppSidebarProps extends React.HTMLAttributes<HTMLElement> {
+    isCollapsed: boolean;
+    onToggleCollapse: () => void;
+}
+export default function AppSidebar({ isCollapsed, onToggleCollapse }: AppSidebarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/layout/Layout.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface LayoutProps {
+    children: React.ReactNode;
+}
+export default function Layout({ children }: LayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/layout/index.d.ts

@@ -0,0 +1,3 @@
+export { default as AppHeader } from './AppHeader';
+export { default as AppSidebar } from './AppSidebar';
+export { default as Layout } from './Layout';

package/dist/components/radix/Alert.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+export { Alert, AlertTitle, AlertDescription };

package/dist/components/radix/Avatar.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
+declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export { Avatar, AvatarImage, AvatarFallback };

package/dist/components/radix/Card.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };

package/dist/components/radix/Form.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { type ControllerProps, type FieldPath, type FieldValues } from 'react-hook-form';
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
+declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: import("react-hook-form").FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const FormLabel: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+declare const FormControl: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-slot").SlotProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };

package/dist/components/radix/Label.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { type VariantProps } from 'class-variance-authority';
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/types").ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
+export { Label };

package/dist/components/radix/Popover.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Popover, PopoverTrigger, PopoverContent };

package/dist/components/radix/ScrollArea.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { ScrollArea, ScrollBar };

package/dist/components/radix/Separator.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Separator };

package/dist/components/radix/Skeleton.d.ts

@@ -0,0 +1,2 @@
+declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export { Skeleton };

package/dist/components/radix/Textarea.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const Textarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };