@epam/ai-dial-ui-kit 0.13.0-dev.9 → 0.14.0-dev.1

package/dist/src/components/Breadcrumb/Breadcrumb.d.ts

@@ -12,6 +12,7 @@ export interface DialBreadcrumbProps {
 /**
  * Breadcrumb navigation component with horizontal scroll on overflow.
  * aliases: NavigationPath|BreadcrumbTrail
+ * Design system 1.0
  *
  * Use either the `pathItems` prop or compose with `<DialBreadcrumbItem/>` as children.
  * The last item is treated as the current page.

package/dist/src/components/Breadcrumb/BreadcrumbItem.d.ts

@@ -12,4 +12,7 @@ export interface DialBreadcrumbItemProps extends Omit<HTMLAttributes<HTMLLIEleme
     separator?: ReactNode;
     onBeforeNavigate?: NavigationGuard;
 }
+/**
+ * Design system 1.0
+ */
 export declare const DialBreadcrumbItem: FC<DialBreadcrumbItemProps>;

package/dist/src/components/Button/Button.d.ts

@@ -17,6 +17,7 @@ export interface DialButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<
 /**
  * A Button component with flexible icon and text positioning
  * aliases: ActionButton|CallToAction
+ * Design system 1.0
  *
  * @example
  * ```tsx

package/dist/src/components/Button/ButtonWrappers.d.ts

@@ -4,6 +4,7 @@ type ButtonVariantProps = Omit<DialButtonProps, 'variant'>;
 type ButtonAppearanceProps = Omit<DialButtonProps, 'appearance'>;
 /**
  * A Primary Button component with predefined primary variant
+ * Design system 1.0
  * @example
  * ```tsx
  * <DialPrimaryButton
@@ -68,19 +69,4 @@ export declare const DialLinkButton: FC<ButtonAppearanceProps>;
  * Inherits all properties from the `DialButtonProps`
  */
 export declare const DialGhostButton: FC<ButtonAppearanceProps>;
-export interface DialRoundedButtonProps extends Omit<DialButtonProps, 'variant' | 'appearance'> {
-    selected?: boolean;
-}
-/**
- * A pill-shaped neutral button with an optional selected state.
- * @example
- * ```tsx
- * <DialRoundedButton label="Tag" selected={isActive} onClick={handleClick} />
- * ```
- *
- * Inherits all properties from `DialButtonProps` except `variant` and `appearance`.
- *
- * @param [selected=false] - Applies accent-primary tint and border when true
- */
-export declare const DialRoundedButton: FC<DialRoundedButtonProps>;
 export {};

package/dist/src/components/ButtonDropdown/ButtonDropdown.d.ts

@@ -7,6 +7,7 @@ export interface DialButtonDropdownProps extends Omit<DialButtonProps, 'iconAfte
 /**
  * A Button dropdown component based on DialDropdown component
  * aliases: SplitButton|MenuButton
+ * Design system 1.0
  *
  * @example
  * ```tsx

package/dist/src/components/CaptionText/CaptionText.d.ts

@@ -7,6 +7,7 @@ export interface DialCaptionTextProps extends HTMLAttributes<HTMLSpanElement> {
 /**
  * A component for displaying error messages with consistent styling
  * aliases: HelperText|ValidationText
+ * Design system 1.0
  *
  * @example
  * ```tsx

package/dist/src/components/Checkbox/Checkbox.d.ts

@@ -11,6 +11,7 @@ export interface DialCheckboxProps extends Omit<LabelHTMLAttributes<HTMLLabelEle
 /**
  * A Checkbox component with styling options
  * aliases: ToggleCheckbox|MultiSelectOption
+ * Design system 1.0
  *
  * @example
  * ```tsx

package/dist/src/components/CloseButton/CloseButton.d.ts

@@ -9,6 +9,7 @@ export interface DialCloseButtonProps {
 /**
  * A Close button component with a customizable icon and accessible label.
  * aliases: DismissButton|ExitButton
+ * Design system 1.0
  *
  * @example
  * ```tsx

package/dist/src/components/CollapsibleSidebar/CollapsibleSidebar.d.ts

@@ -14,6 +14,7 @@ export interface DialCollapsibleSidebarProps {
 /**
  * A collapsible horizontal bar component that allows toggling between an expanded and collapsed state.
  * aliases: ToggleSidebar|CollapsiblePanel
+ * Design system 1.0
  *
  * It supports customizable width, title, icons, additional buttons, and flexible styling options.
  *

package/dist/src/components/ConfirmationPopup/ConfirmationPopup.d.ts

@@ -17,6 +17,7 @@ export interface DialConfirmationPopupProps extends DialPopupProps {
 /**
  * A confirmation dialog built with DialPopup and DialButton.
  * aliases: ConfirmDialog|WarningDialog
+ * Design system 1.0
  *
  * Provides an accessible modal with a title, optional description or custom content,
  * and a footer with Cancel / Confirm actions.

package/dist/src/components/DraggableItem/DraggableItem.d.ts

@@ -10,6 +10,7 @@ export interface DialDraggableItemProps {
 /**
  * A lightweight wrapper that makes its children sortable via drag-and-drop.
  * aliases: SortableItem|DragHandle
+ * Design system 1.0
  *
  * Renders a row with a grab handle (left) and the provided content (right).
  * Integrates with `react-dnd` using a simple "column" drag type and delegates

package/dist/src/components/DropdownIcon/DropdownIcon.d.ts

@@ -14,6 +14,7 @@ export interface DialDropdownIconProps extends Omit<DialDropdownProps, 'children
 /**
  * A compact icon trigger with a dropdown menu.
  * aliases: ModelPicker|IconMenu|AvatarDropdown
+ * Design system 1.0
  *
  * @example
  * ```tsx

package/dist/src/components/EllipsisTooltip/EllipsisTooltip.d.ts

@@ -11,6 +11,7 @@ export interface DialEllipsisTooltipProps extends DialTooltipContainerOptions {
 /**
  * Single-line text with CSS ellipsis that shows a tooltip **only when actually truncated**.
  * aliases: TruncatedText|TruncationTooltip
+ * Design system 1.0
  *
  * If the text fits, tooltip content is empty and the popup stays hidden.
  *

package/dist/src/components/FabButton/FabButton.d.ts

@@ -1,17 +1,18 @@
 import { ButtonHTMLAttributes, DetailedHTMLProps, FC, ReactNode } from 'react';
 import { DialTooltipProps } from '../Tooltip/Tooltip';
 type TooltipProps = Omit<DialTooltipProps, 'children'>;
-export interface DialFabButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
+export interface FabButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
     icon?: ReactNode;
     tooltipProps?: TooltipProps;
 }
 /**
  * A Floating Action Button (FAB) component — circular icon button for primary actions.
  * aliases: FloatingActionButton|FabButton|CircularButton
+ * Design system 2.0
  *
  * @example
  * ```tsx
- * <DialFabButton
+ * <FabButton
  *   icon={<IconArrowNarrowDown size={24} stroke={1.5} />}
  *   onClick={handleClick}
  *   aria-label="Scroll to bottom"
@@ -20,8 +21,12 @@ export interface DialFabButtonProps extends DetailedHTMLProps<ButtonHTMLAttribut
  *
  * inherits all properties from `ButtonHTMLAttributes<HTMLButtonElement>`
  *
+ * The button is icon-only, so it needs an accessible name: pass `aria-label`,
+ * or a string `tooltipProps.tooltip`, which is used as the label when no
+ * `aria-label` is given.
+ *
  * @param icon - Icon to display inside the button
  * @param [tooltipProps] - Optional tooltip configuration
  */
-export declare const DialFabButton: FC<DialFabButtonProps>;
+export declare const FabButton: FC<FabButtonProps>;
 export {};

package/dist/src/components/FileIcon/FileIcon.d.ts

@@ -11,6 +11,7 @@ export interface DialFileIconProps {
 /**
  * Renders a file-type icon based on a file extension.
  * aliases: ExtensionIcon|TypeIcon
+ * Design system 1.0
  *
  * Uses DialIcon to provide consistent icon wrapper styling.
  *

package/dist/src/components/FileManager/FileManager.d.ts

@@ -207,6 +207,9 @@ export interface DialFileManagerProps {
 /**
  * File Manager layout with a collapsible folders tree, breadcrumb/search header, and a data grid.
  * aliases: FileExplorer|FileBrowser
+ * Design system 1.0
+ *
+ * @deprecated Import `DialFileManager` from `@epam/ai-dial-react-file-manager` instead.
  *
  * Features:
  * - Global `path` drives both the breadcrumb trail and the visible folder in the grid.

package/dist/src/components/FileManager/FileManagerProvider.d.ts

@@ -16,5 +16,6 @@ export interface FileManagerProviderProps extends Omit<DialFileManagerProps, 'ch
  * - computed grid rows
  * - new actions
  *
+ * @deprecated Import `FileManagerProvider` from `@epam/ai-dial-react-file-manager` instead.
  */
 export declare const FileManagerProvider: FC<FileManagerProviderProps>;

package/dist/src/components/FileManager/components/DestinationFolderPopup/DestinationFolderPopup.d.ts

@@ -25,6 +25,9 @@ export interface DestinationFolderPopupProps extends DialFileManagerProps {
 /**
  * DestinationFolderPopup
  * aliases: FolderSelector|PathChooser
+ * Design system 1.0
+ *
+ * @deprecated Import `DialDestinationFolderPopup` from `@epam/ai-dial-react-file-manager` instead.
  *
  * A popup dialog for selecting a destination folder when copying or moving files.
  * Displays a File Manager interface with a footer containing action buttons and

package/dist/src/components/FileManager/components/FoldersTree/FoldersTree.d.ts

@@ -31,8 +31,11 @@ export interface DialFoldersTreeProps {
 }
 /**
  * DialFoldersTree — A hierarchical folder tree component with nested expand/collapse support, selection highlighting,
+ * Design system 1.0
  * and optional file display.
  *
+ * @deprecated Import `DialFoldersTree` from `@epam/ai-dial-react-file-manager` instead.
+ *
  * Provides a fully interactive, recursive folder structure with:
  * - Expandable and collapsible items
  * - Optional file visibility

package/dist/src/components/FileManager/hooks/use-file-manager-context.d.ts

@@ -1,5 +1,7 @@
 /**
  * Hook to read the File Manager context.
  * Throws if used outside of the provider.
+ *
+ * @deprecated Import `useFileManagerContext` from `@epam/ai-dial-react-file-manager` instead.
  */
 export declare const useFileManagerContext: () => import('../FileManagerContext').FileManagerContextValue;

package/dist/src/components/FileManager/hooks/use-file-manager-tabs.d.ts

@@ -1,5 +1,8 @@
 import { TabModel } from '../../../models/tab';
 import { DialFileManagerTabs } from '../../../types/file-manager';
+/**
+ * @deprecated Import `useDialFileManagerTabs` from `@epam/ai-dial-react-file-manager` instead.
+ */
 export declare const useDialFileManagerTabs: (tabLabels?: Record<DialFileManagerTabs, string>, initialTab?: DialFileManagerTabs) => {
     activeTab: DialFileManagerTabs;
     handleTabChange: (tab: DialFileManagerTabs) => void;

package/dist/src/components/FileName/FileName.d.ts

@@ -15,6 +15,7 @@ export interface DialFileNameProps {
 /**
  * Component to display a file name with a file icon and shared indicator.
  * aliases: FileDisplay|NameDisplay
+ * Design system 1.0
  *
  * Handles long names with ellipsis and tooltip.
  *

package/dist/src/components/FolderName/FolderName.d.ts

@@ -14,6 +14,7 @@ export interface DialFolderNameProps {
 /**
  * Component to display a folder name with a folder icon and shared indicator.
  * aliases: FolderDisplay|DirectoryName
+ * Design system 1.0
  *
  * Handles long names with ellipsis and tooltip.
  *

package/dist/src/components/FormItem/FormItem.d.ts

@@ -14,6 +14,7 @@ export interface DialFormItemProps extends DialFormItemBaseProps {
 /**
  * A layout wrapper for form controls with label, helper text and error message.
  * aliases: FieldWrapper|FormControl
+ * Design system 1.0
  *
  * Uses `DialLabel` for the label and `DialErrorText` for consistent error styling.
  * Wires accessibility with:

package/dist/src/components/FormPopup/FormPopup.d.ts

@@ -13,6 +13,7 @@ export interface DialFormPopupProps extends DialPopupProps {
 /**
  * A form-oriented popup dialog.
  * aliases: FormDialog|FormModal
+ * Design system 1.0
  *
  * Provides an accessible popup with a title, custom body,
  * and a footer with "Cancel" and "Submit" actions.

package/dist/src/components/Grid/Grid.d.ts

@@ -29,6 +29,7 @@ export interface DialGridProps<T extends object = Record<string, unknown>> {
 /**
  * DialGrid — A feature-rich data grid wrapper built on ag-Grid with dark theme support.
  * aliases: DataTable|TableGrid
+ * Design system 1.0
  *
  * Provides a pre-configured grid with:
  * - Dark theme styling with CSS variable integration

package/dist/src/components/Grid/comparators/base-column-comparator.d.ts

@@ -1,3 +1,4 @@
 import { ColDef, IRowNode } from 'ag-grid-community';
 export declare const baseColumnComparator: (a: string | number | undefined, b: string | number | undefined, _nodeA?: IRowNode, _nodeB?: IRowNode, isInverted?: boolean) => number;
+export declare const omitUndefined: <T extends object>(value: T | undefined) => T;
 export declare const checkColDefsChanges: (cols: ColDef[], initialCols: ColDef[]) => boolean;

package/dist/src/components/Grid/renderers/DateCellRenderer.d.ts

@@ -11,6 +11,7 @@ export interface DialDateCellRendererProps extends Partial<ICellRendererParams<R
 }
 /**
  * Minimal date cell renderer (ag-Grid compatible).
+ * Design system 1.0
  *
  * Renders the value in the **"MMM dd, yyyy"** format (e.g., "Jul 20, 2025"),
  * wrapped in `DialEllipsisTooltip` (tooltip only appears if truncated).

package/dist/src/components/Icon/Icon.d.ts

@@ -6,6 +6,7 @@ export interface DialIconProps {
 /**
  * A wrapper component for rendering icons with consistent styling
  * aliases: IconRenderer|SVGWrapper
+ * Design system 1.0
  *
  * @example
  * ```tsx

package/dist/src/components/IconButton/IconButton.d.ts

@@ -13,6 +13,7 @@ export interface DialIconButtonProps extends DetailedHTMLProps<ButtonHTMLAttribu
 /**
  * A Icon Button component with flexible icon and text positioning
  * aliases: IconicButton|SymbolButton
+ * Design system 1.0
  *
  * @example
  * ```tsx
@@ -33,6 +34,10 @@ export interface DialIconButtonProps extends DetailedHTMLProps<ButtonHTMLAttribu
  *
  * inherits all properties from the `ButtonHTMLAttributes<HTMLButtonElement>`
  *
+ * The button is icon-only, so it needs an accessible name: pass `aria-label`,
+ * or a string `tooltipProps.tooltip`, which is used as the label when no
+ * `aria-label` is given.
+ *
  * @param [variant] - Defines the visual style of the button
  * @param [appearance=ButtonAppearance.Solid] - Defines the type of the button
  * @param [size=ElementSize.Standard] - Defines the size of the button

package/dist/src/components/IconButton/IconButtonWrappers.d.ts

@@ -4,6 +4,7 @@ type ButtonVariantProps = Omit<DialIconButtonProps, 'variant'>;
 type ButtonAppearanceProps = Omit<DialIconButtonProps, 'appearance'>;
 /**
  * A Primary Icon Button component with predefined primary variant
+ * Design system 1.0
  * @example
  * ```tsx
  * <DialPrimaryIconButton

package/dist/src/components/Input/Input.d.ts

@@ -20,6 +20,7 @@ export interface DialInputProps extends Omit<InputHTMLAttributes<HTMLInputElemen
 /**
  * A flexible input component with icon support and various styling options
  * aliases: TextField|FormInput
+ * Design system 1.0
  *
  * @example
  * ```tsx

package/dist/src/components/InputPopup/InputPopup.d.ts

@@ -20,6 +20,7 @@ export interface DialInputPopupProps {
 /**
  * An input field that opens a popup when clicked, displaying a selected value or a list of values.
  * aliases: PopupInput|ReadonlyInput
+ * Design system 1.0
  *
  * It supports read-only mode, error states, and disabled state, with customizable styling.
  * The modal content is rendered using a portal for seamless integration.

package/dist/src/components/JsonEditor/JsonEditor.d.ts

@@ -12,6 +12,7 @@ export interface DialJsonEditorProps {
 }
 /**
  * A JSON editor component built on top of Monaco Editor.
+ * Design system 1.0
  * Provides syntax highlighting, validation, and theme support for JSON editing.
  *
  * @param currentTheme - The theme to apply to the editor

package/dist/src/components/Label/Label.d.ts

@@ -8,6 +8,7 @@ export interface DialLabelProps extends NativeLabelProps {
 /**
  * A label component
  * aliases: FormLabel|RequiredIndicator
+ * Design system 1.0
  *
  * @example
  * ```tsx

package/dist/src/components/LabelledText/LabelledText.d.ts

@@ -10,6 +10,7 @@ export interface DialLabelledTextProps {
 /**
  * A label component for form fields with optional tooltip, content, and custom elements.
  * aliases: LabelValue|DisplayText
+ * Design system 1.0
  *
  * @example
  * ```tsx

package/dist/src/components/LoadFileArea/LoadFileArea.d.ts

@@ -11,6 +11,7 @@ export interface DialLoadFileAreaProps extends DialEmptyFileAreaProps {
 /**
  * A drag-and-drop file upload area component that allows users to upload files
  * aliases: FileDropZone|DragDropUpload
+ * Design system 1.0
  *
  * either by dragging them into the area or by selecting them through the file picker.
  * Displays helpful text, button prompts, and validation errors for file format or count limits.

package/dist/src/components/LoadFileArea/LoadFileAreaField.d.ts

@@ -10,6 +10,7 @@ export interface DialLoadFileAreaFieldProps extends DialLoadFileAreaProps {
 /**
  * A composite file upload field that combines a label, file list management,
  * aliases: UploadField|FileListField
+ * Design system 1.0
  *
  * and a drag-and-drop upload area. Allows users to add, remove, and validate files
  * with customizable restrictions on file types and count.

package/dist/src/components/Loader/Loader.d.ts

@@ -9,6 +9,7 @@ export interface DialLoaderProps {
 /**
  * A simple loading spinner component.
  * aliases: LoadingSpinner|ProgressSpinner
+ * Design system 1.0
  *
  * Renders a spinning SVG with optional full-width container.
  *

package/dist/src/components/MarkdownEditor/MarkdownEditor.d.ts

@@ -12,6 +12,7 @@ export interface DialMarkdownEditorProps {
 }
 /**
  * A Markdown editor component built on top of @uiw/react-md-editor.
+ * Design system 1.0
  * Provides markdown editing with preview capabilities and theme support.
  *
  * @example

package/dist/src/components/New/Accordion/Accordion.d.ts

@@ -0,0 +1,71 @@
+import { FC, ReactNode } from 'react';
+export interface AccordionProps {
+    /** Title rendered in the header. */
+    title: ReactNode;
+    /** Optional secondary text rendered under the title. */
+    description?: ReactNode;
+    /** Content revealed when the accordion is expanded. */
+    children?: ReactNode;
+    /** Controlled expanded state. When provided, the component becomes controlled. */
+    expanded?: boolean;
+    /** Initial expanded state when uncontrolled. Defaults to `false`. */
+    defaultExpanded?: boolean;
+    /** Disables toggling. */
+    disabled?: boolean;
+    /**
+     * Renders the panel permanently expanded: the content is always visible, the
+     * caret is hidden and the header is a plain heading rather than a control.
+     */
+    nonCollapsible?: boolean;
+    /**
+     * Accessible name for the header control. Only needed when `title` is a node
+     * that carries no text of its own — a string title already names the header.
+     */
+    ariaLabel?: string;
+    /** Fired when the header is clicked. Receives the next expanded state. */
+    onToggle?: (expanded: boolean) => void;
+    /** Additional CSS classes for the outer container. */
+    className?: string;
+    /** Additional CSS classes for the header. */
+    headerClassName?: string;
+    /** Additional CSS classes for the content region. */
+    contentClassName?: string;
+}
+/**
+ * A collapsible panel that toggles its content when the header is clicked.
+ * aliases: Collapse|Disclosure|ExpandablePanel
+ * Design system 2.0
+ *
+ * Works as a controlled component when `expanded` is provided, otherwise it manages
+ * its own state from `defaultExpanded`. The header shows a caret that rotates when
+ * expanded, a title, and an optional description stacked beneath it.
+ *
+ * The revealed content is a labelled `region`, so assistive tech announces it by the
+ * header it belongs to. `nonCollapsible` renders the header as static text instead of
+ * a permanently disabled button, which keeps a decorative panel out of the tab order.
+ *
+ * @example
+ * ```tsx
+ * <Accordion title="Advanced settings" description="Optional configuration">
+ *   <p>Panel content</p>
+ * </Accordion>
+ *
+ * <Accordion title="Always open" nonCollapsible>
+ *   <p>Panel content</p>
+ * </Accordion>
+ * ```
+ *
+ * @param title - Title rendered in the header.
+ * @param [description] - Optional secondary text rendered under the title.
+ * @param [children] - Content revealed when expanded.
+ * @param [expanded] - Controlled expanded state.
+ * @param [defaultExpanded=false] - Initial expanded state when uncontrolled.
+ * @param [disabled] - Disables toggling.
+ * @param [nonCollapsible] - Renders the panel permanently expanded, with a static header.
+ * @param [ariaLabel] - Accessible name for the header; needed when `title` carries no text.
+ * @param [onToggle] - Fired when the header is clicked. Receives the next expanded state.
+ * @param [className] - Additional CSS classes for the outer container.
+ * @param [headerClassName] - Additional CSS classes for the header.
+ * @param [contentClassName] - Additional CSS classes for the content region.
+ */
+export declare const Accordion: FC<AccordionProps>;

package/dist/src/components/New/Button/Button.d.ts

@@ -0,0 +1,66 @@
+import { ButtonHTMLAttributes, DetailedHTMLProps, FC, HTMLAttributeAnchorTarget, ReactNode } from 'react';
+import { DialTooltipProps } from '../../Tooltip/Tooltip';
+import { ButtonAppearance, ButtonVariant } from '../../../types/button';
+import { ElementSize } from '../../../types/size';
+type TooltipProps = Omit<DialTooltipProps, 'children'>;
+export interface ButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
+    variant?: ButtonVariant;
+    size?: ElementSize;
+    appearance?: ButtonAppearance;
+    textClassName?: string;
+    label?: ReactNode;
+    iconBefore?: ReactNode;
+    iconAfter?: ReactNode;
+    tooltipProps?: TooltipProps;
+    href?: string;
+    target?: HTMLAttributeAnchorTarget;
+    rel?: string;
+}
+/**
+ * A Button component with flexible icon and text positioning
+ * aliases: ActionButton|CallToAction
+ * Design system 2.0
+ *
+ * @example
+ * ```tsx
+ * <Button
+ *   label="Click me"
+ *   onClick={handleClick}
+ *   iconBefore={<Icon />}
+ *   className="custom-button"
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Button
+ *   label={<span>Custom <strong>Label</strong></span>}
+ *   aria-label="Custom Label"
+ *   onClick={handleClick}
+ * />
+ * ```
+ *
+ * inherits all properties from the `ButtonHTMLAttributes<HTMLButtonElement>`
+ *
+ * The accessible name is taken from a string `label` first, then `aria-label`,
+ * then — only for a button with no `label` at all — a string
+ * `tooltipProps.tooltip`. Pass `aria-label` when `label` is a ReactNode, since
+ * an icon-only button is otherwise unnamed.
+ *
+ * @param [label] - The content of the button. Can be any React node.
+ * @param [variant] - Defines the visual style of the button
+ * @param [appearance=ButtonAppearance.Solid] - Defines the type of the button
+ * @param [size=ElementSize.Standard] - Defines the size of the button
+ * @param [textClassName] - Additional CSS classes to apply specifically to the button text
+ * @param [iconAfter] - Icon or element to display after the button text
+ * @param [iconBefore] - Icon or element to display before the button text
+ * @param [href] - Destination to navigate to. Renders an `<a>` instead of a
+ * `<button>`, so the control keeps the link role, middle-click, and
+ * "open in new tab". Pair it with `ButtonAppearance.Link` (or `LinkButton`)
+ * unless a button-shaped link is intended.
+ * @param [target] - Anchor target, only meaningful alongside `href`
+ * @param [rel] - Anchor `rel`. Defaults to `noopener noreferrer` when
+ * `target="_blank"`.
+ */
+export declare const Button: FC<ButtonProps>;
+export {};