import { HTMLAttributes, ReactNode, CSSProperties, ButtonHTMLAttributes, MouseEventHandler, InputHTMLAttributes, ComponentPropsWithoutRef, RefObject, FieldsetHTMLAttributes, AnchorHTMLAttributes, OlHTMLAttributes, LiHTMLAttributes, ChangeEventHandler, ChangeEvent, SelectHTMLAttributes, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes, TextareaHTMLAttributes } from 'react'; import * as ContextMenu from '@radix-ui/react-context-menu'; declare const skeletonAnimations: readonly [ "pulse", "shimmer", "shimmer-soft", "shimmer-diagonal", "shimmer-vertical", "drift", "outline", "none" ]; type SkeletonAnimation = (typeof skeletonAnimations)[number]; type SkeletonGroupAnimation = 'shimmer-shared' | 'shimmer-stagger' | SkeletonAnimation; type BaseThemePresetId = "compact" | "default" | "glass" | "hard-edge" | "soft" | "tinted-glass"; type BaseDensity = "comfortable" | "compact" | "default"; type BaseVariant = "default" | "ghost" | "outline" | "soft" | "solid" | (string & {}); type BaseComponentState = "disabled" | "empty" | "error" | "idle" | "loading" | "selected" | "success" | (string & {}); type BaseRadius = "full" | "lg" | "md" | "none" | "sm" | "xl"; type BaseBorder = "none" | "solid" | "strong" | "subtle"; type BaseBackground = "dark" | "glass" | "muted" | "plain" | "soft"; type BaseControlTone = "danger" | "default" | "muted" | "primary" | "success" | "warning"; interface BaseThemeStyles { button?: CSSProperties; buttonActive?: CSSProperties; buttonDisabled?: CSSProperties; badge?: CSSProperties; text?: CSSProperties; heading?: CSSProperties; link?: CSSProperties; code?: CSSProperties; codeContent?: CSSProperties; kbd?: CSSProperties; list?: CSSProperties; listItem?: CSSProperties; stack?: CSSProperties; inline?: CSSProperties; grid?: CSSProperties; container?: CSSProperties; aspectRatio?: CSSProperties; spinner?: CSSProperties; spinnerIndicator?: CSSProperties; visuallyHidden?: CSSProperties; fieldset?: CSSProperties; fieldsetLegend?: CSSProperties; fieldsetDescription?: CSSProperties; fieldsetError?: CSSProperties; fieldsetContent?: CSSProperties; steps?: CSSProperties; stepsItem?: CSSProperties; stepsTrigger?: CSSProperties; stepsIndicator?: CSSProperties; stepsConnector?: CSSProperties; scrollArea?: CSSProperties; numberInputStepControls?: CSSProperties; numberInputStepButton?: CSSProperties; passwordInputToggle?: CSSProperties; inputGroup?: CSSProperties; inputGroupInvalid?: CSSProperties; inputGroupDisabled?: CSSProperties; inputGroupContent?: CSSProperties; inputGroupElement?: CSSProperties; inputGroupAddon?: CSSProperties; panel?: CSSProperties; panelHeader?: CSSProperties; panelBody?: CSSProperties; panelFooter?: CSSProperties; stateRoot?: CSSProperties; stateIcon?: CSSProperties; field?: CSSProperties; fieldControl?: CSSProperties; control?: CSSProperties; controlInvalid?: CSSProperties; controlDisabled?: CSSProperties; selectMenu?: CSSProperties; selectOption?: CSSProperties; selectOptionActive?: CSSProperties; selectOptionSelected?: CSSProperties; switchRoot?: CSSProperties; switchTrack?: CSSProperties; switchThumb?: CSSProperties; checkboxRoot?: CSSProperties; checkboxBox?: CSSProperties; radioGroup?: CSSProperties; radioOption?: CSSProperties; dialogOverlay?: CSSProperties; dialogPanel?: CSSProperties; dropdownMenu?: CSSProperties; dropdownItem?: CSSProperties; tooltip?: CSSProperties; notice?: CSSProperties; divider?: CSSProperties; sectionHeader?: CSSProperties; tabsList?: CSSProperties; tabsTrigger?: CSSProperties; tabsPanel?: CSSProperties; segmentedRoot?: CSSProperties; segmentedItem?: CSSProperties; progressRoot?: CSSProperties; progressIndicator?: CSSProperties; skeleton?: CSSProperties; avatar?: CSSProperties; toolbar?: CSSProperties; breadcrumb?: CSSProperties; pagination?: CSSProperties; descriptionList?: CSSProperties; accordion?: CSSProperties; menuContent?: CSSProperties; menuItem?: CSSProperties; tableContainer?: CSSProperties; tableContainerFooterAttached?: CSSProperties; table?: CSSProperties; tableHeader?: CSSProperties; tableBody?: CSSProperties; tableFooter?: CSSProperties; tableFooterBar?: CSSProperties; tableSplitRoot?: CSSProperties; tableSplitHeader?: CSSProperties; tableSplitBody?: CSSProperties; tableSplitFooter?: CSSProperties; tableSplitRow?: CSSProperties; tableSplitHead?: CSSProperties; tableSplitCell?: CSSProperties; tableRow?: CSSProperties; tableHead?: CSSProperties; tableCell?: CSSProperties; tableCaption?: CSSProperties; tableEmpty?: CSSProperties; tableLoading?: CSSProperties; layout?: CSSProperties; layoutHeader?: CSSProperties; layoutBody?: CSSProperties; layoutSidebar?: CSSProperties; layoutMain?: CSSProperties; layoutAside?: CSSProperties; layoutFooter?: CSSProperties; layoutPane?: CSSProperties; layoutSplit?: CSSProperties; layoutSplitPane?: CSSProperties; layoutResizeHandle?: CSSProperties; } interface BaseThemeSlots { buttonBase?: string; buttonDefault?: string; buttonPrimary?: string; buttonSuccess?: string; buttonWarning?: string; buttonDanger?: string; buttonMuted?: string; buttonActive?: string; buttonDisabled?: string; buttonIconOnly?: string; buttonIcon?: string; buttonLabel?: string; badgeBase?: string; badgeDefault?: string; badgePrimary?: string; badgeSuccess?: string; badgeWarning?: string; badgeDanger?: string; badgeMuted?: string; badgeIcon?: string; badgeLabel?: string; textRoot?: string; textSizeXs?: string; textSizeSm?: string; textSizeMd?: string; textSizeLg?: string; textSizeXl?: string; typographyToneDefault?: string; typographyToneMuted?: string; typographyTonePrimary?: string; typographyToneSuccess?: string; typographyToneWarning?: string; typographyToneDanger?: string; typographyToneInherit?: string; headingRoot?: string; headingSizeXs?: string; headingSizeSm?: string; headingSizeMd?: string; headingSizeLg?: string; headingSizeXl?: string; headingSize2xl?: string; linkRoot?: string; codeInline?: string; codeBlock?: string; codeContent?: string; kbdRoot?: string; listRoot?: string; listSpacingCompact?: string; listSpacingDefault?: string; listSpacingRelaxed?: string; listMarkerNone?: string; listMarkerDisc?: string; listMarkerCircle?: string; listMarkerSquare?: string; listMarkerDecimal?: string; listMarkerLowerAlpha?: string; listMarkerUpperAlpha?: string; listItem?: string; stackRoot?: string; inlineRoot?: string; gridRoot?: string; containerRoot?: string; aspectRatioRoot?: string; spinnerRoot?: string; spinnerIndicator?: string; visuallyHiddenRoot?: string; visuallyHiddenFocusable?: string; fieldsetRoot?: string; fieldsetLegend?: string; fieldsetDescription?: string; fieldsetError?: string; fieldsetContent?: string; stepsRoot?: string; stepsHorizontal?: string; stepsVertical?: string; stepsItem?: string; stepsItemHorizontal?: string; stepsItemVertical?: string; stepsTrigger?: string; stepsTriggerInteractive?: string; stepsTriggerDisabled?: string; stepsIndicator?: string; stepsIndicatorPending?: string; stepsIndicatorCurrent?: string; stepsIndicatorCompleted?: string; stepsIndicatorError?: string; stepsContent?: string; stepsLabel?: string; stepsDescription?: string; stepsStatus?: string; stepsConnector?: string; stepsConnectorHorizontal?: string; stepsConnectorVertical?: string; stepsConnectorCompleted?: string; stepsConnectorError?: string; scrollAreaViewport?: string; numberInputControl?: string; numberInputStepControls?: string; numberInputStepButton?: string; passwordInputControl?: string; passwordInputToggle?: string; inputGroupRoot?: string; inputGroupInvalid?: string; inputGroupDisabled?: string; inputGroupContent?: string; inputGroupStartElement?: string; inputGroupEndElement?: string; inputGroupStartAddon?: string; inputGroupEndAddon?: string; panelRoot?: string; panelInteractive?: string; panelSelected?: string; panelDisabled?: string; panelMedia?: string; panelHeader?: string; panelTitle?: string; panelDescription?: string; panelBody?: string; panelBodyStandalone?: string; panelFooter?: string; stateRoot?: string; stateIcon?: string; stateTitle?: string; stateDescription?: string; stateActions?: string; loadingSpinner?: string; fieldRoot?: string; fieldLabelRow?: string; fieldLabel?: string; fieldRequired?: string; fieldDescription?: string; fieldMessage?: string; fieldControl?: string; controlWrapper?: string; controlBase?: string; controlInput?: string; controlTextarea?: string; controlSelect?: string; controlIcon?: string; controlTrailing?: string; controlInvalid?: string; controlDisabled?: string; controlReadOnly?: string; selectChevron?: string; selectMenu?: string; selectOption?: string; selectOptionActive?: string; selectOptionSelected?: string; selectOptionDisabled?: string; selectPlaceholder?: string; selectNative?: string; switchRoot?: string; switchInput?: string; switchTrack?: string; switchThumb?: string; switchChecked?: string; switchDisabled?: string; switchContent?: string; switchLabel?: string; switchDescription?: string; checkboxRoot?: string; checkboxInput?: string; checkboxBox?: string; checkboxBoxChecked?: string; checkboxBoxInvalid?: string; checkboxIndicator?: string; checkboxDisabled?: string; checkboxContent?: string; checkboxLabel?: string; checkboxDescription?: string; radioGroupRoot?: string; radioOption?: string; radioInput?: string; radioMarker?: string; radioMarkerChecked?: string; radioIndicator?: string; radioOptionDisabled?: string; radioContent?: string; radioLabel?: string; radioDescription?: string; dialogRoot?: string; dialogTrigger?: string; dialogTriggerDisabled?: string; dialogOverlay?: string; dialogContent?: string; dialogPanel?: string; dialogHeader?: string; dialogTitle?: string; dialogDescription?: string; dialogBody?: string; dialogFooter?: string; dialogClose?: string; dropdownRoot?: string; dropdownTrigger?: string; dropdownTriggerDisabled?: string; dropdownMenu?: string; dropdownMenuTop?: string; dropdownMenuEnd?: string; dropdownLabel?: string; dropdownSeparator?: string; dropdownItem?: string; dropdownItemDanger?: string; dropdownItemDisabled?: string; dropdownItemIcon?: string; dropdownItemContent?: string; dropdownItemLabel?: string; dropdownItemDescription?: string; dropdownItemShortcut?: string; tooltipRoot?: string; tooltipTrigger?: string; tooltipContent?: string; noticeBase?: string; noticeDefault?: string; noticePrimary?: string; noticeSuccess?: string; noticeWarning?: string; noticeDanger?: string; noticeMuted?: string; noticeIcon?: string; noticeTitle?: string; noticeDescription?: string; noticeActions?: string; dividerRoot?: string; dividerLabel?: string; sectionHeaderRoot?: string; sectionHeaderContent?: string; sectionHeaderEyebrow?: string; sectionHeaderTitle?: string; sectionHeaderDescription?: string; sectionHeaderActions?: string; tabsRoot?: string; tabsList?: string; tabsTrigger?: string; tabsTriggerActive?: string; tabsTriggerDisabled?: string; tabsPanel?: string; segmentedRoot?: string; segmentedItem?: string; segmentedItemActive?: string; segmentedItemDisabled?: string; progressRoot?: string; progressTrack?: string; progressIndicator?: string; progressLabelRow?: string; progressLabel?: string; progressValue?: string; skeletonRoot?: string; avatarRoot?: string; avatarImage?: string; avatarFallback?: string; avatarStatus?: string; avatarText?: string; toolbarRoot?: string; toolbarLeading?: string; toolbarTitle?: string; toolbarDescription?: string; toolbarContent?: string; toolbarActions?: string; breadcrumbRoot?: string; breadcrumbList?: string; breadcrumbItem?: string; breadcrumbLink?: string; breadcrumbCurrent?: string; breadcrumbSeparator?: string; paginationRoot?: string; paginationInfo?: string; paginationControls?: string; paginationButton?: string; paginationButtonDisabled?: string; paginationPage?: string; paginationEllipsis?: string; descriptionListRoot?: string; descriptionListItem?: string; descriptionListTerm?: string; descriptionListValue?: string; accordionRoot?: string; accordionItem?: string; accordionTrigger?: string; accordionTriggerIcon?: string; accordionPanel?: string; menuTrigger?: string; menuContent?: string; menuLabel?: string; menuSeparator?: string; menuItem?: string; menuItemDefault?: string; menuItemPrimary?: string; menuItemSuccess?: string; menuItemWarning?: string; menuItemDanger?: string; menuItemMuted?: string; menuItemDisabled?: string; menuItemIcon?: string; menuItemLabel?: string; menuItemShortcut?: string; menuCheckboxIndicator?: string; menuRadioIndicator?: string; menuSubTrigger?: string; menuSubTriggerIcon?: string; menuSubContent?: string; tableContainer?: string; tableContainerFooterAttached?: string; tableRoot?: string; tableCaption?: string; tableHeader?: string; tableBody?: string; tableFooter?: string; tableFooterBar?: string; tableFooterBarAttached?: string; tableFooterBarLeading?: string; tableFooterBarContent?: string; tableFooterBarActions?: string; tableSplitRoot?: string; tableSplitHeader?: string; tableSplitBody?: string; tableSplitFooter?: string; tableSplitRow?: string; tableSplitHead?: string; tableSplitCell?: string; tableRow?: string; tableRowInteractive?: string; tableRowSelected?: string; tableRowDisabled?: string; tableHead?: string; tableHeadContent?: string; tableHeadMain?: string; tableHeadIcon?: string; tableHeadText?: string; tableHeadLabel?: string; tableHeadDescription?: string; tableHeadMeta?: string; tableHeadActions?: string; tableHeadSortButton?: string; tableHeadSortIcon?: string; tableHeadDragHandle?: string; tableHeadResizeHandle?: string; tableCell?: string; tableCellAlignCenter?: string; tableCellAlignRight?: string; tableEmptyRow?: string; tableEmptyCell?: string; tableEmptyContent?: string; tableEmptyIcon?: string; tableEmptyTitle?: string; tableEmptyDescription?: string; tableEmptyActions?: string; tableLoadingRow?: string; tableLoadingCell?: string; tableLoadingSkeleton?: string; layoutRoot?: string; layoutRootFull?: string; layoutHeader?: string; layoutBody?: string; layoutSidebar?: string; layoutMain?: string; layoutAside?: string; layoutFooter?: string; layoutPane?: string; layoutPaneScrollable?: string; layoutPaneBordered?: string; layoutPaneMuted?: string; layoutPaneSoft?: string; layoutPaneTransparent?: string; layoutSplitRoot?: string; layoutSplitHorizontal?: string; layoutSplitVertical?: string; layoutSplitPane?: string; layoutSplitPrimary?: string; layoutSplitSecondary?: string; layoutResizeHandle?: string; layoutResizeHandleHorizontal?: string; layoutResizeHandleVertical?: string; layoutResizeHandleDisabled?: string; layoutResizeHandleIndicator?: string; } interface BaseAppearance { preset?: BaseThemePresetId; variant?: BaseVariant; density?: BaseDensity; state?: BaseComponentState; radius?: BaseRadius; border?: BaseBorder; background?: BaseBackground; slots?: Partial; styles?: BaseThemeStyles; } interface BaseResolvedTheme { preset: BaseThemePresetId; variant: BaseVariant; density: BaseDensity; state: BaseComponentState; radius: BaseRadius; border: BaseBorder; background: BaseBackground; slots: Required; styles: BaseThemeStyles; } interface BaseButtonClassNames { root?: string; icon?: string; label?: string; endIcon?: string; } interface BaseButtonProps extends Omit, "children" | "className" | "disabled" | "onClick" | "style" | "title" | "type"> { children?: ReactNode; label?: ReactNode; icon?: ReactNode; endIcon?: ReactNode; type?: "button" | "reset" | "submit"; title?: string; ariaLabel?: string; tone?: BaseControlTone; size?: BaseControlSize; active?: boolean; iconOnly?: boolean; disabled?: boolean; loading?: boolean; stopPropagation?: boolean; appearance?: BaseAppearance; variant?: BaseVariant; density?: BaseDensity; state?: BaseComponentState; className?: string; classNames?: BaseButtonClassNames; style?: CSSProperties; onClick?: MouseEventHandler; } interface BaseBadgeClassNames { root?: string; icon?: string; label?: string; } interface BaseBadgeProps extends HTMLAttributes { children?: ReactNode; label?: ReactNode; icon?: ReactNode; tone?: BaseControlTone; appearance?: BaseAppearance; variant?: BaseVariant; density?: BaseDensity; state?: BaseComponentState; className?: string; classNames?: BaseBadgeClassNames; style?: CSSProperties; } type BaseTypographySize = "lg" | "md" | "sm" | "xl" | "xs"; type BaseTypographyTone = "inherit" | BaseControlTone; interface BaseTextClassNames { root?: string; } interface BaseTextProps extends Omit, "children" | "className" | "style"> { as?: "div" | "p" | "span"; children?: ReactNode; size?: BaseTypographySize; tone?: BaseTypographyTone; appearance?: BaseAppearance; className?: string; classNames?: BaseTextClassNames; style?: CSSProperties; } type BaseHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6; type BaseHeadingSize = "2xl" | BaseTypographySize; interface BaseHeadingClassNames { root?: string; } interface BaseHeadingProps extends Omit, "children" | "className" | "style"> { level?: BaseHeadingLevel; children?: ReactNode; size?: BaseHeadingSize; tone?: BaseTypographyTone; appearance?: BaseAppearance; className?: string; classNames?: BaseHeadingClassNames; style?: CSSProperties; } interface BaseLinkClassNames { root?: string; } interface BaseLinkProps extends Omit, "children" | "className" | "style"> { children?: ReactNode; openOnMount?: boolean; size?: BaseTypographySize; tone?: BaseTypographyTone; appearance?: BaseAppearance; className?: string; classNames?: BaseLinkClassNames; style?: CSSProperties; } type BaseCodeDisplay = "block" | "inline"; interface BaseCodeClassNames { root?: string; code?: string; } interface BaseCodeProps extends Omit, "children" | "className" | "style"> { children?: ReactNode; display?: BaseCodeDisplay; appearance?: BaseAppearance; className?: string; classNames?: BaseCodeClassNames; style?: CSSProperties; } interface BaseKbdClassNames { root?: string; } interface BaseKbdProps extends Omit, "children" | "className" | "style"> { children?: ReactNode; appearance?: BaseAppearance; className?: string; classNames?: BaseKbdClassNames; style?: CSSProperties; } type BaseListSpacing = "compact" | "default" | "relaxed"; type BaseListMarker = "auto" | "circle" | "decimal" | "disc" | "lower-alpha" | "none" | "square" | "upper-alpha"; interface BaseListClassNames { root?: string; } interface BaseListSharedProps { marker?: BaseListMarker; spacing?: BaseListSpacing; children?: ReactNode; appearance?: BaseAppearance; className?: string; classNames?: BaseListClassNames; style?: CSSProperties; } type BaseListProps = (BaseListSharedProps & Omit, "children" | "className" | "style"> & { ordered?: false; }) | (BaseListSharedProps & Omit, "children" | "className" | "style"> & { ordered: true; }); interface BaseListItemClassNames { root?: string; } interface BaseListItemProps extends Omit, "children" | "className" | "style"> { children?: ReactNode; appearance?: BaseAppearance; className?: string; classNames?: BaseListItemClassNames; style?: CSSProperties; } type BaseLayoutLength = number | string; type BaseLayoutAlign = "baseline" | "center" | "end" | "start" | "stretch"; type BaseLayoutJustify = "around" | "between" | "center" | "end" | "evenly" | "start"; interface BaseStackClassNames { root?: string; } interface BaseStackProps extends Omit, "children" | "className" | "style"> { children?: ReactNode; gap?: BaseLayoutLength; align?: BaseLayoutAlign; justify?: BaseLayoutJustify; appearance?: BaseAppearance; className?: string; classNames?: BaseStackClassNames; style?: CSSProperties; } interface BaseInlineClassNames { root?: string; } interface BaseInlineProps extends Omit, "children" | "className" | "style"> { children?: ReactNode; gap?: BaseLayoutLength; align?: BaseLayoutAlign; justify?: BaseLayoutJustify; wrap?: boolean; appearance?: BaseAppearance; className?: string; classNames?: BaseInlineClassNames; style?: CSSProperties; } type BaseGridColumns = number | string; interface BaseGridClassNames { root?: string; } interface BaseGridProps extends Omit, "children" | "className" | "style"> { children?: ReactNode; columns?: BaseGridColumns; gap?: BaseLayoutLength; align?: BaseLayoutAlign; justify?: BaseLayoutJustify; appearance?: BaseAppearance; className?: string; classNames?: BaseGridClassNames; style?: CSSProperties; } interface BaseContainerClassNames { root?: string; } interface BaseContainerProps extends Omit, "children" | "className" | "style"> { children?: ReactNode; maxWidth?: BaseLayoutLength; padding?: BaseLayoutLength; appearance?: BaseAppearance; className?: string; classNames?: BaseContainerClassNames; style?: CSSProperties; } interface BaseAspectRatioClassNames { root?: string; } interface BaseAspectRatioProps extends Omit, "children" | "className" | "style"> { children?: ReactNode; ratio?: number; appearance?: BaseAppearance; className?: string; classNames?: BaseAspectRatioClassNames; style?: CSSProperties; } interface BaseSpinnerClassNames { root?: string; indicator?: string; } interface BaseSpinnerSharedProps extends Omit, "aria-hidden" | "aria-label" | "children" | "className" | "role" | "style"> { appearance?: BaseAppearance; className?: string; classNames?: BaseSpinnerClassNames; style?: CSSProperties; } type BaseSpinnerProps = (BaseSpinnerSharedProps & { decorative: true; label?: never; }) | (BaseSpinnerSharedProps & { decorative?: false; label?: string; }); interface BaseVisuallyHiddenClassNames { root?: string; } interface BaseVisuallyHiddenProps extends Omit, "children" | "className" | "style"> { children?: ReactNode; focusable?: boolean; appearance?: BaseAppearance; className?: string; classNames?: BaseVisuallyHiddenClassNames; style?: CSSProperties; } type BasePortalContainer = (() => Element | null) | Element | null; interface BasePortalProps { children?: ReactNode; container?: BasePortalContainer; disabled?: boolean; inline?: boolean; } interface BaseFieldsetClassNames { root?: string; legend?: string; description?: string; error?: string; content?: string; } interface BaseFieldsetProps extends Omit, "children" | "className" | "style"> { children?: ReactNode; legend: ReactNode; description?: ReactNode; descriptionId?: string; error?: ReactNode; errorId?: string; appearance?: BaseAppearance; className?: string; classNames?: BaseFieldsetClassNames; style?: CSSProperties; } type BaseStepStatus = "completed" | "current" | "error" | "pending"; interface BaseStepItem { id: string; label: ReactNode; description?: ReactNode; status?: BaseStepStatus; disabled?: boolean; selectable?: boolean; } interface BaseStepsStatusLabels { current: string; completed: string; error: string; disabled: string; } interface BaseStepsClassNames { root?: string; item?: string; trigger?: string; indicator?: string; content?: string; label?: string; description?: string; status?: string; connector?: string; } interface BaseStepsProps extends Omit, "children" | "className" | "role" | "style"> { items: readonly BaseStepItem[]; orientation?: "horizontal" | "vertical"; statusLabels?: Partial; appearance?: BaseAppearance; className?: string; classNames?: BaseStepsClassNames; style?: CSSProperties; onStepSelect?: (id: string, item: BaseStepItem, index: number) => void; } type BaseScrollAreaAxis = "both" | "x" | "y"; interface BaseScrollAreaClassNames { viewport?: string; } interface BaseScrollAreaProps extends Omit, "children" | "className" | "style"> { children?: ReactNode; axis?: BaseScrollAreaAxis; maxWidth?: BaseLayoutLength; maxHeight?: BaseLayoutLength; appearance?: BaseAppearance; className?: string; classNames?: BaseScrollAreaClassNames; style?: CSSProperties; } interface BasePanelClassNames { root?: string; media?: string; header?: string; title?: string; description?: string; body?: string; footer?: string; } interface BasePanelProps extends Omit, "children" | "className" | "style" | "title"> { as?: "article" | "aside" | "div" | "section"; title?: ReactNode; description?: ReactNode; media?: ReactNode; header?: ReactNode; footer?: ReactNode; children?: ReactNode; interactive?: boolean; selected?: boolean; disabled?: boolean; appearance?: BaseAppearance; variant?: BaseVariant; density?: BaseDensity; state?: BaseComponentState; className?: string; classNames?: BasePanelClassNames; style?: CSSProperties; } type BaseLayoutOrientation = "horizontal" | "vertical"; type BaseLayoutSize = number; type BaseLayoutGap = BaseLayoutLength; type BaseLayoutPaneSurface = "default" | "muted" | "soft" | "transparent"; interface BaseLayoutClassNames { root?: string; header?: string; body?: string; sidebar?: string; main?: string; aside?: string; footer?: string; } interface BaseLayoutProps extends Omit, "children" | "className" | "style"> { header?: ReactNode; sidebar?: ReactNode; aside?: ReactNode; sidebarLabel?: string; asideLabel?: string; footer?: ReactNode; children?: ReactNode; sidebarSize?: number | string; asideSize?: number | string; gap?: BaseLayoutGap; fullHeight?: boolean; appearance?: BaseAppearance; className?: string; classNames?: BaseLayoutClassNames; style?: CSSProperties; } interface BaseLayoutPaneClassNames { root?: string; } interface BaseLayoutPaneProps extends Omit, "children" | "className" | "style"> { as?: "aside" | "div" | "footer" | "header" | "main" | "nav" | "section"; scrollable?: boolean; bordered?: boolean; surface?: BaseLayoutPaneSurface; children?: ReactNode; appearance?: BaseAppearance; className?: string; classNames?: BaseLayoutPaneClassNames; style?: CSSProperties; } interface BaseLayoutSplitClassNames { root?: string; primary?: string; secondary?: string; handle?: string; } interface BaseLayoutSplitProps extends Omit, "children" | "className" | "defaultValue" | "onChange" | "style"> { orientation?: BaseLayoutOrientation; primary?: ReactNode; secondary?: ReactNode; children?: ReactNode; resizable?: boolean; disabled?: boolean; size?: BaseLayoutSize; defaultSize?: BaseLayoutSize; minSize?: BaseLayoutSize; maxSize?: BaseLayoutSize; gap?: BaseLayoutGap; keyboardStep?: number; resizeLabel?: string; appearance?: BaseAppearance; className?: string; classNames?: BaseLayoutSplitClassNames; style?: CSSProperties; onSizeChange?: (size: BaseLayoutSize) => void; } interface BaseLayoutResizeHandleClassNames { root?: string; indicator?: string; } interface BaseLayoutResizeHandleProps extends Omit, "children" | "className" | "style"> { orientation?: BaseLayoutOrientation; resizable?: boolean; disabled?: boolean; size?: BaseLayoutSize; minSize?: BaseLayoutSize; maxSize?: BaseLayoutSize; label?: string; appearance?: BaseAppearance; className?: string; classNames?: BaseLayoutResizeHandleClassNames; style?: CSSProperties; } interface BaseStateClassNames { root?: string; icon?: string; title?: string; description?: string; actions?: string; } interface BaseEmptyStateProps extends Omit, "children" | "className" | "style" | "title"> { icon?: ReactNode; title?: ReactNode; description?: ReactNode; actions?: ReactNode; variant?: "compact" | "default"; appearance?: BaseAppearance; className?: string; classNames?: BaseStateClassNames; style?: CSSProperties; } interface BaseLoadingStateProps extends Omit, "children" | "className" | "style" | "title"> { icon?: ReactNode; /** Visible in spinner mode; a string also labels the loading state for assistive technology. */ title?: ReactNode; /** Visible in spinner mode. */ description?: ReactNode; actions?: ReactNode; variant?: 'skeleton' | 'spinner'; /** Animation for the skeleton variant. */ animation?: SkeletonGroupAnimation; appearance?: BaseAppearance; className?: string; classNames?: BaseStateClassNames; style?: CSSProperties; } type BaseSystemStateKind = "error" | "fallback" | "offline" | "permission"; interface BaseSystemStateProps extends Omit, "children" | "className" | "style" | "title"> { kind?: BaseSystemStateKind; icon?: ReactNode; title?: ReactNode; description?: ReactNode; actions?: ReactNode; appearance?: BaseAppearance; className?: string; classNames?: BaseStateClassNames; style?: CSSProperties; } interface BaseFieldClassNames { root?: string; labelRow?: string; label?: string; required?: string; description?: string; message?: string; control?: string; } interface BaseFieldControlProps { id: string; "aria-describedby"?: string; "aria-errormessage"?: string; "aria-invalid"?: true; "aria-required"?: true; required?: boolean; disabled?: boolean; } type BaseFieldValidationMode = "onBlur" | "onChange"; type BaseFieldValidationResult = null | string; type BaseFieldValidate = (value: boolean | string) => BaseFieldValidationResult; interface BaseFieldProps extends Omit, "children" | "className" | "style" | "title"> { label?: ReactNode; description?: ReactNode; message?: ReactNode; error?: ReactNode; required?: boolean; disabled?: boolean; htmlFor?: string; descriptionId?: string; messageId?: string; errorId?: string; validate?: BaseFieldValidate; validationMode?: BaseFieldValidationMode; children?: ((controlProps: BaseFieldControlProps) => ReactNode) | ReactNode; appearance?: BaseAppearance; className?: string; classNames?: BaseFieldClassNames; style?: CSSProperties; } type BaseControlSize = "lg" | "md" | "sm"; interface BaseControlClassNames { root?: string; control?: string; icon?: string; trailing?: string; menu?: string; option?: string; placeholder?: string; } interface BaseInputProps extends Omit, "className" | "disabled" | "readOnly" | "style"> { icon?: ReactNode; trailing?: ReactNode; invalid?: boolean; disabled?: boolean; readOnly?: boolean; controlSize?: BaseControlSize; appearance?: BaseAppearance; className?: string; classNames?: BaseControlClassNames; style?: CSSProperties; } type BaseNumberInputChangeReason = "input" | "step-down" | "step-up"; interface BaseNumberInputValueChangeDetails { rawValue: string; reason: BaseNumberInputChangeReason; inRange: boolean; } interface BaseNumberInputClassNames { root?: string; control?: string; stepControls?: string; increment?: string; decrement?: string; } interface BaseNumberInputProps extends Omit, "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "className" | "defaultValue" | "disabled" | "inputMode" | "max" | "min" | "onChange" | "onKeyDown" | "readOnly" | "role" | "step" | "style" | "type" | "value"> { value?: string; defaultValue?: string; min?: number; max?: number; step?: number; showStepControls?: boolean; incrementLabel?: string; decrementLabel?: string; invalid?: boolean; disabled?: boolean; readOnly?: boolean; appearance?: BaseAppearance; className?: string; classNames?: BaseNumberInputClassNames; style?: CSSProperties; onChange?: InputHTMLAttributes["onChange"]; onKeyDown?: InputHTMLAttributes["onKeyDown"]; onValueChange?: (value: null | number, details: BaseNumberInputValueChangeDetails) => void; } interface BasePasswordInputClassNames { root?: string; control?: string; toggle?: string; } interface BasePasswordInputProps extends Omit, "className" | "disabled" | "readOnly" | "style" | "type"> { visible?: boolean; defaultVisible?: boolean; onVisibleChange?: (visible: boolean) => void; showPasswordLabel?: string; hidePasswordLabel?: string; invalid?: boolean; disabled?: boolean; readOnly?: boolean; appearance?: BaseAppearance; className?: string; classNames?: BasePasswordInputClassNames; style?: CSSProperties; } interface BaseInputGroupClassNames { root?: string; content?: string; startElement?: string; endElement?: string; startAddon?: string; endAddon?: string; } interface BaseInputGroupProps extends Omit, "children" | "className" | "style"> { children?: ReactNode; startElement?: ReactNode; endElement?: ReactNode; startAddon?: ReactNode; endAddon?: ReactNode; /** Visual state only. Propagate aria-invalid to the actual controls. */ invalid?: boolean; /** Visual state only. Propagate disabled to the actual controls. */ disabled?: boolean; appearance?: BaseAppearance; className?: string; classNames?: BaseInputGroupClassNames; style?: CSSProperties; } interface BaseTextareaProps extends Omit, "className" | "disabled" | "readOnly" | "style"> { invalid?: boolean; disabled?: boolean; readOnly?: boolean; controlSize?: BaseControlSize; appearance?: BaseAppearance; className?: string; classNames?: Pick; style?: CSSProperties; } interface BaseSelectOption { value: string; label: ReactNode; disabled?: boolean; textValue?: string; } interface BaseSelectProps extends Omit, "children" | "className" | "disabled" | "style"> { options?: BaseSelectOption[]; placeholder?: ReactNode; icon?: ReactNode; invalid?: boolean; disabled?: boolean; openForPreview?: boolean; appearance?: BaseAppearance; className?: string; classNames?: BaseControlClassNames; style?: CSSProperties; children?: ReactNode; } interface BaseMultiSelectOption extends BaseSelectOption { } interface BaseMultiSelectClassNames { root?: string; icon?: string; control?: string; tagList?: string; tag?: string; tagLabel?: string; tagRemove?: string; placeholder?: string; chevron?: string; menu?: string; option?: string; optionIndicator?: string; optionLabel?: string; empty?: string; hiddenInput?: string; } interface BaseMultiSelectProps extends Omit, "children" | "className" | "defaultValue" | "onChange" | "style"> { options?: BaseMultiSelectOption[]; value?: string[]; defaultValue?: string[]; name?: string; placeholder?: ReactNode; icon?: ReactNode; invalid?: boolean; disabled?: boolean; required?: boolean; openForPreview?: boolean; maxTagCount?: number; removeLabel?: (option: BaseMultiSelectOption) => string; emptyLabel?: ReactNode; appearance?: BaseAppearance; className?: string; classNames?: BaseMultiSelectClassNames; style?: CSSProperties; onValueChange?: (value: string[]) => void; } interface BaseSwitchClassNames { root?: string; input?: string; track?: string; thumb?: string; content?: string; label?: string; description?: string; } interface BaseSwitchProps extends Omit, "children" | "className" | "disabled" | "style" | "type"> { label?: ReactNode; description?: ReactNode; disabled?: boolean; controlSize?: BaseControlSize; appearance?: BaseAppearance; className?: string; classNames?: BaseSwitchClassNames; style?: CSSProperties; } interface BaseCheckboxClassNames { root?: string; input?: string; box?: string; indicator?: string; content?: string; label?: string; description?: string; } interface BaseCheckboxProps extends Omit, "children" | "className" | "disabled" | "style" | "type"> { label?: ReactNode; description?: ReactNode; indeterminate?: boolean; invalid?: boolean; disabled?: boolean; controlSize?: BaseControlSize; appearance?: BaseAppearance; className?: string; classNames?: BaseCheckboxClassNames; style?: CSSProperties; } interface BaseRadioOption { value: string; label: ReactNode; description?: ReactNode; icon?: ReactNode; disabled?: boolean; } interface BaseRadioGroupClassNames { root?: string; option?: string; input?: string; marker?: string; indicator?: string; content?: string; label?: string; description?: string; icon?: string; } interface BaseRadioGroupProps extends Omit, "children" | "className" | "defaultValue" | "onChange" | "style"> { options?: BaseRadioOption[]; value?: string; defaultValue?: string; name?: string; form?: string; orientation?: "horizontal" | "vertical"; required?: boolean; invalid?: boolean; disabled?: boolean; controlSize?: BaseControlSize; appearance?: BaseAppearance; className?: string; classNames?: BaseRadioGroupClassNames; style?: CSSProperties; children?: ReactNode; onChange?: ChangeEventHandler; onValueChange?: (value: string, event: ChangeEvent) => void; } interface BaseDialogClassNames { root?: string; trigger?: string; overlay?: string; content?: string; panel?: string; header?: string; title?: string; description?: string; body?: string; footer?: string; close?: string; } interface BaseDialogProps extends Omit, "children" | "className" | "defaultValue" | "onChange" | "style" | "title"> { open?: boolean; defaultOpen?: boolean; title?: ReactNode; description?: ReactNode; header?: ReactNode; footer?: ReactNode; trigger?: ReactNode; triggerLabel?: ReactNode; triggerIcon?: ReactNode; triggerTone?: BaseControlTone; triggerDisabled?: boolean; closeLabel?: string; closeOnEscape?: boolean; closeOnOverlayClick?: boolean; showCloseButton?: boolean; keepMounted?: boolean; trapFocus?: boolean; restoreFocus?: boolean; initialFocus?: "container" | "explicit" | "first-interactive"; initialFocusRef?: RefObject; zIndex?: number; portal?: boolean; appearance?: BaseAppearance; className?: string; classNames?: BaseDialogClassNames; style?: CSSProperties; children?: ReactNode; onOpenChange?: (open: boolean) => void; } type BaseDropdownMenuPlacement = "bottom-end" | "bottom-start" | "top-end" | "top-start"; interface BaseDropdownMenuItem { value: string; label: ReactNode; description?: ReactNode; icon?: ReactNode; shortcut?: ReactNode; disabled?: boolean; danger?: boolean; separatorBefore?: boolean; onSelect?: (item: BaseDropdownMenuItem) => void; } interface BaseDropdownMenuClassNames { root?: string; trigger?: string; menu?: string; label?: string; separator?: string; item?: string; itemIcon?: string; itemContent?: string; itemLabel?: string; itemDescription?: string; itemShortcut?: string; } interface BaseDropdownMenuProps extends Omit, "children" | "className" | "defaultValue" | "dir" | "onSelect" | "style"> { items?: BaseDropdownMenuItem[]; label?: ReactNode; trigger?: ReactNode; triggerLabel?: ReactNode; triggerIcon?: ReactNode; disabled?: boolean; open?: boolean; defaultOpen?: boolean; placement?: BaseDropdownMenuPlacement; closeOnSelect?: boolean; portal?: boolean; dir?: "ltr" | "rtl"; appearance?: BaseAppearance; className?: string; classNames?: BaseDropdownMenuClassNames; style?: CSSProperties; children?: ReactNode; onOpenChange?: (open: boolean) => void; onSelect?: (item: BaseDropdownMenuItem) => void; } type BaseTooltipPlacement = "bottom" | "left" | "right" | "top"; interface BaseTooltipClassNames { root?: string; trigger?: string; content?: string; } interface BaseTooltipProps extends Omit, "children" | "className" | "content" | "style"> { content?: ReactNode; children?: ReactNode; open?: boolean; defaultOpen?: boolean; placement?: BaseTooltipPlacement; disabled?: boolean; portal?: boolean; appearance?: BaseAppearance; className?: string; classNames?: BaseTooltipClassNames; style?: CSSProperties; onOpenChange?: (open: boolean) => void; } interface BaseNoticeClassNames { root?: string; icon?: string; title?: string; description?: string; actions?: string; } interface BaseNoticeProps extends Omit, "children" | "className" | "style" | "title"> { tone?: BaseControlTone; icon?: ReactNode; title?: ReactNode; description?: ReactNode; actions?: ReactNode; children?: ReactNode; appearance?: BaseAppearance; className?: string; classNames?: BaseNoticeClassNames; style?: CSSProperties; } interface BaseDividerClassNames { root?: string; line?: string; label?: string; } interface BaseDividerProps extends Omit, "children" | "className" | "style"> { orientation?: "horizontal" | "vertical"; label?: ReactNode; appearance?: BaseAppearance; className?: string; classNames?: BaseDividerClassNames; style?: CSSProperties; } interface BaseContextMenuClassNames { trigger?: string; content?: string; } interface BaseContextMenuProps { children?: ReactNode; trigger?: ReactNode; content?: ReactNode; disabled?: boolean; modal?: boolean; dir?: "ltr" | "rtl"; appearance?: BaseAppearance; className?: string; classNames?: BaseContextMenuClassNames; onOpenChange?: (open: boolean) => void; } interface BaseContextMenuTriggerProps extends Omit, "asChild" | "children" | "className" | "disabled" | "style"> { children?: ReactNode; disabled?: boolean; asChild?: boolean; appearance?: BaseAppearance; className?: string; style?: CSSProperties; } interface BaseContextMenuContentClassNames { root?: string; } interface BaseContextMenuContentProps extends Omit, "children" | "className" | "style"> { children?: ReactNode; appearance?: BaseAppearance; className?: string; classNames?: BaseContextMenuContentClassNames; style?: CSSProperties; } interface BaseContextMenuLabelProps extends Omit, "children" | "className" | "style"> { children?: ReactNode; appearance?: BaseAppearance; className?: string; style?: CSSProperties; } interface BaseContextMenuSeparatorProps extends Omit, "className" | "style"> { appearance?: BaseAppearance; className?: string; style?: CSSProperties; } interface BaseContextMenuItemClassNames { root?: string; icon?: string; label?: string; shortcut?: string; indicator?: string; } interface BaseContextMenuItemProps extends Omit, "children" | "className" | "disabled" | "onSelect" | "style"> { children?: ReactNode; label?: ReactNode; icon?: ReactNode; shortcut?: ReactNode; tone?: BaseControlTone; disabled?: boolean; inset?: boolean; appearance?: BaseAppearance; className?: string; classNames?: BaseContextMenuItemClassNames; style?: CSSProperties; onSelect?: (event: Event) => void; } interface BaseContextMenuCheckboxItemProps extends Omit { checked?: "indeterminate" | boolean; onCheckedChange?: (checked: boolean) => void; } interface BaseContextMenuRadioGroupProps { children?: ReactNode; value?: string; onValueChange?: (value: string) => void; } interface BaseContextMenuRadioItemProps extends Omit { value: string; } interface BaseContextMenuSubProps { children?: ReactNode; open?: boolean; defaultOpen?: boolean; onOpenChange?: (open: boolean) => void; } interface BaseContextMenuSubTriggerProps extends Omit { } interface BaseContextMenuSubContentProps extends Omit, "children" | "className" | "style"> { children?: ReactNode; appearance?: BaseAppearance; className?: string; classNames?: BaseContextMenuContentClassNames; style?: CSSProperties; } interface BaseSectionHeaderClassNames { root?: string; content?: string; eyebrow?: string; title?: string; description?: string; actions?: string; } interface BaseSectionHeaderProps extends Omit, "children" | "className" | "style" | "title"> { eyebrow?: ReactNode; title?: ReactNode; description?: ReactNode; actions?: ReactNode; children?: ReactNode; appearance?: BaseAppearance; className?: string; classNames?: BaseSectionHeaderClassNames; style?: CSSProperties; } interface BaseTabsItem { value: string; label: ReactNode; description?: ReactNode; disabled?: boolean; content?: ReactNode; } interface BaseTabsClassNames { root?: string; list?: string; trigger?: string; panel?: string; } interface BaseTabsProps extends Omit, "children" | "className" | "defaultValue" | "onChange" | "style"> { items?: BaseTabsItem[]; value?: string; defaultValue?: string; orientation?: "horizontal" | "vertical"; activationMode?: "automatic" | "manual"; appearance?: BaseAppearance; className?: string; classNames?: BaseTabsClassNames; style?: CSSProperties; onValueChange?: (value: string) => void; } interface BaseSegmentedControlOption { value: string; label: ReactNode; icon?: ReactNode; disabled?: boolean; } interface BaseSegmentedControlClassNames { root?: string; item?: string; icon?: string; label?: string; } interface BaseSegmentedControlProps extends Omit, "children" | "className" | "defaultValue" | "onChange" | "style"> { options?: BaseSegmentedControlOption[]; value?: string; defaultValue?: string; appearance?: BaseAppearance; className?: string; classNames?: BaseSegmentedControlClassNames; style?: CSSProperties; onValueChange?: (value: string) => void; } interface BaseProgressClassNames { root?: string; labelRow?: string; label?: string; value?: string; track?: string; indicator?: string; } interface BaseProgressProps extends Omit, "children" | "className" | "style"> { value?: number; max?: number; label?: ReactNode; showValue?: boolean; valueFormatter?: (value: number, max: number) => ReactNode; appearance?: BaseAppearance; className?: string; classNames?: BaseProgressClassNames; style?: CSSProperties; } interface BaseSkeletonClassNames { root?: string; } interface BaseSkeletonProps extends Omit, "children" | "className" | "style"> { variant?: "block" | "circle" | "line"; animated?: boolean; animation?: SkeletonAnimation; appearance?: BaseAppearance; className?: string; classNames?: BaseSkeletonClassNames; style?: CSSProperties; } type BaseTableAlign = "center" | "left" | "right"; type BaseTableVerticalAlign = "bottom" | "middle" | "top"; type BaseTableSortDirection = "asc" | "desc" | "none"; type BaseTableLayout = "native" | "split-scroll"; type BaseTableColumnSizes = Record; interface BaseTableColumnDefinition { id: string; width?: number | string; minWidth?: number | string; maxWidth?: number | string; } interface BaseTableColumnOrderChangeDetail { columnId: string; targetColumnId: string; } interface BaseTableColumnSizeChangeDetail { columnId: string; previousWidth: number; minWidth?: number; maxWidth?: number; } interface BaseTableColumnInteractionOptions { columnOrder?: string[]; columnSizes?: BaseTableColumnSizes; columnDragEnabled?: boolean; columnResizeEnabled?: boolean; onColumnOrderChange?: (nextOrder: string[], detail: BaseTableColumnOrderChangeDetail) => void; onColumnSizeChange?: (columnId: string, width: number, detail: BaseTableColumnSizeChangeDetail) => void; } interface BaseTableContainerClassNames { root?: string; } interface BaseTableContainerProps extends Omit, "className" | "style"> { appearance?: BaseAppearance; attachedFooter?: boolean; className?: string; classNames?: BaseTableContainerClassNames; style?: CSSProperties; } interface BaseTableClassNames { root?: string; body?: string; } interface BaseTableProps extends Omit, "className" | "style">, BaseTableColumnInteractionOptions { layout?: BaseTableLayout; columns?: BaseTableColumnDefinition[]; bodyMaxHeight?: number | string; bodyClassName?: string; appearance?: BaseAppearance; className?: string; classNames?: BaseTableClassNames; style?: CSSProperties; } interface BaseTableSectionClassNames { root?: string; } interface BaseTableHeaderProps extends Omit, "className" | "style"> { appearance?: BaseAppearance; className?: string; classNames?: BaseTableSectionClassNames; style?: CSSProperties; } interface BaseTableBodyProps extends Omit, "className" | "style"> { appearance?: BaseAppearance; className?: string; classNames?: BaseTableSectionClassNames; style?: CSSProperties; } interface BaseTableFooterProps extends Omit, "className" | "style"> { appearance?: BaseAppearance; className?: string; classNames?: BaseTableSectionClassNames; style?: CSSProperties; } interface BaseTableFooterBarClassNames { root?: string; leading?: string; content?: string; actions?: string; } interface BaseTableFooterBarProps extends Omit, "className" | "style"> { appearance?: BaseAppearance; leading?: ReactNode; actions?: ReactNode; attached?: boolean; className?: string; classNames?: BaseTableFooterBarClassNames; style?: CSSProperties; } interface BaseTableRowClassNames { root?: string; } interface BaseTableRowProps extends Omit, "className" | "style"> { interactive?: boolean; selected?: boolean; disabled?: boolean; appearance?: BaseAppearance; className?: string; classNames?: BaseTableRowClassNames; style?: CSSProperties; } interface BaseTableHeadClassNames { root?: string; content?: string; main?: string; icon?: string; text?: string; label?: string; description?: string; meta?: string; actions?: string; sortButton?: string; sortIcon?: string; dragHandle?: string; resizeHandle?: string; } interface BaseTableHeadProps extends Omit, "className" | "style"> { presentation?: "classic-data-grid"; columnId?: string; align?: BaseTableAlign; verticalAlign?: BaseTableVerticalAlign; icon?: ReactNode; label?: ReactNode; description?: ReactNode; meta?: ReactNode; actions?: ReactNode; trailing?: ReactNode; sortable?: boolean; sortDirection?: BaseTableSortDirection; sortLabel?: string; onSort?: (columnId?: string) => void; draggable?: boolean; dragLabel?: string; resizable?: boolean; resizeLabel?: string; width?: number | string; minWidth?: number; maxWidth?: number; appearance?: BaseAppearance; className?: string; classNames?: BaseTableHeadClassNames; style?: CSSProperties; } interface BaseTableCellClassNames { root?: string; } interface BaseTableCellProps extends Omit, "align" | "className" | "style"> { align?: BaseTableAlign; appearance?: BaseAppearance; className?: string; classNames?: BaseTableCellClassNames; style?: CSSProperties; } interface BaseTableCaptionClassNames { root?: string; } interface BaseTableCaptionProps extends Omit, "className" | "style"> { appearance?: BaseAppearance; className?: string; classNames?: BaseTableCaptionClassNames; style?: CSSProperties; } interface BaseTableEmptyClassNames { row?: string; cell?: string; content?: string; icon?: string; title?: string; description?: string; actions?: string; } interface BaseTableEmptyProps extends Omit, "children" | "className" | "style" | "title"> { colSpan: number; icon?: ReactNode; title?: ReactNode; description?: ReactNode; actions?: ReactNode; children?: ReactNode; appearance?: BaseAppearance; className?: string; classNames?: BaseTableEmptyClassNames; style?: CSSProperties; } interface BaseTableLoadingClassNames { row?: string; cell?: string; skeleton?: string; } interface BaseTableLoadingProps { animation?: SkeletonGroupAnimation; rows?: number; columns: number; columnWidths?: Array; animated?: boolean; rowLabel?: string; appearance?: BaseAppearance; className?: string; classNames?: BaseTableLoadingClassNames; style?: CSSProperties; } interface BaseAvatarClassNames { root?: string; image?: string; fallback?: string; status?: string; text?: string; } interface BaseAvatarProps extends Omit, "children" | "className" | "style"> { src?: string; alt?: string; name?: string; initials?: ReactNode; icon?: ReactNode; status?: "busy" | "neutral" | "offline" | "online" | ReactNode; size?: "lg" | "md" | "sm"; appearance?: BaseAppearance; className?: string; classNames?: BaseAvatarClassNames; style?: CSSProperties; children?: ReactNode; } interface BaseToolbarClassNames { root?: string; leading?: string; content?: string; title?: string; description?: string; actions?: string; } interface BaseToolbarProps extends Omit, "children" | "className" | "style" | "title"> { leading?: ReactNode; title?: ReactNode; description?: ReactNode; actions?: ReactNode; children?: ReactNode; appearance?: BaseAppearance; className?: string; classNames?: BaseToolbarClassNames; style?: CSSProperties; } interface BaseBreadcrumbItem { label: ReactNode; value?: string; href?: string; current?: boolean; disabled?: boolean; } interface BaseBreadcrumbClassNames { root?: string; list?: string; item?: string; link?: string; current?: string; separator?: string; } interface BaseBreadcrumbProps extends Omit, "children" | "className" | "onSelect" | "style"> { items?: BaseBreadcrumbItem[]; separator?: ReactNode; appearance?: BaseAppearance; className?: string; classNames?: BaseBreadcrumbClassNames; style?: CSSProperties; onSelect?: (item: BaseBreadcrumbItem, index: number) => void; } interface BasePaginationClassNames { root?: string; info?: string; controls?: string; button?: string; page?: string; ellipsis?: string; } interface BasePaginationProps extends Omit, "children" | "className" | "onChange" | "style"> { page?: number; defaultPage?: number; pageSize?: number; total?: number; pageCount?: number; hasNext?: boolean; hasPrevious?: boolean; mode?: "compact" | "pages"; siblingCount?: number; boundaryCount?: number; label?: ReactNode; firstLabel?: ReactNode; previousLabel?: ReactNode; nextLabel?: ReactNode; lastLabel?: ReactNode; appearance?: BaseAppearance; className?: string; classNames?: BasePaginationClassNames; style?: CSSProperties; onPageChange?: (page: number) => void; } interface BaseListFooterClassNames { root?: string; summary?: string; pagination?: string; pageSize?: string; pageSizeLabel?: string; } interface BaseListFooterProps extends Omit, "children" | "className" | "style"> { total?: number; loadedStart?: number; loadedEnd?: number; selectedCount?: number; page?: number; pageCount?: number; pageSize?: number; pageSizeOptions?: number[]; showTotal?: boolean; showPageSize?: boolean; paginationMode?: "auto" | "compact" | "pages"; hasNext?: boolean; hasPrevious?: boolean; loading?: boolean; totalLabel?: ReactNode; selectedLabel?: ReactNode; pageSizeLabel?: ReactNode; appearance?: BaseAppearance; className?: string; classNames?: BaseListFooterClassNames; onPageChange?: (page: number) => void; onPageSizeChange?: (size: number) => void; onSummaryClick?: () => void; } interface BaseDescriptionListItem { term: ReactNode; value: ReactNode; } interface BaseDescriptionListClassNames { root?: string; item?: string; term?: string; value?: string; } interface BaseDescriptionListProps extends Omit, "children" | "className" | "style"> { items?: BaseDescriptionListItem[]; columns?: 1 | 2 | 3; appearance?: BaseAppearance; className?: string; classNames?: BaseDescriptionListClassNames; style?: CSSProperties; children?: ReactNode; } interface BaseAccordionItem { value: string; title: ReactNode; content?: ReactNode; disabled?: boolean; } interface BaseAccordionClassNames { root?: string; item?: string; trigger?: string; triggerIcon?: string; panel?: string; } interface BaseAccordionProps extends Omit, "children" | "className" | "defaultValue" | "onChange" | "style"> { items?: BaseAccordionItem[]; value?: string; defaultValue?: string; allowCollapse?: boolean; keyboardNavigation?: boolean; appearance?: BaseAppearance; className?: string; classNames?: BaseAccordionClassNames; style?: CSSProperties; onValueChange?: (value: string | undefined) => void; } export type { BaseDropdownMenuPlacement as $, BaseContextMenuContentClassNames as A, BaseAccordionClassNames as B, BaseContextMenuContentProps as C, BaseContextMenuItemClassNames as D, BaseContextMenuItemProps as E, BaseContextMenuLabelProps as F, BaseContextMenuProps as G, BaseContextMenuRadioGroupProps as H, BaseContextMenuRadioItemProps as I, BaseContextMenuSeparatorProps as J, BaseContextMenuSubContentProps as K, BaseContextMenuSubProps as L, BaseContextMenuSubTriggerProps as M, BaseContextMenuTriggerProps as N, BaseControlClassNames as O, BaseControlSize as P, BaseControlTone as Q, BaseDensity as R, BaseDescriptionListClassNames as S, BaseDescriptionListItem as T, BaseDescriptionListProps as U, BaseDialogClassNames as V, BaseDialogProps as W, BaseDividerClassNames as X, BaseDividerProps as Y, BaseDropdownMenuClassNames as Z, BaseDropdownMenuItem as _, BaseAccordionItem as a, BasePasswordInputClassNames as a$, BaseDropdownMenuProps as a0, BaseEmptyStateProps as a1, BaseFieldClassNames as a2, BaseFieldControlProps as a3, BaseFieldProps as a4, BaseFieldValidate as a5, BaseFieldValidationMode as a6, BaseFieldValidationResult as a7, BaseFieldsetClassNames as a8, BaseFieldsetProps as a9, BaseLayoutSize as aA, BaseLayoutSplitClassNames as aB, BaseLayoutSplitProps as aC, BaseLinkClassNames as aD, BaseLinkProps as aE, BaseListClassNames as aF, BaseListFooterClassNames as aG, BaseListFooterProps as aH, BaseListItemClassNames as aI, BaseListItemProps as aJ, BaseListMarker as aK, BaseListProps as aL, BaseListSpacing as aM, BaseLoadingStateProps as aN, BaseMultiSelectClassNames as aO, BaseMultiSelectOption as aP, BaseMultiSelectProps as aQ, BaseNoticeClassNames as aR, BaseNoticeProps as aS, BaseNumberInputChangeReason as aT, BaseNumberInputClassNames as aU, BaseNumberInputProps as aV, BaseNumberInputValueChangeDetails as aW, BasePaginationClassNames as aX, BasePaginationProps as aY, BasePanelClassNames as aZ, BasePanelProps as a_, BaseGridClassNames as aa, BaseGridColumns as ab, BaseGridProps as ac, BaseHeadingClassNames as ad, BaseHeadingLevel as ae, BaseHeadingProps as af, BaseHeadingSize as ag, BaseInlineClassNames as ah, BaseInlineProps as ai, BaseInputGroupClassNames as aj, BaseInputGroupProps as ak, BaseInputProps as al, BaseKbdClassNames as am, BaseKbdProps as an, BaseLayoutAlign as ao, BaseLayoutClassNames as ap, BaseLayoutGap as aq, BaseLayoutJustify as ar, BaseLayoutLength as as, BaseLayoutOrientation as at, BaseLayoutPaneClassNames as au, BaseLayoutPaneProps as av, BaseLayoutPaneSurface as aw, BaseLayoutProps as ax, BaseLayoutResizeHandleClassNames as ay, BaseLayoutResizeHandleProps as az, BaseAccordionProps as b, BaseTableRowProps as b$, BasePasswordInputProps as b0, BasePortalContainer as b1, BasePortalProps as b2, BaseProgressClassNames as b3, BaseProgressProps as b4, BaseRadioGroupClassNames as b5, BaseRadioGroupProps as b6, BaseRadioOption as b7, BaseRadius as b8, BaseResolvedTheme as b9, BaseTableAlign as bA, BaseTableBodyProps as bB, BaseTableCaptionClassNames as bC, BaseTableCaptionProps as bD, BaseTableCellClassNames as bE, BaseTableCellProps as bF, BaseTableClassNames as bG, BaseTableColumnDefinition as bH, BaseTableColumnInteractionOptions as bI, BaseTableColumnOrderChangeDetail as bJ, BaseTableColumnSizeChangeDetail as bK, BaseTableColumnSizes as bL, BaseTableContainerClassNames as bM, BaseTableContainerProps as bN, BaseTableEmptyClassNames as bO, BaseTableEmptyProps as bP, BaseTableFooterBarClassNames as bQ, BaseTableFooterBarProps as bR, BaseTableFooterProps as bS, BaseTableHeadClassNames as bT, BaseTableHeadProps as bU, BaseTableHeaderProps as bV, BaseTableLayout as bW, BaseTableLoadingClassNames as bX, BaseTableLoadingProps as bY, BaseTableProps as bZ, BaseTableRowClassNames as b_, BaseScrollAreaAxis as ba, BaseScrollAreaClassNames as bb, BaseScrollAreaProps as bc, BaseSectionHeaderClassNames as bd, BaseSectionHeaderProps as be, BaseSegmentedControlClassNames as bf, BaseSegmentedControlOption as bg, BaseSegmentedControlProps as bh, BaseSelectOption as bi, BaseSelectProps as bj, BaseSkeletonClassNames as bk, BaseSkeletonProps as bl, BaseSpinnerClassNames as bm, BaseSpinnerProps as bn, BaseStackClassNames as bo, BaseStackProps as bp, BaseStateClassNames as bq, BaseStepItem as br, BaseStepStatus as bs, BaseStepsClassNames as bt, BaseStepsProps as bu, BaseStepsStatusLabels as bv, BaseSwitchClassNames as bw, BaseSwitchProps as bx, BaseSystemStateKind as by, BaseSystemStateProps as bz, BaseAppearance as c, BaseTableSectionClassNames as c0, BaseTableSortDirection as c1, BaseTableVerticalAlign as c2, BaseTabsClassNames as c3, BaseTabsItem as c4, BaseTabsProps as c5, BaseTextClassNames as c6, BaseTextProps as c7, BaseTextareaProps as c8, BaseThemePresetId as c9, BaseThemeSlots as ca, BaseThemeStyles as cb, BaseToolbarClassNames as cc, BaseToolbarProps as cd, BaseTooltipClassNames as ce, BaseTooltipPlacement as cf, BaseTooltipProps as cg, BaseTypographySize as ch, BaseTypographyTone as ci, BaseVariant as cj, BaseVisuallyHiddenClassNames as ck, BaseVisuallyHiddenProps as cl, SkeletonAnimation as cm, SkeletonGroupAnimation as cn, BaseAspectRatioClassNames as d, BaseAspectRatioProps as e, BaseAvatarClassNames as f, BaseAvatarProps as g, BaseBackground as h, BaseBadgeClassNames as i, BaseBadgeProps as j, BaseBorder as k, BaseBreadcrumbClassNames as l, BaseBreadcrumbItem as m, BaseBreadcrumbProps as n, BaseButtonClassNames as o, BaseButtonProps as p, BaseCheckboxClassNames as q, BaseCheckboxProps as r, BaseCodeClassNames as s, BaseCodeDisplay as t, BaseCodeProps as u, BaseComponentState as v, BaseContainerClassNames as w, BaseContainerProps as x, BaseContextMenuCheckboxItemProps as y, BaseContextMenuClassNames as z };