@ssa-ui-kit/core 3.21.3 → 3.22.0

package/dist/ai/source-map.md

@@ -0,0 +1,2243 @@
+# @ssa-ui-kit/core — AI source map
+
+Generated from the TypeScript program at build time — do not edit by hand.
+
+**Everything below is imported from the package root:** `import { X } from '@ssa-ui-kit/core'`
+
+182 components · 20 contexts · 20 hooks · 17 functions · 16 constants · 271 exported types
+
+## Reading this file
+
+- Only props **declared by this library** are listed. Components that also accept native element attributes say so explicitly.
+- `prop?:` means optional. `= value` is the default. Long literal unions are truncated — the full union is enforced by the type checker.
+- Every component additionally accepts `className`, `css`, `as`, `theme`, `key`, `ref`; these are omitted below.
+- To look a component up, search this file for `#### <Name>`.
+- This is an index, not a reference. For full documentation and usage examples, read the matching `.d.ts` in `dist/`.
+
+## Component roster
+
+**Action & Form Controls** — BreadcrumbMenu, Breadcrumbs, Button, ButtonGroup, ButtonGroupButton, Checkbox, ColorPicker, DatePicker, DateRangePicker, DateRangePickerFormBridge, Dropdown, DropdownArrow, DropdownBase, DropdownOption, DropdownOptions, DropdownToggle, FileAttachment, FileUpload, IconButton, Input, MultipleDropdown, MultipleDropdownNotification, MultipleDropdownOptions, NumberField, Radio, RadioGroup, SearchBox, SearchBoxCrossIcon, SearchBoxInput, SearchBoxWrapper, Slider, SliderInputsRow, SliderLabel, SliderMarkItem, SliderMarkLabel, SliderMarksRow, SliderMarkTick, SliderNumberInput, SliderRangeInput, SliderRoot, SliderTrackBg, SliderTrackFill, SliderTrackRow, SliderTrackWrapper, SliderValueLabel, SliderValueLabelsContainer, Switch, Textarea, TextField, Typeahead, TypeaheadItemIcon, TypeaheadItemImage, TypeaheadOption, TypeaheadOptions
+
+**Form Structure** — Filters, FiltersMultiSelect, FiltersMultiSelectEmpty, FiltersMultiSelectOption, FiltersMultiSelectOptions, Form, FormAction, FormCheckbox, FormGroup, FormHelperText, FormRadioGroup
+
+**Data Display** — Avatar, Badge, BarGaugeChart, BarGaugeChartComponent, BarLineComplexChart, BigNumberChart, BigNumberChartComponent, CandlestickChart, CandlestickChartComponent, Card, CardBase, CardContent, CardHeader, CardList, ChartBackground, Chip, Counter, GaugeChart, ImageItem, Indicator, Label, NestedTable, NestedTableCell, NestedTableCellSubHeader, NestedTableRow, PieChart, PieChartComponent, PieChartLegend, Progress, ProgressBar, ProgressCircle, ProgressInfo, ProgressInfoTotals, ProgressLegend, ProgressLegendItem, ProgressVertical, ResponsiveImage, SegmentedPieChart, SegmentedPieChartComponent, Table, TableBody, TableCell, TableCellHeader, TableFilterCheckbox, TableFilters, TableFiltersAccordion, TableFiltersAccordionContent, TableFiltersButtons, TableFiltersCancelButton, TableFiltersClearButton, TableFilterTrigger, TableFilterTriggerWithNotification, TableHead, TableRow, Tag, TreeMapChart, TreeMapChartComponent, TreeMapTooltipBase, Typography, WithNestedTableRow
+
+**Navigation & Layout** — CollapsibleNavBar, CollapsibleNavBarCustomIconSVG, History, LargeTab, Link, LinksTabBar, NavBar, Pagination, Step, StepConnector, StepLabel, Stepper, Tab, TabBar, TreeView, WithLink, WithPagination, WithVisibleLG, WithVisibleMD, WithVisibleSM, WithVisibleUpToLG, Wrapper
+
+**Overlay & Feedback** — Modal, ModalContent, ModalDialog, ModalDismissButton, ModalOpenButton, NotificationCard, NotificationMenu, Popover, PopoverClose, PopoverContent, PopoverDescription, PopoverHeading, PopoverTrigger, ProgressChartTooltip, SimpleChartTooltip, Tooltip, TooltipContent, TooltipContentBase, TooltipTrigger
+
+**Notification Components** — Alert, Notification, Toast
+
+**Specialized Components** — Accordion, AccordionContent, AccordionGroup, AccordionTitle, AddNewAccountCard, Icon, PersonInfo, UserProfile, WidgetCard, WidgetCardBase, WidgetCardTitle, WithFullscreenMode, WithWidgetCard
+
+## Components
+
+### Action & Form Controls
+
+#### BreadcrumbMenu
+A hover/click popover listing navigable routes. Shared by the collapsed `…` crumb and, in the route-aware mode, by crumbs that expose sibling routes.
+
+  - `trigger: ReactElement<unknown, string | JSXElementConstructor<any>>` — Element that opens the menu on hover/click. Must forward a ref.
+  - `items: BreadcrumbSibling[]` — Navigable options shown inside the menu.
+
+#### Breadcrumbs
+Navigational trail of the current page's location.
+
+  - `items: BreadcrumbItem[]` — Ordered list of crumbs, root first, current page last.
+  - `maxItems?: number` — Collapse the trail into `first … last` once the number of items exceeds this value. The collapsed middle…
+  - `separator?: ReactNode` — Custom separator between crumbs. Defaults to a right chevron.
+  - `aria-label?: string` `= 'Breadcrumb'` — Accessible label for the wrapping `nav`.
+  - `ariaLabel?: string` — Accessible label for the wrapping `nav`.
+
+#### Button
+Interactive button component for user actions.
+
+  - `block?: boolean` `= false` — Makes the button span the full width of its container
+  - `size?: keyof MainSizes` `= 'small'` — Size variant of the button - `small`: Compact button for dense UIs (default) - `medium`: Standard button size…
+  - `text?: string` — Text content to display inside the button Either `text`, `children`, or icons must be provided
+  - `startIcon?: React.ReactNode` — Icon to display before the button text/content Can be any React node, commonly an Icon component
+  - `endIcon?: React.ReactNode` — Icon to display after the button text/content Can be any React node, commonly an Icon component
+  - `startIconClassName?: string` — Custom CSS class name for the start icon wrapper
+  - `endIconClassName?: string` — Custom CSS class name for the end icon wrapper
+  - `variant?: keyof ButtonVariants` `= 'custom'` — Visual style variant of the button (uses theme.palette for solid variants). - `custom` — transparent, dark…
+  - `type?: 'button' | 'reset' | 'submit'` `= 'button'` — HTML button type attribute - `button`: Standard button (default) - `submit`: Form submission button -…
+  - `disabled?: boolean` `= false` — Disables the button, preventing user interaction
+  - `loading?: boolean` `= false` — Shows a spinner in place of the button's content and disables interaction. The button keeps its resting…
+  - `isDisabled?: boolean` `= false` — Disables the button, preventing user interaction
+  - `onClick?: React.MouseEventHandler<HTMLButtonElement>` — Click event handler Fired when the button is clicked (if not disabled)
+  - `children?: React.ReactNode` — Custom content to render inside the button If provided, takes precedence over `text` prop Either `text`,…
+
+#### ButtonGroup
+A row of mutually exclusive buttons.
+
+  - `children?: ReactNode` — Buttons to render, as `ButtonGroupButton` children. When provided, `items` is ignored — use this when a…
+  - `items?: ButtonGroupItemInput[]` — Buttons to render, as data. Ignored when `children` are provided.
+  - `value?: ButtonGroupValue` — Active selection, for the controlled pattern. When provided, the parent owns the selection and the group only…
+  - `defaultValue?: ButtonGroupValue` — Initial selection, as an `id` or the whole item. Only used when neither `value` nor the deprecated…
+  - `selectedItem?: ButtonGroupValue` — Also accepts a bare `id`, like `value`.
+  - `externalState?: ButtonGroupValue` — Also accepts a bare `id`, like `value`.
+  - `onClick?: (item: ButtonGroupItem) => void` — Called with the clicked item. Optional — an uncontrolled group that only needs to track its own selection…
+  - `buttonStyles?: SerializedStyles`
+
+#### ButtonGroupButton
+One button inside a composed `ButtonGroup`.
+
+  - `id: string | number` — Identifies this button within the group; matched against `value`.
+  - `children?: ReactNode` — Button content — text or any markup. Omit it for an icon-only button.
+  - `icon?: ReactNode` — Leading icon, rendered before `children`. On its own — no children — it makes the button icon-only: square,…
+  - `text?: string` — Plain-text label for this button, used when the group reports the clicked item through its `onClick`. Only…
+  - `aria-label?: string` — Accessible name. Required for an icon-only button, which has no text for a screen reader to announce; also…
+  - `disabled?: boolean` — Renders this button as disabled.
+  - `onClick?: () => void` — Fired when this button is clicked, in addition to the group's `onClick`. The idiomatic handler in children…
+
+#### Checkbox
+Form control for selecting one or more options
+
+  - `text?: ReactNode` — Label text or custom React node to display next to the checkbox Can be a string, number, or any React node
+  - `id?: string` — Unique identifier for the checkbox input element If not provided, a unique ID will be auto-generated
+  - `onChange?: (newState: boolean) => void` — Callback function called when checkbox state changes Receives the new checked state (boolean) as parameter
+  - `checked?: boolean` — Checked state, for the controlled pattern. When provided, the parent owns the value: the checkbox renders…
+  - `externalState?: boolean` — External state control - allows parent component to control checkbox state When provided, the checkbox…
+  - `disabled?: boolean` `= false` — Whether the checkbox is disabled Disabled checkboxes cannot be interacted with and appear visually muted
+  - `isDisabled?: boolean` `= false` — Whether the checkbox is disabled
+  - `defaultChecked?: boolean` `= false` — Initial checked state when component mounts Only used for uncontrolled checkboxes
+  - `initialState?: boolean` `= false` — Initial checked state when component mounts
+  - `isIndeterminate?: boolean` `= false` — Indeterminate state - represents a partially selected state Commonly used in tree structures or "select all"…
+  - `name?: string` `= ''` — Name attribute for form submission and React Hook Form integration Required when using with React Hook Form
+  - `isRequired?: boolean` `= false` — Whether the checkbox is required for form validation
+  - `color?: 'custom' | 'primary' | 'success'` `= 'primary'` — Color variant of the checkbox — controls the checked and focus-state colors. Sourced from `theme.palette`: -…
+
+#### ColorPicker
+
+  - `value?: string` — Controlled colour value. When provided, the parent owns the value.
+  - `defaultValue?: string` — Initial colour value, for uncontrolled mode.
+  - `defaultColor?: string`
+  - `color?: string`
+  - `defaultFormat?: 'hex' | 'rgb' | 'hsl'`
+  - `disabledAlpha?: boolean`
+  - `disabled?: boolean`
+  - `format?: 'hex' | 'rgb' | 'hsl'`
+  - `label?: string`
+  - `colorsPalette?: string[]`
+  - `classnames?: { trigger, content, button, colorPicker, colorDropdown, output }`
+  - `onChange?: (color: string) => void`
+
+#### DatePicker
+Masked date input with a popover calendar. Use inside **`FormProvider`** (react-hook-form): the field value is the formatted string; **`onChange`** receives a JavaScript…
+
+  - `name: string` — Field name registered with react-hook-form (**required**).
+  - `label?: string` — Optional label rendered above the input (**`Label`**).
+  - `format?: DateFormat` `= From **`pickerType`**: `mm/dd/yyyy`, `mm/yyyy`, or `yyyy`` — Date string format for display, mask, and parsing.
+  - `maskOptions?: MaskOptions` — Options passed to **`@react-input/mask`** (mask pattern, **`replacement`**, etc.). Defaults include the…
+  - `openCalendarMode?: 'input' | 'icon' | 'both'` `= 'icon'` — What opens the calendar: calendar **icon** only, **input** click only, or **both**.
+  - `pickerType?: PickerType` `= 'days' (**`PICKER_TYPE.DAYS`**)` — Day vs month vs year picker; sets default **format**, mask length, and calendar start view.
+  - `inputProps?: Partial<InputProps>` — Extra props forwarded to the underlying **Input** (e.g. **`id`**, **`inputProps`**).
+  - `value?: string` — Controlled string value (must match **format**). Synced into the form via **`setValue`**.
+  - `defaultValue?: string` — Initial string value when uncontrolled (must match **format**).
+  - `dateMin?: string` `= Built-in minimum for the picker type (e.g. `01/01/1900` for days)` — Inclusive minimum date as a string in the current **format** (and **pickerType**).
+  - `dateMax?: string` `= Built-in maximum for the picker type (e.g. `01/01/2150` for days)` — Inclusive maximum date as a string in the current **format** (and **pickerType**).
+  - `disabled?: boolean` `= false` — Disables the input and calendar trigger.
+  - `helperText?: string` — Helper text below the field (shown with validation message when present).
+  - `success?: boolean` `= false` — Renders the field in its **success** state (green border and helper text). A validation error always wins, so…
+  - `showCalendarIcon?: boolean` `= true` — Whether the trailing calendar icon button is shown.
+  - `showTimePicker?: boolean` `= false` — Adds an hours/minutes panel beside the calendar and appends **`HH:mm`** to the field's format and mask. The…
+  - `minuteStep?: number` `= 15` — Increment between selectable minutes, in minutes. Must divide 60. Use **`1`** to match the design's full 0–59…
+  - `showClearButton?: boolean` `= false` — Whether the trailing **clear** (×) button is shown. It appears only while the field differs from…
+  - `lastChangedDate?: Date` — Last **Date** emitted from **onChange**; used with **`highlightDates`** for range styling in the calendar…
+  - `highlightDates?: { enabled, mode, otherDate }` — Optional range highlight between this picker’s value and **`otherDate`** (e.g. date-range UX).
+  - `classNames?: { header, trigger, monthsSwitch, calendar, label }` — Optional class names for calendar shell, header, trigger, month arrows, and label.
+  - `onChange?: (date?: Date) => void` — Called with the selected **`Date`** (Luxon-normalized to start of day/month/year — or to the start of the…
+  - `onOpen?: () => void` — Called when the popover opens.
+  - `onClose?: () => void` — Called when the popover closes (not on first mount).
+  - `onError?: (date: any, error?: string | null) => void` — Called when validation fails or clears: first argument is the raw input string or **null**; second is an…
+  - `onMonthChange?: (date: Date) => void` — Called when the visible month changes (day picker, prev/next month).
+  - `onYearChange?: (date: Date) => void` — Called when the selected or browsed **year** changes (year list or drilling into months).
+  - `onBlur?: FocusEventHandler<HTMLInputElement>` — Blur handler composed with internal validation (runs after **`processValue`** on blur).
+  - `validationSchema?: RegisterOptions` — Extra **react-hook-form** rules merged with the field (e.g. **required**).
+
+#### DateRangePicker
+Two masked inputs (**from** / **to**) with a shared popover calendar and **react-hook-form** fields **`${name}From`** and **`${name}To`** inside **`FormProvider`**.…
+
+  - `name: string` — Base field name; registers **`${name}From`** and **`${name}To`** with react-hook-form.
+  - `label?: string` — Optional label (**`Field.Label`**); **`htmlFor`** follows the focused input.
+  - `format?: DateFormat` — Date string format for both fields. Defaults from **`rangePickerType`** if omitted.
+  - `isOpenState?: boolean` — Initial open state for the calendar popover (controlled open seed).
+  - `value?: [string | null | undefined, string | null | undefined]` — Controlled tuple of string values matching **format**; **`null`** at index **1** means **“Present”** end.
+  - `defaultValue?: [string, string | null] | [string, string]` — Initial tuple; **`[string, null]`** end means **Present** (open-ended).
+  - `maskOptions?: MaskOptions` — Options for **`@react-input/mask`** (shared pattern for both inputs).
+  - `inputProps?: Partial<InputProps>` — Extra props for the underlying **Input** fields.
+  - `status?: 'error' | 'success' | 'basic'` — Visual status for **`Field.Root`** (**error** / **success** / **basic**).
+  - `showStatusArea?: boolean` `= true` — Whether **`messages`** render in **`TriggerStatusArea`** below the inputs.
+  - `dateMin?: string` — Inclusive minimum date string (shape matches **format** and **rangePickerType**).
+  - `dateMax?: string` — Inclusive maximum date string (shape matches **format** and **rangePickerType**).
+  - `disabled?: boolean` `= false` — Disables both inputs and the calendar trigger.
+  - `showCalendarIcon?: boolean` `= true` — Shows the calendar icon button to open the popover.
+  - `showClearButton?: boolean` `= false` — Shows the trailing **clear** (×) button. It appears only while either field differs from **`defaultValue`**,…
+  - `rangePickerType?: PickerCalendarType` `= 'days'` — **days** | **months** | **years** — drives default **format**, mask, and calendar chrome.
+  - `messages?: { description?: string; success?: string; error?: string; }` — Optional copy for the status area (description / success / error messaging).
+  - `classNames?: { trigger, calendar, label, presets }` — Optional class names for trigger layout, inputs, icon, calendar shell, and label.
+  - `presets?: DateRangePreset[]` — Shortcut ranges (**Today**, **Last month**, …) listed to the left of the calendar. Clicking one applies its…
+  - `onChange?: (dates?: DateRangePickerOnChangeDates) => void` — Emits **`[start, end]`** as **`Date`**, **`null`** (Present end only), or **`undefined`** per side.
+  - `onOpen?: () => void` — Calendar popover opened.
+  - `onClose?: () => void` — Calendar popover closed.
+  - `onError?: (date: unknown, error?: string | null) => void` — Validation or parse error: raw input value and message (e.g. invalid / out of range).
+  - `onMonthChange?: (date: Date) => void` — Visible month changed (prev/next) while in day view.
+  - `onYearChange?: (date: Date) => void` — Year changed from year list or header drill-down.
+  - `onBlur?: FocusEventHandler<HTMLInputElement>` — Blur handler composed with internal validation.
+  - `allowReverseSelection?: boolean` `= false` — If the user picks an end before a start, swap the two dates instead of rejecting.
+  - `showPresentOption?: boolean` `= false` — Shows a **Present** control in the calendar (end date only — ongoing range).
+
+#### DateRangePickerFormBridge
+Wraps **DateRangePicker** with an internal **FormProvider** and converts between **`outputFormat`** (form storage) and **`inputFormat`** (picker display). Maps…
+
+  - `disabled?: boolean` `= false` — Disables both inputs and the calendar trigger.
+  - `name: string` — Base field name; registers **`${name}From`** and **`${name}To`** with react-hook-form.
+  - `label?: string` — Optional label (**`Field.Label`**); **`htmlFor`** follows the focused input.
+  - `status?: 'error' | 'success' | 'basic'` — Visual status for **`Field.Root`** (**error** / **success** / **basic**).
+  - `inputProps?: Partial<InputProps>` — Extra props for the underlying **Input** fields.
+  - `format?: DateFormat` — Date string format for both fields. Defaults from **`rangePickerType`** if omitted.
+  - `onBlur?: FocusEventHandler<HTMLInputElement>` — Blur handler composed with internal validation.
+  - `onError?: (date: unknown, error?: string | null) => void` — Validation or parse error: raw input value and message (e.g. invalid / out of range).
+  - `maskOptions?: MaskOptions` — Options for **`@react-input/mask`** (shared pattern for both inputs).
+  - `dateMin?: string` — Inclusive minimum date string (shape matches **format** and **rangePickerType**).
+  - `dateMax?: string` — Inclusive maximum date string (shape matches **format** and **rangePickerType**).
+  - `showCalendarIcon?: boolean` `= true` — Shows the calendar icon button to open the popover.
+  - `showClearButton?: boolean` `= false` — Shows the trailing **clear** (×) button. It appears only while either field differs from **`defaultValue`**,…
+  - `classNames?: { trigger, calendar, label, presets }` — Optional class names for trigger layout, inputs, icon, calendar shell, and label.
+  - `onOpen?: () => void` — Calendar popover opened.
+  - `onClose?: () => void` — Calendar popover closed.
+  - `onMonthChange?: (date: Date) => void` — Visible month changed (prev/next) while in day view.
+  - `onYearChange?: (date: Date) => void` — Year changed from year list or header drill-down.
+  - `isOpenState?: boolean` — Initial open state for the calendar popover (controlled open seed).
+  - `showStatusArea?: boolean` `= true` — Whether **`messages`** render in **`TriggerStatusArea`** below the inputs.
+  - `rangePickerType?: PickerCalendarType` `= 'days'` — **days** | **months** | **years** — drives default **format**, mask, and calendar chrome.
+  - `messages?: { description?: string; success?: string; error?: string; }` — Optional copy for the status area (description / success / error messaging).
+  - `presets?: DateRangePreset[]` — Shortcut ranges (**Today**, **Last month**, …) listed to the left of the calendar. Clicking one applies its…
+  - `allowReverseSelection?: boolean` `= false` — If the user picks an end before a start, swap the two dates instead of rejecting.
+  - `showPresentOption?: boolean` `= false` — Shows a **Present** control in the calendar (end date only — ongoing range).
+  - `value?: DateRangePickerFormBridgeValue` — Form value: dates in outputFormat, end can be PRESENT_VALUE for "Present"
+  - `defaultValue?: DateRangePickerFormBridgeValue` — Fallback when value is empty (e.g. from ui:options.defaultValue)
+  - `onChange?: (value: DateRangePickerFormBridgeValue) => void` — Called with form shape: dates in outputFormat, end is PRESENT_VALUE when "Present"
+  - `outputFormat: string` — Format used to parse value (form storage), e.g. 'yyyy-MM-dd'
+  - `inputFormat: DateFormat` — Format used for display in the picker, e.g. 'dd/mm/yyyy'
+
+#### Dropdown<T>
+Select-like dropdown component for single selection
+
+  - `selectedItem?: T` — Currently selected item When provided, this item will be displayed in the toggle button
+  - `onChange?: (item: T) => void` — Callback function called when an option is selected Receives the selected DropdownOptionProps object
+  - `disabled?: boolean` `= false` — Whether the dropdown is disabled Disabled dropdowns cannot be opened or interacted with
+  - `isDisabled?: boolean`
+  - `placeholder?: string` `= 'Select something'` — Placeholder text displayed when no item is selected
+  - `children?: React.ReactNode` — DropdownOption components as children Each child must be a DropdownOption component
+  - `isOpen?: boolean` — Controlled open state When provided, controls dropdown open/closed state externally
+  - `maxHeight?: number` `= 200` — Max height (px) of the options list; overflow scrolls.
+  - `avatarBorder?: boolean` `= false` — Shows a border around the avatar in the selected-item display.
+  - `label?: string` — Label text displayed above the dropdown
+  - `helperText?: string` — Helper text displayed below the dropdown Shown when no errors are present
+  - `errors?: FieldError` — React Hook Form field error object Used to display validation error messages
+  - `success?: boolean` `= false` — Whether to display success state styling When true, status is set to 'success'
+  - `icon?: 'reset' | 'archive' | 'arrow-down' | 'arrow-up' | …(223 more — full list under "Icon.name")` — Leading icon shown in the toggle button when no selected item avatar is present. Ignored once an item with an…
+  - `width?: string | number` — Width of the dropdown. Can be a number (pixels) or a string (any CSS value, e.g. `'100%'`).
+  - `dropdownProps?: { base, toggleButton, toggleButtonArrow, dropdownPosition }` — Props object for sub-components Allows fine-grained control over component parts
+
+#### DropdownArrow
+
+  - `isUp: boolean`
+
+#### DropdownBase
+
+  _No library-specific props._
+  - _plus native element attributes_
+
+#### DropdownOption
+A single selectable row inside `Dropdown` or `MultipleDropdown`.
+
+  - `onClick?: (e: React.MouseEvent<HTMLElement>) => void`
+  - `isActive?: boolean`
+  - `isMultiple?: boolean`
+  - `disabled?: boolean` — Whether this option is disabled. Only styled in `isMultiple` mode.
+  - `isDisabled?: boolean` — Whether this option is disabled.
+  - `noHover?: boolean`
+  - `value?: string | number | boolean`
+  - `label?: string | number`
+  - `children?: React.ReactNode`
+  - `avatar?: React.ReactNode` — Avatar or icon to display before the option content (e.g. <Avatar size={20} image={url} />)
+  - _plus native element attributes_
+
+#### DropdownOptions
+Options menu container for Dropdown component
+
+  - `aria-labelledby?: string` — ARIA label reference Associates the listbox with its label
+  - `ariaLabelledby?: string` — ARIA label reference Associates the listbox with its label
+  - `id?: string` — Unique identifier for the options container
+  - `children?: ReactNode` — DropdownOption components as children
+
+#### DropdownToggle
+
+  - `onClick: (e: React.MouseEvent<HTMLElement>) => void`
+  - `onFocus?: (e: React.FocusEvent<HTMLButtonElement, Element>) => void`
+  - `isOpen: boolean`
+  - `isMultiple?: boolean`
+  - `disabled?: boolean`
+  - `children?: React.ReactNode`
+  - `aria-labelledby?: string` — Id of the element labelling the toggle.
+  - `aria-controls?: string` — Id of the listbox the toggle controls.
+  - `ariaLabelledby?: string` — Id of the element labelling the toggle.
+  - `ariaControls?: string` — Id of the listbox the toggle controls.
+  - `colors?: (string | undefined)[]`
+  - `selectedCount?: number`
+  - `status?: 'error' | 'success' | 'basic'`
+  - _plus native element attributes_
+
+#### FileAttachment
+Read-only row displaying a single attached/uploading file
+
+  - `file: FileAttachmentFile`
+  - `size?: 'small' | 'large'`
+  - `progress?: number`
+  - `progressDisplay?: 'text' | 'bar'`
+  - `uploadingText?: string`
+  - `uploadedText?: string`
+  - `showDescription?: boolean`
+  - `icon?: 'reset' | 'archive' | 'arrow-down' | 'arrow-up' | …(223 more — full list under "Icon.name")`
+  - `disabled?: boolean` — Mutes the attachment and disables the remove button.
+  - `isDisabled?: boolean`
+  - `onRemove?: () => void`
+
+#### FileUpload
+File input component with optional drag-and-drop support
+
+  - `label?: string`
+  - `placeholder?: string`
+  - `helperText?: string`
+  - `actionText?: string`
+  - `error?: string`
+  - `disabled?: boolean`
+  - `allowedFormats?: string[]`
+  - `maxFileSize?: number`
+  - `isMultiFile?: boolean`
+  - `maxFiles?: number`
+  - `withDropArea?: boolean`
+  - `uploadedSectionTitle?: string`
+  - `uploadProgress?: FileUploadProgress` — Upload progress for files in the multi-file list (`isMultiFile`). FileUpload only handles local selection,…
+  - `showFileAttachment?: boolean` — Single-file mode only (`!isMultiFile`, ignored when `withDropArea` is set — its own selected-file view…
+  - `value?: File | File[]`
+  - `onChange?: (files: File[]) => void`
+  - `onFileRejected?: (file: File, reason: FileRejectionReason) => void`
+
+#### IconButton
+Square icon-only button for icon actions
+
+  - `icon: 'reset' | 'archive' | 'arrow-down' | 'arrow-up' | …(223 more — full list under "Icon.name")` — Icon name from the UI kit Icon component (e.g. "edit", "bin", "search")
+  - `onClick?: () => void` — Click handler. Optional — a `type="submit"` icon button inside a form needs no handler of its own.
+  - `type?: 'button' | 'reset' | 'submit'` `= 'button'` — HTML button type attribute - `button`: Standard button (default) - `submit`: Form submission button -…
+  - `size?: keyof MainSizes` `= 'small'` — Size of the button and its icon. Matches `Button`'s size scale so the two line up in a toolbar. - `small`:…
+  - `aria-label?: string` — Accessible label for screen readers. When omitted, the raw icon name is used.
+  - `title?: string` — Tooltip text; when provided, uses the kit's Tooltip on hover.
+  - `disabled?: boolean` `= false` — Disables the button and applies disabled styles
+  - `transparent?: boolean` `= false` — Use transparent background instead of theme grey
+  - `styles?: { button, iconColor, icon }` — Custom styles in one prop. Each key is applied where it belongs: - `button`: Emotion styles merged with…
+
+#### Input
+Text input component with validation and status indicators
+
+  - `name: string` — Name attribute for the input, required for React Hook Form integration
+  - `status?: keyof InputStatusColors` `= 'basic'` — Visual validation status of the input - `basic`: Default state, no validation feedback - `error`: Error state…
+  - `type?: string` `= 'text'` — HTML input type attribute Supports all standard HTML input types (text, email, password, number, etc.)
+  - `placeholder?: string` — Placeholder text displayed when input is empty
+  - `validationSchema?: Record<string, unknown>` — React Hook Form validation schema Object containing validation rules (required, minLength, pattern, etc.)
+  - `disabled?: boolean` `= false` — Whether the input is disabled Disabled inputs cannot be edited and appear visually muted
+  - `wrapperClassName?: string` — Custom CSS class name for the wrapper container
+  - `helperClassName?: string` — Custom CSS class name for the helper text container
+  - `startElement?: ReactElement<unknown, string | JSXElementConstructor<any>>` — React element to display before the input (e.g., icon) Commonly an Icon component
+  - `endElement?: ReactElement<unknown, string | JSXElementConstructor<any>>` — React element to display after the input (e.g., icon or action button) Commonly an Icon component or clear…
+  - `inputProps?: ExtendedInputProps` — Additional props to pass directly to the underlying input element Includes all standard HTML input attributes
+  - `errorTooltip?: string` — Tooltip text to display when hovering over error icon Only visible when status is 'error' and showStatusIcon…
+  - `successTooltip?: string` — Tooltip text to display when hovering over success icon Only visible when status is 'success' and…
+  - `showHelperText?: boolean` `= false` — Whether to show helper text below the input Displays validation errors, helper text, or character count
+  - `showStatusIcon?: boolean` `= true` — Whether to show status icon (error/success) inside the input Hidden when endElement is provided or input is…
+  - `showBorders?: boolean` `= true` — Whether to show borders around the input
+  - `helperText?: string` — Helper text to display below the input Only shown when showHelperText is true and no errors are present
+  - `maxLength?: number` — Maximum character length for the input When provided with showHelperText, displays character count (e.g., "45…
+  - `errors?: FieldError` — React Hook Form field error object Used to display validation error messages
+  - `onKeyUp?: KeyboardEventHandler<HTMLInputElement>` — Keyboard event handler for keyup events Also used internally for character counting when maxLength is provided
+  - `onStartElementClick?: (event: BaseSyntheticEvent) => void` — Click handler for the start element Useful for making start icons interactive (e.g., toggle password…
+  - `onEndElementClick?: (event: BaseSyntheticEvent) => void` — Click handler for the end element Useful for making end icons interactive (e.g., clear button)
+
+#### MultipleDropdown
+Dropdown component for multi-select and single-select
+
+  - `selectedItems?: DropdownOptionProps[]` `= []` — List of currently selected items Each entry must match one of the DropdownOption values
+  - `isMultiple?: boolean` `= true` — Enables multi-select mode — each option toggles independently. When `false` the dropdown behaves like a…
+  - `disabled?: boolean` `= false` — Disables the dropdown, preventing any user interaction
+  - `isDisabled?: boolean` `= false` — Disables the dropdown, preventing any user interaction
+  - `placeholder?: string` `= 'Select something'` — Placeholder shown in the toggle button when no item is selected
+  - `showPlaceholder?: boolean` `= true` — When `true` the placeholder value is included in the displayed list. Set to `false` to hide it and show only…
+  - `children?: ReactNode` — DropdownOption components to render as selectable items
+  - `isOpen?: boolean` — Controlled open state — when provided, overrides internal open/close logic
+  - `label?: string` — Label prefix shown in the toggle button before the selected value(s) e.g. `label="Strategy"` renders…
+  - `onChange?: (selectedItem: string | number, isSelected: boolean) => void` — Callback fired when an option is toggled
+  - `maxHeight?: number` `= 200` — Max height (px) of the options list; overflow scrolls.
+  - `width?: string | number` — Width of the dropdown. Can be a number (pixels) or a string (any CSS value, e.g. `'100%'`).
+
+#### MultipleDropdownNotification
+
+  _No library-specific props._
+  - _plus native element attributes_
+
+#### MultipleDropdownOptions
+
+  - `aria-labelledby?: string` — ARIA label reference Associates the listbox with its label
+  - `ariaLabelledby?: string` — ARIA label reference Associates the listbox with its label
+  - `id?: string`
+  - `children?: ReactNode`
+
+#### NumberField
+
+  - `id?: string`
+  - `value?: number`
+  - `defaultValue?: number`
+  - `description?: ReactNode`
+  - `label?: ReactNode`
+  - `success?: ReactNode`
+  - `error?: ReactNode`
+  - `status?: 'error' | 'success' | 'basic'` `= 'basic'` — Visual validation status of the input - `basic`: Default state, no validation feedback - `error`: Error state…
+  - `numberFormat?: { currency, currencyDisplay, unit, unitDisplay, signDisplay, minimumIntegerDigits, …+3 }`
+  - `onChange?: (value: number) => void`
+  - `name: string` — Name attribute for the input, required for React Hook Form integration
+  - `type?: string` `= 'text'` — HTML input type attribute Supports all standard HTML input types (text, email, password, number, etc.)
+  - `placeholder?: string` — Placeholder text displayed when input is empty
+  - `validationSchema?: Record<string, unknown>` — React Hook Form validation schema Object containing validation rules (required, minLength, pattern, etc.)
+  - `disabled?: boolean` `= false` — Whether the input is disabled Disabled inputs cannot be edited and appear visually muted
+  - `wrapperClassName?: string` — Custom CSS class name for the wrapper container
+  - `helperClassName?: string` — Custom CSS class name for the helper text container
+  - `startElement?: ReactElement<unknown, string | JSXElementConstructor<any>>` — React element to display before the input (e.g., icon) Commonly an Icon component
+  - `endElement?: ReactElement<unknown, string | JSXElementConstructor<any>>` — React element to display after the input (e.g., icon or action button) Commonly an Icon component or clear…
+  - `inputProps?: ExtendedInputProps` — Additional props to pass directly to the underlying input element Includes all standard HTML input attributes
+  - `errorTooltip?: string` — Tooltip text to display when hovering over error icon Only visible when status is 'error' and showStatusIcon…
+  - `successTooltip?: string` — Tooltip text to display when hovering over success icon Only visible when status is 'success' and…
+  - `showHelperText?: boolean` `= false` — Whether to show helper text below the input Displays validation errors, helper text, or character count
+  - `showStatusIcon?: boolean` `= true` — Whether to show status icon (error/success) inside the input Hidden when endElement is provided or input is…
+  - `showBorders?: boolean` `= true` — Whether to show borders around the input
+  - `helperText?: string` — Helper text to display below the input Only shown when showHelperText is true and no errors are present
+  - `maxLength?: number` — Maximum character length for the input When provided with showHelperText, displays character count (e.g., "45…
+  - `errors?: FieldError` — React Hook Form field error object Used to display validation error messages
+  - `onKeyUp?: KeyboardEventHandler<HTMLInputElement>` — Keyboard event handler for keyup events Also used internally for character counting when maxLength is provided
+  - `onStartElementClick?: (event: BaseSyntheticEvent) => void` — Click handler for the start element Useful for making start icons interactive (e.g., toggle password…
+  - `onEndElementClick?: (event: BaseSyntheticEvent) => void` — Click handler for the end element Useful for making end icons interactive (e.g., clear button)
+
+#### Radio
+Radio button component for single selection
+
+  - `id?: string` — Unique identifier for the radio input If not provided, a unique ID will be auto-generated
+  - `value: string` — Value of the radio button Passed to onChange callback when selected
+  - `name?: string` `= ''` — Name attribute for grouping radio buttons Radio buttons with the same name form a group
+  - `checked?: boolean` — Whether the radio button is checked Use for controlled component pattern
+  - `isChecked?: boolean` — Whether the radio button is checked
+  - `disabled?: boolean` `= false` — Whether the radio button is disabled Disabled radios cannot be selected
+  - `isDisabled?: boolean` `= false` — Whether the radio button is disabled
+  - `isRequired?: boolean` `= false` — Whether the radio button is required for form validation
+  - `onChange?: (value: string) => void` — Callback function called when radio is selected Receives the radio's value as parameter
+  - `text?: string` — Label text displayed next to the radio button
+  - `color?: 'custom' | 'primary' | 'success'` `= 'primary'` — Palette-based color variant. - `primary` — blue (uses `palette.primary`) - `success` — green (uses…
+  - `colors?: { default?: string; hovered?: string; disabled?: string; }` — Fine-grained color overrides — only applied when `color="custom"`. Allows overriding every interactive state…
+
+#### RadioGroup
+
+  - `name: string`
+  - `isRequired?: boolean`
+  - `value?: string | number` — Selected value, for the controlled pattern. When provided, the parent owns the selection and the group only…
+  - `defaultValue?: string | number` — Initially selected value. Only used when neither `value` nor the deprecated `externalState` is provided —…
+  - `externalState?: string | number`
+  - `onChange: (value: string | number) => void`
+  - `children?: ReactElement<RadioProps, string | JSXElementConstructor<any>> | …(1 more)`
+  - `color?: 'custom' | 'primary' | 'success'` `= 'primary'` — Palette-based color variant applied to every Radio child. Individual Radio components can still override this…
+
+#### SearchBox
+Search input component with debounced callbacks
+
+  - `name: string` — Name attribute for the input, required for React Hook Form integration
+  - `status?: keyof InputStatusColors` `= 'basic'` — Visual validation status of the input - `basic`: Default state, no validation feedback - `error`: Error state…
+  - `type?: string` `= 'text'` — HTML input type attribute Supports all standard HTML input types (text, email, password, number, etc.)
+  - `placeholder?: string` — Placeholder text displayed when input is empty
+  - `validationSchema?: Record<string, unknown>` — React Hook Form validation schema Object containing validation rules (required, minLength, pattern, etc.)
+  - `disabled?: boolean` `= false` — Whether the input is disabled Disabled inputs cannot be edited and appear visually muted
+  - `wrapperClassName?: string` — Custom CSS class name for the wrapper container
+  - `helperClassName?: string` — Custom CSS class name for the helper text container
+  - `startElement?: ReactElement<unknown, string | JSXElementConstructor<any>>` — React element to display before the input (e.g., icon) Commonly an Icon component
+  - `endElement?: ReactElement<unknown, string | JSXElementConstructor<any>>` — React element to display after the input (e.g., icon or action button) Commonly an Icon component or clear…
+  - `inputProps?: ExtendedInputProps` — Additional props to pass directly to the underlying input element Includes all standard HTML input attributes
+  - `errorTooltip?: string` — Tooltip text to display when hovering over error icon Only visible when status is 'error' and showStatusIcon…
+  - `successTooltip?: string` — Tooltip text to display when hovering over success icon Only visible when status is 'success' and…
+  - `showHelperText?: boolean` `= false` — Whether to show helper text below the input Displays validation errors, helper text, or character count
+  - `showStatusIcon?: boolean` `= true` — Whether to show status icon (error/success) inside the input Hidden when endElement is provided or input is…
+  - `showBorders?: boolean` `= true` — Whether to show borders around the input
+  - `helperText?: string` — Helper text to display below the input Only shown when showHelperText is true and no errors are present
+  - `maxLength?: number` — Maximum character length for the input When provided with showHelperText, displays character count (e.g., "45…
+  - `errors?: FieldError` — React Hook Form field error object Used to display validation error messages
+  - `onKeyUp?: KeyboardEventHandler<HTMLInputElement>` — Keyboard event handler for keyup events Also used internally for character counting when maxLength is provided
+  - `onStartElementClick?: (event: BaseSyntheticEvent) => void` — Click handler for the start element Useful for making start icons interactive (e.g., toggle password…
+  - `onEndElementClick?: (event: BaseSyntheticEvent) => void` — Click handler for the end element Useful for making end icons interactive (e.g., clear button)
+  - `callback: (searchTerm: string) => void` — Callback function called when search is triggered Receives the current search term as parameter Triggered…
+  - `callbackDelay?: number` `= 500` — Debounce delay in milliseconds for search callback Prevents excessive API calls while user is typing
+  - `autoSearchTrigger?: boolean` `= true` — Whether to automatically trigger search on input change When false, search only triggers on Enter key press
+
+#### SearchBoxCrossIcon
+
+  - `onClick: MouseEventHandler<HTMLButtonElement>`
+
+#### SearchBoxInput
+
+  - `name: string` — Name attribute for the input, required for React Hook Form integration
+  - `status?: keyof InputStatusColors` `= 'basic'` — Visual validation status of the input - `basic`: Default state, no validation feedback - `error`: Error state…
+  - `type?: string` `= 'text'` — HTML input type attribute Supports all standard HTML input types (text, email, password, number, etc.)
+  - `placeholder?: string` — Placeholder text displayed when input is empty
+  - `validationSchema?: Record<string, unknown>` — React Hook Form validation schema Object containing validation rules (required, minLength, pattern, etc.)
+  - `disabled?: boolean` `= false` — Whether the input is disabled Disabled inputs cannot be edited and appear visually muted
+  - `wrapperClassName?: string` — Custom CSS class name for the wrapper container
+  - `helperClassName?: string` — Custom CSS class name for the helper text container
+  - `startElement?: ReactElement<unknown, string | JSXElementConstructor<any>>` — React element to display before the input (e.g., icon) Commonly an Icon component
+  - `endElement?: ReactElement<unknown, string | JSXElementConstructor<any>>` — React element to display after the input (e.g., icon or action button) Commonly an Icon component or clear…
+  - `inputProps?: ExtendedInputProps` — Additional props to pass directly to the underlying input element Includes all standard HTML input attributes
+  - `errorTooltip?: string` — Tooltip text to display when hovering over error icon Only visible when status is 'error' and showStatusIcon…
+  - `successTooltip?: string` — Tooltip text to display when hovering over success icon Only visible when status is 'success' and…
+  - `showHelperText?: boolean` `= false` — Whether to show helper text below the input Displays validation errors, helper text, or character count
+  - `showStatusIcon?: boolean` `= true` — Whether to show status icon (error/success) inside the input Hidden when endElement is provided or input is…
+  - `showBorders?: boolean` `= true` — Whether to show borders around the input
+  - `helperText?: string` — Helper text to display below the input Only shown when showHelperText is true and no errors are present
+  - `maxLength?: number` — Maximum character length for the input When provided with showHelperText, displays character count (e.g., "45…
+  - `errors?: FieldError` — React Hook Form field error object Used to display validation error messages
+  - `onKeyUp?: KeyboardEventHandler<HTMLInputElement>` — Keyboard event handler for keyup events Also used internally for character counting when maxLength is provided
+  - `onStartElementClick?: (event: BaseSyntheticEvent) => void` — Click handler for the start element Useful for making start icons interactive (e.g., toggle password…
+  - `onEndElementClick?: (event: BaseSyntheticEvent) => void` — Click handler for the end element Useful for making end icons interactive (e.g., clear button)
+
+#### SearchBoxWrapper
+
+  _No library-specific props._
+  - _plus native element attributes_
+
+#### Slider
+A dual-thumb range slider component.
+
+  - `label?: string` — Optional label shown above the slider
+  - `min?: number` — Minimum value of the range
+  - `max?: number` — Maximum value of the range
+  - `step?: number` — Granularity of each step
+  - `value?: [number, number]` — Controlled [min, max] value pair
+  - `defaultValue?: [number, number]` — Uncontrolled initial [min, max] value pair
+  - `onChange?: (value: [number, number]) => void` — Called whenever either thumb changes
+  - `size?: keyof MainSizes` — Track / thumb size
+  - `withInputs?: boolean` — Render two number inputs above the slider instead of floating value labels.
+  - `valueLabelDisplay?: ValueLabelDisplay` — Control visibility of the floating value labels above the thumbs. - `'auto'` (default) — show on hover/focus…
+  - `disableSwap?: boolean` — Prevent the two thumbs from crossing each other — the moving thumb stops when it would reach the other thumb…
+  - `minDistance?: number` — Minimum gap enforced between the two thumb values. Only takes effect when `disableSwap` is `true`.
+  - `marks?: SliderMark[]` — Tick marks rendered below the track — like a speedometer scale. Each mark has a required `value` (must be…
+  - `disabled?: boolean`
+
+#### SliderInputsRow
+
+  _No library-specific props._
+  - _plus native element attributes_
+
+#### SliderLabel
+
+  _No library-specific props._
+  - _plus native element attributes_
+
+#### SliderMarkItem
+`leftCalc` uses the same calc() formula as `SliderValueLabel` so ticks are pixel-perfect under each thumb position.
+
+  - `leftCalc: string`
+  - _plus native element attributes_
+
+#### SliderMarkLabel
+
+  _No library-specific props._
+  - _plus native element attributes_
+
+#### SliderMarksRow
+
+  _No library-specific props._
+  - _plus native element attributes_
+
+#### SliderMarkTick
+
+  _No library-specific props._
+  - _plus native element attributes_
+
+#### SliderNumberInput
+
+  _No library-specific props._
+  - _plus native element attributes_
+
+#### SliderRangeInput
+`sliderSize` is used instead of `size` because `<input size>` is a built-in HTML attribute typed as `number`, which would conflict with our `SliderSize` string union and…
+
+  - `sliderSize: keyof MainSizes`
+  - `zIndex?: number`
+  - _plus native element attributes_
+
+#### SliderRoot
+
+  _No library-specific props._
+  - _plus native element attributes_
+
+#### SliderTrackBg
+
+  - `size: keyof MainSizes`
+  - _plus native element attributes_
+
+#### SliderTrackFill
+
+  - `left: number`
+  - `width: number`
+  - `isDisabled: boolean`
+  - `size: keyof MainSizes`
+  - _plus native element attributes_
+
+#### SliderTrackRow
+
+  _No library-specific props._
+  - _plus native element attributes_
+
+#### SliderTrackWrapper
+
+  _No library-specific props._
+  - _plus native element attributes_
+
+#### SliderValueLabel
+`leftCalc` is a CSS `calc()` string that aligns the label center precisely over the thumb, accounting for the thumb half-size offset at track edges.
+
+  - `leftCalc: string`
+  - `isVisible: boolean`
+  - _plus native element attributes_
+
+#### SliderValueLabelsContainer
+
+  _No library-specific props._
+  - _plus native element attributes_
+
+#### Switch
+Toggle switch component for binary states
+
+  - `label: string` — Accessible label for the switch Used as aria-label for screen readers
+  - `disabled?: boolean` `= false` — Whether the switch is disabled Disabled switches cannot be toggled. The off state becomes…
+  - `isDisabled?: boolean` `= false` — Whether the switch is disabled
+  - `color?: 'custom' | 'primary' | 'success'` `= 'primary'` — Palette-based color variant. - `primary` — blue (uses `palette.primary`) - `success` — green (uses…
+  - `colors?: { on?: string; offOutline?: string; }` — Fine-grained color overrides — only applied when `color="custom"`.
+
+#### Textarea
+Multi-line text input component
+
+  - `name: string` — Name attribute for the textarea, required for React Hook Form integration
+  - `placeholder?: string` — Placeholder text displayed when textarea is empty
+  - `validationSchema?: Record<string, unknown>` — React Hook Form validation schema Object containing validation rules (required, maxLength, pattern, etc.)
+  - `disabled?: boolean` `= false` — Whether the textarea is disabled Disabled textarea elements cannot be edited
+  - `readOnly?: boolean` `= false` — Whether the textarea is read-only Read-only textarea elements can be focused and scrolled but not edited
+  - `rows?: number` `= 10` — Number of visible text rows Determines the initial height of the textarea
+  - `maxLength?: number` — Maximum character length for the textarea Use with setCountChar callback to track character count
+  - `status?: 'custom' | 'error' | 'success' | 'basic'` `= 'basic'` — Visual validation status (aligns with Input/TextField palette behavior). - `basic`: default border/outline…
+  - `title?: string` — Title attribute for the textarea element Provides tooltip text on hover
+  - `id?: string` — HTML id attribute for the textarea (e.g. for label htmlFor). Defaults to `formElement-${name}` when not…
+  - `onPaste?: ClipboardEventHandler<HTMLTextAreaElement>` — Paste event handler Fired when content is pasted into the textarea
+  - `setCountChar?: ReactEventHandler` — Callback function to track character count Called with the event when content changes Useful for displaying…
+
+#### TextField
+Ready-to-use text input (single- or multi-line) with label and validation UI.
+
+  - `label?: string` — Label text displayed above the input field
+  - `errors?: FieldError` — React Hook Form field error object Used to display validation error messages
+  - `success?: boolean` `= false` — Whether to display success state styling When true, status is set to 'success'
+  - `helperText?: string` — Helper text displayed below the input Shown when no errors are present
+  - `rows?: number` `= undefined (uses Textarea default)` — Number of rows for multi-row text fields Only applies when `multirow` is true
+  - `multirow?: boolean` `= false` — Whether to render as multi-line textarea When true, uses Textarea component; when false, uses Input component
+  - `maxLength?: number` — Maximum character length When provided, displays character count (e.g., "45 / 500")
+  - `name: string` — Name attribute for the input, required for React Hook Form integration
+  - `status?: keyof InputStatusColors` `= 'basic'` — Visual validation status of the input - `basic`: Default state, no validation feedback - `error`: Error state…
+  - `type?: string` `= 'text'` — HTML input type attribute Supports all standard HTML input types (text, email, password, number, etc.)
+  - `placeholder?: string` — Placeholder text displayed when input is empty
+  - `validationSchema?: Record<string, unknown>` — React Hook Form validation schema Object containing validation rules (required, minLength, pattern, etc.)
+  - `disabled?: boolean` `= false` — Whether the input is disabled Disabled inputs cannot be edited and appear visually muted
+  - `wrapperClassName?: string` — Custom CSS class name for the wrapper container
+  - `helperClassName?: string` — Custom CSS class name for the helper text container
+  - `startElement?: ReactElement<unknown, string | JSXElementConstructor<any>>` — React element to display before the input (e.g., icon) Commonly an Icon component
+  - `endElement?: ReactElement<unknown, string | JSXElementConstructor<any>>` — React element to display after the input (e.g., icon or action button) Commonly an Icon component or clear…
+  - `inputProps?: ExtendedInputProps` — Additional props to pass directly to the underlying input element Includes all standard HTML input attributes
+  - `errorTooltip?: string` — Tooltip text to display when hovering over error icon Only visible when status is 'error' and showStatusIcon…
+  - `successTooltip?: string` — Tooltip text to display when hovering over success icon Only visible when status is 'success' and…
+  - `showHelperText?: boolean` `= false` — Whether to show helper text below the input Displays validation errors, helper text, or character count
+  - `showStatusIcon?: boolean` `= true` — Whether to show status icon (error/success) inside the input Hidden when endElement is provided or input is…
+  - `showBorders?: boolean` `= true` — Whether to show borders around the input
+  - `onKeyUp?: KeyboardEventHandler<HTMLInputElement>` — Keyboard event handler for keyup events Also used internally for character counting when maxLength is provided
+  - `onStartElementClick?: (event: BaseSyntheticEvent) => void` — Click handler for the start element Useful for making start icons interactive (e.g., toggle password…
+  - `onEndElementClick?: (event: BaseSyntheticEvent) => void` — Click handler for the end element Useful for making end icons interactive (e.g., clear button)
+
+#### Typeahead
+Advanced autocomplete search component with dropdown functionality
+
+  - `value?: TypeaheadValue[]` — Controlled selected values (array, even in single-select mode). When provided, controls the selection…
+  - `defaultValue?: TypeaheadValue[]` — Initially selected values, for uncontrolled mode.
+  - `selectedItems?: TypeaheadValue[]` — Controlled selected items (array of values)
+  - `defaultSelectedItems?: TypeaheadValue[]` — Default selected items for uncontrolled mode
+  - `isMultiple?: boolean` `= false` — Enable multiple selection mode When true, allows selecting multiple options
+  - `disabled?: boolean` `= false` — Whether the component is disabled Disabled typeahead cannot be interacted with
+  - `isDisabled?: boolean` `= false` — Whether the component is disabled
+  - `children?: ReactNode` — TypeaheadOption components as children Each child should be a TypeaheadOption component
+  - `popoverClassName?: string` — Custom CSS class name for the popover container
+  - `optionsClassName?: string` — Custom CSS class name for the options list
+  - `wrapperClassName?: string` — Custom CSS class name for the wrapper container
+  - `width?: string | number` `= 300` — Width of the component Can be a number (pixels) or string (CSS value)
+  - `isOpen?: boolean` — Controlled open state When provided, controls dropdown open/closed state externally
+  - `startIcon?: ReactNode` — Icon or element to display at the start of the input
+  - `endIcon?: ReactNode` — Icon or element to display at the end of the input
+  - `startIconClassName?: string` — Custom CSS class name for the start icon
+  - `endIconClassName?: string` — Custom CSS class name for the end icon
+  - `name?: string` `= 'typeahead-search'` — Form field name (required for React Hook Form integration)
+  - `label?: string` — Label text displayed above the input
+  - `helperText?: string` — Helper text displayed below the input
+  - `error?: FieldError` — Field error from React Hook Form
+  - `success?: boolean` `= false` — Whether to show success state
+  - `validationSchema?: Record<string, unknown>` — Validation schema for React Hook Form Used for form validation rules
+  - `placeholder?: string | null` `= 'Select something'` — Placeholder text for the input
+  - `filterOptions?: boolean` `= true` — Whether to filter options based on input When false, all options are always shown
+  - `autoSelect?: boolean` `= true` — Whether to automatically select the first option on filter
+  - `allowCustomValues?: boolean` `= true` — Allow adding custom values not in the options list. When true, the current input is shown as the first…
+  - `onChange?: (selectedItem: TypeaheadValue, isSelected: boolean) => void` — Callback fired when an option is selected/deselected Receives the selected item value and whether it's…
+  - `onClearAll?: () => void` — Callback fired when "Clear All" is clicked (multiple mode)
+  - `onRemoveSelectedClick?: (selectedItem: TypeaheadValue) => void` — Callback fired when a selected item's remove button is clicked Receives the item value to be removed
+  - `onEmptyChange?: (isEmpty?: boolean) => void` — Callback fired when the selection becomes empty or non-empty Receives a boolean indicating if selection is…
+  - `renderOption?: (data: { value: string | number; input: string; label: string; }) => Re…` — Custom render function for options Allows customizing the appearance of each option Receives value, input…
+
+#### TypeaheadItemIcon
+
+  - `name: 'reset' | 'archive' | 'arrow-down' | 'arrow-up' | …(223 more — full list under "Icon.name")` — Which icon to render. Type-checked against the generated icon list, so a name that does not exist is a…
+  - `tooltip?: string` — Tooltip text shown on hover. Also becomes the icon's `aria-label`.
+  - `size?: number` — Width and height in px. Icons are square, so one value sets both.
+  - _plus native element attributes_
+
+#### TypeaheadItemImage
+
+  _No library-specific props._
+  - _plus native element attributes_
+
+#### TypeaheadOption
+Props for TypeaheadOption component Record type that allows any string or number properties. Common properties include: value, label, children, avatar, etc.
+
+  - `isActive?: boolean` — Whether this option is currently selected
+  - `disabled?: boolean` — Whether this option is disabled
+  - `isDisabled?: boolean` — Whether this option is disabled
+  - `value?: string | number` — Value of the option (must be unique)
+  - `label?: string | number` — Label text for the option Used for filtering and display
+  - `children?: ReactNode` — Content to display in the option Can be custom React nodes
+  - `avatar?: ReactNode` — Avatar or icon to display before the option content
+  - `onClick?: (e: React.MouseEvent<HTMLElement>) => void` — Click handler for the option
+  - `isCustomValue?: boolean` — When true, option is a user-typed custom value (shown first, highlighted in blue)
+  - `role?: string` — ARIA role for the option (e.g. 'option')
+  - `aria-selected?: boolean` — ARIA selected state
+
+#### TypeaheadOptions
+
+  - `children?: ReactNode`
+  - `noItemsMessage?: string`
+
+### Form Structure
+
+#### Filters
+
+  - `checkboxData: TableFilterConfig`
+  - `updatedCheckboxData?: TableFilterConfig`
+  - `handleCancel?: () => void`
+  - `handleSubmit?: (data: Record<string, string[]>) => void`
+  - `handleClear?: () => void`
+  - `handleDropdownChange?: (data: { groupName: string; name: string | number; checked: boolean; })…`
+
+#### FiltersMultiSelect
+
+  - `children: ReactNode`
+  - `description?: string`
+  - `emptyNode?: ReactNode`
+  - `error?: string`
+  - `icon?: ReactNode`
+  - `inputProps?: ExtendedInputProps`
+  - `fieldProps?: FieldProps`
+  - `label?: string`
+  - `placeholder?: string`
+  - `searchable?: boolean`
+  - `selectedFilters?: SelectedFilter[]`
+  - `store?: { open, opened, selectedFilters, search, toggleDropdown, selectFilters, …+3 }`
+  - `success?: string`
+  - `badgeClassName?: string`
+  - `inputClassName?: string`
+  - `wrapperClassName?: string`
+  - `onChange?: (value: SelectedFilter[]) => void`
+  - `register?: UseFormRegister<FieldValues>`
+  - `disabled?: boolean` `= false` — Whether the field is disabled Disabled fields appear muted and cannot be interacted with
+  - `status?: 'error' | 'success' | 'basic'` `= 'basic'` — Validation status of the field - `basic`: Default state, no validation feedback - `error`: Error state with…
+
+#### FiltersMultiSelectEmpty
+
+  - `children?: ReactNode`
+  - _plus native element attributes_
+
+#### FiltersMultiSelectOption
+
+  - `filter: Filter`
+  - `children: ReactNode`
+  - `selected?: boolean`
+
+#### FiltersMultiSelectOptions
+
+  - `children: React.ReactNode`
+  - _plus native element attributes_
+
+#### Form
+Styled `<form>` element that lays its children out as a wrapping flex row.
+
+  _No library-specific props._
+  - _plus native element attributes_
+
+#### FormAction
+
+  _No library-specific props._
+  - _plus native element attributes_
+
+#### FormCheckbox<T>
+
+  - `text?: ReactNode` — Label text or custom React node to display next to the checkbox Can be a string, number, or any React node
+  - `disabled?: boolean` `= false` — Whether the checkbox is disabled Disabled checkboxes cannot be interacted with and appear visually muted
+  - `isDisabled?: boolean` `= false` — Whether the checkbox is disabled
+  - `id?: string` — Unique identifier for the checkbox input element If not provided, a unique ID will be auto-generated
+  - `checked?: boolean` — Checked state, for the controlled pattern. When provided, the parent owns the value: the checkbox renders…
+  - `externalState?: boolean` — External state control - allows parent component to control checkbox state When provided, the checkbox…
+  - `defaultChecked?: boolean` `= false` — Initial checked state when component mounts Only used for uncontrolled checkboxes
+  - `initialState?: boolean` `= false` — Initial checked state when component mounts
+  - `isIndeterminate?: boolean` `= false` — Indeterminate state - represents a partially selected state Commonly used in tree structures or "select all"…
+  - `isRequired?: boolean` `= false` — Whether the checkbox is required for form validation
+  - `color?: 'custom' | 'primary' | 'success'` `= 'primary'` — Color variant of the checkbox — controls the checked and focus-state colors. Sourced from `theme.palette`: -…
+  - `name: Path<T>`
+  - `control: Control<T>`
+
+#### FormGroup
+
+  _No library-specific props._
+  - _plus native element attributes_
+
+#### FormHelperText
+
+  - `children: ReactNode`
+  - `role?: string`
+  - `status?: 'custom' | 'error' | 'success' | 'basic'`
+  - `disabled?: boolean`
+  - `data-testid?: string`
+
+#### FormRadioGroup<T>
+
+  - `children?: ReactElement<RadioProps, string | JSXElementConstructor<any>> | …(1 more)`
+  - `externalState?: string | number`
+  - `isRequired?: boolean`
+  - `color?: 'custom' | 'primary' | 'success'` `= 'primary'` — Palette-based color variant applied to every Radio child. Individual Radio components can still override this…
+  - `value?: string | number` — Selected value, for the controlled pattern. When provided, the parent owns the selection and the group only…
+  - `defaultValue?: string | number` — Initially selected value. Only used when neither `value` nor the deprecated `externalState` is provided —…
+  - `name: Path<T>`
+  - `control: Control<T>`
+
+### Data Display
+
+#### Avatar
+Circular component for displaying user identity.
+
+  - `size?: AvatarSizes` `= AvatarSizes.medium` — Avatar size variant.
+  - `color?: string` — Background color of the placeholder circle. Accepts a `theme.colors` key (e.g. `'purple'`, `'green'`) or any…
+  - `text?: string` — One or two characters displayed inside the colored placeholder. Only the first two characters are rendered.
+  - `image?: string` — URL of the user's profile photo. When provided, the image is displayed instead of the placeholder.
+  - `border?: boolean` — Shows or hides the avatar border. Defaults to visible for image avatars and hidden otherwise.
+  - `borderColor?: string` — Border color. Accepts a `theme.colors` key or any CSS color string.
+
+#### Badge
+
+  - `size?: keyof MainSizes`
+  - _plus native element attributes_
+
+#### BarGaugeChart
+
+  - `title?: ReactNode`
+  - `widgetCardProps?: WidgetCardProps`
+  - `bars?: GaugeBarProps[]`
+  - `features?: BarGaugeChartFeature[]`
+  - `wrapperProps?: { theme, as, direction, alignItems, justifyContent, fade, …+2 }`
+
+#### BarGaugeChartComponent
+
+  - `title?: ReactNode`
+  - `widgetCardProps?: WidgetCardProps`
+  - `bars?: GaugeBarProps[]`
+  - `features?: BarGaugeChartFeature[]`
+  - `wrapperProps?: { theme, as, direction, alignItems, justifyContent, fade, …+2 }`
+
+#### BarLineComplexChart
+
+  - `layout?: Partial<Layout>`
+  - `cardProps?: Omit<WidgetCardProps, 'children'>`
+  - `features?: BarLineComplexChartFeatures[]`
+  - `data: BarLineChartItem[]`
+  - `lineShape?: 'linear' | 'spline' | 'hv' | 'vh' | 'hvh' | 'vhv'`
+  - `width?: string`
+  - `height?: string`
+  - `title?: ReactNode`
+  - `maxVisibleBars?: number`
+  - `maxVisibleLines?: number`
+  - `container?: Element | DocumentFragment`
+  - `isFullscreenModeInitial?: boolean`
+  - `systemModeBarButtons?: ModeBarDefaultButtons[]`
+  - `customModeBarButtons?: { items: Array<Plotly.ModeBarButtonAny>; position: 'end' | 'start'; }`
+  - `onChange?: (name: string | number, isSelected: boolean) => void`
+  - `onFullscreenModeChange?: (isFullscreenMode: boolean) => void`
+  - _plus native element attributes_
+
+#### BigNumberChart
+
+  - `data: { x: AllowedValue; y: AllowedValue; }[]`
+  - `interactive?: boolean`
+  - `title?: ReactNode`
+  - `widgetCardProps?: WidgetCardProps`
+  - `trendLineProps?: Omit<TrendLineProps, 'data' | 'height' | 'width'>`
+  - `features?: BigNumberChartFeatures[]`
+  - `valueFormat?: (value: Datum) => React.ReactNode`
+
+#### BigNumberChartComponent
+
+  - `data: { x: AllowedValue; y: AllowedValue; }[]`
+  - `interactive?: boolean`
+  - `title?: ReactNode`
+  - `widgetCardProps?: WidgetCardProps`
+  - `trendLineProps?: Omit<TrendLineProps, 'data' | 'height' | 'width'>`
+  - `features?: BigNumberChartFeatures[]`
+  - `valueFormat?: (value: Datum) => React.ReactNode`
+
+#### CandlestickChart
+
+  - `data: CandlestickChartData`
+  - `style?: CandlestickStyle`
+  - `title?: ReactNode`
+  - `features?: CandlestickChartFeatures[]`
+  - `widgetCardProps?: WidgetCardProps`
+  - _plus native element attributes_
+
+#### CandlestickChartComponent
+
+  - `data: CandlestickChartData`
+  - `style?: CandlestickStyle`
+  - `title?: ReactNode`
+  - `features?: CandlestickChartFeatures[]`
+  - `widgetCardProps?: WidgetCardProps`
+  - _plus native element attributes_
+
+#### Card
+Elevated surface that groups related content.
+
+  - `noShadow?: boolean` — Drops the drop shadow, leaving a flat surface. Cards are elevated by default — there is no numeric elevation…
+  - `children: ReactNode` — Card body. Usually `CardHeader` followed by `CardContent`, but any content is accepted.
+  - `onClick?: () => void` — Makes the whole card activatable. Passing this **changes the rendered element from `div` to `button`**, which…
+
+#### CardBase
+
+  - `noShadow?: boolean`
+  - _plus native element attributes_
+
+#### CardContent
+Padded body region of a `Card`.
+
+  - `children: ReactNode` — Body content of the card.
+  - `style?: CSSProperties`
+  - `direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse'` — `flex-direction` for the body. Defaults to a row, so vertically stacked content needs `"column"`.
+  - `aria-labelledby?: string` — Id of the element labelling this content region.
+  - `ariaLabelledby?: string` — Id of the element labelling this content region.
+  - `role?: string`
+
+#### CardHeader
+Title row for a `Card`.
+
+  - `children: ReactNode` — Header content — normally the card title.
+  - `icon?: ReactNode` — Badge rendered overhanging the header's top-left corner, outside the card bounds. For an icon inline with the…
+  - `transparent?: boolean` — Removes the header's background fill.
+
+#### CardList<ItemType>
+UI Component that renders a list of items with a custom render function
+
+  - `title: string`
+  - `items: ItemType[]`
+  - `renderItem: (item: ItemType) => React.ReactNode`
+
+#### ChartBackground
+
+  _No library-specific props._
+
+#### Chip
+Compact component for tags, labels, and removable items.
+
+  - `label: ReactNode` — Main text content of the chip Can be a string, number, or React node
+  - `title?: ReactNode` — Optional title/heading text displayed before the label Useful for chips with additional context
+  - `variant?: ChipVariant` `= 'filled'` — Visual style variant - `filled`: Solid background (default) - `outlined`: Transparent with border
+  - `color?: ChipColor` `= 'default'` — Color theme for the chip. Semantic colors read from `theme.palette`, so palette overrides in a custom theme…
+  - `size?: ChipSize` `= 'medium'` — Size of the chip
+  - `disabled?: boolean` `= false` — Whether the chip is disabled Disabled chips cannot be clicked or deleted
+  - `icon?: 'reset' | 'archive' | 'arrow-down' | 'arrow-up' | …(223 more — full list under "Icon.name")` — Icon name to display before the label Uses the Icon component internally Defaults to 'plus' if showIcon is…
+  - `avatar?: ReactNode` — Avatar component or image to display before the label Takes precedence over icon if both are provided
+  - `onDelete?: MouseEventHandler<HTMLButtonElement>` — Delete button click handler When provided, a delete icon button appears on the chip Keyboard: Delete or…
+  - `deleteIcon?: 'reset' | 'archive' | 'arrow-down' | 'arrow-up' | …(223 more — full list under "Icon.name")` `= 'cross'` — Custom icon name for the delete button
+  - `showIcon?: boolean` `= true` — Whether to show the leading icon If false, no icon will be displayed even if icon prop is provided
+  - `onClick?: MouseEventHandler<HTMLDivElement>` — Click handler for the chip Makes the chip clickable/interactive
+  - `clickable?: boolean` — Explicitly mark chip as clickable Used to enable pointer cursor and keyboard interaction Automatically true…
+
+#### Counter
+Compact numeric indicator for displaying counts or notification badges.
+
+  - `count?: number` — The numeric value to display. Values above 99 are clamped to `"99+"`. When omitted, the counter renders as a…
+  - `variant?: CounterVariants` `= CounterVariants.primary` — Visual style variant. Drives the background color from `theme.palette`.
+  - `size?: keyof MainSizes` `= 'medium'` — Size of the counter. Ignored when `count` is undefined — the component uses `dot` automatically.
+  - `color?: string` — Optional color override. Accepts a `theme.colors` key or any valid CSS color string. When provided, overrides…
+
+#### GaugeChart
+
+  - `minValue: number`
+  - `maxValue: number`
+  - `value: number`
+  - `title?: ReactNode`
+  - `segments?: { value: number; id?: string; color?: string; }[]`
+  - `withLabels?: boolean`
+  - `withTrack?: boolean`
+  - `withNeedle?: boolean`
+  - `chartProps?: Omit<Omit<PieSvgProps<GaugeChartData>, 'height' | 'width'> & { defaultW…`
+  - `trackProps?: Omit<Omit<PieSvgProps<GaugeChartData>, 'height' | 'width'> & { defaultW…`
+  - `features?: GaugeChartFeature[]`
+  - `widgetCardProps?: WidgetCardProps`
+  - `containerProps?: HTMLAttributes<HTMLDivElement>`
+  - `minLabel?: string`
+  - `maxLabel?: string`
+  - `unitLabel?: string`
+  - `totalLabel?: string`
+  - `ticks?: (number | { value: number; label?: React.ReactNode; })[]`
+
+#### ImageItem
+
+  - `image: string`
+  - `avatarSize?: AvatarSizes`
+  - `avatarBorder?: boolean` `= false` — Shows a border around the avatar.
+  - `link?: string`
+  - `openLinkInNewTab?: boolean`
+
+#### Indicator
+
+  - `isVisible: boolean`
+  - `children: ReactElement<{ ref: React.Ref<HTMLDivElement | null>; }, string | JSXEl…`
+  - `position?: 'left' | 'right'`
+  - `background?: string`
+  - `text?: string | number | JSX.Element`
+
+#### Label
+
+  - `htmlFor?: string`
+  - `children: ReactNode`
+  - `disabled?: boolean` — Renders the label in its muted, disabled state.
+  - `isDisabled?: boolean`
+  - `onMouseEnter?: MouseEventHandler<HTMLLabelElement>`
+  - `onMouseLeave?: MouseEventHandler<HTMLLabelElement>`
+
+#### NestedTable
+Table whose rows collapse into expandable groups.
+
+  - `collapsedIconName?: 'reset' | 'archive' | 'arrow-down' | 'arrow-up' | …(223 more — full list under "Icon.name")` `= 'carrot-up'` — Toggle icon shown while a group is collapsed.
+  - `expandedIconName?: 'reset' | 'archive' | 'arrow-down' | 'arrow-up' | …(223 more — full list under "Icon.name")` `= 'carrot-down'` — Toggle icon shown while a group is expanded.
+  - `defaultCollapsed?: boolean` `= false` — Whether groups start collapsed. Applies to every group in the table; a single `WithNestedTableRow` can…
+  - _plus native element attributes_
+
+#### NestedTableCell
+Cell for a `NestedTableRow`.
+
+  _No library-specific props._
+  - _plus native element attributes_
+
+#### NestedTableCellSubHeader
+
+  - `isHeader?: boolean`
+  - _plus native element attributes_
+
+#### NestedTableRow
+One row inside a `WithNestedTableRow` group.
+
+  - `isHeader?: boolean`
+  - _plus native element attributes_
+
+#### PieChart
+
+  - `title?: ReactNode`
+  - `children?: ReactNode`
+  - `width?: string`
+  - `noData?: ReactNode`
+  - `features?: PieChartFeatures[]`
+  - `cardProps?: Omit<WidgetCardProps, 'children'>`
+  - `activeHighlight?: boolean`
+  - `container?: Element | DocumentFragment`
+  - `tooltipProps?: PieChartTooltipProps`
+  - `legendOutputType?: 'value' | 'percentage' | 'value+percentage' | 'percentage+value'`
+  - `data: PieChartLegendItem[]`
+  - `onFullscreenModeChange?: (isFullscreenMode: boolean) => void`
+  - _plus native element attributes_
+
+#### PieChartComponent
+
+  - `title?: ReactNode`
+  - `children?: ReactNode`
+  - `width?: string`
+  - `noData?: ReactNode`
+  - `features?: PieChartFeatures[]`
+  - `cardProps?: Omit<WidgetCardProps, 'children'>`
+  - `activeHighlight?: boolean`
+  - `container?: Element | DocumentFragment`
+  - `tooltipProps?: PieChartTooltipProps`
+  - `legendOutputType?: 'value' | 'percentage' | 'value+percentage' | 'percentage+value'`
+  - `data: PieChartLegendItem[]`
+  - `onFullscreenModeChange?: (isFullscreenMode: boolean) => void`
+  - _plus native element attributes_
+
+#### PieChartLegend
+
+  - `data?: PieChartLegendItem[]`
+  - `useChartData?: boolean`
+  - `activeHighlight?: boolean`
+  - `colors?: string[]`
+  - `backgroundColors?: string[]`
+  - `markerStyles?: SerializedStyles`
+  - `currency?: string`
+  - `labelListStyles?: SerializedStyles`
+  - `valueListStyles?: SerializedStyles`
+  - `variant?: 'valueList' | 'withoutValueList'`
+  - `renderValue?: (item: PieChartLegendItem, legendOutputType: PieChartProps['legendOutpu…`
+  - `renderLabel?: (item: PieChartLegendItem, legendOutputType: PieChartProps['legendOutpu…`
+
+#### Progress
+
+  - `children: ReactElement<PropsWithChildren<{ vertical?: boolean; }>, string | JSXElementConstructor<any>> | …(1 more)`
+
+#### ProgressBar
+
+  - `percentage: number`
+  - `color?: keyof MainColors`
+  - `vertical?: boolean`
+  - `bgColor?: string`
+  - `size?: number`
+  - `aria-label?: string` — Accessible name for the progress bar.
+  - `aria-labelledby?: string` — Id of the element that labels this progress bar — use instead of `aria-label` when a visible label already…
+  - `valueText?: string` — Human-readable form of the current value, for when a bare percentage would be unhelpful (e.g. "3 of 8…
+
+#### ProgressCircle
+
+  - `max: number`
+  - `currentValue: number`
+  - `aria-label?: string` — Accessible name for the progress circle.
+  - `aria-labelledby?: string` — Id of an existing visible label, as an alternative to `aria-label`.
+  - `size?: number`
+  - `color?: keyof MainColors`
+  - `infoContent?: ReactNode`
+  - `mode?: 'default' | 'infinite'`
+  - `classnames?: { root, outer, inner, svg, svgCircle }`
+
+#### ProgressInfo
+
+  - `data: ProgressInfoResp`
+
+#### ProgressInfoTotals
+
+  - `total: number`
+
+#### ProgressLegend
+
+  - `vertical?: boolean`
+  - `children: ReactElement<PropsWithChildren<LabelItemProps>, string | JSXElementConstructor<any>> | …(1 more)`
+
+#### ProgressLegendItem
+
+  - `children: ReactNode`
+  - `percentage: number`
+  - `position?: string`
+  - `vertical?: boolean`
+
+#### ProgressVertical
+
+  - `children: ReactElement<PropsWithChildren<{ vertical?: boolean; }>, string | JSXElementConstructor<any>> | …(1 more)`
+
+#### ResponsiveImage
+A simple wrapper over the `<img />` tag.
+
+  - `src: string`
+  - `srcSet: string`
+  - `sizes: string`
+  - `alt: string`
+
+#### SegmentedPieChart
+
+  - `data: SegmentedDataSet`
+  - `totalAmount: number`
+  - `totalDimension: string`
+  - `pieChartProps?: Partial<PieChartProps>`
+  - `pieChartLegendProps?: Partial<PieChartLegendProps>`
+  - `legendBackgrounds?: string[]`
+  - `pieChartColors?: string[][]`
+  - `currency?: string`
+  - `otherLabel?: string`
+  - `legendValueRoundingDigits?: number`
+  - `legendPercentageRoundingDigits?: number`
+  - `showDimensions?: boolean`
+  - `showPercentage?: boolean`
+  - `titleTooltipOptions?: ChartTitleOption[]`
+  - `tooltipConfig?: Partial<TooltipProps>`
+  - `renderTitleTooltipContent?: (props: { totalAmount: number; totalDimension: string; }) => React.Reac…`
+
+#### SegmentedPieChartComponent
+
+  - `data: SegmentedDataSet`
+  - `totalAmount: number`
+  - `totalDimension: string`
+  - `pieChartProps?: Partial<PieChartProps>`
+  - `pieChartLegendProps?: Partial<PieChartLegendProps>`
+  - `legendBackgrounds?: string[]`
+  - `pieChartColors?: string[][]`
+  - `currency?: string`
+  - `otherLabel?: string`
+  - `legendValueRoundingDigits?: number`
+  - `legendPercentageRoundingDigits?: number`
+  - `showDimensions?: boolean`
+  - `showPercentage?: boolean`
+  - `titleTooltipOptions?: ChartTitleOption[]`
+  - `tooltipConfig?: Partial<TooltipProps>`
+  - `renderTitleTooltipContent?: (props: { totalAmount: number; totalDimension: string; }) => React.Reac…`
+
+#### Table
+Base table component for displaying tabular data
+
+  _No library-specific props._
+  - _plus native element attributes_
+
+#### TableBody
+Body section container for table data rows
+
+  _No library-specific props._
+  - _plus native element attributes_
+
+#### TableCell
+Table data cell component
+
+  - `align?: 'center' | 'left' | 'right' | 'justify'` `= 'left'` — Text alignment for the cell content
+  - _plus native element attributes_
+
+#### TableCellHeader
+Table header cell component
+
+  - `align?: 'center' | 'left' | 'right' | 'justify'` `= 'left'` — Text alignment for the cell content
+  - _plus native element attributes_
+
+#### TableFilterCheckbox
+
+  - `text?: ReactNode` — Label text or custom React node to display next to the checkbox Can be a string, number, or any React node
+  - `id?: string` — Unique identifier for the checkbox input element If not provided, a unique ID will be auto-generated
+  - `onChange?: (newState: boolean) => void` — Callback function called when checkbox state changes Receives the new checked state (boolean) as parameter
+  - `checked?: boolean` — Checked state, for the controlled pattern. When provided, the parent owns the value: the checkbox renders…
+  - `externalState?: boolean` — External state control - allows parent component to control checkbox state When provided, the checkbox…
+  - `disabled?: boolean` `= false` — Whether the checkbox is disabled Disabled checkboxes cannot be interacted with and appear visually muted
+  - `isDisabled?: boolean` `= false` — Whether the checkbox is disabled
+  - `defaultChecked?: boolean` `= false` — Initial checked state when component mounts Only used for uncontrolled checkboxes
+  - `initialState?: boolean` `= false` — Initial checked state when component mounts
+  - `isIndeterminate?: boolean` `= false` — Indeterminate state - represents a partially selected state Commonly used in tree structures or "select all"…
+  - `name?: string` `= ''` — Name attribute for form submission and React Hook Form integration Required when using with React Hook Form
+  - `isRequired?: boolean` `= false` — Whether the checkbox is required for form validation
+  - `color?: 'custom' | 'primary' | 'success'` `= 'primary'` — Color variant of the checkbox — controls the checked and focus-state colors. Sourced from `theme.palette`: -…
+
+#### TableFilters
+Filter component for table data with grouped checkboxes
+
+  - `checkboxData?: TableFilterConfig` — Filter configuration data Maps group names to accordion information with checkbox items
+  - `onSubmit?: () => void` — Callback when filters are submitted/applied Called when user clicks submit button
+  - `onReset?: () => void` — Callback when filters are reset Called when user clicks cancel button (resets to initial state)
+  - `onClear?: () => void` — Callback when filters are cleared Called when user clicks clear button (removes all selections)
+  - `onCheckboxToggle?: (groupName: string, name: string) => void` — Callback when a checkbox is toggled Provides group name and item name for the toggled checkbox
+  - `handleMoreButtonVisibleChange?: (isVisible: boolean) => void` — Callback when filter button visibility changes Called when filter groups are added/removed to show/hide…
+
+#### TableFiltersAccordion
+
+  - `aria-controls?: string` — ARIA controls attribute Links the accordion header to its content panel, and is used as that panel's `id` —…
+  - `ariaControls?: string` — ARIA controls attribute Links the accordion header to its content panel Should match the id of the content…
+  - `open?: boolean` `= false` — Whether the accordion is currently open
+  - `defaultOpen?: boolean` `= false` — Whether the accordion starts open
+  - `onOpenChange?: (open: boolean) => void` — Called when the accordion is toggled, with the state it is moving to
+  - `isOpened?: boolean` — Whether the accordion is currently open
+  - `isHidden?: boolean` `= false` — Whether the accordion is hidden Used for conditional rendering
+  - `title: string` — Title text displayed in the accordion header
+  - `onClick?: () => void` — Click handler for the accordion header Called when user clicks to toggle accordion
+  - `children?: ReactNode` — Additional content to render
+  - `contentProps?: Record<string, unknown>` — Additional props to pass to content render function Allows passing custom props to AccordionContent
+  - `id: string | number` — Unique identifier for the accordion Used for state management and accessibility
+  - `size?: AccordionSize` — Size variant for the accordion Inherits from AccordionGroup if not specified
+  - `renderTitle: (data: RenderContentProps & { title: string; 'aria-controls'?: string;…` — Render function for the accordion title Receives title data and control props
+  - `renderContent: (accordion: RenderContentProps) => React.ReactNode` — Render function for the accordion content Receives content props including open state
+
+#### TableFiltersAccordionContent
+
+  - `size?: AccordionSize` — Size variant for the accordion Inherits from AccordionGroup if not specified
+  - `id: string | number` — Unique identifier for the accordion Used for state management and accessibility
+  - `open?: boolean` `= false` — Whether the accordion is currently open
+  - `isOpened?: boolean` — Whether the accordion is currently open
+  - `children: ReactNode`
+
+#### TableFiltersButtons
+
+  - `onClear?: () => void`
+  - `onCancel?: () => void`
+
+#### TableFiltersCancelButton
+
+  - `children: ReactNode`
+  - `onClick: (e: React.MouseEvent<HTMLButtonElement>) => void`
+
+#### TableFiltersClearButton
+
+  - `children: ReactNode`
+  - `onClick: (e: React.MouseEvent<HTMLButtonElement>) => void`
+
+#### TableFilterTrigger
+
+  - `children?: ReactNode`
+  - `count?: number`
+
+#### TableFilterTriggerWithNotification
+
+  - `children?: ReactNode`
+  - `count?: number`
+  - `visible?: boolean`
+
+#### TableHead
+Header section container for table columns
+
+  _No library-specific props._
+  - _plus native element attributes_
+
+#### TableRow
+Table row component for table data
+
+  - `disabled?: boolean` `= false` — Whether the row is disabled Disabled rows have reduced opacity and no pointer cursor. Automatically sets…
+  - `isDisabled?: boolean` `= false` — Whether the row is disabled
+  - _plus native element attributes_
+
+#### Tag
+
+  - `color?: keyof MainColors`
+  - `size?: keyof MainSizes`
+  - `children: ReactNode`
+  - `customStyles?: CustomTagStyles`
+
+#### TreeMapChart
+
+  - `data: TreeNode`
+  - `title?: ReactNode`
+  - `fullScreen?: boolean`
+  - `features?: TreeMapChartFeature[]`
+  - `widgetCardProps?: WidgetCardProps`
+  - _plus native element attributes_
+
+#### TreeMapChartComponent
+
+  - `data: TreeNode`
+  - `title?: ReactNode`
+  - `fullScreen?: boolean`
+  - `features?: TreeMapChartFeature[]`
+  - `widgetCardProps?: WidgetCardProps`
+  - _plus native element attributes_
+
+#### TreeMapTooltipBase
+
+  _No library-specific props._
+  - _plus native element attributes_
+
+#### Typography
+Text typography component with semantic variants
+
+  - `variant?: 'caption' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle' | …(3 more)` `= 'body1'` — Typography variant determining size, line-height, and semantic HTML element - `h1`-`h6`: Heading variants…
+  - `children: ReactNode` — Text content to display
+  - `id?: string` — HTML id attribute
+  - `color?: string` `= 'rgba(43, 45, 49, 1)'` — Text color (CSS color value)
+  - `weight?: 'medium' | 'bold' | 'lighter' | 'regular'` `= 'regular'` — Font weight variant
+  - `gutter?: boolean` `= false` — Whether to add bottom margin (gutter) Useful for spacing between typography elements
+
+#### WithNestedTableRow
+Groups rows into one collapsible unit.
+
+  - `children: ReactNode | ReactNode[]` — The group's rows. The first element becomes the sub-header that toggles the group; the rest collapse under it.
+  - `defaultCollapsed?: boolean` — Overrides the table-level `defaultCollapsed` for this group only. Ignored when the group holds a single row.
+
+### Navigation & Layout
+
+#### CollapsibleNavBar
+The app sidebar: a logo, a menu, and three layouts.
+
+  - `items: (CollapsibleNavBarItem | CollapsibleNavBarGroup<NavBarExtendedSubItem>)…` — Nav items: link items (path, iconName, iconSize, title) or groups with prefix, iconName, iconSize, title,…
+  - `renderLogo?: ReactElement<unknown, string | JSXElementConstructor<any>>` — Logo or branding element (e.g. image or div) shown above the nav.
+  - `header?: CollapsibleNavBarHeader` — Header shown above the menu in the expanded panel — headline, picture, avatar, name. Hidden in the collapsed…
+  - `activeColor?: string` — Colour of the active row and of the group that owns it. Defaults to the theme's own accent — `blueCool` on…
+  - `subMenuMaxWidth?: Property.MaxWidth<string | number>` — Max width for submenu panels (e.g. 220).
+  - `showIconTooltip?: boolean` — When true, show tooltips on nav icons when sidebar is collapsed.
+  - `useMatchPattern?: (prefix: string) => string | PathPattern<string>` — Custom route matching for active state (e.g. for React Router): given a group's `prefix`, return the pattern…
+  - `onChange?: (isChecked: boolean) => void` — Called when the sidebar expand/collapse state changes.
+  - `exactMatch?: boolean` `= false` — If true, only exact path matches will be considered active. If false, sub-routes will also be considered…
+  - `defaultExpanded?: boolean` `= false` — Initial expanded state (sidebar shows icon + text). When false, only icons are shown until the user toggles.
+
+#### CollapsibleNavBarCustomIconSVG
+
+  _No library-specific props._
+  - _plus native element attributes_
+
+#### History
+Vertical timeline component for chronological events.
+
+  - `items: HistoryItemType[]` — Timeline rows to render from top to bottom.
+  - `defaultColor?: string` — Default marker color for rows without `item.color`. Falls back to `theme.palette.primary.main`.
+  - `lineColor?: string` — Connector line color between markers. Falls back to `theme.colors.greyFocused`.
+  - `lineWidth?: number` `= 2` — Connector line width in pixels.
+  - `dateWidth?: number` `= 120` — Width of the date column in pixels.
+  - `circleSize?: number` `= 12` — Marker circle diameter in pixels.
+  - `sx?: React.CSSProperties` — Inline style for the root container.
+
+#### LargeTab
+
+  - `topText: string`
+  - `bottomText: string`
+  - `tabId: string | number`
+  - `renderContent: (tab?: { tabId: number | string; [prop: string | number | symbol]: unkn…`
+  - `isActive?: boolean`
+  - `onClick?: (event?: React.MouseEvent<HTMLDivElement>) => void`
+  - `aria-controls?: string` — Id of the panel this tab controls.
+  - `ariaControls?: string` — Id of the panel this tab controls.
+
+#### Link
+Styled anchor.
+
+  - `href: string` — Destination of the anchor.
+  - `children: ReactNode` — Link content, rendered inside a `subtitle` Typography.
+  - `target?: HTMLAttributeAnchorTarget` — Where to open the link. When set to `_blank`, `rel` defaults to `noopener noreferrer` unless you pass your…
+  - _plus native element attributes_
+
+#### LinksTabBar
+
+  - `links: TabBarLink[]`
+
+#### NavBar
+UI Component that shows the navigation bar
+
+  - `items: { path: string; iconName: keyof MapIconsType; }[]`
+
+#### Pagination
+Navigation controls for paginated data
+
+  - `pagesCount: number` — Total number of pages Required to calculate page range and navigation limits
+  - `aria-label?: string` `= 'Pagination'` — ARIA label for the pagination navigation
+  - `ariaLabel?: string` `= 'Pagination'` — ARIA label for the pagination navigation
+  - `disabled?: boolean` `= false` — Whether the pagination is disabled Disabled pagination prevents all navigation actions
+  - `isDisabled?: boolean` `= false` — Whether the pagination is disabled
+  - `pageNumberPlaceholder?: string` `= 'Page №'` — Placeholder text for manual page input Only shown when isPageSettingVisible is true
+  - `isPageSettingVisible?: boolean` `= false` — Whether to show manual page number input Allows users to jump directly to a specific page
+  - `isRowPerPageVisible?: boolean` `= false` — Whether to show rows per page dropdown Allows users to control how many items are displayed per page
+  - `isPageFromCountVisible?: boolean` `= true` — Whether to show page count display (e.g., "3 / 15") Only shown when isPageSettingVisible is true
+  - `rowPerPageProps?: RowsPerPageDropdownProps` — Props for the rows per page dropdown. Only used when isRowPerPageVisible is true. Use…
+  - `manualPageNumberProps?: InputProps` — Props for the manual page number input Only used when isPageSettingVisible is true
+  - `errorTooltip?: string` `= 'The value is out of range'` — Error tooltip message for invalid page number input
+  - `renderPageCount?: (current: number, total: number) => React.ReactNode` `= `${current} / ${total}`` — Custom renderer for the page count indicator shown next to the manual page input (only when…
+
+#### Step
+
+  - `index?: number`
+  - `children?: ReactElement<{ children?: ReactNode | undefined; }, string | JSXElement…`
+  - `Connector?: FC<{ completed: boolean; active: boolean; }>`
+
+#### StepConnector
+
+  _No library-specific props._
+
+#### StepLabel
+
+  - `children?: React.ReactNode`
+  - `StepIcon?: React.FC<{ index: number; completed: boolean; active: boolean; }>`
+
+#### Stepper
+
+  - `activeStep?: number`
+  - `orientation?: 'horizontal' | 'vertical'`
+  - `color?: string`
+  - `inverted?: boolean`
+  - `sx?: CSSProperties`
+  - `children: ReactElement<{ children?: ReactNode | undefined; }, string | JSXElementConstructor<any>> | …(1 more)`
+
+#### Tab
+
+  - `text: string`
+  - `tabId: string | number`
+  - `renderContent: (tab?: { tabId: number | string; [prop: string | number | symbol]: unkn…`
+  - `isActive?: boolean`
+  - `onClick?: (event?: React.MouseEvent<HTMLDivElement>) => void`
+  - `aria-controls?: string` — Id of the panel this tab controls.
+  - `ariaControls?: string` — Id of the panel this tab controls.
+  - _plus native element attributes_
+
+#### TabBar
+This component doesn't show contents of the selected tab, however it accepts a required `renderContent()` render prop and stores it into the Context. This lets the…
+
+  - `children: ReactElement<PropsWithChildren<TabProps>, string | JSXElementConstructo…`
+  - _plus native element attributes_
+
+#### TreeView<TMeta>
+A nestable list of rows, up to three levels deep.
+
+  - `items: TreeItem<TMeta>[]` — The tree. Three levels deep at most — the fourth is rejected by the type, and `items` is optional at every…
+  - `expandedIds?: string[]` — Ids of expanded nodes. Pass to control expansion yourself.
+  - `defaultExpandedIds?: string[]` — Ids expanded on mount, when expansion is uncontrolled.
+  - `onExpandedIdsChange?: (ids: string[]) => void`
+  - `expandMode?: 'multiple' | 'single'` `= 'multiple'` — `single` collapses siblings when a node expands, accordion-style.
+  - `selectedIds?: string[]` — Ids of selected nodes. Always an array, even in `single` mode — which is what lets a consumer move to…
+  - `defaultSelectedIds?: string[]`
+  - `onSelectedIdsChange?: (ids: string[], item: AnyTreeItem<TMeta>) => void` — Receives the full next selection, plus the node that was acted on.
+  - `selectionMode?: 'multiple' | 'single'` `= 'single'` — `single` replaces the selection on click, `multiple` toggles membership.
+  - `renderItem?: (props: TreeItemRenderProps<TMeta>) => React.ReactNode` — Replaces the row's interior. The `li`, ARIA and keyboard stay with `TreeView`.
+  - `activeColor?: string` — Overrides the selected row's colour (and the chevron and icon on it), for a consumer whose accent isn't the…
+  - `semantics?: 'list' | 'tree'` `= 'tree'` — `tree` gives a real `role="tree"` with roving focus and arrow-key navigation — right for a file tree. `list`…
+  - `toggleOnItemClick?: boolean` `= true` — Whether clicking anywhere on a parent row toggles it, rather than only the chevron.
+  - `autoExpandSelected?: boolean` `= true` — Expand the ancestors of selected nodes, on mount and whenever the selection moves. Ignored while expansion is…
+  - `reserveIconSpace?: boolean` `= false` — Keep the icon column even on rows without an icon, so labels stay aligned with their icon-bearing siblings.…
+  - `indent?: number` — Left offset per level, in px. Defaults to the design's 0 / 24 / 40; a number here makes the steps linear…
+  - `aria-label?: string` — Accessible name for the tree.
+
+#### WithLink
+
+  - `children: ReactNode`
+  - `onClick?: () => void`
+  - `link?: To`
+
+#### WithPagination<T>
+Higher-order component that wraps a component with PaginationContextProvider
+
+  _No library-specific props._
+
+#### WithVisibleLG<T>
+
+  _No library-specific props._
+
+#### WithVisibleMD<T>
+
+  _No library-specific props._
+
+#### WithVisibleSM<T>
+
+  _No library-specific props._
+
+#### WithVisibleUpToLG<T>
+
+  _No library-specific props._
+
+#### Wrapper
+Flexible flexbox container component
+
+  - `direction?: WrapperDirection` `= 'row'` — Flex direction (row, column, row-reverse, column-reverse)
+  - `alignItems?: WrapperAlignItems` `= 'center'` — Align items value (flex-start, center, flex-end, stretch, baseline, etc.)
+  - `justifyContent?: WrapperJustifyContent` — Justify content value (flex-start, center, flex-end, space-between, etc.)
+  - `fade?: boolean` `= false` — Enable fade in/out transition animation
+  - `fadeDelay?: number` `= 0.3` — Fade animation duration in seconds
+  - `isVisible?: boolean` `= true` — Visibility state When false, element has opacity 0 and visibility hidden
+  - _plus native element attributes_
+
+### Overlay & Feedback
+
+#### Modal
+Dialog overlay for focused user interaction
+
+  - `open?: boolean` — Whether the dialog is visible. When false, content is hidden (display: none).
+  - `isOpen?: boolean` — Whether the dialog is visible.
+  - `noBackground?: boolean` — When true, the overlay is transparent (no dimmed background).
+  - `aria-label?: string` — Accessible name for the dialog (required for screen readers).
+  - `children?: ReactNode` — Dialog body content.
+  - `usePortal?: boolean` — When true, render modal in a portal to document.body. When false (default), render in place (e.g. inside a…
+  - `defaultOpen?: boolean` — Initial open state for an uncontrolled modal.
+  - `onOpenChange?: (open: boolean) => void` — Called with the state the modal is moving to, from any source.
+
+#### ModalContent
+Dialog content and overlay container
+
+  - `open?: boolean` — Whether the dialog is visible. When false, content is hidden (display: none).
+  - `isOpen?: boolean` — Whether the dialog is visible.
+  - `noBackground?: boolean` — When true, the overlay is transparent (no dimmed background).
+  - `aria-label?: string` — Accessible name for the dialog (required for screen readers).
+  - `children?: ReactNode` — Dialog body content.
+  - `usePortal?: boolean` — When true, render modal in a portal to document.body. When false (default), render in place (e.g. inside a…
+
+#### ModalDialog
+Presentational dialog container and overlay
+
+  - `open?: boolean` — Whether the dialog is visible. When false, content is hidden (display: none).
+  - `isOpen?: boolean` — Whether the dialog is visible.
+  - `noBackground?: boolean` — When true, the overlay is transparent (no dimmed background).
+  - `aria-label?: string` — Accessible name for the dialog (required for screen readers).
+  - `children?: ReactNode` — Dialog body content.
+
+#### ModalDismissButton
+Trigger element that closes the modal
+
+  - `children: JSX.Element`
+
+#### ModalOpenButton
+Trigger element that opens the modal
+
+  - `children: JSX.Element`
+
+#### NotificationCard
+
+  - `title: string`
+  - `text: string`
+  - `isRead: boolean`
+  - `type: NotificationType`
+  - `time: string | number`
+  - `children?: ReactNode`
+  - `onClick?: () => void`
+
+#### NotificationMenu
+
+  - `trigger: string | JSX.Element`
+  - `notifications: NotificationCardProps[]`
+  - `children: ReactNode`
+  - `onClick?: () => void`
+  - `isLoading: boolean`
+  - `leftButton?: string | JSX.Element | null`
+  - `rightButton?: string | JSX.Element`
+
+#### Popover
+Floating content container component
+
+  - `children: React.ReactNode`
+  - `defaultOpen?: boolean` `= false` — Initial open state for uncontrolled popover
+  - `initialOpen?: boolean` — Initial open state for uncontrolled popover
+  - `placement?: Placement` `= 'bottom'` — Preferred placement of the popover relative to trigger Floating UI will auto-adjust if space is insufficient
+  - `modal?: boolean` `= false` — Whether popover should behave as a modal (traps focus)
+  - `open?: boolean` — Controlled open state When provided, controls popover visibility externally
+  - `floatingOptions?: Partial<UseFloatingOptions<ReferenceType>>` — Additional Floating UI options for advanced positioning Allows customization of middleware, strategy, and…
+  - `interactionsEnabled?: InteractionsEnabled` `= 'click'` — Interaction mode for popover activation
+  - `keyboardHandlers?: boolean` `= true` — Enable keyboard handlers for interactions
+  - `onOpenChange?: (open: boolean) => void` — Callback fired when open state changes
+  - `color?: FloatingSurfaceColor` — Color scheme of the popover surface. Shared with Tooltip — see {@link FloatingSurfaceColor}.
+  - `size?: FloatingSurfaceSize` — Padding/typography scale of the popover surface. Unset means no padding is applied, leaving spacing to the…
+  - `hasBorder?: boolean` `= true when `color` is `'white'`, false otherwise` — Whether the surface (and its arrow) is outlined with a 1px border
+  - `hasShadow?: boolean` `= true when `color` is set, false otherwise` — Whether the surface casts a drop shadow
+  - `hasArrow?: boolean` `= false` — Whether to display an arrow pointing at the trigger.
+  - `arrowProps?: PopoverArrowProps` — Additional props for the arrow element
+  - `offsetOptions?: OffsetOptions` `= 12 when `hasArrow` is set, 5 otherwise` — Offset between the trigger and the popover
+
+#### PopoverClose
+Close button for popover
+
+  _No library-specific props._
+  - _plus native element attributes_
+
+#### PopoverContent
+Content container for popover
+
+  - `isFocusManagerDisabled?: boolean` `= false` — Disables the focus manager wrapping the content
+  - `mountMode?: MountMode` `= 'unmount'` — Whether closed content is unmounted or kept mounted but hidden
+  - `hasCloseButton?: boolean` `= false` — Renders a close button in the top-right corner of the surface
+  - `closeButtonProps?: Partial<IconButtonProps>` — Props forwarded to the built-in close button, e.g. `icon`, `size` or `aria-label`. An `onClick` runs before…
+  - _plus native element attributes_
+
+#### PopoverDescription
+Accessible description for popover
+
+  - `variant?: 'caption' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle' | …(3 more)` `= 'body1'` — Typography variant determining size, line-height, and semantic HTML element - `h1`-`h6`: Heading variants…
+  - `children: ReactNode` — Text content to display
+  - `id?: string` — HTML id attribute
+  - `color?: string` `= 'rgba(43, 45, 49, 1)'` — Text color (CSS color value)
+  - `weight?: 'medium' | 'bold' | 'lighter' | 'regular'` `= 'regular'` — Font weight variant
+  - `gutter?: boolean` `= false` — Whether to add bottom margin (gutter) Useful for spacing between typography elements
+
+#### PopoverHeading
+Accessible heading for popover
+
+  - `variant?: 'caption' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle' | …(3 more)` `= 'body1'` — Typography variant determining size, line-height, and semantic HTML element - `h1`-`h6`: Heading variants…
+  - `children: ReactNode` — Text content to display
+  - `id?: string` — HTML id attribute
+  - `color?: string` `= 'rgba(43, 45, 49, 1)'` — Text color (CSS color value)
+  - `weight?: 'medium' | 'bold' | 'lighter' | 'regular'` `= 'regular'` — Font weight variant
+  - `gutter?: boolean` `= false` — Whether to add bottom margin (gutter) Useful for spacing between typography elements
+
+#### PopoverTrigger
+Trigger element for popover
+
+  - `block?: boolean` `= false` — Makes the button span the full width of its container
+  - `text?: string` — Text content to display inside the button Either `text`, `children`, or icons must be provided
+  - `startIcon?: React.ReactNode` — Icon to display before the button text/content Can be any React node, commonly an Icon component
+  - `endIcon?: React.ReactNode` — Icon to display after the button text/content Can be any React node, commonly an Icon component
+  - `startIconClassName?: string` — Custom CSS class name for the start icon wrapper
+  - `endIconClassName?: string` — Custom CSS class name for the end icon wrapper
+  - `variant?: keyof ButtonVariants` `= 'custom'` — Visual style variant of the button (uses theme.palette for solid variants). - `custom` — transparent, dark…
+  - `loading?: boolean` `= false` — Shows a spinner in place of the button's content and disables interaction. The button keeps its resting…
+  - `isDisabled?: boolean` `= false` — Disables the button, preventing user interaction
+  - `asChild?: boolean` `= false` — Render trigger as child element instead of Button When true, clones the child element and applies trigger…
+  - `dataTestId?: string` `= 'trigger-button'` — Test ID for the trigger element
+  - _plus native element attributes_
+
+#### ProgressChartTooltip
+
+  - `caption: string`
+  - `value: number`
+  - `valueFormatted: string`
+  - `iconName?: 'reset' | 'archive' | 'arrow-down' | 'arrow-up' | …(223 more — full list under "Icon.name")`
+  - `barProps?: Partial<Omit<ProgressBarProps, 'currentValue'>>`
+
+#### SimpleChartTooltip<Series>
+
+  - `size?: TooltipSize` `= 'small'` — Size variant of the tooltip content.
+  - `renderValue?: (data: Series['data'][number] & { xFormatted: string; yFormatted: strin…`
+
+#### Tooltip
+Contextual information component
+
+  - `children: ReactNode` — TooltipTrigger and TooltipContent components Must include both TooltipTrigger and TooltipContent as children
+  - `placement?: Placement` — Preferred placement of the tooltip relative to trigger Floating UI will auto-adjust if space is insufficient
+  - `enableHover?: boolean` `= false` — Enable tooltip on hover interaction.
+  - `enableClick?: boolean` `= true` — Enable tooltip on click interaction.
+  - `enableClientPoint?: boolean` `= false` — Enable tooltip to follow client point (mouse position) Useful for interactive tooltips like charts
+  - `offsetOptions?: OffsetOptions` — Offset configuration for tooltip positioning Allows fine-tuning of spacing from trigger element
+  - `allowHoverContent?: boolean` `= false` — Allow hovering over tooltip content itself When true, tooltip stays open when hovering over content
+  - `hoverOpenDelay?: number` `= 0` — Delay in milliseconds before tooltip appears on hover Helps prevent "traffic light" effect when quickly…
+  - `hoverCloseDelay?: number` `= 0` — Delay in milliseconds before tooltip disappears after mouse leaves Helps prevent tooltip from flickering when…
+  - `size?: TooltipSize` `= 'small'` — Size variant of the tooltip content.
+  - `color?: FloatingSurfaceColor` `= 'grey'` — Color scheme of the tooltip content
+  - `hasBorder?: boolean` `= true when `color` is `'white'`, false otherwise` — Whether the tooltip surface (and its arrow) is outlined with a 1px border
+  - `hasShadow?: boolean` `= true` — Whether the tooltip surface casts a drop shadow
+  - `hasArrow?: boolean` `= true` — Whether to display arrow pointing to trigger
+  - `arrowProps?: TooltipArrowProps` — Additional props for the arrow element
+  - `open?: boolean` — Controlled open state When provided, the tooltip is fully controlled and the parent must update this value…
+  - `defaultOpen?: boolean` `= false` — Initial open state for an uncontrolled tooltip
+  - `onOpenChange?: (open: boolean) => void` — Called whenever the tooltip wants to open or close — hover, click, dismiss or Escape
+  - `isOpen?: boolean` — Initial open state.
+
+#### TooltipContent
+Content container for tooltip display
+
+  - `children: ReactNode` — Tooltip content to display Can be text, React nodes, or formatted content
+  - `title?: ReactNode` — Optional headline rendered in bold above `children`, separated by an 8px gap. Accepts plain text or any React…
+  - `maxWidth?: string | number` — Maximum width of the tooltip surface. Without it the tooltip is sized to its content and never wraps — set it…
+  - `style?: CSSProperties` — Inline styles for the tooltip content
+
+#### TooltipContentBase
+
+  - `tooltipColor?: FloatingSurfaceColor` — Color scheme of the surface. Defaults to `grey`.
+  - `hasBorder?: boolean` — Outlines the surface with a 1px border.
+  - `hasShadow?: boolean` — Casts the design's drop shadow. Defaults to `true`.
+  - _plus native element attributes_
+
+#### TooltipTrigger
+Trigger element for tooltip activation
+
+  - `children: ReactNode` — Single React element to use as trigger Can be any element (Button, Icon, div, etc.) Must be a valid React…
+
+### Notification Components
+
+#### Alert
+Portal-based notification container driven by the Observer pattern.
+
+  - `color?: string` — When set, overrides the variant's background with a solid color and auto-derives text, icon, and border…
+  - `inheritMainColor?: boolean` — When true, border and close icon use the variant accent color. Ignored when `color` is set.
+  - `styles?: AlertStyleOverrides` — Per-slot style overrides. Applied after all default styles.
+  - `animationDuration?: number`
+  - `withShadow?: boolean`
+  - `withBorder?: boolean`
+  - `containerSelector?: string`
+  - `position?: NotificationPositions`
+  - `maxAmount?: number` — Maximum number of notifications visible at once. When a new notification arrives and the stack is already at…
+  - `size?: NotificationSizes`
+  - `cancelText?: string`
+  - `submitText?: string`
+
+#### Notification
+Component-level props for the `<Notification>` portal container.
+
+  - `timeout?: number` — Default auto-dismiss duration in ms for all notifications in this stack. Defaults to `undefined` —…
+  - `styles?: NotificationStyleOverrides` — Per-slot style overrides applied after all default styles.
+  - `animationDuration?: number`
+  - `withShadow?: boolean`
+  - `withBorder?: boolean`
+  - `containerSelector?: string`
+  - `position?: NotificationPositions`
+  - `maxAmount?: number` — Maximum number of notifications visible at once. When a new notification arrives and the stack is already at…
+  - `size?: NotificationSizes`
+  - `cancelText?: string`
+  - `submitText?: string`
+
+#### Toast
+Component-level props for the `<Toast>` portal container.
+
+  - `withProgress?: boolean` `= false` — Show an animated progress bar that drains over the toast's lifetime. Has no effect when `timeout` is…
+  - `timeout?: number` `= 4000` — Default auto-dismiss duration in ms for all toasts in this stack. Pass `undefined` to disable auto-dismiss…
+  - `progressColor?: string` `= theme `blueNotification`` — Default color of the progress bar for all toasts in this stack. Accepts a theme color key (`ColorsKeys`) or…
+  - `animationDuration?: number`
+  - `withShadow?: boolean`
+  - `withBorder?: boolean`
+  - `containerSelector?: string`
+  - `position?: NotificationPositions`
+  - `maxAmount?: number` — Maximum number of notifications visible at once. When a new notification arrives and the stack is already at…
+  - `size?: NotificationSizes`
+  - `cancelText?: string`
+  - `submitText?: string`
+
+### Specialized Components
+
+#### Accordion
+Individual accordion item component
+
+  - `aria-controls?: string` — ARIA controls attribute Links the accordion header to its content panel, and is used as that panel's `id` —…
+  - `ariaControls?: string` — ARIA controls attribute Links the accordion header to its content panel Should match the id of the content…
+  - `open?: boolean` `= false` — Whether the accordion is currently open
+  - `defaultOpen?: boolean` `= false` — Whether the accordion starts open
+  - `onOpenChange?: (open: boolean) => void` — Called when the accordion is toggled, with the state it is moving to
+  - `isOpened?: boolean` — Whether the accordion is currently open
+  - `isHidden?: boolean` `= false` — Whether the accordion is hidden Used for conditional rendering
+  - `title: string` — Title text displayed in the accordion header
+  - `onClick?: () => void` — Click handler for the accordion header Called when user clicks to toggle accordion
+  - `children?: ReactNode` — Additional content to render
+  - `contentProps?: Record<string, unknown>` — Additional props to pass to content render function Allows passing custom props to AccordionContent
+  - `id: string | number` — Unique identifier for the accordion Used for state management and accessibility
+  - `size?: AccordionSize` — Size variant for the accordion Inherits from AccordionGroup if not specified
+  - `renderTitle: (data: RenderContentProps & { title: string; 'aria-controls'?: string;…` — Render function for the accordion title Receives title data and control props
+  - `renderContent: (accordion: RenderContentProps) => React.ReactNode` — Render function for the accordion content Receives content props including open state
+
+#### AccordionContent
+Default component for accordion content panels
+
+  - `size?: AccordionSize` — Size variant for the accordion Inherits from AccordionGroup if not specified
+  - `id: string | number` — Unique identifier for the accordion Used for state management and accessibility
+  - `open?: boolean` `= false` — Whether the accordion is currently open
+  - `isOpened?: boolean` — Whether the accordion is currently open
+  - `children: ReactNode`
+
+#### AccordionGroup
+Container component for managing multiple accordion items
+
+  - `id?: string` — Unique identifier for the accordion group Used for accessibility and testing purposes
+  - `children: AccordionGroupChildren | AccordionGroupChildren[]` — Accordion components as children Each child should be an Accordion component
+  - `size?: AccordionSize` `= 'empty'` — Size variant for the accordion group Controls padding, spacing, and visual appearance
+  - `accordionsStayOpen?: boolean` `= true` — Whether multiple accordions can be open simultaneously When false, opening one accordion closes others
+
+#### AccordionTitle
+Default render function for accordion headers
+
+  - `size?: AccordionSize` — Size variant for the accordion Inherits from AccordionGroup if not specified
+  - `id: string | number` — Unique identifier for the accordion Used for state management and accessibility
+  - `open?: boolean` `= false` — Whether the accordion is currently open
+  - `isOpened?: boolean` — Whether the accordion is currently open
+  - `title: string`
+  - `aria-controls?: string` — Id of the content panel this title controls.
+  - `ariaControls?: string` — Id of the content panel this title controls.
+  - `onClick?: () => void`
+
+#### AddNewAccountCard
+
+  - `children: ReactNode`
+  - `link?: To`
+  - `onClick?: () => void`
+
+#### Icon
+Renders one of the kit's built-in SVG icons by name.
+
+  - `name: 'reset' | 'archive' | 'arrow-down' | 'arrow-up' | …(223 more — full list under "Icon.name")` — Which icon to render. Type-checked against the generated icon list, so a name that does not exist is a…
+  - `tooltip?: string` — Tooltip text shown on hover. Also becomes the icon's `aria-label`.
+  - `size?: number` — Width and height in px. Icons are square, so one value sets both.
+  - _plus native element attributes_
+
+#### PersonInfo
+Compact row for displaying a person or entity with title, value, and optional metadata.
+
+  - `title: string` — Main label (required).
+  - `icon?: ReactNode` — Icon name or custom ReactNode before the title.
+  - `value?: string` — Primary value; with link becomes a link.
+  - `badges?: ReactNode | ReactNode[]` — Badge(s): single node or array of string | ReactNode. Strings use DEFAULT_BADGE_COLORS.
+  - `avatar?: string` — Avatar image URL, shown next to value.
+  - `counterTooltip?: PersonInfoCounterTooltip` — “+N” counter with tooltip listing users.
+  - `attributes?: ReactNode[]` — List of strings or ReactNodes below the row.
+  - `description?: string` — Extra description text.
+  - `styles?: Partial<Record<PersonInfoStyleKeys, Interpolation<Theme>>>` — Optional style overrides per PersonInfoStyleKeys.
+  - `link?: string` — If set, value (or avatar+value) renders as a link.
+  - `openLinkInNewTab?: boolean` — When link is set, open in new tab and use rel="noreferrer".
+  - `avatarBorder?: boolean` `= false` — Shows a border around the avatar.
+
+#### UserProfile
+User profile dropdown with logout functionality
+
+  - `name: string` — User's full name Displayed as heading in the profile popover
+  - `email: string` — User's email address Displayed as description text in the profile popover
+  - `trigger: string | JSX.Element` — Trigger element that opens the profile popover Can be a string, icon, avatar, button, or any React element
+  - `onClick: () => void` — Callback function when logout button is clicked Typically handles user logout logic
+  - `logOutText?: string` `= 'Log Out'` — Text for the logout button
+  - `additionalInfo?: ReactNode[]` — Array of additional information elements Displayed between email and custom content sections Each element is…
+  - `customContent?: ReactNode` — Custom content section Displayed between user info and logout button Useful for additional actions or…
+
+#### WidgetCard
+
+  - `title?: ReactNode`
+  - `wrapperClassName?: string`
+  - `contentClassName?: string`
+  - `headerClassName?: string`
+  - `headerContent?: ReactNode`
+  - `link?: To`
+  - `children?: ReactNode`
+  - `width?: string`
+  - `height?: string`
+  - `onClick?: () => void`
+
+#### WidgetCardBase
+
+  - `noShadow?: boolean` — Drops the drop shadow, leaving a flat surface. Cards are elevated by default — there is no numeric elevation…
+  - `children: ReactNode` — Card body. Usually `CardHeader` followed by `CardContent`, but any content is accepted.
+  - `onClick?: () => void` — Makes the whole card activatable. Passing this **changes the rendered element from `div` to `button`**, which…
+  - `isFullscreenMode?: boolean`
+  - `width?: string`
+  - `height?: string`
+
+#### WidgetCardTitle
+
+  - `variant?: 'caption' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle' | …(3 more)` `= 'body1'` — Typography variant determining size, line-height, and semantic HTML element - `h1`-`h6`: Heading variants…
+  - `children: ReactNode` — Text content to display
+  - `id?: string` — HTML id attribute
+  - `color?: string` `= 'rgba(43, 45, 49, 1)'` — Text color (CSS color value)
+  - `weight?: 'medium' | 'bold' | 'lighter' | 'regular'` `= 'regular'` — Font weight variant
+  - `gutter?: boolean` `= false` — Whether to add bottom margin (gutter) Useful for spacing between typography elements
+
+#### WithFullscreenMode<T>
+
+  _No library-specific props._
+
+#### WithWidgetCard<F>
+
+  - `children: React.ReactNode`
+  - `features?: MustIncludeHeader<F>`
+  - `cardProps?: WidgetCardProps`
+
+## Compound components
+
+_Namespace exports. Import the namespace, then use its parts: `import { Drawer } from '@ssa-ui-kit/core'` → `<Drawer.Root>`._
+
+### JsonSchema
+
+#### JsonSchema.generateTheme
+_function_
+
+#### JsonSchema.generateForm
+_function_
+
+#### JsonSchema.Form
+
+  _No library-specific props._
+  - _plus native element attributes_
+
+#### JsonSchema.Templates
+_constant_
+
+#### JsonSchema.Theme
+_constant_
+
+#### JsonSchema.Widgets
+_constant_
+
+#### JsonSchema.Fields
+_constant_
+
+#### JsonSchema.generateTemplates
+_function_
+
+#### JsonSchema.generateWidgets
+_function_
+
+#### JsonSchema.generateFields
+_function_
+
+#### JsonSchema.DEFAULT_AVATAR_SIZE
+_constant_
+
+#### JsonSchema.SelectOptionSchemaExtension
+_type_
+
+#### JsonSchema.SelectWidgetUiOptions
+_type_
+
+### Field
+Props for Field.Root component
+
+#### Field.Root
+Field - Compound layout primitives for building accessible form fields.
+
+  - `asChild?: boolean` `= false` — If true, renders without a wrapper div (asChild pattern) Useful for semantic HTML (e.g., wrapping with…
+  - `children: ReactNode` — Child components (typically Field.Label, Field.Control, Field.Description, etc.)
+  - `status?: 'error' | 'success' | 'basic'` `= 'basic'` — Validation status of the field - `basic`: Default state, no validation feedback - `error`: Error state with…
+  - `disabled?: boolean` `= false` — Whether the field is disabled Disabled fields appear muted and cannot be interacted with
+  - `forwardFocus?: boolean` `= true` — If true, clicking on FieldControl will forward focus to its child input element This enables clicking…
+  - _plus native element attributes_
+
+#### Field.Error
+Error message for form fields
+
+  - `children: ReactNode` — Error message text to display
+
+#### Field.Success
+Success message for form fields
+
+  - `children: ReactNode` — Success message text to display
+
+#### Field.Description
+Helper text for form fields
+
+  - `children: ReactNode` — Helper text content to display
+
+#### Field.Label
+Accessible label for form fields
+
+  - `children: ReactNode` — Label text content
+  - `htmlFor?: string`
+  - `disabled?: boolean` — Renders the label in its muted, disabled state.
+  - `isDisabled?: boolean`
+  - `onMouseEnter?: MouseEventHandler<HTMLLabelElement>`
+  - `onMouseLeave?: MouseEventHandler<HTMLLabelElement>`
+
+#### Field.Control
+Wrapper component for form controls
+
+  - `controlRef?: React.RefObject<HTMLElement | null>` — Optional ref to a specific element to focus when control is clicked If not provided, will attempt to focus…
+  - `children: React.ReactNode | ((props: FieldContextValue) => React.ReactNode)` — Form control element(s) to wrap Can be a React node or a function that receives FieldContextValue and returns…
+  - _plus native element attributes_
+
+### Drawer
+
+#### Drawer.Root
+Slide-out panel anchored to an edge of the screen.
+
+  - `children?: ReactElement<unknown, string | JSXElementConstructor<any>>`
+  - `store?: { open, opened, dismissable, position, duration, floatingContext, …+8 }`
+  - `open?: boolean` — Controlled open state. When provided, the drawer is fully controlled and the parent must update it from…
+  - `defaultOpen?: boolean` — Initial open state for an uncontrolled drawer.
+  - `opened?: boolean` — Controlled open state.
+  - `defaultOpened?: boolean` — Initial open state for an uncontrolled drawer.
+  - `duration?: number`
+  - `dismissable?: boolean`
+  - `position?: Position`
+  - `title?: string`
+  - `withCloseButton?: boolean`
+  - `onOpenChange?: (open: boolean, event?: Event, reason?: OpenChangeReason) => void`
+
+#### Drawer.Overlay
+
+  - `children?: ReactNode`
+
+#### Drawer.Portal
+
+  _No library-specific props._
+
+#### Drawer.Content
+
+  - `children: ReactNode`
+  - _plus native element attributes_
+
+#### Drawer.Header
+
+  - `children?: ReactNode`
+  - _plus native element attributes_
+
+#### Drawer.Title
+
+  - `children?: ReactNode`
+  - _plus native element attributes_
+
+#### Drawer.CloseButton
+
+  - `children?: ReactNode` — Custom content to render inside the button If provided, takes precedence over `text` prop Either `text`,…
+  - `block?: boolean` `= false` — Makes the button span the full width of its container
+  - `size?: keyof MainSizes` `= 'small'` — Size variant of the button - `small`: Compact button for dense UIs (default) - `medium`: Standard button size…
+  - `text?: string` — Text content to display inside the button Either `text`, `children`, or icons must be provided
+  - `startIcon?: React.ReactNode` — Icon to display before the button text/content Can be any React node, commonly an Icon component
+  - `endIcon?: React.ReactNode` — Icon to display after the button text/content Can be any React node, commonly an Icon component
+  - `startIconClassName?: string` — Custom CSS class name for the start icon wrapper
+  - `endIconClassName?: string` — Custom CSS class name for the end icon wrapper
+  - `variant?: keyof ButtonVariants` `= 'custom'` — Visual style variant of the button (uses theme.palette for solid variants). - `custom` — transparent, dark…
+  - `type?: 'button' | 'reset' | 'submit'` `= 'button'` — HTML button type attribute - `button`: Standard button (default) - `submit`: Form submission button -…
+  - `disabled?: boolean` `= false` — Disables the button, preventing user interaction
+  - `loading?: boolean` `= false` — Shows a spinner in place of the button's content and disables interaction. The button keeps its resting…
+  - `isDisabled?: boolean` `= false` — Disables the button, preventing user interaction
+  - `onClick?: React.MouseEventHandler<HTMLButtonElement>` — Click event handler Fired when the button is clicked (if not disabled)
+
+## Utility namespaces
+
+- `globalStyles` — pink, yellow, yellowWarm, green, turquoise, purple, blue, blueLight, blueLightDarker
+- `styleUtils` — focusOutline, outlineStyles
+- `pieChartPalettes` — getBalancePalette
+- `styles` — small, medium, large, grey, white, dark, nonOpaque, border, shadow, title, withTitle, surfaceColors, resolveSurfaceArrowProps, backgroundColors, chartTooltipText
+
+## Contexts & providers
+
+- `AccordionGroupContext` — React context for AccordionGroup state management
+- `AccordionGroupContextProvider` — Context provider for accordion group state
+- `CollapsibleNavBarContext`
+- `CollapsibleNavBarItemContext`
+- `CollapsibleNavBarItemProvider`
+- `CollapsibleNavBarProvider`
+- `FullscreenModeContext`
+- `FullscreenModeProvider`
+- `ModalContext` — Context value for Modal: [isOpen, setIsOpen]. Provided by Modal (root) and consumed by ModalContent, ModalOpenButton, ModalDismissButton.
+- `NestedTableRowContext`
+- `NestedTableRowProvider`
+- `PaginationContext` — Pagination context Provides page state and navigation functions to child components
+- `PaginationContextProvider` — Context provider for pagination state
+- `PopoverContext` — Context for popover components
+- `SwitchContextProvider` — Context provider for Switch component
+- `TabBarContext`
+- `TabBarContextProvider`
+- `TooltipContext`
+- `TranslationContext`
+- `TranslationProvider`
+
+## Hooks
+
+- `useAccordionGroupContext` — Hook to access AccordionGroup context
+- `useBreadcrumbs` — Route-aware breadcrumb builder. Reads the current location, matches it against your route tree, and returns `BreadcrumbItem[]` ready for `<Breadcrumbs>`. Labels come…
+- `useButtonGroupContext` — Access the enclosing `ButtonGroup`'s selection state.
+- `useCollapsibleNavBarContext`
+- `useCollapsibleNavBarItemContext`
+- `useDrawer`
+- `useFieldContext`
+- `useFilterMultiSelect`
+- `useFullscreenMode`
+- `useNestedTableRowContext`
+- `usePaginationContext` — Hook to access pagination context Must be used within PaginationContextProvider
+- `usePlotlyDefaultConfig`
+- `usePopover` — Hook for popover functionality
+- `usePopoverContext` — Hook to access popover context
+- `useSwitchContext` — Hook to access Switch context
+- `useTabBarContext`
+- `useTooltip`
+- `useTooltipContext`
+- `useTranslation`
+- `useTypeaheadContext`
+
+## Functions
+
+- `cancelButtonStyles`
+- `clearButtonStyles`
+- `deriveBreadcrumbs` — Pure derivation of breadcrumb items from a route tree and a pathname. Extracted from the hook so it can be unit-tested without a router.
+- `filterButtonStyles`
+- `highlightInputMatch`
+- `resetDeprecationWarnings` — Clears the once-per-pair warning cache.
+- `resolveAriaProp` — Shorthand for the camelCase-ARIA → native-ARIA renames (issue #656, chunk 3 item 1).
+- `resolveDeprecatedProp` — Resolves a prop that is mid-rename: returns the new prop's value when it is defined, otherwise falls back to the deprecated one and warns in dev.
+- `resolveDisabled` — Shorthand for the `isDisabled` → `disabled` rename, which spans 15 components.
+- `resolveOpenState` — Shorthand for the open-state renames (issue #656, chunk 3 item 2), which span `Drawer`, `Popover`, `Tooltip`, `Accordion`, `Modal`, `ModalDialog` and…
+- `resolvePresetRange` — Presets are resolved at click (and render) time rather than at module load, so a relative range such as **Today** stays correct in an app that is left open across…
+- `setHocDisplayName` — React 19 compatibility helper for Higher-Order Components (HOCs).
+- `showAlert` — Imperatively triggers a new alert inside the mounted `<Alert>` component.
+- `showNotification`
+- `showToast` — Imperatively triggers a new toast inside every mounted `<Toast>` component.
+- `warnDeprecatedProp` — Emits a deprecation notice for `component.deprecatedProp`, at most once.
+- `wrapNivoResponsiveComponent` — React 19 compatibility wrapper for Nivo responsive components.
+
+## Constants
+
+- `checkboxStyles`
+- `currentMonthPreset` — **Current month** — the first to the last day of the current month.
+- `currentWeekPreset` — **Current week** — the whole week containing today, first to last day. Week boundaries follow Luxon's locale rules (Monday-first by default).
+- `DEFAULT_DATE_RANGE_PRESETS` — Ready-made preset list for the common “today / yesterday / week / month” shortcuts. Pass it straight to **`presets`**, or compose your own array from the individual…
+- `DEFAULT_EUROPEAN_MASK_FORMAT` — Default European day format (`dd/mm/yyyy`). Re-exported from the package barrel.
+- `DEFAULT_MASK_FORMAT` — Default US day format (`mm/dd/yyyy`). Re-exported from the package barrel.
+- `DEFAULT_MONTH_MASK_FORMAT` — Default month format (`mm/yyyy`). Re-exported from the package barrel.
+- `DEFAULT_YEAR_MASK_FORMAT` — Default year-only format (`yyyy`). Re-exported from the package barrel.
+- `iconsList`
+- `lastMonthPreset` — **Last month** — the full month before the current one.
+- `lastWeekPreset` — **Last week** — the full week before the current one.
+- `mainTheme`
+- `PRESENT_VALUE` — Special value to represent "Present" (ongoing/no end date) in form data and UI display.
+- `SLIDER_THUMB_SIZES`
+- `todayPreset` — **Today** — a single-day range on the current date.
+- `yesterdayPreset` — **Yesterday** — a single-day range on the previous date.
+
+## Large value sets
+
+_Literal unions too long to inline above. A union shared by several props is listed once, under the prop it first appeared on._
+
+### Icon.name — 227 values
+
+'reset' · 'archive' · 'arrow-down' · 'arrow-up' · 'clipboard-assessment' · 'attention' · 'award' · 'ban-user' · 'bench' · 'bin' · 'calendar' · 'calendar-schedule' · 'carrot-down' · 'carrot-left' · 'carrot-right' · 'carrot-up' · 'card-text' · 'case' · 'certification' · 'certification-expiring' · 'camera' · 'change' · 'chart' · 'check' · 'check-circle' · 'check-circle-inverted' · 'children' · 'circle' · 'circular' · 'clock' · 'cogwheel' · 'comments' · 'briefcase' · 'building' · 'compensation' · 'confirm-email' · 'contacts' · 'copy' · 'copy-link' · 'cross' · 'delete' · 'document' · 'diamond-ring' · 'diet' · 'documents' · 'edit' · 'education' · 'email' · 'employee' · 'employee-profile' · 'employee-terminated' · 'employee-blackboard' · 'excel-download' · 'export' · 'file-mark' · 'file-pdf' · 'file-word' · 'filter' · 'filter-funnel' · 'follow-link' · 'fte' · 'clipboard-form' · 'geography' · 'gender' · 'gift' · 'home' · 'import' · 'information' · 'inventory' · 'invisible' · 'language' · 'link' · 'lock' · 'log-in' · 'log-out' · 'maximize' · 'measurements' · 'message' · 'minus' · 'minus-circle' · 'minus-circle-inverted' · 'more' · 'more-vertical' · 'notification' · 'office-chair' · 'open-book' · 'pages' · 'party' · 'plus' · 'plus-circle' · 'plus-circle-inverted' · 'probation-period' · 'profiles-changes' · 'radio-on' · 'clipboard-report' · 'clipboard-result' · 'robot' · 'roles' · 'search' · 'seniority' · 'settings' · 'setting-clock' · 'signature' · 'sleep' · 'staff-growth-coefficient' · 'staff-turnover-coefficient' · 'stats' · 'clipboard-summary' · 'team' · 'clipboard-star' · 'time-tracking' · 'timeline' · 'tennis-ball' · 'trainings' · 'unarchive' · 'union' · 'union-circle' · 'unlock' · 'url' · 'user' · 'visible' · 'warning' · 'panelLeft' · 'panelRight' · 'emailOutlined' · 'lockOutlined' · 'addFolder' · 'moveFolder' · 'attention-circle' · 'zoom' · 'zoom-in' · 'zoom-out' · 'pan' · 'box-select' · 'lasso-select' · 'autoscale' · 'reset-axes' · 'star' · 'preview' · 'dashboard' · 'phone' · 'tablet' · 'desktop' · 'more-info' · 'filter-list' · 'history' · 'overtime' · 'save-2' · 'folder' · 'salary-reports' · 'assessment-stages' · 'comments-on-achievements' · 'code-review-comments' · 'support' · 'leave' · 'vacation' · 'sick-leave' · 'day-off' · 'arrow-sort' · 'menu' · 'dragndrop' · 'send' · 'save' · 'today' · 'busket' · 'copy-link-2' · 'upload' · 'picture' · 'warning-2' · 'info' · 'sort-up' · 'sort-down' · 'bold' · 'italic' · 'strikethrough' · 'underline' · 'h1' · 'h2' · 'h3' · 'markup' · 'numbered-list' · 'bulleted-list' · 'uppercase' · 'dash' · 'brackets' · 'undo' · 'redo' · 'new-line' · 'quotation' · 'close-circle-outline' · 'close-square-outline' · 'close-circle-filled' · 'close-square-filled' · 'plus-square-outline' · 'plus-square-filled' · 'minus-square-outline' · 'minus-square-filled' · 'tick-square-outline' · 'tick-square-filled' · 'warning-circle-outline' · 'warning-square-outline' · 'warning-circle-filled' · 'warning-square-filled' · 'info-square-outline' · 'info-square-filled' · 'info-circle-filled' · 'more-circle-outline' · 'more-square-outline' · 'more-circle-filled' · 'more-square-filled' · 'client-feedback' · 'expertise' · 'responsibilities' · 'mobile' · 'delivery-address' · 'delivery-address-2' · 'pdp' · 'versions' · 'experience' · 'projects' · 'cooperation-model' · 'billable' · 'non-billable' · 'recruitment-team' · 'clear' · 'list' · 'columns'
+
+## Exported types
+
+_Names only — read the `.d.ts` for their shape._
+
+`AccordionGroupContextProps` · `AccordionGroupContextProviderProps` · `AccordionGroupProps`
+`AccordionProps` · `AccordionSize` · `AccordionViewProps` · `AddNewAccountCardProps` · `AlertProps`
+`AlertStyleOverrides` · `AlertVariants` · `AnyTreeItem` · `ArrowButtonProps` · `AvatarProps`
+`AvatarSizes` · `BadgeProps` · `BarGaugeChartFeature` · `BarGaugeChartHeaderProps`
+`BarGaugeChartProps` · `BarLineChartItem` · `BarLineComplexChartContextProps`
+`BarLineComplexChartContextProviderProps` · `BarLineComplexChartFeatures`
+`BarLineComplexChartProps` · `BarLineComplexInternalProps` · `BigNumberChartFeatures`
+`BigNumberChartProps` · `BreadcrumbItem` · `BreadcrumbMatchContext` · `BreadcrumbRouteHandle`
+`BreadcrumbSibling` · `BreadcrumbsProps` · `ButtonGroupButtonProps` · `ButtonGroupContextValue`
+`ButtonGroupItemInput` · `ButtonGroupItem` · `ButtonGroupProps` · `ButtonGroupValue` · `ButtonProps`
+`ButtonTextProps` · `ButtonVariants` · `CalendarType` · `CandlestickChartFeatures`
+`CandlestickChartProps` · `CardListProps` · `CardProps` · `CheckboxProps` · `ChildrenDataProps`
+`ChipColor` · `ChipProps` · `ChipSize` · `ChipVariant` · `CollapsibleNavBarExtendedProps`
+`CollapsibleNavBarGroup` · `CollapsibleNavBarHeader` · `CollapsibleNavBarItem`
+`ColoredButtonTextProps` · `ColorsKeys` · `CommonProps` · `ContextType` · `ControlledButtonProps`
+`CounterProps` · `CounterSizes` · `CounterVariants` · `CustomIconProps` · `CustomTagStyles`
+`DatePickerContextProps` · `DatePickerFormat` · `DatePickerProps` · `DateRangePickerContextProps`
+`DateRangePickerFormBridgeProps` · `DateRangePickerFormBridgeValue` · `DateRangePickerOnChangeDates`
+`DateRangePickerProps` · `DateRangePresetValue` · `DateRangePreset` · `DateTimeTuple`
+`DeprecatedOpenStateProps` · `DropdownContextType` · `DropdownOptionProps` · `DropdownPositions`
+`DropdownProps` · `DropdownToggleProps` · `DynamicAlertParams` · `DynamicNotificationParams`
+`DynamicToastParams` · `FieldContextValue` · `FieldControlProps` · `FieldDescriptionProps`
+`FieldErrorProps` · `FieldLabelProps` · `FieldProps` · `FieldSuccessProps` · `FileAttachmentFile`
+`FileAttachmentProps` · `FileRejectionReason` · `FileUploadProgressEntry` · `FileUploadProgress`
+`FileUploadProps` · `Filter` · `FiltersMultiSelectEmptyProps` · `FiltersMultiSelectOptionProps`
+`FiltersMultiSelectProps` · `FloatingSurfaceColor` · `FloatingSurfaceSize` · `Format`
+`FullscreenModeContextType` · `GaugeBarProps` · `GaugeBarThreshold` · `GaugeBarValueFormatter`
+`GaugeChartFeature` · `GaugeChartProps` · `HistoryItemType` · `HistoryProps` · `IFormCheckboxProps`
+`IconButtonProps` · `IconProps` · `ImageItemProps` · `IndicatorProps` · `InputColors` · `InputProps`
+`InputStatusColors` · `InteractionsEnabled` · `Item` · `LabelProps` · `LargeTabProps`
+`LastFocusedElement` · `LinkProps` · `LinksTabBarProps` · `MainColors` · `MainSizes`
+`MapIconsType` · `ModalContextProps` · `ModalDialogProps` · `ModalProps` · `ModalRootProps`
+`MountMode` · `MultipleStylesProps` · `NavBarExtendedGroup` · `NavBarExtendedItem`
+`NavBarExtendedProps` · `NavBarExtendedSubItem` · `NavBarProps` · `NestedTableContextType`
+`NestedTableRowContextType` · `NotificationCardProps` · `NotificationDynamicProps`
+`NotificationGlobalSharedProps` · `NotificationMenuProps` · `NotificationPositions`
+`NotificationProps` · `NotificationSharedProps` · `NotificationSizes` · `NotificationStyleOverrides`
+`NotificationType` · `NotificationVariants` · `NumberFieldProps` · `OpenStateProps`
+`OpenedAccordion` · `PageButtonProps` · `PaginationButtonsProps` · `PaginationContextProps`
+`PaginationContextProviderProps` · `PaginationProps` · `PaletteColor` · `Palette` · `PeriodOption`
+`Period` · `PersonInfoAvatarProps` · `PersonInfoCounterProps` · `PersonInfoCounterTooltipUser`
+`PersonInfoCounterTooltip` · `PersonInfoLinkAttributes` · `PersonInfoProps` · `PersonInfoStyles`
+`PersonInfoValueProps` · `PickerType` · `PieChartFeatures` · `PieChartLegendItem`
+`PieChartLegendProps` · `PieChartProps` · `PieChartTooltipProps` · `PieChartTooltipViewProps`
+`PopoverArrowProps` · `PopoverContentProps` · `PopoverOptions` · `PopoverTriggerProps`
+`ProgressBarProps` · `ProgressChartTooltipProps` · `ProgressCircleProps` · `ProgressInfoItemProps`
+`ProgressInfoProps` · `ProgressInfoResp` · `ProgressInfoTotalsProps` · `ProgressProps` · `RGBString`
+`RadioGroupProps` · `RadioProps` · `RangePickerType` · `RenderContentProps`
+`ResolveDeprecatedPropOptions` · `ResolvedOpenState` · `ResponsiveImageProps` · `SVGProps`
+`SearchBoxProps` · `SelectedFilter` · `SetIDs` · `SimpleChartTooltipProps` · `SizeStyles`
+`SliderMark` · `SliderProps` · `SliderSize` · `SmallTabProps` · `StepperContextType`
+`StepperProps` · `SwitchContext` · `SwitchProps` · `TabBarContextProps` · `TabBarLink`
+`TabBarProps` · `TabBaseProps` · `TabProps` · `TagsProps` · `TextFieldProps` · `TextareaProps`
+`Theme` · `ToastProps` · `ToastVariants` · `TooltipArrowProps` · `TooltipColor`
+`TooltipContentProps` · `TooltipContentSizes` · `TooltipContextType` · `TooltipProps`
+`TooltipSize` · `TooltipTriggerProps` · `TranslationContextContent` · `TreeItemBase`
+`TreeItemLevel2` · `TreeItemLevel3` · `TreeItemRenderProps` · `TreeItem` · `TreeLevel`
+`TreeMapChartFeature` · `TreeMapChartProps` · `TreeNode` · `TreeViewProps` · `TypeaheadItemProps`
+`TypeaheadItemsListProps` · `TypeaheadOptionProps` · `TypeaheadProps` · `TypeaheadValue`
+`TypographyProps` · `UseBreadcrumbsOptions` · `UseChartInfo` · `UseDrawerOptions`
+`UseFiltersMultiSelectOptions` · `UseFiltersMultiSelectStore` · `UsePopover` · `UseTooltipArgs`
+`UseTooltipContext` · `UseTooltip` · `UseTypeaheadProps` · `UserProfileProps` · `ValueLabelDisplay`
+`VariantStyle` · `WidgetCardProps` · `WithNestedTableRowProps` · `WithWidgetCardProps`
+`WrapperAlignItems` · `WrapperDirection` · `WrapperJustifyContent`