@hachej/boring-ui-kit 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 boringdata
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,65 @@
+# @boring/ui
+
+Shared UI primitives for boring-ui packages and plugins.
+
+```bash
+pnpm add @boring/ui
+```
+
+---
+
+## What it provides
+
+shadcn-style React components with no global CSS — styles come from the host package CSS (`@boring/workspace/globals.css`).
+
+**Layout & surfaces** — `Pane`, `PaneHeader`, `PaneBody`, `PaneToolbar`, `FloatingPanel`
+
+**Actions** — `Button`, `IconButton`, `ButtonGroup`, `Toolbar`, `ToolbarButton`
+
+**Forms** — `Input`, `Textarea`, `Select`, `Field`, `FieldLabel`, `InputGroup`
+
+**Feedback** — `Notice`, `EmptyState`, `ErrorState`, `Spinner`, `Skeleton`, `StatusBadge`, `toast`
+
+**Display** — `Badge`, `Chip`, `InlineCode`, `Kbd`, `Avatar`, `List`, `DetailList`
+
+**Overlays** — `Dialog`, `DropdownMenu`, `Tooltip`, `HoverCard`, `Tabs`, `Command`
+
+**Settings** — `SettingsPanel`, `SettingsNav`, `SettingsActionRow`
+
+---
+
+## Usage
+
+```tsx
+import { Button, EmptyState, Pane, PaneHeader, PaneBody } from "@boring/ui"
+
+export function MyPanel() {
+  return (
+    <Pane>
+      <PaneHeader>My Panel</PaneHeader>
+      <PaneBody>
+        <EmptyState title="Nothing here" />
+        <Button>Action</Button>
+      </PaneBody>
+    </Pane>
+  )
+}
+```
+
+Styles are provided by the host — no separate CSS import needed in plugins:
+
+```ts
+// In your app shell (once)
+import "@boring/workspace/globals.css"
+```
+
+---
+
+## Part of [boring-ui](https://github.com/hachej/boring-ui)
+
+| Package | Role |
+|---|---|
+| `@boring/core` | DB, auth, app factory |
+| `@boring/workspace` | Plugin system, layouts |
+| `@boring/agent` | Agent runtime + tools |
+| `@boring/ui` | Shared UI primitives |

package/dist/index.d.ts

@@ -0,0 +1,438 @@
+import { ClassValue } from 'clsx';
+export { ClassValue } from 'clsx';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { Command as Command$1 } from 'cmdk';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
+
+declare function cn(...inputs: ClassValue[]): string;
+
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type BadgeProps = React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+};
+declare function Badge({ className, variant, asChild, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
+
+type InputProps = React.ComponentProps<'input'>;
+declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+
+type TextareaProps = React.ComponentProps<'textarea'>;
+declare const Textarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+
+type SeparatorProps = React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>;
+declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): react_jsx_runtime.JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element;
+
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime.JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    showCloseButton?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<'div'> & {
+    showCloseButton?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
+
+declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: 'default' | 'destructive';
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
+
+declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): react_jsx_runtime.JSX.Element;
+declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): react_jsx_runtime.JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+    size?: "sm" | "default";
+}): react_jsx_runtime.JSX.Element;
+declare function SelectContent({ className, children, position, align, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): react_jsx_runtime.JSX.Element;
+declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): react_jsx_runtime.JSX.Element;
+declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): react_jsx_runtime.JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): react_jsx_runtime.JSX.Element;
+
+declare function Command({ className, ...props }: React.ComponentProps<typeof Command$1>): react_jsx_runtime.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_runtime.JSX.Element;
+declare function CommandInput({ className, ...props }: React.ComponentProps<typeof Command$1.Input>): react_jsx_runtime.JSX.Element;
+declare function CommandList({ className, ...props }: React.ComponentProps<typeof Command$1.List>): react_jsx_runtime.JSX.Element;
+declare function CommandEmpty({ ...props }: React.ComponentProps<typeof Command$1.Empty>): react_jsx_runtime.JSX.Element;
+declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof Command$1.Group>): react_jsx_runtime.JSX.Element;
+declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof Command$1.Separator>): react_jsx_runtime.JSX.Element;
+declare function CommandItem({ className, ...props }: React.ComponentProps<typeof Command$1.Item>): react_jsx_runtime.JSX.Element;
+declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+
+declare function Tabs({ className, orientation, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare const tabsListVariants: (props?: ({
+    variant?: "default" | "line" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function TabsList({ className, variant, ...props }: React.ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>): react_jsx_runtime.JSX.Element;
+declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime.JSX.Element;
+
+type IconButtonProps = Omit<ButtonProps, 'size'> & {
+    size?: Extract<ButtonProps['size'], 'icon' | 'icon-xs' | 'icon-sm' | 'icon-lg'>;
+};
+declare const IconButton: React.ForwardRefExoticComponent<Omit<ButtonProps, "size"> & {
+    size?: Extract<ButtonProps["size"], "icon" | "icon-xs" | "icon-sm" | "icon-lg">;
+} & React.RefAttributes<HTMLButtonElement>>;
+
+type KbdProps = React.ComponentProps<'kbd'>;
+declare function Kbd({ className, ...props }: KbdProps): react_jsx_runtime.JSX.Element;
+
+type SpinnerProps = React.ComponentProps<'span'>;
+declare function Spinner({ className, ...props }: SpinnerProps): react_jsx_runtime.JSX.Element;
+
+type EmptyStateProps = React.ComponentProps<'div'> & {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: React.ReactNode;
+    actions?: React.ReactNode;
+};
+declare function EmptyState({ className, title, description, icon, actions, children, ...props }: EmptyStateProps): react_jsx_runtime.JSX.Element;
+
+type ErrorStateProps = React.ComponentProps<'div'> & {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    details?: React.ReactNode;
+    actions?: React.ReactNode;
+};
+declare function ErrorState({ className, title, description, details, actions, children, ...props }: ErrorStateProps): react_jsx_runtime.JSX.Element;
+
+declare function Pane({ className, ...props }: React.ComponentProps<'section'>): react_jsx_runtime.JSX.Element;
+declare function PaneHeader({ className, ...props }: React.ComponentProps<'header'>): react_jsx_runtime.JSX.Element;
+declare function PaneTitle({ className, ...props }: React.ComponentProps<'h2'>): react_jsx_runtime.JSX.Element;
+declare function PaneDescription({ className, ...props }: React.ComponentProps<'p'>): react_jsx_runtime.JSX.Element;
+declare function PaneBody({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function PaneFooter({ className, ...props }: React.ComponentProps<'footer'>): react_jsx_runtime.JSX.Element;
+declare function PaneToolbar({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+
+declare function Field({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function FieldLabel({ className, ...props }: React.ComponentProps<'label'>): react_jsx_runtime.JSX.Element;
+declare function FieldDescription({ className, ...props }: React.ComponentProps<'p'>): react_jsx_runtime.JSX.Element;
+declare function FieldError({ className, ...props }: React.ComponentProps<'p'>): react_jsx_runtime.JSX.Element;
+
+type StatusBadgeTone = 'neutral' | 'success' | 'warning' | 'danger' | 'info';
+type StatusBadgeProps = BadgeProps & {
+    tone?: StatusBadgeTone;
+};
+declare function StatusBadge({ className, tone, variant, ...props }: StatusBadgeProps): react_jsx_runtime.JSX.Element;
+
+type NoticeTone = 'info' | 'success' | 'warning' | 'error' | 'accent' | 'destructive';
+type NoticeProps = React.ComponentProps<'div'> & {
+    tone?: NoticeTone;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: React.ReactNode;
+    actions?: React.ReactNode;
+};
+declare function Notice({ className, tone, title, description, icon, actions, children, ...props }: NoticeProps): react_jsx_runtime.JSX.Element;
+
+type SkeletonProps = React.ComponentProps<'div'>;
+declare function Skeleton({ className, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
+
+type InlineCodeProps = React.ComponentProps<'code'>;
+declare function InlineCode({ className, ...props }: InlineCodeProps): react_jsx_runtime.JSX.Element;
+
+type ToolbarProps = React.ComponentProps<'div'>;
+declare function Toolbar({ className, ...props }: ToolbarProps): react_jsx_runtime.JSX.Element;
+type ToolbarGroupProps = React.ComponentProps<'div'>;
+declare function ToolbarGroup({ className, ...props }: ToolbarGroupProps): react_jsx_runtime.JSX.Element;
+type ToolbarButtonProps = ButtonProps;
+declare function ToolbarButton({ className, variant, size, ...props }: ToolbarButtonProps): react_jsx_runtime.JSX.Element;
+type ToolbarSeparatorProps = React.ComponentProps<'div'>;
+declare function ToolbarSeparator({ className, ...props }: ToolbarSeparatorProps): react_jsx_runtime.JSX.Element;
+
+type ChipProps = React.ComponentProps<'span'> & {
+    selected?: boolean;
+};
+declare function Chip({ className, selected, ...props }: ChipProps): react_jsx_runtime.JSX.Element;
+type ChipButtonProps = ButtonProps & {
+    selected?: boolean;
+};
+declare function ChipButton({ className, selected, variant, size, ...props }: ChipButtonProps): react_jsx_runtime.JSX.Element;
+type ChipRemoveProps = ButtonProps;
+declare function ChipRemove({ className, children, variant, size, ...props }: ChipRemoveProps): react_jsx_runtime.JSX.Element;
+
+type SegmentedControlProps = React.ComponentProps<'div'>;
+declare function SegmentedControl({ className, ...props }: SegmentedControlProps): react_jsx_runtime.JSX.Element;
+type SegmentedControlItemProps = ButtonProps & {
+    selected?: boolean;
+};
+declare function SegmentedControlItem({ className, selected, variant, size, ...props }: SegmentedControlItemProps): react_jsx_runtime.JSX.Element;
+
+type SettingsPanelProps = React.ComponentProps<'section'> & {
+    icon?: React.ReactNode;
+    testId?: string;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    footer?: React.ReactNode;
+    danger?: boolean;
+};
+declare function SettingsPanel({ className, icon, title, description, footer, danger, testId, children, ...props }: SettingsPanelProps): react_jsx_runtime.JSX.Element;
+type SettingsNavItem = {
+    href: string;
+    label: React.ReactNode;
+    description?: React.ReactNode;
+};
+type SettingsNavProps = React.ComponentProps<'nav'> & {
+    label: string;
+    items: SettingsNavItem[];
+};
+declare function SettingsNav({ className, label, items, ...props }: SettingsNavProps): react_jsx_runtime.JSX.Element;
+type SettingsPageHeaderProps = React.ComponentProps<'header'> & {
+    eyebrow?: React.ReactNode;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    context?: React.ReactNode;
+};
+declare function SettingsPageHeader({ className, eyebrow, title, description, context, children, ...props }: SettingsPageHeaderProps): react_jsx_runtime.JSX.Element;
+type SettingsActionRowProps = React.ComponentProps<'div'> & {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    action: React.ReactNode;
+};
+declare function SettingsActionRow({ className, title, description, action, ...props }: SettingsActionRowProps): react_jsx_runtime.JSX.Element;
+type DetailLineProps = React.ComponentProps<'div'> & {
+    icon?: React.ReactNode;
+    label: React.ReactNode;
+};
+declare function DetailLine({ className, icon, label, children, ...props }: DetailLineProps): react_jsx_runtime.JSX.Element;
+
+declare const Disclosure: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
+declare const DisclosureContent: React.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type DisclosureTriggerProps = ButtonProps & {
+    chevron?: React.ReactNode;
+};
+declare const DisclosureTrigger: React.ForwardRefExoticComponent<ButtonProps & {
+    chevron?: React.ReactNode;
+} & React.RefAttributes<HTMLButtonElement>>;
+declare function DisclosureChevron({ className, ...props }: React.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
+
+type ResizeHandleOrientation = 'vertical' | 'horizontal';
+type ResizeHandleProps = Omit<React.ComponentProps<'div'>, 'onPointerDown'> & {
+    orientation?: ResizeHandleOrientation;
+    onResizeStart?: (event: React.PointerEvent<HTMLDivElement>) => void;
+};
+declare function ResizeHandle({ className, orientation, onResizeStart, role, tabIndex, ...props }: ResizeHandleProps): react_jsx_runtime.JSX.Element;
+
+type AvatarProps = React.ComponentProps<'div'>;
+declare function Avatar({ className, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
+type AvatarFallbackProps = React.ComponentProps<'span'>;
+declare function AvatarFallback({ className, ...props }: AvatarFallbackProps): react_jsx_runtime.JSX.Element;
+type InitialsAvatarProps = AvatarProps & {
+    initials: React.ReactNode;
+};
+declare function InitialsAvatar({ initials, className, ...props }: InitialsAvatarProps): react_jsx_runtime.JSX.Element;
+
+type ToastVariant$1 = 'info' | 'success' | 'error';
+interface ToastInput$1 {
+    title?: string;
+    description?: string;
+    variant?: ToastVariant$1;
+    durationMs?: number;
+}
+interface ToastRecord extends ToastInput$1 {
+    id: string;
+    createdAt: number;
+}
+type Listener = (toasts: ToastRecord[]) => void;
+declare function dismissToast(id: string): void;
+declare function subscribeToasts(listener: Listener): () => void;
+declare function getActiveToasts(): ToastRecord[];
+declare function clearToasts(): void;
+interface ToastApi$1 {
+    (input: string | ToastInput$1): string;
+    success: (input: string | ToastInput$1) => string;
+    error: (input: string | ToastInput$1) => string;
+    info: (input: string | ToastInput$1) => string;
+    dismiss: (id: string) => void;
+}
+declare const toast: ToastApi$1;
+interface ToasterProps {
+    position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+    className?: string;
+}
+declare function Toaster({ position, className }: ToasterProps): React.ReactPortal | null;
+
+type LoadingStateProps = React.ComponentProps<'div'> & {
+    label?: React.ReactNode;
+    centered?: boolean;
+};
+declare function LoadingState({ className, label, centered, children, ...props }: LoadingStateProps): react_jsx_runtime.JSX.Element;
+
+type ListProps = React.ComponentProps<'div'>;
+declare function List({ className, ...props }: ListProps): react_jsx_runtime.JSX.Element;
+type ListRowProps = React.ComponentProps<'div'> & {
+    interactive?: boolean;
+};
+declare function ListRow({ className, interactive, ...props }: ListRowProps): react_jsx_runtime.JSX.Element;
+type ListRowMainProps = React.ComponentProps<'div'>;
+declare function ListRowMain({ className, ...props }: ListRowMainProps): react_jsx_runtime.JSX.Element;
+type ListRowTitleProps = React.ComponentProps<'p'>;
+declare function ListRowTitle({ className, ...props }: ListRowTitleProps): react_jsx_runtime.JSX.Element;
+type ListRowDescriptionProps = React.ComponentProps<'p'>;
+declare function ListRowDescription({ className, ...props }: ListRowDescriptionProps): react_jsx_runtime.JSX.Element;
+type ListRowMetaProps = React.ComponentProps<'div'>;
+declare function ListRowMeta({ className, ...props }: ListRowMetaProps): react_jsx_runtime.JSX.Element;
+type ListRowActionsProps = React.ComponentProps<'div'>;
+declare function ListRowActions({ className, ...props }: ListRowActionsProps): react_jsx_runtime.JSX.Element;
+
+type DetailListProps = React.ComponentProps<'dl'>;
+declare function DetailList({ className, ...props }: DetailListProps): react_jsx_runtime.JSX.Element;
+
+type FloatingPanelProps = React.ComponentProps<'div'>;
+declare function FloatingPanel({ className, ...props }: FloatingPanelProps): react_jsx_runtime.JSX.Element;
+type FloatingPanelHeaderProps = React.ComponentProps<'div'>;
+declare function FloatingPanelHeader({ className, ...props }: FloatingPanelHeaderProps): react_jsx_runtime.JSX.Element;
+type FloatingPanelBodyProps = React.ComponentProps<'div'>;
+declare function FloatingPanelBody({ className, ...props }: FloatingPanelBodyProps): react_jsx_runtime.JSX.Element;
+
+declare function Card({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogContent({ className, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content> & {
+    size?: "default" | "sm";
+}): react_jsx_runtime.JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogMedia({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function AlertDialogAction({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): react_jsx_runtime.JSX.Element;
+declare function AlertDialogCancel({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): react_jsx_runtime.JSX.Element;
+
+declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): react_jsx_runtime.JSX.Element;
+declare function PopoverHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function PopoverTitle({ className, ...props }: React.ComponentProps<"h2">): react_jsx_runtime.JSX.Element;
+declare function PopoverDescription({ className, ...props }: React.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
+
+declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): react_jsx_runtime.JSX.Element;
+
+declare function Sheet({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function SheetTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function SheetClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime.JSX.Element;
+declare function SheetContent({ className, children, side, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    side?: "top" | "right" | "bottom" | "left";
+    showCloseButton?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
+declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
+
+type ToastVariant = 'default' | 'destructive' | 'info' | 'success' | 'warning' | 'error';
+type ToastInput = string | {
+    title?: string;
+    description?: string;
+    variant?: ToastVariant;
+};
+type ToastApi = {
+    toast: (input: ToastInput) => void;
+};
+declare function useToast(): ToastApi;
+
+declare const HoverCard: React.FC<HoverCardPrimitive.HoverCardProps>;
+declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>>;
+declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+declare const Collapsible: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleContent: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
+
+declare const buttonGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>): react_jsx_runtime.JSX.Element;
+declare function ButtonGroupText({ className, asChild, ...props }: React.ComponentProps<'div'> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
+
+declare function InputGroup({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>): react_jsx_runtime.JSX.Element;
+declare const inputGroupButtonVariants: (props?: ({
+    size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
+} & 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_runtime.JSX.Element;
+declare function InputGroupText({ className, ...props }: React.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
+declare function InputGroupInput({ className, ...props }: React.ComponentProps<'input'>): react_jsx_runtime.JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<'textarea'>): react_jsx_runtime.JSX.Element;
+
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Avatar, AvatarFallback, type AvatarFallbackProps, type AvatarProps, Badge, type BadgeProps, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, ChipButton, type ChipButtonProps, type ChipProps, ChipRemove, type ChipRemoveProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DetailLine, type DetailLineProps, DetailList, type DetailListProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Disclosure, DisclosureChevron, DisclosureContent, DisclosureTrigger, type DisclosureTriggerProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, ErrorState, type ErrorStateProps, Field, FieldDescription, FieldError, FieldLabel, FloatingPanel, FloatingPanelBody, type FloatingPanelBodyProps, FloatingPanelHeader, type FloatingPanelHeaderProps, type FloatingPanelProps, HoverCard, HoverCardContent, HoverCardTrigger, IconButton, type IconButtonProps, InitialsAvatar, type InitialsAvatarProps, InlineCode, type InlineCodeProps, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, type InputProps, Kbd, type KbdProps, Label, List, type ListProps, ListRow, ListRowActions, type ListRowActionsProps, ListRowDescription, type ListRowDescriptionProps, ListRowMain, type ListRowMainProps, ListRowMeta, type ListRowMetaProps, type ListRowProps, ListRowTitle, type ListRowTitleProps, LoadingState, type LoadingStateProps, Notice, type NoticeProps, type NoticeTone, Pane, PaneBody, PaneDescription, PaneFooter, PaneHeader, PaneTitle, PaneToolbar, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, ResizeHandle, type ResizeHandleOrientation, type ResizeHandleProps, ScrollArea, ScrollBar, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps, SettingsActionRow, type SettingsActionRowProps, SettingsNav, type SettingsNavItem, type SettingsNavProps, SettingsPageHeader, type SettingsPageHeaderProps, SettingsPanel, type SettingsPanelProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, type ToastApi$1 as ToastApi, type ToastApi as ToastEventApi, type ToastInput as ToastEventInput, type ToastVariant as ToastEventVariant, type ToastInput$1 as ToastInput, type ToastRecord, type ToastVariant$1 as ToastVariant, Toaster, type ToasterProps, Toolbar, ToolbarButton, type ToolbarButtonProps, ToolbarGroup, type ToolbarGroupProps, type ToolbarProps, ToolbarSeparator, type ToolbarSeparatorProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonGroupVariants, buttonVariants, clearToasts, cn, dismissToast, getActiveToasts, subscribeToasts, tabsListVariants, toast, useToast };