@tollerud/ui 1.1.5 → 3.0.0

package/dist/index.d.cts

@@ -1,960 +0,0 @@
-import { ClassValue } from 'clsx';
-import * as react from 'react';
-import { ButtonHTMLAttributes, HTMLAttributes, InputHTMLAttributes, CSSProperties, ReactNode, TextareaHTMLAttributes, ReactElement, ComponentPropsWithoutRef } from 'react';
-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 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(255,255,0,0.25)] bg-transparent before:content-[\"❯_\"] before:opacity-70 hover:border-tollerud-yellow hover:shadow-tollerud-glow hover:bg-[rgba(255,255,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 ButtonVariantProps {
-    variant?: keyof typeof variants;
-    size?: keyof typeof sizes;
-}
-declare function buttonVariants({ variant, size, className }?: ButtonVariantProps & {
-    className?: string;
-}): string;
-interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, ButtonVariantProps {
-    /** Render as the single child element (e.g. a `<Link>`) instead of a `<button>`, merging props and styles onto it. */
-    asChild?: boolean;
-}
-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.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.Element;
-    displayName: string;
-};
-declare const DialogFooter: {
-    ({ className, ...props }: react.HTMLAttributes<HTMLDivElement>): react.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.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.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.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.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.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.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.Element;
-
-interface DividerProps extends HTMLAttributes<HTMLDivElement> {
-    /** Layout direction */
-    orientation?: 'horizontal' | 'vertical';
-    /** Optional label rendered inline (horizontal orientation only) */
-    label?: React.ReactNode;
-}
-declare const Divider: react.ForwardRefExoticComponent<DividerProps & react.RefAttributes<HTMLDivElement>>;
-
-declare const pillVariants: {
-    readonly outline: "bg-transparent border border-tollerud-border text-tollerud-text-secondary";
-    readonly solid: "bg-tollerud-surface-raised text-tollerud-text-primary";
-    readonly accent: "bg-tollerud-yellow/15 border border-tollerud-yellow/30 text-tollerud-yellow";
-};
-interface PillProps extends HTMLAttributes<HTMLSpanElement> {
-    variant?: keyof typeof pillVariants;
-}
-declare const Pill: react.ForwardRefExoticComponent<PillProps & react.RefAttributes<HTMLSpanElement>>;
-
-declare const avatarSizes: {
-    readonly sm: "h-6 w-6 text-[10px]";
-    readonly md: "h-8 w-8 text-xs";
-    readonly lg: "h-11 w-11 text-sm";
-};
-interface AvatarProps extends HTMLAttributes<HTMLSpanElement> {
-    /** Image source */
-    src?: string;
-    /** Accessible name / used to derive initials fallback */
-    name?: string;
-    /** Explicit fallback content (overrides derived initials) */
-    fallback?: React.ReactNode;
-    size?: keyof typeof avatarSizes;
-}
-declare const Avatar: react.ForwardRefExoticComponent<AvatarProps & react.RefAttributes<HTMLSpanElement>>;
-interface AvatarGroupProps extends HTMLAttributes<HTMLDivElement> {
-    /** Maximum avatars to render before collapsing into a "+N" overflow indicator */
-    max?: number;
-    size?: keyof typeof avatarSizes;
-    children: React.ReactNode;
-}
-declare const AvatarGroup: react.ForwardRefExoticComponent<AvatarGroupProps & react.RefAttributes<HTMLDivElement>>;
-
-interface BreadcrumbItem {
-    label: React.ReactNode;
-    href?: string;
-    onClick?: () => void;
-}
-interface BreadcrumbProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
-    items: BreadcrumbItem[];
-    /** Custom separator (defaults to a chevron) */
-    separator?: React.ReactNode;
-}
-declare const Breadcrumb: react.ForwardRefExoticComponent<BreadcrumbProps & react.RefAttributes<HTMLElement>>;
-
-interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'> {
-    /** Current 1-indexed page */
-    page: number;
-    /** Total number of pages */
-    pageCount: number;
-    /** Called with the next page number when the user navigates */
-    onChange: (page: number) => void;
-    /** Number of sibling pages to show on either side of the current page */
-    siblingCount?: number;
-}
-declare const Pagination: react.ForwardRefExoticComponent<PaginationProps & react.RefAttributes<HTMLElement>>;
-
-interface SegmentedOption {
-    value: string;
-    label: React.ReactNode;
-    disabled?: boolean;
-}
-interface SegmentedProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
-    options: SegmentedOption[];
-    value: string;
-    onChange: (value: string) => void;
-    size?: 'sm' | 'md';
-}
-declare const Segmented: react.ForwardRefExoticComponent<SegmentedProps & react.RefAttributes<HTMLDivElement>>;
-
-interface StepperStep {
-    label: React.ReactNode;
-    description?: React.ReactNode;
-}
-interface StepperProps extends HTMLAttributes<HTMLOListElement> {
-    steps: StepperStep[];
-    /** 0-indexed current step */
-    current: number;
-    orientation?: 'horizontal' | 'vertical';
-}
-declare const Stepper: react.ForwardRefExoticComponent<StepperProps & react.RefAttributes<HTMLOListElement>>;
-
-interface PanelProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    /** Content rendered on the right side of the header (actions, badges, etc.) */
-    actions?: React.ReactNode;
-}
-declare const Panel: react.ForwardRefExoticComponent<PanelProps & react.RefAttributes<HTMLDivElement>>;
-
-declare const meterTones: {
-    readonly default: "bg-tollerud-yellow";
-    readonly success: "bg-tollerud-success";
-    readonly warning: "bg-tollerud-warning";
-    readonly error: "bg-tollerud-error";
-};
-interface MeterProps extends HTMLAttributes<HTMLDivElement> {
-    /** Current value */
-    value: number;
-    /** Maximum value (defaults to 100) */
-    max?: number;
-    /** Optional label rendered above the bar */
-    label?: React.ReactNode;
-    /** Show the numeric value/percentage to the right of the label */
-    showValue?: boolean;
-    tone?: keyof typeof meterTones;
-}
-declare const Meter: react.ForwardRefExoticComponent<MeterProps & react.RefAttributes<HTMLDivElement>>;
-
-interface FormRowProps extends HTMLAttributes<HTMLDivElement> {
-    label?: React.ReactNode;
-    /** Hint text rendered below the label */
-    description?: React.ReactNode;
-    error?: React.ReactNode;
-    required?: boolean;
-    /** Forwarded to the label's `htmlFor` — should match the control's `id` */
-    htmlFor?: string;
-}
-declare const FormRow: react.ForwardRefExoticComponent<FormRowProps & react.RefAttributes<HTMLDivElement>>;
-
-interface PricingCardProps extends HTMLAttributes<HTMLDivElement> {
-    name: React.ReactNode;
-    price: React.ReactNode;
-    /** Rendered after the price, e.g. "/month" */
-    period?: React.ReactNode;
-    description?: React.ReactNode;
-    features?: React.ReactNode[];
-    ctaLabel?: React.ReactNode;
-    onCtaClick?: () => void;
-    /** Visually highlights this plan as the recommended/featured option */
-    featured?: boolean;
-    /** Small label shown above the price when featured, e.g. "Most popular" */
-    badge?: React.ReactNode;
-}
-declare const PricingCard: react.ForwardRefExoticComponent<PricingCardProps & react.RefAttributes<HTMLDivElement>>;
-
-interface AccordionProps extends HTMLAttributes<HTMLDivElement> {
-    /** Allow multiple items to be open at once */
-    multiple?: boolean;
-    /** Initially open item value(s) */
-    defaultOpen?: string | string[];
-}
-declare const Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<HTMLDivElement>>;
-interface AccordionItemProps extends HTMLAttributes<HTMLDivElement> {
-    value: string;
-}
-declare const AccordionItem: react.ForwardRefExoticComponent<AccordionItemProps & react.RefAttributes<HTMLDivElement>>;
-interface AccordionTriggerProps extends HTMLAttributes<HTMLButtonElement> {
-}
-declare const AccordionTrigger: react.ForwardRefExoticComponent<AccordionTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-interface AccordionContentProps extends HTMLAttributes<HTMLDivElement> {
-}
-declare const AccordionContent: react.ForwardRefExoticComponent<AccordionContentProps & react.RefAttributes<HTMLDivElement>>;
-
-interface SliderProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> {
-    label?: string;
-    /** Show the current numeric value next to the label */
-    showValue?: boolean;
-    onChange?: (value: number) => void;
-}
-declare const Slider: react.ForwardRefExoticComponent<SliderProps & react.RefAttributes<HTMLInputElement>>;
-
-interface PasswordInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
-    label?: string;
-    error?: string;
-}
-declare const PasswordInput: react.ForwardRefExoticComponent<PasswordInputProps & react.RefAttributes<HTMLInputElement>>;
-
-interface ComboboxOption {
-    value: string;
-    label: string;
-    disabled?: boolean;
-}
-interface ComboboxProps {
-    options: ComboboxOption[];
-    value?: string;
-    defaultValue?: string;
-    onChange?: (value: string) => void;
-    placeholder?: string;
-    label?: string;
-    error?: string;
-    /** Filter predicate, defaults to a case-insensitive substring match on the label */
-    filter?: (option: ComboboxOption, query: string) => boolean;
-    className?: string;
-    disabled?: boolean;
-}
-declare function Combobox({ options, value: valueProp, defaultValue, onChange, placeholder, label, error, filter, className, disabled, }: ComboboxProps): react.JSX.Element;
-declare namespace Combobox {
-    var displayName: string;
-}
-
-interface DatePickerProps {
-    value?: Date | null;
-    defaultValue?: Date | null;
-    onChange?: (date: Date | null) => void;
-    label?: string;
-    error?: string;
-    placeholder?: string;
-    /** Format a date for display in the input (defaults to locale short date) */
-    formatDate?: (date: Date) => string;
-    className?: string;
-    disabled?: boolean;
-}
-declare function DatePicker({ value: valueProp, defaultValue, onChange, label, error, placeholder, formatDate, className, disabled, }: DatePickerProps): react.JSX.Element;
-declare namespace DatePicker {
-    var displayName: string;
-}
-
-interface FileUploadProps {
-    label?: string;
-    description?: React.ReactNode;
-    error?: string;
-    /** Forwarded to the underlying `<input accept>` */
-    accept?: string;
-    multiple?: boolean;
-    /** Called whenever the selected file list changes */
-    onFilesChange?: (files: File[]) => void;
-    className?: string;
-    disabled?: boolean;
-}
-declare function FileUpload({ label, description, error, accept, multiple, onFilesChange, className, disabled, }: FileUploadProps): react.JSX.Element;
-declare namespace FileUpload {
-    var displayName: string;
-}
-
-interface TagInputProps {
-    value?: string[];
-    defaultValue?: string[];
-    onChange?: (tags: string[]) => void;
-    label?: string;
-    error?: string;
-    placeholder?: string;
-    /** Maximum number of tags allowed */
-    max?: number;
-    className?: string;
-    disabled?: boolean;
-}
-declare function TagInput({ value: valueProp, defaultValue, onChange, label, error, placeholder, max, className, disabled, }: TagInputProps): react.JSX.Element;
-declare namespace TagInput {
-    var displayName: string;
-}
-
-export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, ActionDiff, type ActionDiffProps, type ActionItem, ActionRow, type ActionRowProps, Alert, AlertInbox, type AlertInboxProps, type AlertProps, ApprovalCard, type ApprovalCardProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, BackupStatusPanel, type BackupStatusPanelProps, Badge, type BadgeProps, BentoDashboard, type BentoDashboardProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, type ButtonVariantProps, Card, type CardProps, Checkbox, type CheckboxProps, CodeBlock, type CodeBlockProps, type Column, Combobox, type ComboboxOption, type ComboboxProps, type CommandGroup, CommandMenu, type CommandMenuProps, Container, type ContainerProps, DataTable, type DataTableProps, DatePicker, type DatePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Divider, type DividerProps, DockerStackCard, type DockerStackCardProps, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyIcon, EmptyTitle, FileUpload, type FileUploadProps, Footer, type FooterLabels, type FooterProps, FormRow, type FormRowProps, GlowCard, type GlowCardProps, HostCard, type HostCardProps, IncidentCard, type IncidentCardProps, type IncidentSeverity, Input, type InputProps, Kbd, type KbdProps, LogViewer, type LogViewerProps, Meter, type MeterProps, NoirGlowBackground, type NoirGlowBackgroundProps, Pagination, type PaginationProps, Panel, type PanelProps, PasswordInput, type PasswordInputProps, Pill, type PillProps, PricingCard, type PricingCardProps, Progress, Radio, RadioGroup, type RadioGroupProps, type RadioProps, RollbackPlan, type RollbackPlanProps, Segmented, type SegmentedOption, type SegmentedProps, Select, type SelectProps, ServiceHealthCard, type ServiceHealthCardProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger, Skeleton, Slider, type SliderProps, StatCard, type StatCardProps, type Status, StatusDot, type StatusDotProps, Stepper, type StepperProps, type StepperStep, Switch, type SwitchProps, Tabs, TabsContent, TabsList, TabsTrigger, TagInput, type TagInputProps, Textarea, type TextareaProps, Timeline, type TimelineItemData, type TimelineProps, Toaster, type TollerudToasterProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonVariants, cn };