@ezychat/web 0.0.0-stage → 0.1.39

package/dist-lib/types/api/socket.d.ts

@@ -0,0 +1,19 @@
+import type React from 'react';
+export interface TypingEntry {
+    userId: number;
+    displayName: string;
+    at: number;
+}
+export interface RealtimeValue {
+    connected: boolean;
+    typing: Record<string, TypingEntry[]>;
+    emitTyping(jid: string): void;
+}
+export declare function useRealtime(): RealtimeValue;
+/**
+ * Opens one Socket.IO connection while a (fully set-up) user is logged in and mirrors
+ * server events into the TanStack Query cache.
+ */
+export declare const RealtimeProvider: React.FC<{
+    children: React.ReactNode;
+}>;

package/dist-lib/types/api/voice.d.ts

@@ -0,0 +1,33 @@
+import { type VoiceTranscription } from '@ezychat/shared';
+export declare const voiceStatusKey: readonly ["ai-voice"];
+/** Settings → AI → Voice messages. Socket `voice:status` updates it live; polling is a fallback. */
+export declare function useVoiceStatus(): import("@tanstack/react-query").UseQueryResult<{
+    transcription: "off" | "local" | "cloud";
+    model: {
+        state: "error" | "not_installed" | "downloading" | "installed";
+        receivedBytes: number;
+        totalBytes: number;
+        error: "network" | "unknown" | "disk_space" | "verification" | "redirect" | "write" | null;
+    };
+    cloudAvailable: boolean;
+}, Error>;
+export type VoiceAction = {
+    kind: 'set';
+    transcription: VoiceTranscription;
+} | {
+    kind: 'download';
+} | {
+    kind: 'cancel';
+} | {
+    kind: 'remove';
+};
+export declare function useVoiceAction(): import("@tanstack/react-query").UseMutationResult<{
+    transcription: "off" | "local" | "cloud";
+    model: {
+        state: "error" | "not_installed" | "downloading" | "installed";
+        receivedBytes: number;
+        totalBytes: number;
+        error: "network" | "unknown" | "disk_space" | "verification" | "redirect" | "write" | null;
+    };
+    cloudAvailable: boolean;
+}, Error, VoiceAction, unknown>;

package/dist-lib/types/auth/AuthProvider.d.ts

@@ -0,0 +1,15 @@
+import type React from 'react';
+import type { User } from '@ezychat/shared';
+export interface AuthValue {
+    user: User | null;
+    isLoading: boolean;
+    isAdmin: boolean;
+    /** Error loading /api/me other than 401 (e.g. server unreachable). */
+    error: Error | null;
+    logout(): Promise<void>;
+}
+export declare function AuthProvider({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+/** Auth state. Works without an AuthProvider too (falls back to the `me` query directly). */
+export declare function useAuth(): AuthValue;

package/dist-lib/types/auth/AuthShell.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+/** Official EzyChat brand mark, shared by desktop and installed PWA. */
+export declare function AppMark({ className }: {
+    className?: string;
+}): React.JSX.Element;
+/** Centered, safe-area aware Card layout for login / setup / password screens. */
+export declare function AuthShell({ title, subtitle, children, wide, illustration, languageSelect, }: {
+    title: React.ReactNode;
+    subtitle?: React.ReactNode;
+    children: React.ReactNode;
+    wide?: boolean;
+    /** Optional decorative illustration shown above the title. */
+    illustration?: string;
+    /** Show the language menu (it needs the signed-in user's context; the lock screen has none). */
+    languageSelect?: boolean;
+}): React.JSX.Element;
+/** Label + Input + hint/error, wired with ids for accessibility. 16px text, 44px tall. */
+export declare function Field({ label, hint, error, className, id: idProp, ...props }: React.ComponentProps<'input'> & {
+    label: string;
+    hint?: React.ReactNode;
+    error?: React.ReactNode;
+}): React.JSX.Element;
+/** Spinner icon used inside busy Buttons. */
+export declare function ButtonSpinner(): React.JSX.Element;
+/** Full-viewport loading state while auth/setup status resolves. */
+export declare function FullPageLoader({ label }: {
+    label?: string;
+}): React.JSX.Element;

package/dist-lib/types/auth/ChangePasswordPage.d.ts

@@ -0,0 +1,2 @@
+export declare function ChangePasswordPage(): import("react").JSX.Element;
+export default ChangePasswordPage;

package/dist-lib/types/auth/LoginPage.d.ts

@@ -0,0 +1,2 @@
+export declare function LoginPage(): import("react").JSX.Element;
+export default LoginPage;

package/dist-lib/types/auth/RequireAuth.d.ts

@@ -0,0 +1,12 @@
+import type React from 'react';
+export interface RequireAuthProps {
+    /** Only admins may pass; agents are sent to `/`. */
+    admin?: boolean;
+    children?: React.ReactNode;
+}
+/**
+ * Route guard implementing the boot logic:
+ * needsSetup → /setup; no user → /login; mustChangePassword → /change-password.
+ * Renders `children` or an `<Outlet />`.
+ */
+export declare function RequireAuth({ admin, children }: RequireAuthProps): React.JSX.Element;

package/dist-lib/types/auth/UserMenu.d.ts

@@ -0,0 +1,5 @@
+export declare function UserMenu({ className, align, }: {
+    className?: string;
+    align?: 'start' | 'center' | 'end';
+}): import("react").JSX.Element | null;
+export default UserMenu;

package/dist-lib/types/components/app/AboutDialog.d.ts

@@ -0,0 +1,7 @@
+/** "About <product>": icon, name, description, version, repo (or website) link and credits. */
+export declare function AboutDialog({ open, onOpenChange, version, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    version?: string;
+}): import("react").JSX.Element;
+export default AboutDialog;

package/dist-lib/types/components/app/AppCredits.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+/** Muted attribution and support, with a stacked layout for narrow admin sidebars. */
+export declare function AppCredits({ version, className, variant, }: {
+    version?: string;
+    className?: string;
+    variant?: 'inline' | 'sidebar';
+}): React.JSX.Element;
+export default AppCredits;

package/dist-lib/types/components/app/DesktopUpdates.d.ts

@@ -0,0 +1,3 @@
+export declare function DesktopUpdatePanel(): import("react").JSX.Element | null;
+/** A suggestion, never an automatic installation or interruption of a conversation. */
+export declare function DesktopUpdateNotice(): import("react").JSX.Element | null;

package/dist-lib/types/components/app/DevBuildBadge.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Marks a dev or test server (`--mode dev`) on every screen and in the tab title, so a local test
+ * instance is never mistaken for the real inbox. Renders nothing for production servers.
+ */
+export declare function DevBuildBadge(): import("react").JSX.Element | null;

package/dist-lib/types/components/app/ErrorBoundary.d.ts

@@ -0,0 +1,23 @@
+import { Component, type ErrorInfo, type ReactNode } from 'react';
+interface Props {
+    children: ReactNode;
+    /** Changing this (e.g. the route path) clears the error so navigating away recovers. */
+    resetKey?: string;
+    /** Rendered instead of the error panel (null hides the crashed part, e.g. a nav badge). */
+    fallback?: ReactNode;
+}
+interface State {
+    error: Error | null;
+}
+/**
+ * Catches render crashes: shows an error panel instead of a blank screen and reports the error (with the
+ * React component stack) to the server log via /api/client-errors.
+ */
+export declare class ErrorBoundary extends Component<Props, State> {
+    state: State;
+    static getDerivedStateFromError(error: Error): State;
+    componentDidCatch(error: Error, info: ErrorInfo): void;
+    componentDidUpdate(prev: Props): void;
+    render(): ReactNode;
+}
+export {};

package/dist-lib/types/components/app/FeatureRequestAction.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Opens the feedback form on ezychat.ai in the app's language, with the app version filled in.
+ * No GitHub account needed; nothing is sent until the user submits the form.
+ */
+export declare function FeatureRequestAction({ placement }: {
+    placement?: 'button' | 'menu';
+}): import("react").JSX.Element;

package/dist-lib/types/components/app/SearchField.d.ts

@@ -0,0 +1,7 @@
+/** Labelled search with an explicit, keyboard-accessible reset. */
+export declare function SearchField({ value, onChange, label, placeholder, }: {
+    value: string;
+    onChange(value: string): void;
+    label: string;
+    placeholder: string;
+}): import("react").JSX.Element;

package/dist-lib/types/components/app/SegmentedControl.d.ts

@@ -0,0 +1,19 @@
+export interface SegmentedOption<V extends string = string> {
+    value: V;
+    label: React.ReactNode;
+}
+/**
+ * One row of joined options (a compact radio group). Keyboard and screen-reader behaviour comes
+ * from the RadioGroup primitive: arrow keys move the selection, the group is named by
+ * `aria-labelledby`.
+ */
+export declare function SegmentedControl<V extends string>({ value, onValueChange, options, className, size, 'aria-labelledby': labelledBy, 'aria-describedby': describedBy, }: {
+    value: V;
+    onValueChange: (value: V) => void;
+    options: readonly SegmentedOption<V>[];
+    className?: string;
+    /** `sm` for tight spaces such as menus */
+    size?: 'default' | 'sm';
+    'aria-labelledby'?: string;
+    'aria-describedby'?: string;
+}): import("react").JSX.Element;

package/dist-lib/types/components/app/ShareAppAction.d.ts

@@ -0,0 +1,5 @@
+/** Personal recommendation tools, with user-controlled posting on each platform. */
+export declare function ShareAppAction({ open, onOpenChange, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+}): import("react").JSX.Element;

package/dist-lib/types/components/app/index.d.ts

@@ -0,0 +1,81 @@
+import * as React from 'react';
+export declare function EmptyState({ illustration, title, description, action, className, }: {
+    illustration?: string;
+    title: string;
+    description?: React.ReactNode;
+    action?: React.ReactNode;
+    className?: string;
+}): React.JSX.Element;
+export type StatusTone = 'success' | 'warning' | 'danger' | 'info' | 'muted';
+export declare function StatusDot({ tone, label, pulse, className, }: {
+    tone: StatusTone;
+    label?: React.ReactNode;
+    pulse?: boolean;
+    className?: string;
+}): React.JSX.Element;
+/** Maps WhatsApp / tunnel states to a tone so every screen colours them the same way. */
+export declare function stateTone(state: string): StatusTone;
+declare const BANNER_TONE: {
+    readonly info: {
+        readonly cls: "border-info/30 bg-info/10 text-foreground";
+        readonly Icon: import("lucide-react").LucideIcon;
+        readonly icon: "text-info";
+    };
+    readonly warning: {
+        readonly cls: "border-warning/40 bg-warning/10 text-foreground";
+        readonly Icon: import("lucide-react").LucideIcon;
+        readonly icon: "text-warning";
+    };
+    readonly danger: {
+        readonly cls: "border-danger/30 bg-danger/10 text-foreground";
+        readonly Icon: import("lucide-react").LucideIcon;
+        readonly icon: "text-danger";
+    };
+};
+export declare function Banner({ tone, title, children, action, className, }: {
+    tone?: keyof typeof BANNER_TONE;
+    title?: React.ReactNode;
+    children?: React.ReactNode;
+    action?: React.ReactNode;
+    className?: string;
+}): React.JSX.Element;
+export declare function ResponsiveDialog({ open, onOpenChange, title, description, children, footer, size, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    children?: React.ReactNode;
+    footer?: React.ReactNode;
+    /**
+     * `wide` gives long-form editing (documents, previews) room on desktop; `medium` suits side-by-side
+     * text such as a before/after review. Phones always use the drawer.
+     */
+    size?: 'default' | 'medium' | 'wide';
+}): React.JSX.Element;
+export { AppCredits } from './AppCredits';
+export { AboutDialog } from './AboutDialog';
+export { SegmentedControl, type SegmentedOption } from './SegmentedControl';
+export declare function PageHeader({ title, description, actions, className, }: {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    actions?: React.ReactNode;
+    className?: string;
+}): React.JSX.Element;
+export interface Column<T> {
+    key: string;
+    header: React.ReactNode;
+    cell: (row: T) => React.ReactNode;
+    /** Hide this column in the stacked mobile card (e.g. redundant with the title). */
+    hideOnMobile?: boolean;
+    /** Hide this column in one row's mobile card, e.g. when that row has nothing to show. */
+    hideOnMobileFor?: (row: T) => boolean;
+    className?: string;
+}
+export declare function ResponsiveTable<T>({ rows, columns, rowKey, empty, renderMobileRow, }: {
+    rows: T[];
+    columns: Column<T>[];
+    rowKey: (row: T) => string | number;
+    empty?: React.ReactNode;
+    /** A compact feature-specific card; desktop columns stay unchanged. */
+    renderMobileRow?: (row: T) => React.ReactNode;
+}): React.JSX.Element;

package/dist-lib/types/components/ui/alert-dialog.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { AlertDialog as AlertDialogPrimitive } from 'radix-ui';
+import { Button } from './button';
+declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): React.JSX.Element;
+declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): React.JSX.Element;
+declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): React.JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): React.JSX.Element;
+declare function AlertDialogContent({ className, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content> & {
+    size?: 'default' | 'sm';
+}): React.JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): React.JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): React.JSX.Element;
+declare function AlertDialogMedia({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function AlertDialogAction({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action> & Pick<React.ComponentProps<typeof Button>, 'variant' | 'size'>): React.JSX.Element;
+declare function AlertDialogCancel({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> & Pick<React.ComponentProps<typeof Button>, 'variant' | 'size'>): React.JSX.Element;
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };

package/dist-lib/types/components/ui/avatar.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { Avatar as AvatarPrimitive } from "radix-ui";
+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-lib/types/components/ui/badge.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const badgeVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | 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-lib/types/components/ui/button.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "touch" | "icon-touch" | "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-lib/types/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-lib/types/components/ui/checkbox.d.ts

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

package/dist-lib/types/components/ui/command.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { Command as CommandPrimitive } from "cmdk";
+import { Dialog } from "./dialog";
+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-lib/types/components/ui/dialog.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { Dialog as DialogPrimitive } from 'radix-ui';
+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({ ...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-lib/types/components/ui/drawer.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { Drawer as DrawerPrimitive } from 'vaul';
+declare function Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): React.JSX.Element;
+declare function DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>): React.JSX.Element;
+declare function DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>): React.JSX.Element;
+declare function DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>): React.JSX.Element;
+declare function DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>): React.JSX.Element;
+declare function DrawerContent({ className, children, ...props }: React.ComponentProps<typeof DrawerPrimitive.Content>): React.JSX.Element;
+declare function DrawerHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function DrawerFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>): React.JSX.Element;
+declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>): React.JSX.Element;
+export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };

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

@@ -0,0 +1,25 @@
+import * as React from "react";
+import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+declare function DropdownMenu({ ...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-lib/types/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-lib/types/components/ui/label.d.ts

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

package/dist-lib/types/components/ui/popover.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { Popover as PopoverPrimitive } from "radix-ui";
+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-lib/types/components/ui/progress.d.ts

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

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

@@ -0,0 +1,5 @@
+import * as React from "react";
+import { RadioGroup as RadioGroupPrimitive } from "radix-ui";
+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-lib/types/components/ui/scroll-area.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
+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 };

package/dist-lib/types/components/ui/select.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { Select as SelectPrimitive } from "radix-ui";
+declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): React.JSX.Element;
+declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): React.JSX.Element;
+declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): React.JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+    size?: "sm" | "default";
+}): React.JSX.Element;
+declare function SelectContent({ className, children, position, align, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): React.JSX.Element;
+declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): React.JSX.Element;
+declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): React.JSX.Element;
+declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): React.JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): React.JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): React.JSX.Element;
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };

package/dist-lib/types/components/ui/separator.d.ts

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

package/dist-lib/types/components/ui/sheet.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { Dialog as SheetPrimitive } from 'radix-ui';
+declare function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): React.JSX.Element;
+declare function SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>): React.JSX.Element;
+declare function SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>): React.JSX.Element;
+declare function SheetContent({ className, children, side, showCloseButton, ...props }: React.ComponentProps<typeof SheetPrimitive.Content> & {
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    showCloseButton?: boolean;
+}): React.JSX.Element;
+declare function SheetHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SheetFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>): React.JSX.Element;
+declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>): React.JSX.Element;
+export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };

package/dist-lib/types/components/ui/skeleton.d.ts

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

package/dist-lib/types/components/ui/sonner.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { type ToasterProps } from 'sonner';
+declare const Toaster: ({ ...props }: ToasterProps) => React.JSX.Element;
+export { Toaster };

package/dist-lib/types/components/ui/switch.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { Switch as SwitchPrimitive } from "radix-ui";
+declare function Switch({ className, size, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root> & {
+    size?: "sm" | "default";
+}): React.JSX.Element;
+export { Switch };

package/dist-lib/types/components/ui/table.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+declare function Table({ className, ...props }: React.ComponentProps<"table">): React.JSX.Element;
+declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): React.JSX.Element;
+declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): React.JSX.Element;
+declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): React.JSX.Element;
+declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): React.JSX.Element;
+declare function TableHead({ className, ...props }: React.ComponentProps<"th">): React.JSX.Element;
+declare function TableCell({ className, ...props }: React.ComponentProps<"td">): React.JSX.Element;
+declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): React.JSX.Element;
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };

package/dist-lib/types/components/ui/tabs.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+import { Tabs as TabsPrimitive } from "radix-ui";
+declare function Tabs({ className, orientation, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): React.JSX.Element;
+declare const tabsListVariants: (props?: ({
+    variant?: "default" | "line" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function TabsList({ className, variant, ...props }: React.ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>): React.JSX.Element;
+declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): React.JSX.Element;
+declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): React.JSX.Element;
+export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants };

package/dist-lib/types/components/ui/textarea.d.ts

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

package/dist-lib/types/components/ui/tooltip.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { Tooltip as TooltipPrimitive } from "radix-ui";
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): React.JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): React.JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): React.JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): React.JSX.Element;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };