@flood-md/react 0.2.3 → 0.2.5

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { type ButtonHTMLAttributes, type InputHTMLAttributes, type TextareaHTMLAttributes, type SelectHTMLAttributes, type AnchorHTMLAttributes, type ReactNode, type HTMLAttributes, type LabelHTMLAttributes, type FieldsetHTMLAttributes, type RefCallback, type RefObject } from "react";
+import { type ButtonHTMLAttributes, type InputHTMLAttributes, type TextareaHTMLAttributes, type SelectHTMLAttributes, type AnchorHTMLAttributes, type ReactNode, type HTMLAttributes, type CSSProperties, type LabelHTMLAttributes, type FieldsetHTMLAttributes, type RefCallback, type RefObject, type TableHTMLAttributes, type ImgHTMLAttributes, type BlockquoteHTMLAttributes } from "react";
 export type ControlSize = "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: "solid" | "subtle" | "outline" | "ghost";
@@ -7,6 +7,112 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
 }
 export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export type FieldStatus = "error" | "warning" | "success" | "info";
+export type ContentSize = "sm" | "md" | "lg";
+export interface TagProps extends HTMLAttributes<HTMLSpanElement> {
+    size?: ContentSize;
+    icon?: ReactNode;
+    disabled?: boolean;
+    onRemove?: () => void;
+    removeLabel?: string;
+    removeButtonProps?: Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "type" | "disabled" | "onClick" | "aria-label">;
+}
+/** @since 0.2.5 */
+export declare const Tag: import("react").ForwardRefExoticComponent<TagProps & import("react").RefAttributes<HTMLSpanElement>>;
+export interface KbdProps extends HTMLAttributes<HTMLElement> {
+    size?: ContentSize;
+}
+/** @since 0.2.4 */
+export declare const Kbd: import("react").ForwardRefExoticComponent<KbdProps & import("react").RefAttributes<HTMLElement>>;
+export interface ToolbarProps extends Omit<HTMLAttributes<HTMLDivElement>, "role"> {
+    label: string;
+    orientation?: "horizontal" | "vertical";
+    loop?: boolean;
+}
+/** @since 0.2.4 */
+export declare const Toolbar: import("react").ForwardRefExoticComponent<ToolbarProps & import("react").RefAttributes<HTMLDivElement>>;
+export type DataDensity = "compact" | "comfortable";
+export interface DescriptionItem {
+    id: string;
+    term: string;
+    description: ReactNode;
+}
+export interface DescriptionListProps extends Omit<HTMLAttributes<HTMLDListElement>, "children"> {
+    items: readonly DescriptionItem[];
+    layout?: "inline" | "stacked";
+    density?: DataDensity;
+    dividers?: boolean;
+}
+/** @since 0.2.4 */
+export declare const DescriptionList: import("react").ForwardRefExoticComponent<DescriptionListProps & import("react").RefAttributes<HTMLDListElement>>;
+export interface TableProps extends Omit<TableHTMLAttributes<HTMLTableElement>, "children"> {
+    caption: string;
+    children: ReactNode;
+    hideCaption?: boolean;
+    density?: DataDensity;
+    striped?: boolean;
+    scrollLabel?: string;
+}
+/** @since 0.2.4 */
+export declare const Table: import("react").ForwardRefExoticComponent<TableProps & import("react").RefAttributes<HTMLTableElement>>;
+export type SemanticTone = "neutral" | "accent" | "error" | "warning" | "success" | "info";
+export type BadgeTone = SemanticTone;
+export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    size?: ContentSize;
+    tone?: BadgeTone;
+    variant?: "subtle" | "outline";
+}
+/** @since 0.2.4 */
+export declare const Badge: import("react").ForwardRefExoticComponent<BadgeProps & import("react").RefAttributes<HTMLSpanElement>>;
+export interface SpinnerProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children" | "role" | "aria-label" | "aria-hidden"> {
+    size?: ContentSize;
+    label?: string;
+    decorative?: boolean;
+}
+/** @since 0.2.4 */
+export declare const Spinner: import("react").ForwardRefExoticComponent<SpinnerProps & import("react").RefAttributes<HTMLSpanElement>>;
+export interface SkeletonProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children" | "role" | "tabIndex" | "aria-label" | "aria-hidden"> {
+    shape?: "text" | "rounded" | "circle";
+    width?: CSSProperties["width"];
+    height?: CSSProperties["height"];
+    animate?: boolean;
+}
+/** @since 0.2.4 */
+export declare const Skeleton: import("react").ForwardRefExoticComponent<SkeletonProps & import("react").RefAttributes<HTMLSpanElement>>;
+export interface AvatarProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children" | "role" | "aria-label" | "aria-hidden"> {
+    name: string;
+    src?: string;
+    fallback?: string;
+    size?: ContentSize;
+    shape?: "circle" | "rounded";
+    decorative?: boolean;
+}
+/** @since 0.2.4 */
+export declare const Avatar: import("react").ForwardRefExoticComponent<AvatarProps & import("react").RefAttributes<HTMLSpanElement>>;
+export interface ProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, "children" | "role"> {
+    label: string;
+    value?: number;
+    max?: number;
+    valueText?: string;
+    size?: ContentSize;
+    tone?: SemanticTone;
+    hideLabel?: boolean;
+}
+/** @since 0.2.4 */
+export declare const Progress: import("react").ForwardRefExoticComponent<ProgressProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface MeterProps extends Omit<ProgressProps, "value"> {
+    value: number;
+    min?: number;
+}
+/** @since 0.2.4 */
+export declare const Meter: import("react").ForwardRefExoticComponent<MeterProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, "title" | "role" | "aria-live"> {
+    title?: string;
+    tone?: "neutral" | FieldStatus;
+    icon?: ReactNode;
+    announcement?: "off" | "polite" | "assertive";
+}
+/** @since 0.2.4 */
+export declare const Alert: import("react").ForwardRefExoticComponent<AlertProps & import("react").RefAttributes<HTMLDivElement>>;
 export interface TabItem {
     value: string;
     label: string;
@@ -54,6 +160,35 @@ export declare const Pagination: import("react").ForwardRefExoticComponent<Pagin
 export interface OverlayTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     ref: RefCallback<HTMLButtonElement>;
 }
+export interface MenuActionItem {
+    id: string;
+    type?: "item";
+    label: string;
+    icon?: ReactNode;
+    shortcut?: string;
+    disabled?: boolean;
+    tone?: "default" | "danger";
+}
+export interface MenuSeparator {
+    id: string;
+    type: "separator";
+}
+export type MenuItem = MenuActionItem | MenuSeparator;
+export interface MenuProps extends Omit<HTMLAttributes<HTMLDivElement>, "children" | "role"> {
+    label: string;
+    trigger: (props: OverlayTriggerProps) => ReactNode;
+    items: readonly MenuItem[];
+    onAction?: (id: string) => void;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    side?: "top" | "bottom" | "left" | "right";
+    align?: "start" | "center" | "end";
+    controlSize?: "sm" | "md" | "lg" | "xl";
+}
+/** @since 0.2.4 */
+export declare const Menu: import("react").ForwardRefExoticComponent<MenuProps & import("react").RefAttributes<HTMLDivElement>>;
 export interface TooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, "children" | "content" | "title" | "role"> {
     content: string;
     trigger: (props: OverlayTriggerProps) => ReactNode;
@@ -91,6 +226,21 @@ export interface DialogProps extends Omit<HTMLAttributes<HTMLDialogElement>, "ch
     initialFocusRef?: RefObject<HTMLElement | null>;
 }
 export declare const Dialog: import("react").ForwardRefExoticComponent<DialogProps & import("react").RefAttributes<HTMLDialogElement>>;
+export interface DrawerProps extends DialogProps {
+    side?: "start" | "end" | "top" | "bottom";
+    size?: "sm" | "md" | "lg";
+    footer?: ReactNode;
+}
+export declare const Drawer: import("react").ForwardRefExoticComponent<DrawerProps & import("react").RefAttributes<HTMLDialogElement>>;
+export interface AlertDialogProps extends Omit<DialogProps, "children" | "role" | "description" | "closeLabel" | "closeOnOutsideClick" | "initialFocusRef"> {
+    description: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    confirmDisabled?: boolean;
+    onConfirm: () => void;
+    onCancel?: () => void;
+}
+export declare const AlertDialog: import("react").ForwardRefExoticComponent<AlertDialogProps & import("react").RefAttributes<HTMLDialogElement>>;
 export interface CollapsibleProps extends Omit<HTMLAttributes<HTMLDivElement>, "title" | "onChange"> {
     title: string;
     open?: boolean;
@@ -167,6 +317,83 @@ export interface InputGroupProps extends Omit<InputProps, "children" | "type"> {
 }
 /** One real Input with host-owned logical start/end adornments. Ref and native attributes target the input. */
 export declare const InputGroup: import("react").ForwardRefExoticComponent<InputGroupProps & import("react").RefAttributes<HTMLInputElement>>;
+export interface FileInputProps extends Omit<InputProps, "type" | "value" | "defaultValue" | "children" | "readOnly"> {
+    clearable?: boolean;
+    clearLabel?: string;
+    selectionLabel?: string;
+    removeFileLabel?: string;
+    onFilesChange?: (files: readonly File[]) => void;
+}
+export declare const FileInput: import("react").ForwardRefExoticComponent<FileInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export interface SearchInputProps extends Omit<InputProps, "type" | "children"> {
+    clearable?: boolean;
+    clearLabel?: string;
+}
+export declare const SearchInput: import("react").ForwardRefExoticComponent<SearchInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export interface PasswordInputProps extends Omit<InputProps, "type" | "children"> {
+    visible?: boolean;
+    defaultVisible?: boolean;
+    onVisibleChange?: (visible: boolean) => void;
+    showPasswordLabel?: string;
+    hidePasswordLabel?: string;
+}
+export declare const PasswordInput: import("react").ForwardRefExoticComponent<PasswordInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export interface ComboboxOption {
+    value: string;
+    label: string;
+    description?: string;
+    keywords?: readonly string[];
+    disabled?: boolean;
+}
+export interface ComboboxProps extends Omit<InputProps, "type" | "value" | "defaultValue" | "onChange" | "children"> {
+    options: readonly ComboboxOption[];
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    clearable?: boolean;
+    emptyMessage?: string;
+    listLabel?: string;
+    toggleLabel?: string;
+    clearLabel?: string;
+    invalidSelectionMessage?: string;
+}
+/** @since 0.2.5 */
+export declare const Combobox: import("react").ForwardRefExoticComponent<ComboboxProps & import("react").RefAttributes<HTMLInputElement>>;
+export interface MultiSelectProps extends Omit<ComboboxProps, "value" | "defaultValue" | "onValueChange"> {
+    value?: readonly string[];
+    defaultValue?: readonly string[];
+    onValueChange?: (value: string[]) => void;
+    removeItemLabel?: string;
+}
+/** @since 0.2.5 */
+export declare const MultiSelect: import("react").ForwardRefExoticComponent<MultiSelectProps & import("react").RefAttributes<HTMLInputElement>>;
+export interface NumberInputProps extends Omit<InputProps, "type" | "value" | "defaultValue" | "onChange" | "min" | "max" | "step" | "children"> {
+    value?: number | null;
+    defaultValue?: number | null;
+    onValueChange?: (value: number | null) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    decreaseLabel?: string;
+    increaseLabel?: string;
+}
+/** @since 0.2.5 */
+export declare const NumberInput: import("react").ForwardRefExoticComponent<NumberInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export interface SliderProps extends Omit<FieldsetProps, "legend" | "children" | "defaultValue" | "onChange"> {
+    label: string;
+    value?: readonly number[];
+    defaultValue?: readonly number[];
+    onValueChange?: (value: number[]) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    thumbLabels?: readonly string[];
+    showValue?: boolean;
+    readOnly?: boolean;
+    controlSize?: "sm" | "md" | "lg" | "xl";
+}
+/** @since 0.2.5 */
+export declare const Slider: import("react").ForwardRefExoticComponent<SliderProps & import("react").RefAttributes<HTMLFieldSetElement>>;
 export interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
     status?: FieldStatus;
     invalid?: boolean;
@@ -183,7 +410,10 @@ export declare const Select: import("react").ForwardRefExoticComponent<SelectPro
 export interface ChoiceProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
     label: ReactNode;
 }
-export declare const Checkbox: import("react").ForwardRefExoticComponent<ChoiceProps & import("react").RefAttributes<HTMLInputElement>>;
+export interface CheckboxProps extends ChoiceProps {
+    indeterminate?: boolean;
+}
+export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
 export declare const Radio: import("react").ForwardRefExoticComponent<ChoiceProps & import("react").RefAttributes<HTMLInputElement>>;
 export declare const Switch: import("react").ForwardRefExoticComponent<ChoiceProps & import("react").RefAttributes<HTMLInputElement>>;
 export interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
@@ -288,6 +518,66 @@ export interface SurfaceProps extends HTMLAttributes<HTMLDivElement> {
     padding?: Space;
 }
 export declare const Surface: import("react").ForwardRefExoticComponent<SurfaceProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
+    size?: "sm" | "md" | "lg" | "full";
+    gutter?: Space;
+}
+/** Centered content with logical gutters; max width includes padding. @since 0.2.4 */
+export declare const Container: import("react").ForwardRefExoticComponent<ContainerProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface GridProps extends HTMLAttributes<HTMLDivElement> {
+    columns?: 1 | 2 | 3 | 4 | 6 | 12;
+    minItemWidth?: string;
+    gap?: Space;
+}
+/** Auto-fit by default; explicit columns retain their count at every width. @since 0.2.4 */
+export declare const Grid: import("react").ForwardRefExoticComponent<GridProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface VisuallyHiddenProps extends HTMLAttributes<HTMLElement> {
+    as?: "span" | "div";
+    focusable?: boolean;
+}
+/** Nonvisual content, with optional reveal when a descendant receives focus. @since 0.2.4 */
+export declare const VisuallyHidden: import("react").ForwardRefExoticComponent<VisuallyHiddenProps & import("react").RefAttributes<HTMLElement>>;
+export interface AspectRatioProps extends HTMLAttributes<HTMLDivElement> {
+    ratio?: number;
+}
+/** Reserve media geometry. Child content may overflow rather than being clipped. @since 0.2.4 */
+export declare const AspectRatio: import("react").ForwardRefExoticComponent<AspectRatioProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, "alt"> {
+    alt: string;
+    fit?: "cover" | "contain";
+}
+/** Native image semantics, explicit alternative text and bounded media fitting. @since 0.2.4 */
+export declare const Image: import("react").ForwardRefExoticComponent<ImageProps & import("react").RefAttributes<HTMLImageElement>>;
+export interface ListProps extends Omit<HTMLAttributes<HTMLUListElement | HTMLOListElement>, "role"> {
+    ordered?: boolean;
+    start?: number;
+    reversed?: boolean;
+    marker?: boolean;
+    gap?: Space;
+}
+/** Native list items supplied by the host; hidden markers retain list semantics. @since 0.2.4 */
+export declare const List: import("react").ForwardRefExoticComponent<ListProps & import("react").RefAttributes<HTMLOListElement | HTMLUListElement>>;
+export interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, "title" | "children"> {
+    title: string;
+    description?: ReactNode;
+    icon?: ReactNode;
+    actions?: ReactNode;
+    headingLevel?: 2 | 3 | 4 | 5 | 6;
+    density?: "compact" | "comfortable";
+}
+/** Static empty content, not loading, an error boundary or a live announcement. @since 0.2.4 */
+export declare const EmptyState: import("react").ForwardRefExoticComponent<EmptyStateProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    title?: ReactNode;
+    description?: ReactNode;
+    actions?: ReactNode;
+    footer?: ReactNode;
+    headingLevel?: 2 | 3 | 4 | 5 | 6;
+    density?: "compact" | "comfortable";
+    elevation?: "default" | "raised";
+}
+/** A structured content surface, not an interactive wrapper. @since 0.2.4 */
+export declare const Card: import("react").ForwardRefExoticComponent<CardProps & import("react").RefAttributes<HTMLDivElement>>;
 export interface IconSlotProps extends HTMLAttributes<HTMLSpanElement> {
     size?: ControlSize;
     label?: string;
@@ -301,6 +591,7 @@ export declare const IconButton: import("react").ForwardRefExoticComponent<IconB
 export declare const Divider: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLHRElement> & import("react").RefAttributes<HTMLHRElement>>;
 export interface CodeSnippetProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
     code: string;
+    codeDirection?: "ltr" | "rtl" | "auto";
     action?: ReactNode;
 }
 /** Selectable code with an optional host-owned action; no clipboard side effects. */
@@ -311,3 +602,223 @@ export interface ScrollAreaProps extends HTMLAttributes<HTMLDivElement> {
 }
 /** Native scrolling with inset overlay tracks; the ref targets the scrollable viewport. */
 export declare const ScrollArea: import("react").ForwardRefExoticComponent<ScrollAreaProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface CopyButtonProps extends Omit<ButtonProps, "children" | "value" | "type" | "onClick" | "loading"> {
+    value: string;
+    copyLabel?: string;
+    copiedLabel?: string;
+    errorLabel?: string;
+    resetDelay?: number;
+    onCopied?: () => void;
+    onCopyError?: (error: unknown) => void;
+}
+export declare const CopyButton: import("react").ForwardRefExoticComponent<CopyButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export interface ToastItem {
+    id: string;
+    title: string;
+    description?: string;
+    status?: FieldStatus | "neutral";
+    duration?: number;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+}
+export interface ToastRegionProps extends Omit<HTMLAttributes<HTMLDivElement>, "children" | "role"> {
+    items: readonly ToastItem[];
+    onDismiss: (id: string) => void;
+    label?: string;
+    closeLabel?: string;
+    placement?: "top-start" | "top-end" | "bottom-start" | "bottom-end";
+    limit?: number;
+    inline?: boolean;
+    hotkey?: boolean;
+}
+export declare const ToastRegion: import("react").ForwardRefExoticComponent<ToastRegionProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface AvatarGroupItem {
+    id: string;
+    name: string;
+    src?: string;
+    fallback?: string;
+}
+export interface AvatarGroupProps extends Omit<HTMLAttributes<HTMLUListElement>, "children"> {
+    items: readonly AvatarGroupItem[];
+    label: string;
+    max?: number;
+    size?: ContentSize;
+    overflowLabel?: string;
+}
+export declare const AvatarGroup: import("react").ForwardRefExoticComponent<AvatarGroupProps & import("react").RefAttributes<HTMLUListElement>>;
+export interface StatusIndicatorProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children"> {
+    label: string;
+    tone?: SemanticTone;
+    size?: ContentSize;
+    announce?: boolean;
+}
+export declare const StatusIndicator: import("react").ForwardRefExoticComponent<StatusIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
+export interface FigureProps extends HTMLAttributes<HTMLElement> {
+    caption?: ReactNode;
+    captionPosition?: "before" | "after";
+}
+export declare const Figure: import("react").ForwardRefExoticComponent<FigureProps & import("react").RefAttributes<HTMLElement>>;
+export interface BlockquoteProps extends BlockquoteHTMLAttributes<HTMLQuoteElement> {
+    attribution?: ReactNode;
+}
+export declare const Blockquote: import("react").ForwardRefExoticComponent<BlockquoteProps & import("react").RefAttributes<HTMLQuoteElement>>;
+export interface InlineCodeProps extends HTMLAttributes<HTMLElement> {
+    size?: ContentSize;
+    wrap?: boolean;
+}
+export declare const InlineCode: import("react").ForwardRefExoticComponent<InlineCodeProps & import("react").RefAttributes<HTMLElement>>;
+export interface MetricTrend {
+    label: string;
+    direction: "up" | "down" | "flat";
+    tone?: SemanticTone;
+}
+export interface MetricProps extends Omit<HTMLAttributes<HTMLDListElement>, "children"> {
+    label: string;
+    value: ReactNode;
+    hint?: ReactNode;
+    trend?: MetricTrend;
+    size?: ContentSize;
+}
+export declare const Metric: import("react").ForwardRefExoticComponent<MetricProps & import("react").RefAttributes<HTMLDListElement>>;
+export interface TimelineItem {
+    id: string;
+    title: string;
+    description?: ReactNode;
+    state?: "complete" | "current" | "upcoming";
+    dateTime?: string;
+    timeLabel?: string;
+    icon?: ReactNode;
+}
+export interface TimelineProps extends Omit<HTMLAttributes<HTMLOListElement>, "children"> {
+    label: string;
+    items: readonly TimelineItem[];
+    stateLabels?: {
+        complete?: string;
+        current?: string;
+        upcoming?: string;
+    };
+}
+export declare const Timeline: import("react").ForwardRefExoticComponent<TimelineProps & import("react").RefAttributes<HTMLOListElement>>;
+export interface NavigationListItem {
+    value: string;
+    label: string;
+    href: string;
+    description?: string;
+    icon?: ReactNode;
+    group?: string;
+    linkProps?: Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "children" | "aria-current">;
+}
+export interface NavigationListProps extends Omit<HTMLAttributes<HTMLElement>, "children" | "role" | "aria-label"> {
+    label: string;
+    items: readonly NavigationListItem[];
+    currentValue?: string;
+    size?: ContentSize;
+}
+export declare const NavigationList: import("react").ForwardRefExoticComponent<NavigationListProps & import("react").RefAttributes<HTMLElement>>;
+export interface StepItem {
+    value: string;
+    title: string;
+    description?: string;
+    status?: "complete" | "upcoming" | "error";
+    disabled?: boolean;
+}
+export interface StepsProps extends Omit<HTMLAttributes<HTMLOListElement>, "children" | "role" | "aria-label"> {
+    label: string;
+    items: readonly StepItem[];
+    currentValue?: string;
+    orientation?: "horizontal" | "vertical";
+    onStepChange?: (value: string) => void;
+    statusLabels?: {
+        complete: string;
+        current: string;
+        upcoming: string;
+        error: string;
+    };
+}
+export declare const Steps: import("react").ForwardRefExoticComponent<StepsProps & import("react").RefAttributes<HTMLOListElement>>;
+export interface SectionProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
+    title: string;
+    description?: ReactNode;
+    actions?: ReactNode;
+    headingLevel?: 2 | 3 | 4 | 5 | 6;
+    headingSize?: "display" | "large" | "page" | "section";
+}
+export declare const Section: import("react").ForwardRefExoticComponent<SectionProps & import("react").RefAttributes<HTMLElement>>;
+export interface SplitProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    main: ReactNode;
+    aside: ReactNode;
+    side?: "start" | "end";
+    ratio?: "balanced" | "main" | "aside";
+    collapseAt?: "sm" | "md" | "lg" | "never";
+    gap?: Space;
+}
+export declare const Split: import("react").ForwardRefExoticComponent<SplitProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface CenterProps extends HTMLAttributes<HTMLDivElement> {
+    inline?: boolean;
+    maxWidth?: string;
+    minHeight?: string;
+}
+export declare const Center: import("react").ForwardRefExoticComponent<CenterProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface SkipLinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "href"> {
+    href: string;
+}
+export declare const SkipLink: import("react").ForwardRefExoticComponent<SkipLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
+export interface ListBoxProps extends Omit<HTMLAttributes<HTMLDivElement>, "children" | "role" | "defaultValue" | "onChange"> {
+    label: string;
+    hideLabel?: boolean;
+    options: readonly ComboboxOption[];
+    value?: string | readonly string[];
+    defaultValue?: string | readonly string[];
+    onValueChange?: (value: string | string[]) => void;
+    multiple?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    name?: string;
+    form?: string;
+    controlSize?: "sm" | "md" | "lg" | "xl";
+}
+export declare const ListBox: import("react").ForwardRefExoticComponent<ListBoxProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface PinInputProps extends Omit<InputProps, "type" | "children" | "value" | "defaultValue" | "onChange" | "pattern" | "size"> {
+    label: string;
+    hideLabel?: boolean;
+    length?: number;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    mode?: "numeric" | "alphanumeric";
+    mask?: boolean;
+}
+export declare const PinInput: import("react").ForwardRefExoticComponent<PinInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export interface RatingProps extends Omit<FieldsetHTMLAttributes<HTMLFieldSetElement>, "children" | "onChange" | "defaultValue"> {
+    label: string;
+    hideLabel?: boolean;
+    value?: number;
+    defaultValue?: number;
+    max?: number;
+    onValueChange?: (value: number) => void;
+    getValueLabel?: (value: number, max: number) => string;
+    readOnly?: boolean;
+    required?: boolean;
+    name: string;
+    form?: string;
+    size?: ContentSize;
+}
+export declare const Rating: import("react").ForwardRefExoticComponent<RatingProps & import("react").RefAttributes<HTMLFieldSetElement>>;
+export interface DropzoneProps extends Omit<FileInputProps, "onDragEnter" | "onDragLeave" | "onDragOver" | "onDrop"> {
+    label: string;
+    description?: string;
+}
+export declare const Dropzone: import("react").ForwardRefExoticComponent<DropzoneProps & import("react").RefAttributes<HTMLInputElement>>;
+export interface CharacterCountProps extends HTMLAttributes<HTMLOutputElement> {
+    value?: string;
+    count?: number;
+    max?: number;
+    mode?: "count" | "remaining";
+    label?: string;
+    overLimitLabel?: string;
+    htmlFor?: string;
+    form?: string;
+}
+export declare const CharacterCount: import("react").ForwardRefExoticComponent<CharacterCountProps & import("react").RefAttributes<HTMLOutputElement>>;