@tollerud/ui 1.0.8 → 1.1.0

package/dist/index.d.cts

@@ -707,4 +707,254 @@ interface BentoDashboardProps {
 }
 declare function BentoDashboard({ title, hosts, metrics, services, incidents, className, }: BentoDashboardProps): react.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, type ButtonVariantProps, 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, buttonVariants, cn };
+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 };

package/dist/index.d.ts

@@ -707,4 +707,254 @@ interface BentoDashboardProps {
 }
 declare function BentoDashboard({ title, hosts, metrics, services, incidents, className, }: BentoDashboardProps): react.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, type ButtonVariantProps, 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, buttonVariants, cn };
+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 };