@tollerud/ui 1.0.1

package/dist/index.d.cts

@@ -0,0 +1,704 @@
+import { ClassValue } from 'clsx';
+import * as react from 'react';
+import { ButtonHTMLAttributes, HTMLAttributes, InputHTMLAttributes, CSSProperties, ReactNode, TextareaHTMLAttributes, ReactElement, ComponentPropsWithoutRef } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import { ToasterProps } from 'sonner';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+
+declare function cn(...inputs: ClassValue[]): string;
+
+declare const variants: {
+    readonly primary: "bg-tollerud-yellow text-tollerud-black border-tollerud-yellow hover:bg-tollerud-yellow-bright hover:shadow-tollerud-glow";
+    readonly secondary: "bg-transparent text-tollerud-text-primary border-tollerud-border hover:border-tollerud-text-secondary hover:bg-tollerud-surface-hover";
+    readonly ghost: "bg-transparent text-tollerud-text-secondary border-transparent hover:text-tollerud-text-primary hover:bg-tollerud-surface-hover";
+    readonly destructive: "bg-tollerud-error text-white border-tollerud-error hover:shadow-[0_0_12px_rgba(239,68,68,0.3)]";
+    readonly terminal: "font-mono text-tollerud-yellow border-[rgba(232,213,0,0.25)] bg-transparent before:content-[\"❯_\"] before:opacity-70 hover:border-tollerud-yellow hover:shadow-tollerud-glow hover:bg-[rgba(232,213,0,0.05)]";
+};
+declare const sizes: {
+    readonly sm: "px-3 py-1 text-sm";
+    readonly md: "px-4 py-2 text-base";
+    readonly lg: "px-6 py-3 text-lg";
+};
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: keyof typeof variants;
+    size?: keyof typeof sizes;
+}
+declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+declare const toneStyles: {
+    readonly default: {
+        readonly wrapper: "border-tollerud-border bg-tollerud-surface-raised";
+        readonly icon: "text-tollerud-text-muted";
+    };
+    readonly accent: {
+        readonly wrapper: "border-tollerud-yellow/30 bg-tollerud-yellow/5";
+        readonly icon: "text-tollerud-yellow";
+    };
+    readonly info: {
+        readonly wrapper: "border-blue-500/30 bg-blue-500/5";
+        readonly icon: "text-blue-400";
+    };
+    readonly success: {
+        readonly wrapper: "border-green-500/30 bg-green-500/5";
+        readonly icon: "text-green-400";
+    };
+    readonly error: {
+        readonly wrapper: "border-red-500/30 bg-red-500/5";
+        readonly icon: "text-red-400";
+    };
+};
+interface AlertProps extends HTMLAttributes<HTMLDivElement> {
+    tone?: keyof typeof toneStyles;
+    title?: string;
+    icon?: React.ReactNode;
+}
+declare const Alert: react.ForwardRefExoticComponent<AlertProps & react.RefAttributes<HTMLDivElement>>;
+
+interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    accent?: boolean;
+    density?: 'comfortable' | 'compact';
+}
+declare const Card: react.ForwardRefExoticComponent<CardProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const badgeVariants: {
+    readonly default: "bg-tollerud-noir-700 text-tollerud-text-secondary";
+    readonly accent: "bg-tollerud-yellow/15 text-tollerud-yellow";
+    readonly success: "bg-tollerud-success/15 text-tollerud-success";
+    readonly error: "bg-tollerud-error/15 text-tollerud-error";
+    readonly info: "bg-tollerud-info/15 text-tollerud-info";
+    readonly warning: "bg-tollerud-yellow/15 text-tollerud-warning";
+};
+interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    variant?: keyof typeof badgeVariants;
+}
+declare const Badge: react.ForwardRefExoticComponent<BadgeProps & react.RefAttributes<HTMLSpanElement>>;
+
+type Status = 'online' | 'offline' | 'warning' | 'idle';
+interface StatusDotProps extends HTMLAttributes<HTMLSpanElement> {
+    status?: Status;
+    label?: string;
+    /** Disable the pulsing animation */
+    noPulse?: boolean;
+}
+declare const StatusDot: react.ForwardRefExoticComponent<StatusDotProps & react.RefAttributes<HTMLSpanElement>>;
+
+interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    error?: string;
+}
+declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
+
+interface CodeBlockProps extends HTMLAttributes<HTMLPreElement> {
+    /** Optional string content to render inside <code> tags */
+    code?: string;
+    /** When true, prepends a prompt symbol ($) before text content */
+    promptPrefix?: boolean;
+    /** When false, hides the copy-to-clipboard button (default: true) */
+    showCopy?: boolean;
+}
+declare const CodeBlock: react.ForwardRefExoticComponent<CodeBlockProps & react.RefAttributes<HTMLPreElement>>;
+
+interface StatCardProps extends HTMLAttributes<HTMLDivElement> {
+    label: string;
+    value: string | number;
+    change?: {
+        value: string;
+        direction: 'up' | 'down';
+    };
+    accent?: boolean;
+}
+declare const StatCard: react.ForwardRefExoticComponent<StatCardProps & react.RefAttributes<HTMLDivElement>>;
+
+interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
+    as?: 'div' | 'section' | 'article' | 'main' | 'header' | 'footer';
+}
+declare const Container: react.ForwardRefExoticComponent<ContainerProps & react.RefAttributes<HTMLDivElement>>;
+
+type ShaderShape = "corners" | "wave" | "dots" | "truchet" | "ripple" | "blob" | "sphere";
+type Intensity = "subtle" | "medium" | "loud";
+type Speed = "still" | "slow" | "medium" | "fast";
+type Grain = "none" | "soft" | "high";
+interface NoirGlowBackgroundProps {
+    /** Extra class names for the outer positioning wrapper. */
+    className?: string;
+    /** Inline style for the outer positioning wrapper. */
+    style?: CSSProperties;
+    /** Canvas/WebGL shape. `corners` matches Tollerud.no. */
+    shape?: ShaderShape;
+    /** Visual strength of the yellow glow. */
+    intensity?: Intensity;
+    /** Ambient animation speed. */
+    speed?: Speed;
+    /** Shader grain/noise amount. */
+    grain?: Grain;
+    /** Softness/falloff of the glow blooms. */
+    softness?: number;
+    /** Background color behind the glow. */
+    colorBack?: string;
+    /** Glow colors. Defaults to the Tollerud/Tia yellow ramp. */
+    colors?: string[];
+    /** Whether to render a readable center vignette on top of the shader. */
+    preserveCenter?: boolean;
+    /** Add the grain/noise CSS overlay. */
+    noiseOverlay?: boolean;
+    /** Prefer the CSS fallback even if shaders are available. Useful for docs/static contexts. */
+    forceCssFallback?: boolean;
+    /** Disable pointer events so content above remains clickable. */
+    inert?: boolean;
+}
+/**
+ * NoirGlowBackground
+ *
+ * Tia/Tollerud signature background primitive. The defaults replicate
+ * MathiasOki/tollerud-landing's `GradientBackground` component.
+ *
+ * Install dependency in consuming Next.js apps:
+ *   npm install @paper-design/shaders-react
+ *
+ * The CSS fallback classes live in `globals.css` and are used during Suspense,
+ * reduced-motion contexts, or when `forceCssFallback` is true.
+ */
+declare function NoirGlowBackground({ className, style, shape, intensity, speed, grain, softness, colorBack, colors, preserveCenter, noiseOverlay, forceCssFallback, inert, }: NoirGlowBackgroundProps): react_jsx_runtime.JSX.Element;
+
+interface KbdProps extends HTMLAttributes<HTMLSpanElement> {
+    /**
+     * The keys to display. Separate by + for chords.
+     * @example "⌘K", "⌘⇧S", "⌘K", "Esc"
+     */
+    keys: string | string[];
+    /** Small variant for inline use */
+    size?: 'sm' | 'md';
+}
+/**
+ * Keyboard shortcut chip — inspired by Raycast shortcut badges.
+ *
+ * ```tsx
+ * <Kbd keys="⌘K" />
+ * <Kbd keys={["⌘", "⇧", "S"]} />
+ * <Kbd keys="Esc" size="sm" />
+ * ```
+ */
+declare const Kbd: react.ForwardRefExoticComponent<KbdProps & react.RefAttributes<HTMLSpanElement>>;
+
+interface ActionItem {
+    /** Unique ID */
+    id: string;
+    /** Label text */
+    label: string;
+    /** Subtitle / description */
+    description?: string;
+    /** Optional icon element */
+    icon?: React.ReactNode;
+    /** Keyboard shortcut */
+    shortcut?: string | string[];
+    /** Group this item belongs to */
+    group?: string;
+    /** When true, item is disabled */
+    disabled?: boolean;
+    /** Selection callback */
+    onSelect?: () => void;
+}
+interface ActionRowProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onSelect'> {
+    /** Action data */
+    action: ActionItem;
+    /** Whether this row is currently highlighted (keyboard navigation) */
+    highlighted?: boolean;
+    /** Whether to show the shortcut */
+    showShortcut?: boolean;
+}
+/**
+ * Action row — a single command/action item in a list or command menu.
+ * Inspired by Raycast's compact action layout.
+ */
+declare const ActionRow: react.ForwardRefExoticComponent<ActionRowProps & react.RefAttributes<HTMLButtonElement>>;
+
+interface CommandGroup {
+    /** Group label (e.g. "Servers", "Actions") */
+    label: string;
+    /** Items in this group */
+    items: ActionItem[];
+}
+interface CommandMenuProps {
+    /** Whether the menu is open */
+    open: boolean;
+    /** Called when menu should close */
+    onOpenChange: (open: boolean) => void;
+    /** Command groups to display */
+    groups: CommandGroup[];
+    /** Placeholder text for the search input */
+    placeholder?: string;
+    /** Empty state message when no results */
+    emptyMessage?: string;
+    /** Custom class for the overlay */
+    className?: string;
+    /** Keyboard shortcut to toggle (default: "⌘K") */
+    toggleShortcut?: string;
+    /** Custom search filter override. Return filtered groups. */
+    filter?: (query: string, groups: CommandGroup[]) => CommandGroup[];
+    /** Callback when an action runs */
+    onAction?: (action: ActionItem) => void;
+}
+/**
+ * Command palette — a Raycast-inspired global command menu.
+ *
+ * ```tsx
+ * const [open, setOpen] = useState(false)
+ *
+ * <CommandMenu
+ *   open={open}
+ *   onOpenChange={setOpen}
+ *   groups={[
+ *     {
+ *       label: 'Servers',
+ *       items: [
+ *         { id: 'emma', label: 'Emma', icon: <Server />, onSelect: () => {} },
+ *       ],
+ *     },
+ *   ]}
+ * />
+ * ```
+ */
+declare const CommandMenu: react.ForwardRefExoticComponent<CommandMenuProps & react.RefAttributes<HTMLDivElement>>;
+
+interface ServiceHealthCardProps extends HTMLAttributes<HTMLDivElement> {
+    /** Service name */
+    service: string;
+    /** Health status */
+    status?: Status;
+    /** Uptime string (e.g. '14d 3h') */
+    uptime?: string;
+    /** Response time in ms */
+    responseTime?: string;
+    /** Current version */
+    version?: string;
+    /** Whether the card is in a loading state */
+    loading?: boolean;
+}
+declare const ServiceHealthCard: react.ForwardRefExoticComponent<ServiceHealthCardProps & react.RefAttributes<HTMLDivElement>>;
+
+interface HostCardProps extends HTMLAttributes<HTMLDivElement> {
+    /** Hostname */
+    hostname: string;
+    /** IP address */
+    ip?: string;
+    /** Status */
+    status?: Status;
+    /** CPU load (e.g. '23%') */
+    cpu?: string;
+    /** Memory usage (e.g. '6.2/16 GB') */
+    memory?: string;
+    /** Disk usage (e.g. '45%') */
+    disk?: string;
+    /** Uptime */
+    uptime?: string;
+    /** Number of containers running */
+    containers?: number;
+    /** Whether the card is loading */
+    loading?: boolean;
+}
+declare const HostCard: react.ForwardRefExoticComponent<HostCardProps & react.RefAttributes<HTMLDivElement>>;
+
+interface StackService {
+    name: string;
+    status: Status;
+}
+interface DockerStackCardProps extends HTMLAttributes<HTMLDivElement> {
+    /** Stack name */
+    name: string;
+    /** Services in the stack */
+    services: StackService[];
+    /** Path to compose file */
+    composePath?: string;
+    /** Whether the card is loading */
+    loading?: boolean;
+}
+declare const DockerStackCard: react.ForwardRefExoticComponent<DockerStackCardProps & react.RefAttributes<HTMLDivElement>>;
+
+type IncidentSeverity = 'critical' | 'high' | 'medium' | 'low' | 'info';
+interface IncidentCardProps extends HTMLAttributes<HTMLDivElement> {
+    /** Incident title */
+    title: string;
+    /** Severity level */
+    severity: IncidentSeverity;
+    /** Timestamp string */
+    timestamp: string;
+    /** Description / detail */
+    description?: string;
+    /** Service name affected */
+    service?: string;
+    /** Whether acknowledged */
+    acknowledged?: boolean;
+    /** Whether the card is loading */
+    loading?: boolean;
+}
+declare const IncidentCard: react.ForwardRefExoticComponent<IncidentCardProps & react.RefAttributes<HTMLDivElement>>;
+
+type ApprovalState = 'pending' | 'approved' | 'rejected';
+interface ApprovalCardProps extends HTMLAttributes<HTMLDivElement> {
+    /** Action being approved */
+    action: string;
+    /** Description of what will happen */
+    description?: string;
+    /** Source (e.g. 'Emma → backup.sh') */
+    source?: string;
+    /** Current approval state */
+    state?: ApprovalState;
+    /** Timestamp of the request */
+    timestamp?: string;
+    /** Called when user approves */
+    onApprove?: () => void;
+    /** Called when user rejects */
+    onReject?: () => void;
+    /** Whether actions are disabled */
+    disabled?: boolean;
+    /** Whether the card is loading */
+    loading?: boolean;
+}
+declare const ApprovalCard: react.ForwardRefExoticComponent<ApprovalCardProps & react.RefAttributes<HTMLDivElement>>;
+
+interface BackupJob {
+    name: string;
+    status: Status;
+    lastRun?: string;
+    nextRun?: string;
+    size?: string;
+    target?: string;
+}
+interface BackupStatusPanelProps extends HTMLAttributes<HTMLDivElement> {
+    /** List of backup jobs */
+    jobs: BackupJob[];
+    /** Total size of all backups */
+    totalSize?: string;
+    /** Last full backup timestamp */
+    lastFullBackup?: string;
+    /** Whether the panel is loading */
+    loading?: boolean;
+}
+declare const BackupStatusPanel: react.ForwardRefExoticComponent<BackupStatusPanelProps & react.RefAttributes<HTMLDivElement>>;
+
+interface TimelineItemData {
+    id: string;
+    /** Timestamp label */
+    time: string;
+    /** Title/headline of the event */
+    title: string;
+    /** Description */
+    description?: string;
+    /** Status indicator dot */
+    status?: Status;
+    /** Optional icon to replace dot */
+    icon?: ReactNode;
+    /** Optional metadata badges */
+    meta?: string[];
+}
+interface TimelineProps extends HTMLAttributes<HTMLDivElement> {
+    /** Timeline events */
+    items: TimelineItemData[];
+    /** Whether items are active (show animated dot pulse) */
+    active?: boolean;
+    /** Whether the timeline is loading */
+    loading?: boolean;
+}
+declare const Timeline: react.ForwardRefExoticComponent<TimelineProps & react.RefAttributes<HTMLDivElement>>;
+
+interface AlertItem {
+    id: string;
+    title: string;
+    severity: IncidentSeverity;
+    timestamp: string;
+    description?: string;
+    service?: string;
+    acknowledged?: boolean;
+}
+interface AlertInboxProps extends HTMLAttributes<HTMLDivElement> {
+    alerts: AlertItem[];
+    filterSeverity?: IncidentSeverity | '';
+    onAcknowledge?: (id: string) => void;
+    loading?: boolean;
+    emptyMessage?: string;
+}
+declare const AlertInbox: react.ForwardRefExoticComponent<AlertInboxProps & react.RefAttributes<HTMLDivElement>>;
+
+type RollbackStepStatus = 'pending' | 'running' | 'success' | 'failed' | 'skipped';
+interface RollbackStep {
+    id: string;
+    label: string;
+    description?: string;
+    status: RollbackStepStatus;
+}
+interface RollbackPlanProps extends HTMLAttributes<HTMLDivElement> {
+    /** Name/identifier for the plan */
+    name: string;
+    /** Rollback steps */
+    steps: RollbackStep[];
+    /** Whether the plan is executing */
+    executing?: boolean;
+    /** Whether the plan is loading */
+    loading?: boolean;
+}
+declare const RollbackPlan: react.ForwardRefExoticComponent<RollbackPlanProps & react.RefAttributes<HTMLDivElement>>;
+
+interface DiffLine {
+    /** Diff content */
+    text: string;
+    /** Change type */
+    type: 'add' | 'remove' | 'context';
+    /** Line number in original */
+    oldLine?: number;
+    /** Line number in new */
+    newLine?: number;
+}
+interface ActionDiffProps extends HTMLAttributes<HTMLDivElement> {
+    /** Diff lines */
+    lines: DiffLine[];
+    /** File/label name */
+    label?: string;
+    /** View mode */
+    view?: 'unified' | 'side-by-side';
+    /** Whether the diff is loading */
+    loading?: boolean;
+}
+declare const ActionDiff: react.ForwardRefExoticComponent<ActionDiffProps & react.RefAttributes<HTMLDivElement>>;
+
+type LogLevel = 'debug' | 'info' | 'warn' | 'error' | 'trace';
+interface LogLine {
+    /** Line content */
+    text: string;
+    /** Log level for color coding */
+    level?: LogLevel;
+    /** Timestamp string (optional) */
+    timestamp?: string;
+    /** Source/logger name */
+    source?: string;
+}
+interface LogViewerProps extends HTMLAttributes<HTMLDivElement> {
+    /** Log lines to display */
+    lines: LogLine[];
+    /** Maximum visible lines (for performance) */
+    maxLines?: number;
+    /** Show line numbers */
+    showLineNumbers?: boolean;
+    /** Show timestamps */
+    showTimestamps?: boolean;
+    /** Whether to auto-scroll (follow new content) */
+    follow?: boolean;
+    /** Enable search */
+    searchable?: boolean;
+    /** Height of the viewer */
+    height?: string;
+    /** Whether the viewer is loading */
+    loading?: boolean;
+}
+declare const LogViewer: react.ForwardRefExoticComponent<LogViewerProps & react.RefAttributes<HTMLDivElement>>;
+
+interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    label?: string;
+    error?: string;
+}
+declare const Textarea: react.ForwardRefExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
+
+interface SelectOption {
+    value: string;
+    label: string;
+}
+interface SelectProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    label?: string;
+    error?: string;
+    placeholder?: string;
+    options?: SelectOption[];
+    value?: string;
+    onChange?: (value: string) => void;
+}
+declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLDivElement>>;
+
+interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label?: string;
+}
+declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLInputElement>>;
+
+interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label?: string;
+}
+declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLInputElement>>;
+
+interface RadioGroupProps {
+    /** Group label */
+    label?: string;
+    /** Error message */
+    error?: string;
+    children?: React.ReactNode;
+    className?: string;
+}
+declare const RadioGroup: react.ForwardRefExoticComponent<RadioGroupProps & react.RefAttributes<HTMLFieldSetElement>>;
+interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label?: string;
+}
+declare const Radio: react.ForwardRefExoticComponent<RadioProps & react.RefAttributes<HTMLInputElement>>;
+
+type FooterLabels = {
+    /** Text for the tollerud.no link (e.g. "A Tollerud Project"). */
+    tollerudProject: string;
+    /**
+     * Optional middle segment after the link, before the rights line.
+     * Example for Advania: `"for Advania Norge AS."`
+     */
+    attribution?: string;
+    allRightsReserved: string;
+};
+type FooterProps = {
+    labels?: Partial<FooterLabels>;
+    /** Layout behavior: responsive keeps mobile-first stacking, row forces horizontal layout. */
+    layout?: 'responsive' | 'row';
+    /** Merged onto <footer>. Use for extra layout, padding, etc. */
+    className?: string;
+    /** Merged onto <footer> (wins over conflicting backgroundColor from classes when needed). */
+    style?: CSSProperties;
+    /**
+     * When true, skips all default surface styling so className/style fully control the bar
+     * (avoids fighting default background/border).
+     */
+    unstyled?: boolean;
+    /** When true, uses accent (yellow) surface instead of neutral dark. */
+    accent?: boolean;
+    classNameInner?: string;
+    classNameLogo?: string;
+    classNameText?: string;
+    classNameLink?: string;
+};
+declare function Footer({ labels, layout, className, style, unstyled, accent, classNameInner, classNameLogo, classNameText, classNameLink, }: FooterProps): ReactElement;
+
+declare const Dialog: react.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: react.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: react.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: react.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: react.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: react.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
+
+declare const TooltipProvider: react.FC<TooltipPrimitive.TooltipProviderProps>;
+declare function Tooltip({ children, defaultOpen, open: controlledOpen, onOpenChange: controlledOnOpenChange, ...props }: react.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare namespace Tooltip {
+    var displayName: string;
+}
+declare const TooltipTrigger: react.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: react.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const Tabs: react.ForwardRefExoticComponent<TabsPrimitive.TabsProps & react.RefAttributes<HTMLDivElement>>;
+declare const TabsList: react.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: react.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+
+declare const Progress: react.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+type TollerudToasterProps = ToasterProps & {
+    /** Toast color theme. Wire to your app theme when you have one. */
+    theme?: ToasterProps['theme'];
+};
+declare const Toaster: ({ theme, ...props }: TollerudToasterProps) => react_jsx_runtime.JSX.Element;
+
+interface EmptyProps extends HTMLAttributes<HTMLDivElement> {
+}
+declare const Empty: react.ForwardRefExoticComponent<EmptyProps & react.RefAttributes<HTMLDivElement>>;
+declare const EmptyHeader: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+declare const EmptyIcon: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+declare const EmptyTitle: react.ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & react.RefAttributes<HTMLHeadingElement>>;
+declare const EmptyDescription: react.ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & react.RefAttributes<HTMLParagraphElement>>;
+declare const EmptyContent: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+
+declare const DropdownMenu: react.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuContent: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
+
+type SheetSide = 'left' | 'right';
+interface SheetProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children: ReactNode;
+}
+declare const Sheet: ({ open, onOpenChange, children }: SheetProps) => react_jsx_runtime.JSX.Element;
+declare const SheetTrigger: react.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: react.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
+interface SheetContentProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
+    side?: SheetSide;
+}
+declare const SheetContent: react.ForwardRefExoticComponent<SheetContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const SheetHeader: ({ className, ...props }: {
+    className?: string;
+    children?: ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+declare const SheetTitle: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
+
+interface Column<T> {
+    key: string;
+    label: string;
+    sortable?: boolean;
+    filterable?: boolean;
+    align?: 'left' | 'center' | 'right';
+    width?: string;
+    render?: (value: unknown, row: T) => ReactNode;
+}
+interface DataTableProps<T extends Record<string, unknown>> {
+    columns: Column<T>[];
+    data: T[];
+    /** Row key extractor — defaults to `row.id` or `row.key` */
+    rowKey?: keyof T | ((row: T) => string | number);
+    onRowClick?: (row: T) => void;
+    className?: string;
+    emptyMessage?: string;
+}
+declare const DataTable: react.ForwardRefExoticComponent<DataTableProps<Record<string, unknown>> & react.RefAttributes<HTMLDivElement>>;
+
+interface GlowCardProps {
+    children: ReactNode;
+    className?: string;
+    /** Color of the glow. Default: accent yellow */
+    glowColor?: string;
+    /** Glow intensity (0–1). Default: 0.15 */
+    intensity?: number;
+}
+declare function GlowCard({ children, className, glowColor, intensity, }: GlowCardProps): react_jsx_runtime.JSX.Element;
+
+interface BentoDashboardProps {
+    title: string;
+    hosts?: HostCardProps[];
+    metrics?: StatCardProps[];
+    services?: ServiceHealthCardProps[];
+    incidents?: {
+        title: string;
+        severity: IncidentSeverity;
+        timestamp: string;
+        service: string;
+        description?: string;
+        acknowledged?: boolean;
+    }[];
+    backupJobs?: BackupJob[];
+    className?: string;
+    /** Render the incident list footer */
+    renderIncidentFooter?: () => ReactNode;
+}
+declare function BentoDashboard({ title, hosts, metrics, services, incidents, className, }: BentoDashboardProps): react_jsx_runtime.JSX.Element;
+
+export { ActionDiff, type ActionDiffProps, type ActionItem, ActionRow, type ActionRowProps, Alert, AlertInbox, type AlertInboxProps, type AlertProps, ApprovalCard, type ApprovalCardProps, BackupStatusPanel, type BackupStatusPanelProps, Badge, type BadgeProps, BentoDashboard, type BentoDashboardProps, Button, type ButtonProps, Card, type CardProps, Checkbox, type CheckboxProps, CodeBlock, type CodeBlockProps, type Column, type CommandGroup, CommandMenu, type CommandMenuProps, Container, type ContainerProps, DataTable, type DataTableProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DockerStackCard, type DockerStackCardProps, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyIcon, EmptyTitle, Footer, type FooterLabels, type FooterProps, GlowCard, type GlowCardProps, HostCard, type HostCardProps, IncidentCard, type IncidentCardProps, type IncidentSeverity, Input, type InputProps, Kbd, type KbdProps, LogViewer, type LogViewerProps, NoirGlowBackground, type NoirGlowBackgroundProps, Progress, Radio, RadioGroup, type RadioGroupProps, type RadioProps, RollbackPlan, type RollbackPlanProps, Select, type SelectProps, ServiceHealthCard, type ServiceHealthCardProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger, Skeleton, StatCard, type StatCardProps, type Status, StatusDot, type StatusDotProps, Switch, type SwitchProps, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, Timeline, type TimelineItemData, type TimelineProps, Toaster, type TollerudToasterProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, cn };