@epam/ai-dial-ui-kit 0.13.0-dev.57 → 0.13.0-dev.59

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/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

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

@@ -34,6 +34,7 @@ export interface AccordionProps {
 /**
  * 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

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

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

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

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

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

@@ -7,6 +7,7 @@ export interface ButtonDropdownProps extends Omit<ButtonProps, 'iconAfter'> {
 /**
  * A Button dropdown component based on the Dropdown component
  * aliases: SplitButton|MenuButton
+ * Design system 2.0
  *
  * @example
  * ```tsx

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

@@ -20,6 +20,7 @@ export interface CalendarProps {
 /**
  * A date/time picker supporting four selection modes.
  * aliases: DatePicker|DateTimePicker
+ * Design system 2.0
  *
  * Renders a text-field trigger that opens a rounded month-grid popover for
  * the `date`/`datetime` modes, a masked `"HH:mm"` text field for `time`, and

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

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

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

@@ -2,6 +2,7 @@ import { FC, HTMLAttributes } from 'react';
 export type CardShellProps = HTMLAttributes<HTMLElement>;
 /**
  * A shared elevated card shell used as the base wrapper for browse-grid cards.
+ * Design system 2.0
  *
  * Renders an `<article>` with rounded corners, padding, a resting shadow, and
  * a hover lift with a stronger shadow. Respects `prefers-reduced-motion` by

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

@@ -10,6 +10,7 @@ export interface CloseButtonProps {
 /**
  * A close button: a ghost {@link IconButton} carrying an X icon.
  * aliases: DismissButton|ExitButton
+ * Design system 2.0
  *
  * Sized through {@link ElementSize} like every other 2.0 control. It defaults to
  * the small 24px box that headers and toasts want; pass `ElementSize.Standard`

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

@@ -17,6 +17,7 @@ export interface ConfirmationPopupProps extends PopupProps {
 /**
  * A confirmation dialog built from {@link Popup} and the 2.0 {@link Button}.
  * aliases: ConfirmDialog|WarningDialog
+ * Design system 2.0
  *
  * Provides an accessible modal with a title, optional description or custom content,
  * and a footer with Cancel / Confirm actions.

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

@@ -35,6 +35,7 @@ export interface DropdownProps {
  *
  * Renders the given trigger (`children`) and a floating contextual menu overlay.
  * aliases: ContextMenu|PopupMenu
+ * Design system 2.0
  *
  * Supports click/hover/contextMenu triggers, controlled/uncontrolled open, and an optional
  * close button inside the overlay. Placement is taken directly from Floating UI; when

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

@@ -0,0 +1,72 @@
+import { FC, ReactNode } from 'react';
+export interface FileDropzoneProps {
+    /** Primary line of copy, e.g. `'Drag and drop it or click here to upload'`. */
+    label: ReactNode;
+    /** Secondary line of copy, e.g. `'File formats .md, .zip and .skill'`. */
+    description?: ReactNode;
+    /** Fired with the accepted files when files are picked or dropped. */
+    onChange: (files: File[]) => void;
+    /**
+     * Fired with files that a drop offered but `accept` excluded. The file picker
+     * filters by `accept` itself, so this only ever comes from a drop.
+     */
+    onReject?: (files: File[]) => void;
+    /** Comma-separated `accept` tokens, e.g. `'.md,.zip,.skill'` or `'image/*'`. */
+    accept?: string;
+    /** Whether more than one file can be selected at a time. */
+    multiple?: boolean;
+    /** Disables picking and dropping. */
+    disabled?: boolean;
+    /** Error message rendered below the area, which also turns its border red. */
+    errorText?: string;
+    /** Icon rendered above the copy. Defaults to an upload arrow. */
+    icon?: ReactNode;
+    /** `id` of the underlying file input. Generated when omitted. */
+    id?: string;
+    /**
+     * Accessible name for the control. Only needed when `label` is a node that
+     * carries no text of its own — a string label already names the input.
+     */
+    ariaLabel?: string;
+    /** Additional CSS classes for the drop area. */
+    className?: string;
+}
+/**
+ * A dashed drop area that takes files by drag-and-drop or through the file picker.
+ * aliases: LoadFileArea|FileUpload|DragDropUpload|UploadArea
+ * Design system 2.0
+ *
+ * The area is a label over a visually hidden file input, so the picker opens on
+ * click and the control stays operable by keyboard and announced as a file input
+ * without any extra wiring. The border highlights while a drag hovers it.
+ *
+ * `accept` is enforced on drops as well as in the picker — the browser only
+ * filters the latter — so `onChange` never receives a file the caller excluded.
+ * Rejected files go to `onReject`; all copy stays with the caller, which keeps
+ * validation messages in the consumer's own wording and language.
+ *
+ * @example
+ * ```tsx
+ * <FileDropzone
+ *   label="Drag and drop it or click here to upload"
+ *   description="File formats .md, .zip and .skill"
+ *   accept=".md,.zip,.skill"
+ *   onChange={(files) => upload(files)}
+ *   onReject={() => setError('Unsupported file format')}
+ * />
+ * ```
+ *
+ * @param label - Primary line of copy.
+ * @param [description] - Secondary line of copy.
+ * @param onChange - Fired with the accepted files.
+ * @param [onReject] - Fired with dropped files that `accept` excluded.
+ * @param [accept] - Comma-separated `accept` tokens.
+ * @param [multiple=false] - Whether more than one file can be selected.
+ * @param [disabled=false] - Disables picking and dropping.
+ * @param [errorText] - Error message rendered below the area.
+ * @param [icon] - Icon rendered above the copy.
+ * @param [id] - `id` of the underlying file input.
+ * @param [ariaLabel] - Accessible name; needed when `label` carries no text.
+ * @param [className] - Additional CSS classes for the drop area.
+ */
+export declare const FileDropzone: FC<FileDropzoneProps>;

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

@@ -9,6 +9,7 @@ export interface FolderPathProps {
 /**
  * A read-only, non-clickable folder/location path built on top of `DialBreadcrumb`.
  * aliases: FolderBreadcrumb|LocationPath
+ * Design system 2.0
  *
  * Every segment is disabled (no navigation); the first segment gets a leading
  * folder icon and the last segment is styled as the current/leaf item.

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

@@ -12,5 +12,8 @@ export interface HighlightProps {
     /** Maximum number of lines to display before truncating. Use `1` for single-line ellipsis truncation (e.g. list rows). Defaults to `2`. */
     maxLines?: number;
 }
-/** Renders text with the first occurrence of `query` wrapped in a highlight mark, with ellipsis truncation and a tooltip when overflowing. */
+/**
+ * Renders text with the first occurrence of `query` wrapped in a highlight mark, with ellipsis truncation and a tooltip when overflowing.
+ * Design system 2.0
+ */
 export declare const Highlight: FC<HighlightProps>;

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

@@ -13,6 +13,7 @@ export interface IconButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<
 /**
  * A Icon Button component with flexible icon and text positioning
  * aliases: IconicButton|SymbolButton
+ * Design system 2.0
  *
  * @example
  * ```tsx

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

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

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

@@ -6,6 +6,7 @@ export interface InfoButtonProps {
 }
 /**
  * An Info button component with a customizable icon and accessible label.
+ * Design system 2.0
  *
  * @example
  * ```tsx

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

@@ -38,6 +38,7 @@ export interface InlineSelectProps {
 }
 /**
  * An inline select control combining `InlineSelectTrigger` with `Dropdown`.
+ * Design system 2.0
  *
  * @example
  * ```tsx

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

@@ -23,6 +23,12 @@ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
     prefix?: string;
     postfix?: string;
     inputRef?: Ref<HTMLInputElement>;
+    /**
+     * Ref to the field wrapper — the bordered box holding the icons, the content
+     * slot and the input. Use it to measure the space `children` has to fit into;
+     * the input itself only ever reports its own share of the row.
+     */
+    wrapperRef?: Ref<HTMLDivElement>;
     onChange?: (value?: string) => void;
     containerClassName?: string;
     wrapperClassName?: string;
@@ -30,6 +36,7 @@ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
 /**
  * A flexible input component with icon support and various styling options
  * aliases: TextField|FormInput
+ * Design system 2.0
  *
  * @example
  * ```tsx

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

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

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

@@ -13,6 +13,7 @@ export interface MarkdownEditorProps {
 }
 /**
  * The 2.0 Markdown editor: a formatting toolbar (bold/italic/strikethrough,
+ * Design system 2.0
  * text style, lists, quote/link/code, table) plus an edit/live/preview mode
  * switcher and fullscreen, built on top of `@uiw/react-md-editor`.
  *

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

@@ -14,6 +14,7 @@ export interface NotificationProps extends Omit<HTMLAttributes<HTMLDivElement>,
 /**
  * A contextual feedback component for displaying important messages.
  * aliases: Notification
+ * Design system 2.0
  *
  * Renders a colored container with an icon, message text, and an optional
  * close button.

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

@@ -8,6 +8,7 @@ export interface NumberInputProps extends Omit<InputProps, 'onChange' | 'type'>
 /**
  * A number field, built on {@link Input}.
  * aliases: NumericField|NumberField
+ * Design system 2.0
  *
  * `type` is owned by this component; every other {@link Input} prop is passed
  * through, so it shares the 2.0 field styling, sizes, label, caption and error

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

@@ -9,6 +9,7 @@ export interface PasswordInputProps extends Omit<InputProps, 'type' | 'iconAfter
 /**
  * A password field with a reveal toggle, built on {@link Input}.
  * aliases: SecureInput|ToggleablePassword
+ * Design system 2.0
  *
  * The toggle is a real `<button>`, so it is reachable by keyboard and announces
  * both its purpose and its state. `type` and `iconAfter` are owned by this

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

@@ -23,6 +23,7 @@ export interface PopupProps {
 /**
  * An accessible modal dialog using Floating UI.
  * aliases: Modal|Dialog
+ * Design system 2.0
  *
  * Renders in a portal with a scrim overlay, focus management, a header with the
  * title and close control, a scrollable body and an optional footer. Sections

package/dist/src/components/New/Select/MultiSelectTags.d.ts

@@ -7,6 +7,7 @@ export interface MultiSelectTagsProps {
 }
 /**
  * The selected values of a multi-select, rendered as removable tags inside the
+ * Design system 2.0
  * field.
  *
  * @param options - All available options, used to resolve labels and icons

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

@@ -44,6 +44,7 @@ export interface SelectProps {
 /**
  * A versatile select supporting single and multiple selections.
  * aliases: OptionPicker|ChoiceSelector
+ * Design system 2.0
  *
  * The field is an {@link Input}, so it carries the 2.0 field styling, sizes,
  * label, caption and error states, and it exposes the control as a `combobox`

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

@@ -0,0 +1,32 @@
+import { FC, InputHTMLAttributes, ReactNode } from 'react';
+type NativeInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'checked' | 'onChange' | 'size'>;
+export interface SwitchProps extends NativeInputProps {
+    label?: ReactNode;
+    isOn?: boolean;
+    disabled?: boolean;
+    onChange?: (value: boolean) => void;
+    caption?: string;
+}
+/**
+ * A switch (toggle) control from the 2.0 design system.
+ * aliases: ToggleSwitch|BinaryToggle|Switcher
+ * Design system 2.0
+ *
+ * @example
+ * ```tsx
+ * <Switch
+ *   id="notifications"
+ *   label="Active"
+ *   isOn={isActive}
+ *   onChange={setIsActive}
+ * />
+ * ```
+ *
+ * @param [label] - Visible label rendered next to the control
+ * @param [isOn=false] - The current value of the switch
+ * @param [disabled=false] - Whether the switch is disabled
+ * @param [onChange] - Callback fired with the new value when toggled
+ * @param [caption] - Caption text rendered below the label
+ */
+export declare const Switch: FC<SwitchProps>;
+export {};

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

@@ -0,0 +1,59 @@
+import { FC } from 'react';
+/** A single tab entry rendered by {@link Tabs}. */
+export interface TabItem {
+    /** Unique identifier used to match against `activeTabId`. */
+    id: string;
+    /** Visible label text for the tab. */
+    label: string;
+    /** Optional numeric badge rendered after the label. */
+    count?: number;
+}
+export interface TabsProps {
+    /** Ordered list of tabs to render. */
+    tabs: TabItem[];
+    /** ID of the currently selected tab. */
+    activeTabId: string;
+    /** Fired with the tab's `id` when the user selects a tab. */
+    onTabChange: (tabId: string) => void;
+    /**
+     * Accessible name for the tab list. A row of tabs carries no name of its own,
+     * so screen readers announce it as an unlabelled list without this.
+     */
+    ariaLabel?: string;
+    /** Additional CSS classes for the tab list container. */
+    className?: string;
+    /** Additional CSS classes applied to every tab. */
+    tabClassName?: string;
+}
+/**
+ * A horizontal row of tabs, underlining the active one and showing optional count badges.
+ * aliases: TabRow|TabNavigation|TabBar
+ * Design system 2.0
+ *
+ * Follows the ARIA tabs pattern with automatic activation: only the active tab is
+ * in the tab order, and the arrow keys move both focus and selection. `Home` and
+ * `End` jump to the first and last tab, and the arrows wrap around the ends.
+ *
+ * The component renders the tabs only; the panels stay with the consumer.
+ *
+ * @example
+ * ```tsx
+ * <Tabs
+ *   ariaLabel="Conversation views"
+ *   tabs={[
+ *     { id: 'all', label: 'All', count: 12 },
+ *     { id: 'shared', label: 'Shared with me' },
+ *   ]}
+ *   activeTabId={activeTabId}
+ *   onTabChange={setActiveTabId}
+ * />
+ * ```
+ *
+ * @param tabs - Ordered list of tabs to render.
+ * @param activeTabId - ID of the currently selected tab.
+ * @param onTabChange - Fired with the tab's `id` when the user selects a tab.
+ * @param [ariaLabel] - Accessible name for the tab list.
+ * @param [className] - Additional CSS classes for the tab list container.
+ * @param [tabClassName] - Additional CSS classes applied to every tab.
+ */
+export declare const Tabs: FC<TabsProps>;

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

@@ -0,0 +1,45 @@
+import { FC, HTMLAttributes, MouseEvent, ReactNode } from 'react';
+import { ElementSize } from '../../../types/size';
+type NativeTagProps = Omit<HTMLAttributes<HTMLSpanElement>, 'children'>;
+export interface TagProps extends NativeTagProps {
+    label: string;
+    icon?: ReactNode;
+    size?: ElementSize;
+    selected?: boolean;
+    disabled?: boolean;
+    closable?: boolean;
+    removeLabel?: string;
+    onRemove?: (event: MouseEvent<HTMLButtonElement>) => void;
+}
+/**
+ * A compact label element used for selections, filters, or categories.
+ * aliases: Chip|Pill
+ * Design system 2.0
+ *
+ * The label truncates rather than wrapping, and carries a native `title` so the
+ * full text stays reachable when it does.
+ *
+ * A tag with `onClick` becomes a `role="button"` operable with Enter and Space.
+ * Its remove control is a real nested `<button>`, so keep the two roles apart in
+ * the caller: a clickable tag that is also closable gives a screen reader two
+ * actions with no way to tell which one it landed on.
+ *
+ * @example
+ * ```tsx
+ * <Tag label="TypeScript" />
+ * <Tag label="TypeScript" closable onRemove={() => remove('TypeScript')} />
+ * <Tag label="Drafts" selected onClick={() => toggle('Drafts')} />
+ * ```
+ *
+ * @param label - Text content displayed inside the tag.
+ * @param [icon] - Icon rendered before the label.
+ * @param [size=ElementSize.Standard] - Tag height: standard is 24px, small is 20px.
+ * @param [selected=false] - Applies the accent-tinted selected styling.
+ * @param [disabled=false] - Dims the tag and suppresses the remove control and click handling.
+ * @param [closable=false] - Renders the remove button. Needs `onRemove` to appear.
+ * @param [removeLabel] - Accessible name of the remove button; defaults to `Remove <label>`.
+ * @param [onRemove] - Called when the remove button is clicked. The click does not bubble to `onClick`.
+ * @param [onClick] - Called when the tag itself is activated. Makes the tag a button.
+ */
+export declare const Tag: FC<TagProps>;
+export {};