@central-design-system/components 4.0.0-alpha.5 → 4.0.0-alpha.7

package/llms/llms-components.txt

@@ -1,6 +1,6 @@
 # Central Design System (CDS 4) — components
 
-> Version: 4.0.0-alpha.5
+> Version: 4.0.0-alpha.7
 > Documentation for all `@central-design-system/components` components: purpose, examples, and the full API contract.
 > Generated automatically (`bun run generate:meta` → `bun run generate:llms`). Do not edit manually.
 
@@ -293,7 +293,7 @@ import { ref } from 'vue';
 
 const items = ref(['Отдел продаж', 'Отдел закупок', 'Бухгалтерия', 'Юридический отдел']);
 
-const selected = ref(null);
+const selected = ref<string | null>(null);
 const search = ref('');
 
 function addItem() {
@@ -668,7 +668,7 @@ const selected = ref(null);
 | `suffix` | `string \| undefined` | — | no | Text suffix shown after the field value |
 | `textColor` | `string \| undefined` | — | no | Text color of the component |
 | `theme` | `string \| undefined` | — | no | Component theme |
-| `transition` | `string \| boolean \| (TransitionProps & { component?: Component \| undefined; }) \| { component: DefineComponent<ExtractPropTypes<AppendDefault<{ target: PropType<HTMLElement \| [x: number, y: number]>; }, {}>>, ... 18 more ..., any>; } \| null \| undefined` | `{ component: CdsModalTransition }` | no | Transition animation |
+| `transition` | `string \| boolean \| (TransitionProps & { component?: Component \| undefined; }) \| { component: Component; } \| null \| undefined` | `{ component: CdsModalTransition }` | no | Transition animation |
 | `type` | `string \| undefined` | `'text'` | no | Type of the native input |
 | `validateOn` | `ValidateOn \| undefined` | — | no | Changes the type of the event that triggers validation |
 | `valueComparator` | `ValueComparator \| undefined` | — | no | Function that compares item values to determine the selected state |
@@ -1522,7 +1522,7 @@ const items = [{ title: 'Главная', href: '#' }, { title: 'Докумен
 
     <CdsBreadcrumbs :items="items">
       <template #divider>
-        <CdsIcon icon="chevron-right" size="16" />
+        <CdsIcon icon="chevron-right" :size="16" />
       </template>
     </CdsBreadcrumbs>
   </div>
@@ -1577,7 +1577,7 @@ const items = [{ title: 'Главная', href: '#' }, { title: 'Проекты'
   <div class="flex justify-center">
     <CdsBreadcrumbs :items="items">
       <template #title="{ item, index }">
-        <CdsIcon v-if="index === 0" icon="workspace" size="16" start />
+        <CdsIcon v-if="index === 0" icon="workspace" :size="16" start />
         {{ item.title }}
       </template>
     </CdsBreadcrumbs>
@@ -1777,15 +1777,15 @@ const visible = computed(() => (expanded.value ? path : [path[0], '…', ...path
 | `baseColor` | `string \| undefined` | — | no | Color of the component in its inactive state |
 | `bgColor` | `string \| undefined` | — | no | Background color of the component |
 | `color` | `string \| undefined` | — | no | Component color |
-| `disabled` | `boolean \| null \| undefined` | — | no | Disabled state |
+| `disabled` | `boolean \| null \| undefined` | `null` | no | Disabled state |
 | `exact` | `boolean \| undefined` | — | no | If true, the active state applies only on an exact route match |
 | `href` | `string \| undefined` | — | no | The `href` attribute of the link. When set, the component behaves as a regular link |
 | `maxWidth` | `string \| number \| undefined` | — | no | Maximum component width |
 | `replace` | `boolean \| undefined` | — | no | If true, navigation replaces the current history entry instead of pushing a new one |
-| `tag` | `string \| JSXComponent<any> \| undefined` | — | no | Custom HTML tag or component to render |
+| `tag` | `string \| JSXComponent<any> \| undefined` | `'li'` | no | Custom HTML tag or component to render |
 | `textColor` | `string \| undefined` | — | no | Text color of the component |
 | `title` | `string \| undefined` | — | no | Item title displayed in the component |
-| `to` | `string \| RouteLocationAsRelativeGeneric \| RouteLocationAsPathGeneric \| undefined` | — | no | Target route or route location object for RouterLink. When set, the component behaves as a RouterLink |
+| `to` | `LinkTo \| undefined` | — | no | Target route or route location object for RouterLink. When set, the component behaves as a RouterLink |
 | `width` | `string \| number \| undefined` | — | no | Component width |
 
 **Slots**
@@ -2198,7 +2198,7 @@ const totalSteps = 4;
 | `text` | `string \| number \| undefined` | — | no | Text displayed in the component. |
 | `textColor` | `string \| undefined` | — | no | Text color of the component |
 | `theme` | `string \| undefined` | — | no | Component theme |
-| `to` | `string \| RouteLocationAsRelativeGeneric \| RouteLocationAsPathGeneric \| undefined` | — | no | Target route or route location object for RouterLink. When set, the component behaves as a RouterLink |
+| `to` | `LinkTo \| undefined` | — | no | Target route or route location object for RouterLink. When set, the component behaves as a RouterLink |
 | `value` | `any` | — | no | Value of the component within the group |
 | `width` | `string \| number \| undefined` | — | no | Component width |
 
@@ -3399,7 +3399,7 @@ const photos = [
 | `textColor` | `string \| undefined` | — | no | Text color of the component |
 | `theme` | `string \| undefined` | — | no | Component theme |
 | `title` | `string \| number \| boolean \| undefined` | — | no | Card title. Rendered inside `CdsCardItem` above the subtitle. |
-| `to` | `string \| RouteLocationAsRelativeGeneric \| RouteLocationAsPathGeneric \| undefined` | — | no | Target route or route location object for RouterLink. When set, the component behaves as a RouterLink |
+| `to` | `LinkTo \| undefined` | — | no | Target route or route location object for RouterLink. When set, the component behaves as a RouterLink |
 | `value` | `any` | — | no | Value of the component within the group |
 | `width` | `string \| number \| undefined` | — | no | Component width |
 
@@ -3424,8 +3424,8 @@ const photos = [
 
 | Prop | Type | Default | Required | Description |
 | --- | --- | --- | --- | --- |
-| `align` | `"start" \| "end" \| "center" \| undefined` | — | no | Horizontal alignment of the action buttons |
-| `tag` | `string \| JSXComponent<any> \| undefined` | — | no | Custom HTML tag or component to render |
+| `align` | `"start" \| "end" \| "center" \| undefined` | `'start'` | no | Horizontal alignment of the action buttons |
+| `tag` | `string \| JSXComponent<any> \| undefined` | `'div'` | no | Custom HTML tag or component to render |
 
 **Slots**
 
@@ -3445,10 +3445,10 @@ const photos = [
 | `inset` | `boolean \| undefined` | — | no | Adds an indent to horizontal dividers and reduces the maximum height of vertical ones. |
 | `length` | `string \| number \| undefined` | — | no | Length of the divider. Defaults to pixels. |
 | `opacity` | `string \| number \| undefined` | — | no | Opacity of the divider. |
-| `tag` | `string \| JSXComponent<any> \| undefined` | — | no | Custom HTML tag or component to render |
+| `tag` | `string \| JSXComponent<any> \| undefined` | `'div'` | no | Custom HTML tag or component to render |
 | `theme` | `string \| undefined` | — | no | Component theme |
 | `thickness` | `string \| number \| undefined` | — | no | Thickness of the divider. Defaults to pixels. |
-| `variant` | `"dotted" \| "dashed" \| "solid" \| "double" \| undefined` | — | no | Visual variant of the divider |
+| `variant` | `"dotted" \| "dashed" \| "solid" \| "double" \| undefined` | `'solid'` | no | Visual variant of the divider |
 | `vertical` | `boolean \| undefined` | — | no | Renders the divider vertically |
 
 **Slots**
@@ -3463,15 +3463,15 @@ const photos = [
 
 | Prop | Type | Default | Required | Description |
 | --- | --- | --- | --- | --- |
-| `direction` | `"horizontal" \| "vertical" \| undefined` | — | no | Switches the component between horizontal and vertical layout. |
-| `disabled` | `boolean \| null \| undefined` | — | no | Disabled state |
+| `direction` | `"horizontal" \| "vertical" \| undefined` | `'horizontal'` | no | Switches the component between horizontal and vertical layout. |
+| `disabled` | `boolean \| null \| undefined` | `null` | no | Disabled state |
 | `mandatory` | `boolean \| "force" \| undefined` | — | no | Requires at least one item to stay selected |
 | `max` | `number \| undefined` | — | no | Maximum number of items that can be selected |
 | `modelValue` | `any` | — | no | Value of the selected items of the group |
 | `multiple` | `boolean \| undefined` | — | no | Allows selecting several items at once |
 | `required` | `boolean \| "force" \| undefined` | — | no | Requires at least one item to stay selected |
-| `selectedClass` | `string \| undefined` | — | no | CSS class applied in the selected state |
-| `tag` | `string \| JSXComponent<any> \| undefined` | — | no | Custom HTML tag or component to render |
+| `selectedClass` | `string \| undefined` | `'cds-card--selected'` | no | CSS class applied in the selected state |
+| `tag` | `string \| JSXComponent<any> \| undefined` | `'div'` | no | Custom HTML tag or component to render |
 | `theme` | `string \| undefined` | — | no | Component theme |
 
 **Slots**
@@ -3502,7 +3502,7 @@ const photos = [
 | `prependAvatar` | `string \| undefined` | — | no | Avatar shown before (to the left of) the content. |
 | `prependIcon` | `IconValue \| undefined` | — | no | Icon shown before (to the left of) the content. |
 | `subtitle` | `string \| number \| boolean \| undefined` | — | no | Subtitle of the card item. |
-| `tag` | `string \| JSXComponent<any> \| undefined` | — | no | Custom HTML tag or component to render |
+| `tag` | `string \| JSXComponent<any> \| undefined` | `'div'` | no | Custom HTML tag or component to render |
 | `title` | `string \| number \| boolean \| undefined` | — | no | Title of the card item. |
 
 **Slots**
@@ -3522,7 +3522,7 @@ const photos = [
 | Prop | Type | Default | Required | Description |
 | --- | --- | --- | --- | --- |
 | `opacity` | `string \| number \| undefined` | — | no | Opacity of the subtitle text. |
-| `tag` | `string \| JSXComponent<any> \| undefined` | — | no | Custom HTML tag or component to render |
+| `tag` | `string \| JSXComponent<any> \| undefined` | `'div'` | no | Custom HTML tag or component to render |
 
 **Slots**
 
@@ -3537,7 +3537,7 @@ const photos = [
 | Prop | Type | Default | Required | Description |
 | --- | --- | --- | --- | --- |
 | `opacity` | `string \| number \| undefined` | — | no | Opacity of the card text. |
-| `tag` | `string \| JSXComponent<any> \| undefined` | — | no | Custom HTML tag or component to render |
+| `tag` | `string \| JSXComponent<any> \| undefined` | `'div'` | no | Custom HTML tag or component to render |
 
 **Slots**
 
@@ -3551,7 +3551,7 @@ const photos = [
 
 | Prop | Type | Default | Required | Description |
 | --- | --- | --- | --- | --- |
-| `tag` | `string \| JSXComponent<any> \| undefined` | — | no | Custom HTML tag or component to render |
+| `tag` | `string \| JSXComponent<any> \| undefined` | `'div'` | no | Custom HTML tag or component to render |
 
 **Slots**
 
@@ -4116,7 +4116,7 @@ const isLast = computed(() => slide.value === steps.length - 1);
 | `contentClass` | `any` | — | no | CSS class applied to the content wrapper. |
 | `cover` | `boolean \| undefined` | — | no | Scales the image so that it covers the whole container (`object-fit: cover`). |
 | `crossorigin` | `"" \| "anonymous" \| "use-credentials" \| undefined` | — | no | Value of the `crossorigin` attribute. |
-| `disabled` | `boolean \| null \| undefined` | — | no | Disabled state |
+| `disabled` | `boolean \| null \| undefined` | `null` | no | Disabled state |
 | `draggable` | `boolean \| "true" \| "false" \| undefined` | — | no | Controls whether the image can be dragged (the `draggable` attribute). |
 | `eager` | `boolean \| undefined` | — | no | Renders the content of the component right away. Useful when you have content that is not in the DOM but has to be indexed for SEO. |
 | `gradient` | `string \| undefined` | — | no | CSS gradient laid over the image. For example `'to top, rgba(0,0,0,.4), transparent'`. |
@@ -4128,13 +4128,13 @@ const isLast = computed(() => slide.value === steps.length - 1);
 | `maxWidth` | `string \| number \| undefined` | — | no | Maximum component width |
 | `minHeight` | `string \| number \| undefined` | — | no | Minimum component height |
 | `minWidth` | `string \| number \| undefined` | — | no | Minimum component width |
-| `options` | `IntersectionObserverInit \| undefined` | — | no | `IntersectionObserver` options for lazy loading. |
+| `options` | `IntersectionObserverInit \| undefined` | `{}` | no | `IntersectionObserver` options for lazy loading. |
 | `position` | `string \| undefined` | — | no | Value of `object-position` that places the image inside the container. |
 | `referrerpolicy` | `"origin" \| "no-referrer" \| "no-referrer-when-downgrade" \| "origin-when-cross-origin" \| "same-origin" \| "strict-origin" \| "strict-origin-when-cross-origin" \| "unsafe-url" \| undefined` | — | no | Value of the `referrerpolicy` attribute. |
 | `reverseTransition` | `string \| boolean \| undefined` | — | no | Transition used when the slide appears in the reverse direction. A transition component name, or `false` to turn the animation off |
 | `selectedClass` | `string \| undefined` | — | no | CSS class applied in the selected state |
 | `sizes` | `string \| undefined` | — | no | Value of the `sizes` attribute for responsive images. |
-| `src` | `string \| CdsImageSrcObject \| undefined` | — | no | Image source. A string or an object with `src`/`srcset`/`lazySrc`/`aspect`. |
+| `src` | `string \| CdsImageSrcObject \| undefined` | `''` | no | Image source. A string or an object with `src`/`srcset`/`lazySrc`/`aspect`. |
 | `srcset` | `string \| undefined` | — | no | Set of image sources for different resolutions (the `srcset` attribute). |
 | `theme` | `string \| undefined` | — | no | Component theme |
 | `transition` | `string \| boolean \| undefined` | — | no | Transition used when the slide appears in the forward direction. A transition component name, or `false` to turn the animation off |
@@ -5121,7 +5121,7 @@ async function submit() {
 | `suffix` | `string \| undefined` | — | no | Text suffix shown after the field value |
 | `textColor` | `string \| undefined` | — | no | Text color of the component |
 | `theme` | `string \| undefined` | — | no | Component theme |
-| `transition` | `string \| boolean \| (TransitionProps & { component?: Component \| undefined; }) \| { component: DefineComponent<ExtractPropTypes<AppendDefault<{ target: PropType<HTMLElement \| [x: number, y: number]>; }, {}>>, ... 18 more ..., any>; } \| null \| undefined` | `{ component: CdsModalTransition }` | no | Transition animation |
+| `transition` | `string \| boolean \| (TransitionProps & { component?: Component \| undefined; }) \| { component: Component; } \| null \| undefined` | `{ component: CdsModalTransition }` | no | Transition animation |
 | `type` | `string \| undefined` | `'text'` | no | Type of the native input |
 | `validateOn` | `ValidateOn \| undefined` | — | no | Changes the type of the event that triggers validation |
 | `valueComparator` | `ValueComparator \| undefined` | — | no | Function that compares item values to determine the selected state |
@@ -6474,7 +6474,7 @@ const dateTime = ref(`15.${String(now.getMonth() + 1).padStart(2, '0')}.${now.ge
 | `mask` | `string \| undefined` | `'DD.MM.YYYY'` | no | Date/time format |
 | `maxYearMonth` | `string \| undefined` | — | no | Forbid navigating the calendar past the given maximum date in the YYYY/MM format. |
 | `minYearMonth` | `string \| undefined` | — | no | Forbid navigating the calendar before the given minimum date in the YYYY/MM format. |
-| `modelValue` | `string \| TDatetimeValueRange \| (string \| TDatetimeValueRange)[] \| undefined` | `null` | no | Value of the model |
+| `modelValue` | `string \| TDatetimeValueRange \| (string \| TDatetimeValueRange)[] \| null \| undefined` | `null` | no | Value of the model |
 | `multiple` | `boolean \| undefined` | — | no | Allows selecting several dates. The v-model must be an array. |
 | `noUnset` | `boolean \| undefined` | — | no | Forbid resetting the date in the calendar. |
 | `range` | `boolean \| undefined` | — | no | Allows selecting a range of dates. The v-model must be an array. |
@@ -8004,12 +8004,12 @@ import { CdsEmptyState } from '@central-design-system/components';
 | `maxWidth` | `string \| number \| undefined` | — | no | Maximum component width |
 | `minHeight` | `string \| number \| undefined` | — | no | Minimum component height |
 | `minWidth` | `string \| number \| undefined` | — | no | Minimum component width |
-| `size` | `number \| "xs" \| "sm" \| "md" \| "lg" \| "xl" \| undefined` | — | no | Size of the component |
+| `size` | `number \| "xs" \| "sm" \| "md" \| "lg" \| "xl" \| undefined` | `'md'` | no | Size of the component |
 | `text` | `string \| number \| undefined` | — | no | Text displayed in the component. |
 | `textWidth` | `string \| number \| undefined` | `500` | no | Maximum width of the description block. |
 | `theme` | `string \| undefined` | — | no | Component theme |
 | `title` | `string \| undefined` | — | no | Heading. |
-| `to` | `string \| RouteLocationAsRelativeGeneric \| RouteLocationAsPathGeneric \| undefined` | — | no | Target route or route location object for RouterLink. When set, the component behaves as a RouterLink |
+| `to` | `LinkTo \| undefined` | — | no | Target route or route location object for RouterLink. When set, the component behaves as a RouterLink |
 | `width` | `string \| number \| undefined` | — | no | Component width |
 
 **Events**
@@ -8734,26 +8734,26 @@ const cities = [
 
 | Prop | Type | Default | Required | Description |
 | --- | --- | --- | --- | --- |
-| `appearance` | `"primary" \| "secondary" \| "transparent" \| undefined` | — | no | Appearance of the panels |
-| `collapseIcon` | `IconValue \| undefined` | — | no | Icon shown when the panel is expanded and can be collapsed |
-| `disabled` | `boolean \| null \| undefined` | — | no | Disabled state |
+| `appearance` | `"primary" \| "secondary" \| "transparent" \| undefined` | `'primary'` | no | Appearance of the panels |
+| `collapseIcon` | `IconValue \| undefined` | `'chevron-up'` | no | Icon shown when the panel is expanded and can be collapsed |
+| `disabled` | `boolean \| null \| undefined` | `null` | no | Disabled state |
 | `eager` | `boolean \| undefined` | — | no | Renders the content of the component right away. Useful when you have content that is not in the DOM but has to be indexed for SEO. |
-| `expandIcon` | `IconValue \| undefined` | — | no | Icon shown when the panel is collapsed and can be expanded |
+| `expandIcon` | `IconValue \| undefined` | `'chevron-down'` | no | Icon shown when the panel is collapsed and can be expanded |
 | `focusable` | `boolean \| undefined` | — | no | Highlights the title with a background on focus |
 | `gap` | `string \| number \| undefined` | — | no | Spacing between the panels |
 | `hideActions` | `boolean \| undefined` | — | no | Hides the expand/collapse icon |
-| `hover` | `boolean \| undefined` | — | no | Highlights the title with a background on hover |
+| `hover` | `boolean \| undefined` | `true` | no | Highlights the title with a background on hover |
 | `mandatory` | `boolean \| "force" \| undefined` | — | no | Requires at least one item to stay selected |
 | `max` | `number \| undefined` | — | no | Maximum number of items that can be selected |
 | `modelValue` | `any` | — | no | Value of the selected items of the group |
 | `multiple` | `boolean \| undefined` | — | no | Allows selecting several items at once |
-| `readonly` | `boolean \| null \| undefined` | — | no | Read-only state |
+| `readonly` | `boolean \| null \| undefined` | `null` | no | Read-only state |
 | `required` | `boolean \| "force" \| undefined` | — | no | Requires at least one item to stay selected |
 | `selectedClass` | `string \| undefined` | — | no | CSS class applied in the selected state |
 | `static` | `boolean \| undefined` | — | no | Turns off the animation of the title |
-| `tag` | `string \| JSXComponent<any> \| undefined` | — | no | Custom HTML tag or component to render |
+| `tag` | `string \| JSXComponent<any> \| undefined` | `'div'` | no | Custom HTML tag or component to render |
 | `theme` | `string \| undefined` | — | no | Component theme |
-| `variant` | `"default" \| "accordion" \| undefined` | — | no | Display variant of the panel group |
+| `variant` | `"default" \| "accordion" \| undefined` | `'default'` | no | Display variant of the panel group |
 
 **Events**
 
@@ -8780,17 +8780,17 @@ const cities = [
 
 | Prop | Type | Default | Required | Description |
 | --- | --- | --- | --- | --- |
-| `collapseIcon` | `IconValue \| undefined` | — | no | Icon shown when the panel is expanded and can be collapsed |
-| `expandIcon` | `IconValue \| undefined` | — | no | Icon shown when the panel is collapsed and can be expanded |
+| `collapseIcon` | `IconValue \| undefined` | `'chevron-up'` | no | Icon shown when the panel is expanded and can be collapsed |
+| `expandIcon` | `IconValue \| undefined` | `'chevron-down'` | no | Icon shown when the panel is collapsed and can be expanded |
 | `focusable` | `boolean \| undefined` | — | no | Highlights the title with a background on focus |
 | `height` | `string \| number \| undefined` | — | no | Component height |
 | `hideActions` | `boolean \| undefined` | — | no | Hides the expand/collapse icon |
-| `hover` | `boolean \| undefined` | — | no | Highlights the title with a background on hover |
+| `hover` | `boolean \| undefined` | `true` | no | Highlights the title with a background on hover |
 | `maxHeight` | `string \| number \| undefined` | — | no | Maximum component height |
 | `maxWidth` | `string \| number \| undefined` | — | no | Maximum component width |
 | `minHeight` | `string \| number \| undefined` | — | no | Minimum component height |
 | `minWidth` | `string \| number \| undefined` | — | no | Minimum component width |
-| `readonly` | `boolean \| null \| undefined` | — | no | Read-only state |
+| `readonly` | `boolean \| null \| undefined` | `null` | no | Read-only state |
 | `static` | `boolean \| undefined` | — | no | Turns off the animation of the title |
 | `width` | `string \| number \| undefined` | — | no | Component width |
 
@@ -9061,6 +9061,7 @@ function addTag() {
 | `error` | `boolean \| undefined` | — | no | Error state |
 | `focused` | `boolean \| undefined` | — | no | Controls the focus state of the component. When `true`, the component is considered focused and may apply the corresponding styles or behavior. |
 | `iconColor` | `string \| boolean \| undefined` | — | no | Icon color. Accepts a boolean or a color string |
+| `id` | `string \| undefined` | — | no | Field identifier — the value of the `id` HTML attribute for the inner control |
 | `loading` | `string \| boolean \| undefined` | — | no | Loading indicator for the component |
 | `persistentClearable` | `boolean \| undefined` | — | no | Always show the clear button, not only on hover or focus |
 | `prependInnerIcon` | `IconValue \| undefined` | — | no | Icon in the inner prepend slot, before the content of the field |
@@ -10140,7 +10141,7 @@ watch(
 | `maxWidth` | `string \| number \| undefined` | — | no | Maximum component width |
 | `messages` | `string \| readonly string[] \| undefined` | `[]` | no | Messages shown under the input |
 | `minWidth` | `string \| number \| undefined` | — | no | Minimum component width |
-| `modelValue` | `File \| File[] \| undefined` | `null` | no | The chosen files. An array with `multiple`, a single `File` otherwise. |
+| `modelValue` | `File \| File[] \| null \| undefined` | `null` | no | The chosen files. An array with `multiple`, a single `File` otherwise. |
 | `multiple` | `boolean \| undefined` | — | no | Allows choosing several files. |
 | `name` | `string \| undefined` | — | no | Name of the input |
 | `persistentHint` | `boolean \| undefined` | — | no | Always show the hint, not only on focus |
@@ -10208,35 +10209,35 @@ watch(
 
 | Prop | Type | Default | Required | Description |
 | --- | --- | --- | --- | --- |
-| `browseText` | `string \| undefined` | — | no | Text of the file browse button. Supports localization keys (`$cds.fileUpload.browse`). |
+| `browseText` | `string \| undefined` | `'$cds.fileUpload.browse'` | no | Text of the file browse button. Supports localization keys (`$cds.fileUpload.browse`). |
 | `clearable` | `boolean \| undefined` | — | no | Allows removing the chosen files from the list. |
 | `color` | `string \| undefined` | — | no | Background color of the surface |
-| `disabled` | `boolean \| null \| undefined` | — | no | Disabled state |
-| `dividerText` | `string \| undefined` | — | no | Text of the divider between the icon and the file browse button. |
+| `disabled` | `boolean \| null \| undefined` | `null` | no | Disabled state |
+| `dividerText` | `string \| undefined` | `'$cds.fileUpload.divider'` | no | Text of the divider between the icon and the file browse button. |
 | `error` | `boolean \| undefined` | — | no | Shows the upload zone in the error state. |
 | `height` | `string \| number \| undefined` | — | no | Component height |
 | `hideBrowse` | `boolean \| undefined` | — | no | Hides the file browse button — the whole upload zone becomes clickable. |
-| `icon` | `IconValue \| undefined` | — | no | Icon in the center of the upload zone. |
+| `icon` | `IconValue \| undefined` | `'upload'` | no | Icon in the center of the upload zone. |
 | `insetFileList` | `boolean \| undefined` | — | no | Shows the list of the chosen files inside the upload zone instead of under it. |
-| `length` | `string \| number \| undefined` | — | no | Length of the divider. Defaults to pixels. |
+| `length` | `string \| number \| undefined` | `150` | no | Length of the divider. Defaults to pixels. |
 | `location` | `Anchor \| null \| undefined` | — | no | Position of the element relative to its container, for example "top left", "center", "bottom right". |
 | `maxHeight` | `string \| number \| undefined` | — | no | Maximum component height |
 | `maxWidth` | `string \| number \| undefined` | — | no | Maximum component width |
 | `minHeight` | `string \| number \| undefined` | — | no | Minimum component height |
 | `minWidth` | `string \| number \| undefined` | — | no | Minimum component width |
-| `modelValue` | `File[] \| undefined` | — | no | The list of the chosen files. Used when `CdsFileUploadDropzone` is applied on its own. |
+| `modelValue` | `File[] \| undefined` | `[]` | no | The list of the chosen files. Used when `CdsFileUploadDropzone` is applied on its own. |
 | `multiple` | `boolean \| undefined` | — | no | Allows choosing several files. |
 | `opacity` | `string \| number \| undefined` | — | no | Opacity of the divider. |
 | `position` | `"absolute" \| "static" \| "fixed" \| "relative" \| "sticky" \| undefined` | — | no | CSS positioning of the component — the value of the `position` property |
-| `readonly` | `boolean \| null \| undefined` | — | no | Read-only state |
-| `scrim` | `string \| boolean \| undefined` | — | no | Dimming of the upload zone while files are being dragged over it. |
-| `showSize` | `ShowSize \| undefined` | — | no | Shows the size of the file. A number sets the base for the human-readable conversion. |
-| `size` | `"sm" \| "md" \| "lg" \| undefined` | — | no | Size of the upload zone. With `sm` the zone is shown as a compact row without the browse button and the divider. |
+| `readonly` | `boolean \| null \| undefined` | `null` | no | Read-only state |
+| `scrim` | `string \| boolean \| undefined` | `true` | no | Dimming of the upload zone while files are being dragged over it. |
+| `showSize` | `ShowSize \| undefined` | `false` | no | Shows the size of the file. A number sets the base for the human-readable conversion. |
+| `size` | `"sm" \| "md" \| "lg" \| undefined` | `'md'` | no | Size of the upload zone. With `sm` the zone is shown as a compact row without the browse button and the divider. |
 | `subtitle` | `string \| undefined` | — | no | Subtitle under the file browse button. Shown with `size` `md` and `lg` only. |
-| `tag` | `string \| JSXComponent<any> \| undefined` | — | no | Custom HTML tag or component to render |
+| `tag` | `string \| JSXComponent<any> \| undefined` | `'div'` | no | Custom HTML tag or component to render |
 | `theme` | `string \| undefined` | — | no | Component theme |
 | `thickness` | `string \| number \| undefined` | — | no | Thickness of the divider. Defaults to pixels. |
-| `title` | `string \| undefined` | — | no | Title of the upload zone. |
+| `title` | `string \| undefined` | `'$cds.fileUpload.title'` | no | Title of the upload zone. |
 | `width` | `string \| number \| undefined` | — | no | Component width |
 
 **Events**
@@ -10277,14 +10278,14 @@ watch(
 | `clearable` | `boolean \| undefined` | — | no | Allows removing the file from the list. |
 | `color` | `string \| undefined` | — | no | Component color |
 | `description` | `string \| number \| boolean \| undefined` | — | no | Description of the list item shown below the title and the subtitle |
-| `disabled` | `boolean \| null \| undefined` | — | no | Disabled state |
+| `disabled` | `boolean \| null \| undefined` | `null` | no | Disabled state |
 | `exact` | `boolean \| undefined` | — | no | If true, the active state applies only on an exact route match |
-| `file` | `File \| undefined` | — | no | The file shown by the list item. |
-| `fileIcon` | `IconValue \| undefined` | — | no | Fallback icon for the files that have no preview. |
+| `file` | `File \| undefined` | `null` | no | The file shown by the list item. |
+| `fileIcon` | `IconValue \| undefined` | `'doc'` | no | Fallback icon for the files that have no preview. |
 | `height` | `string \| number \| undefined` | — | no | Component height |
 | `href` | `string \| undefined` | — | no | The `href` attribute of the link. When set, the component behaves as a regular link |
 | `index` | `number \| undefined` | — | no | Index of the item; used for keyboard navigation |
-| `lines` | `false \| "one" \| "two" \| "three" \| undefined` | — | no | Number of lines in the list items; affects their height. `false` turns off the fixed height |
+| `lines` | `false \| "one" \| "two" \| "three" \| undefined` | `'two'` | no | Number of lines in the list items; affects their height. `false` turns off the fixed height |
 | `link` | `boolean \| undefined` | — | no | Turns the item into a clickable link. Detected automatically when `href` or `to` is set |
 | `maxHeight` | `string \| number \| undefined` | — | no | Maximum component height |
 | `maxWidth` | `string \| number \| undefined` | — | no | Maximum component width |
@@ -10295,14 +10296,15 @@ watch(
 | `prependGap` | `string \| number \| undefined` | — | no | Indent before the item content (reserves space for the prepend icon or avatar) |
 | `prependIcon` | `IconValue \| undefined` | — | no | Icon shown before the item content |
 | `replace` | `boolean \| undefined` | — | no | If true, navigation replaces the current history entry instead of pushing a new one |
-| `showSize` | `ShowSize \| undefined` | — | no | Shows the size of the file instead of its MIME type. |
+| `showSize` | `ShowSize \| undefined` | `false` | no | Shows the size of the file instead of its MIME type. |
 | `slim` | `boolean \| undefined` | — | no | Removes the inner paddings of the list and of the menu container: the list fills the available area completely |
 | `subtitle` | `string \| number \| boolean \| undefined` | — | no | Subtitle of the item shown below the title |
-| `tag` | `string \| JSXComponent<any> \| undefined` | — | no | Custom HTML tag or component to render |
+| `tabindex` | `string \| number \| undefined` | — | no | Value of the element `tabindex` attribute |
+| `tag` | `string \| JSXComponent<any> \| undefined` | `'div'` | no | Custom HTML tag or component to render |
 | `textColor` | `string \| undefined` | — | no | Text color of the component |
 | `theme` | `string \| undefined` | — | no | Component theme |
 | `title` | `string \| number \| boolean \| undefined` | — | no | Title of the item shown in the component |
-| `to` | `string \| RouteLocationAsRelativeGeneric \| RouteLocationAsPathGeneric \| undefined` | — | no | Target route or route location object for RouterLink. When set, the component behaves as a RouterLink |
+| `to` | `LinkTo \| undefined` | — | no | Target route or route location object for RouterLink. When set, the component behaves as a RouterLink |
 | `value` | `any` | — | no | Value of the item used for selection and activation in the list |
 | `width` | `string \| number \| undefined` | — | no | Component width |
 
@@ -10341,20 +10343,20 @@ watch(
 | `clearable` | `boolean \| undefined` | — | no | Allows removing files from the list. |
 | `collapseIcon` | `IconValue \| undefined` | — | no | Icon shown on a collapsed group |
 | `color` | `string \| undefined` | — | no | Component color |
-| `disabled` | `boolean \| null \| undefined` | — | no | Disabled state |
+| `disabled` | `boolean \| null \| undefined` | `null` | no | Disabled state |
 | `expandIcon` | `IconValue \| undefined` | — | no | Icon shown on an expanded group |
 | `files` | `File[] \| undefined` | — | no | The list of files. Taken from the `CdsFileUpload` context by default. |
 | `filterable` | `boolean \| undefined` | — | no | **FOR INTERNAL USE ONLY** Turns on filtering mode: the space key does not select an item but is used for typing. Applies to the CdsCombobox and CdsAutocomplete components |
 | `height` | `string \| number \| undefined` | — | no | Component height |
 | `indent` | `string \| number \| undefined` | — | no | Indent size for nested item groups |
-| `itemChildren` | `SelectItemKey` | — | no | Object field that holds the child items, or a function that returns them |
-| `itemProps` | `SelectItemKey` | — | no | Object field that holds the props of the item, or a function that returns them |
-| `items` | `any[] \| undefined` | — | no | Array of items to display |
-| `itemsRegistration` | `ItemsRegistrationType \| undefined` | — | no | Item registration strategy: `render` — as they are rendered, otherwise all at once |
-| `itemTitle` | `SelectItemKey` | — | no | Object field used as the item title, or a function that returns it |
-| `itemType` | `SelectItemKey` | — | no | Object field that defines the item type (`item`, `divider`, `subheader`), or a function that returns it |
-| `itemValue` | `SelectItemKey` | — | no | Object field used as the item value, or a function that returns it |
-| `lines` | `false \| "one" \| "two" \| "three" \| undefined` | — | no | Number of lines in the list items; affects their height. `false` turns off the fixed height |
+| `itemChildren` | `SelectItemKey` | `'children'` | no | Object field that holds the child items, or a function that returns them |
+| `itemProps` | `SelectItemKey` | `'props'` | no | Object field that holds the props of the item, or a function that returns them |
+| `items` | `any[] \| undefined` | `[]` | no | Array of items to display |
+| `itemsRegistration` | `ItemsRegistrationType \| undefined` | `'render'` | no | Item registration strategy: `render` — as they are rendered, otherwise all at once |
+| `itemTitle` | `SelectItemKey` | `'title'` | no | Object field used as the item title, or a function that returns it |
+| `itemType` | `SelectItemKey` | `'type'` | no | Object field that defines the item type (`item`, `divider`, `subheader`), or a function that returns it |
+| `itemValue` | `SelectItemKey` | `'value'` | no | Object field used as the item value, or a function that returns it |
+| `lines` | `false \| "one" \| "two" \| "three" \| undefined` | `false` | no | Number of lines in the list items; affects their height. `false` turns off the fixed height |
 | `mandatory` | `boolean \| undefined` | — | no | Makes the selection mandatory: forbids clearing the selection of the last item |
 | `maxHeight` | `string \| number \| undefined` | — | no | Maximum component height |
 | `maxWidth` | `string \| number \| undefined` | — | no | Maximum component width |
@@ -10362,18 +10364,18 @@ watch(
 | `minWidth` | `string \| number \| undefined` | — | no | Minimum component width |
 | `nav` | `boolean \| undefined` | — | no | Applies navigation list styles (rounded active items) |
 | `navigationIndex` | `number \| undefined` | — | no | Index of the current item during keyboard navigation (supports v-model) |
-| `navigationStrategy` | `"focus" \| "track" \| undefined` | — | no | Keyboard navigation strategy: `focus` — moves the focus, `track` — a virtual cursor |
+| `navigationStrategy` | `"focus" \| "track" \| undefined` | `'focus'` | no | Keyboard navigation strategy: `focus` — moves the focus, `track` — a virtual cursor |
 | `opened` | `any` | — | no | Identifiers of the expanded groups (supports v-model through `update:opened`) |
-| `openStrategy` | `OpenStrategyProp \| undefined` | — | no | Expansion strategy for groups (`list`, `single`, `multiple`) |
+| `openStrategy` | `OpenStrategyProp \| undefined` | `'list'` | no | Expansion strategy for groups (`list`, `single`, `multiple`) |
 | `prependGap` | `string \| number \| undefined` | — | no | Indent before the item content (reserves space for the prepend icon or avatar) |
 | `required` | `boolean \| undefined` | — | no | Makes the selection mandatory: forbids clearing the selection of the last item |
 | `returnObject` | `boolean \| undefined` | — | no | Return an object in the model value instead of an array |
 | `selectable` | `boolean \| undefined` | — | no | Allows items to be selected |
 | `selected` | `any` | — | no | Identifiers of the selected items (supports v-model through `update:selected`) |
-| `selectStrategy` | `SelectStrategyProp \| undefined` | — | no | Selection strategy for items (`single-leaf`, `leaf`, `independent`, `classic`, and so on) |
-| `showSize` | `ShowSize \| undefined` | — | no | Shows the size of every file. |
+| `selectStrategy` | `SelectStrategyProp \| undefined` | `'single-leaf'` | no | Selection strategy for items (`single-leaf`, `leaf`, `independent`, `classic`, and so on) |
+| `showSize` | `ShowSize \| undefined` | `false` | no | Shows the size of every file. |
 | `slim` | `boolean \| undefined` | — | no | Removes the inner paddings of the list and of the menu container: the list fills the available area completely |
-| `tag` | `string \| JSXComponent<any> \| undefined` | — | no | Custom HTML tag or component to render |
+| `tag` | `string \| JSXComponent<any> \| undefined` | `'div'` | no | Custom HTML tag or component to render |
 | `textColor` | `string \| undefined` | — | no | Text color of the component |
 | `theme` | `string \| undefined` | — | no | Component theme |
 | `valueComparator` | `ValueComparator \| undefined` | — | no | Function that compares item values to determine the selected state |
@@ -11186,7 +11188,7 @@ way.
 import { CdsButton, CdsCheckbox, CdsForm, CdsTextInput } from '@central-design-system/components';
 import { useVuelidate } from '@vuelidate/core';
 import { email, maxLength, minLength, required } from '@vuelidate/validators';
-import { reactive, ref } from 'vue';
+import { reactive, ref, unref } from 'vue';
 
 const initialState = {
   name: '',
@@ -11230,7 +11232,7 @@ const submit = () => {
   <CdsForm class="flex flex-col gap-2 w-[350px] m-auto" @submit.prevent="submit">
     <CdsTextInput
       v-model="state.name"
-      :error-messages="v$.name.$errors.map((e) => e.$message)"
+      :error-messages="v$.name.$errors.map((e) => unref(e.$message))"
       label="Имя"
       placeholder="Введите имя"
       @input="v$.name.$touch()"
@@ -11238,7 +11240,7 @@ const submit = () => {
     />
     <CdsTextInput
       v-model="state.phone"
-      :error-messages="v$.phone.$errors.map((e) => e.$message)"
+      :error-messages="v$.phone.$errors.map((e) => unref(e.$message))"
       label="Номер телефона"
       placeholder="Введите номер"
       @input="v$.phone.$touch()"
@@ -11246,7 +11248,7 @@ const submit = () => {
     />
     <CdsTextInput
       v-model="state.email"
-      :error-messages="v$.email.$errors.map((e) => e.$message)"
+      :error-messages="v$.email.$errors.map((e) => unref(e.$message))"
       label="E-mail"
       placeholder="Введите E-mail"
       @input="v$.email.$touch()"
@@ -11254,7 +11256,7 @@ const submit = () => {
     />
     <CdsCheckbox
       v-model="state.checkbox"
-      :error-messages="v$.checkbox.$errors.map((e) => e.$message)"
+      :error-messages="v$.checkbox.$errors.map((e) => unref(e.$message))"
       label="Согласен с условиями"
       @change="v$.checkbox.$touch()"
       @blur="v$.checkbox.$touch()"
@@ -11295,7 +11297,7 @@ const submit = () => {
 
 | Name | Type | Description |
 | --- | --- | --- |
-| `default` | `{ errors: FieldValidationResult[]; isDisabled: boolean \| null \| undefined; isReadonly: boolean \| null \| undefined; isValidating: boolean; isValid: boolean \| null \| undefined; items: FormField[]; validate: () => Promise<...>; reset: () => void; resetValidation: () => void; }` | Main content of the form. Receives the current state and the validation methods. |
+| `default` | `{ errors: FieldValidationResult[]; isDisabled: boolean \| null \| undefined; isReadonly: boolean \| null \| undefined; isValidating: boolean; isValid: boolean \| null \| undefined; items: FormField[]; validate: () => Promise<FormValidationResult>; reset: () => void; resetValidation: () => void; }` | Main content of the form. Receives the current state and the validation methods. |
 | `description` | `any` | Description of the form (overrides the `description` prop). |
 | `label` | `any` | Heading of the form (overrides the `label` prop). |
 
@@ -11425,8 +11427,8 @@ import { CdsFunctionalButton } from '@central-design-system/components';
 | ✅ Do | ❌ Don't |
 | --- | --- |
 | The primary action of the screen is a regular button: it is visible and hard to miss. | A functional button blends into the text and does not read as the primary action. |
-| Two or three frequent actions side by side, the rest under a "More" button. | A row of identical icons takes long to read, and the right one has to be found by trial. |
-| A button without text has an aria-label — the screen reader names the action. | Without a label the button sounds like "button", and a rare action cannot be guessed from the icon either. |
+| Два-три частых действия рядом, остальные — под кнопкой «Ещё». | A row of identical icons takes long to read, and the right one has to be found by trial. |
+| A button without text has an aria-label — the screen reader names the action. | Без подписи кнопка звучит как «кнопка», а редкое действие не угадать и по иконке. |
 
 ## Scenarios
 
@@ -11616,7 +11618,7 @@ const expanded = ref(true);
 | `tag` | `string \| JSXComponent<any> \| undefined` | `'button'` | no | Custom HTML tag or component to render |
 | `textColor` | `string \| undefined` | — | no | Text color of the component |
 | `theme` | `string \| undefined` | — | no | Component theme |
-| `to` | `string \| RouteLocationAsRelativeGeneric \| RouteLocationAsPathGeneric \| undefined` | — | no | Target route or route location object for RouterLink. When set, the component behaves as a RouterLink |
+| `to` | `LinkTo \| undefined` | — | no | Target route or route location object for RouterLink. When set, the component behaves as a RouterLink |
 
 **Slots**
 
@@ -12446,7 +12448,7 @@ const filtered = computed(() =>
 | `md` | `ColumnBreakpoint<ColumnGridBreakpoint \| ColumnFlexBreakpoint>` | — | no | >1056px |
 | `sm` | `ColumnBreakpoint<ColumnGridBreakpoint \| ColumnFlexBreakpoint>` | — | no | >672px |
 | `span` | `string \| number \| ColumnSpanType \| undefined` | — | no | Only CSS Grid supported. A permanent column range, start or end values that never change. |
-| `tag` | `string \| JSXComponent<any> \| undefined` | — | no | Custom HTML tag or component to render |
+| `tag` | `string \| JSXComponent<any> \| undefined` | `'div'` | no | Custom HTML tag or component to render |
 | `xl` | `ColumnBreakpoint<ColumnGridBreakpoint \| ColumnFlexBreakpoint>` | — | no | >1584px |
 | `xs` | `ColumnBreakpoint<ColumnGridBreakpoint \| ColumnFlexBreakpoint>` | — | no | >320px |
 
@@ -12464,7 +12466,7 @@ const filtered = computed(() =>
 | --- | --- | --- | --- | --- |
 | `condensed` | `boolean \| undefined` | — | no | Condensed grid. The gap is reduced to 1px on both sides |
 | `narrow` | `boolean \| undefined` | — | no | Narrow grid |
-| `tag` | `string \| JSXComponent<any> \| undefined` | — | no | Custom HTML tag or component to render |
+| `tag` | `string \| JSXComponent<any> \| undefined` | `'div'` | no | Custom HTML tag or component to render |
 
 **Slots**
 
@@ -13083,7 +13085,7 @@ import { CdsHighlight } from '@central-design-system/components';
 | --- | --- |
 | Only what the user searched for is highlighted — it is clear why the row made it into the results. | The whole row is highlighted: the highlighting stops highlighting anything. |
 | In a long text turn on match-all: the user sees every match at once. | Only the first occurrence is highlighted — it looks like there are no matches further on. |
-| For a query typed by the user turn on ignore-case — they do not double-check the case. | Without ignore-case the query "инн" does not find "ИНН", and the match is lost. |
+| For a query typed by the user turn on ignore-case — they do not double-check the case. | Без ignore-case запрос «инн» не находит «ИНН», и совпадение теряется. |
 
 ## Scenarios
 
@@ -14737,7 +14739,7 @@ import { CdsLayout, CdsMain, CdsPage } from '@central-design-system/components';
 import { ref } from 'vue';
 
 const top = ref(0);
-const direction = ref<'up' | 'down'>('down');
+const direction = ref<'up' | 'down' | 'left' | 'right'>('down');
 const size = ref({ width: 0, height: 0 });
 </script>
 
@@ -15119,7 +15121,7 @@ import { CdsIcon, CdsLink } from '@central-design-system/components';
     <CdsLink href="#">Контент из слота default</CdsLink>
 
     <CdsLink href="#">
-      <CdsIcon icon="doc-download" size="16" start />
+      <CdsIcon icon="doc-download" :size="16" start />
       Скачать спецификацию
     </CdsLink>
   </div>
@@ -15146,7 +15148,7 @@ import { CdsIcon, CdsLink } from '@central-design-system/components';
 
     <CdsLink href="https://www.b2b-center.ru" target="_blank" rel="noopener">
       Открыть в новой вкладке
-      <CdsIcon icon="external" size="16" end />
+      <CdsIcon icon="external" :size="16" end />
     </CdsLink>
   </div>
 </template>
@@ -15193,7 +15195,7 @@ import { CdsLink } from '@central-design-system/components';
 
 | ✅ Do | ❌ Don't |
 | --- | --- |
-| The link text names where it leads — clear even outside the paragraph. | "Здесь" and "подробнее" promise nothing: the destination has to be guessed. |
+| The link text names where it leads — clear even outside the paragraph. | «Здесь» и «подробнее» ничего не обещают: цель перехода приходится угадывать. |
 | A link leads to a page, a button triggers an action. | A link that deletes data betrays the expectation of a navigation. |
 | The link is a short phrase inside the sentence; the rest of the text stays text. | A whole paragraph inside a link is hard to read, and the destination gets lost in the details. |
 
@@ -15342,7 +15344,7 @@ function requestAccess() {
 | `replace` | `boolean \| undefined` | — | no | If true, navigation replaces the current history entry instead of pushing a new one |
 | `text` | `string \| number \| undefined` | — | no | Text displayed in the component. |
 | `theme` | `string \| undefined` | — | no | Component theme |
-| `to` | `string \| RouteLocationAsRelativeGeneric \| RouteLocationAsPathGeneric \| undefined` | — | no | Target route or route location object for RouterLink. When set, the component behaves as a RouterLink |
+| `to` | `LinkTo \| undefined` | — | no | Target route or route location object for RouterLink. When set, the component behaves as a RouterLink |
 
 **Events**
 
@@ -15427,7 +15429,7 @@ const employees = [
     :items="employees"
     item-title="name"
     item-value="id"
-    :item-props="(item: { role: string }) => ({ subtitle: item.role, prependIcon: 'user-avatar' })"
+    :item-props="(item: Record<string, any>) => ({ subtitle: item.role, prependIcon: 'user-avatar' })"
     lines="two"
   />
 </template>
@@ -16180,15 +16182,15 @@ const filtered = computed(() =>
 | `appendIcon` | `IconValue \| undefined` | — | no | Icon shown after the group title |
 | `baseColor` | `string \| undefined` | — | no | Color of the component in its inactive state |
 | `bgColor` | `string \| undefined` | — | no | Background color of the component |
-| `collapseIcon` | `IconValue \| undefined` | — | no | Icon shown when the group is collapsed |
+| `collapseIcon` | `IconValue \| undefined` | `'chevron-up'` | no | Icon shown when the group is collapsed |
 | `color` | `string \| undefined` | — | no | Component color |
-| `disabled` | `boolean \| null \| undefined` | — | no | Disabled state |
-| `expandIcon` | `IconValue \| undefined` | — | no | Icon shown when the group is expanded |
+| `disabled` | `boolean \| null \| undefined` | `null` | no | Disabled state |
+| `expandIcon` | `IconValue \| undefined` | `'chevron-down'` | no | Icon shown when the group is expanded |
 | `fluid` | `boolean \| undefined` | — | no | Removes the indent of the group activator, aligning it to the edge of the list |
 | `prependIcon` | `IconValue \| undefined` | — | no | Icon shown before the group title |
 | `rawId` | `string \| number \| undefined` | — | no | Original identifier of the group; used to build the id of the DOM element |
 | `subgroup` | `boolean \| undefined` | — | no | Marks the component as a group of nested lists (a subgroup) |
-| `tag` | `string \| JSXComponent<any> \| undefined` | — | no | Custom HTML tag or component to render |
+| `tag` | `string \| JSXComponent<any> \| undefined` | `'div'` | no | Custom HTML tag or component to render |
 | `textColor` | `string \| undefined` | — | no | Text color of the component |
 | `title` | `string \| undefined` | — | no | Title of the group shown in the default activator |
 | `value` | `any` | — | no | Value of the group used in the expansion and selection logic |
@@ -16221,12 +16223,12 @@ const filtered = computed(() =>
 | `bgColor` | `string \| undefined` | — | no | Background color of the component |
 | `color` | `string \| undefined` | — | no | Component color |
 | `description` | `string \| number \| boolean \| undefined` | — | no | Description of the list item shown below the title and the subtitle |
-| `disabled` | `boolean \| null \| undefined` | — | no | Disabled state |
+| `disabled` | `boolean \| null \| undefined` | `null` | no | Disabled state |
 | `exact` | `boolean \| undefined` | — | no | If true, the active state applies only on an exact route match |
 | `height` | `string \| number \| undefined` | — | no | Component height |
 | `href` | `string \| undefined` | — | no | The `href` attribute of the link. When set, the component behaves as a regular link |
 | `index` | `number \| undefined` | — | no | Index of the item; used for keyboard navigation |
-| `lines` | `false \| "one" \| "two" \| "three" \| undefined` | — | no | Number of lines in the list items; affects their height. `false` turns off the fixed height |
+| `lines` | `false \| "one" \| "two" \| "three" \| undefined` | `'one'` | no | Number of lines in the list items; affects their height. `false` turns off the fixed height |
 | `link` | `boolean \| undefined` | — | no | Turns the item into a clickable link. Detected automatically when `href` or `to` is set |
 | `maxHeight` | `string \| number \| undefined` | — | no | Maximum component height |
 | `maxWidth` | `string \| number \| undefined` | — | no | Maximum component width |
@@ -16239,11 +16241,12 @@ const filtered = computed(() =>
 | `replace` | `boolean \| undefined` | — | no | If true, navigation replaces the current history entry instead of pushing a new one |
 | `slim` | `boolean \| undefined` | — | no | Removes the inner paddings of the list and of the menu container: the list fills the available area completely |
 | `subtitle` | `string \| number \| boolean \| undefined` | — | no | Subtitle of the item shown below the title |
-| `tag` | `string \| JSXComponent<any> \| undefined` | — | no | Custom HTML tag or component to render |
+| `tabindex` | `string \| number \| undefined` | — | no | Value of the element `tabindex` attribute |
+| `tag` | `string \| JSXComponent<any> \| undefined` | `'div'` | no | Custom HTML tag or component to render |
 | `textColor` | `string \| undefined` | — | no | Text color of the component |
 | `theme` | `string \| undefined` | — | no | Component theme |
 | `title` | `string \| number \| boolean \| undefined` | — | no | Title of the item shown in the component |
-| `to` | `string \| RouteLocationAsRelativeGeneric \| RouteLocationAsPathGeneric \| undefined` | — | no | Target route or route location object for RouterLink. When set, the component behaves as a RouterLink |
+| `to` | `LinkTo \| undefined` | — | no | Target route or route location object for RouterLink. When set, the component behaves as a RouterLink |
 | `value` | `any` | — | no | Value of the item used for selection and activation in the list |
 | `width` | `string \| number \| undefined` | — | no | Component width |
 
@@ -16272,8 +16275,8 @@ const filtered = computed(() =>
 | `isActivated` | `boolean` | Whether the item is in the active state |
 | `isGroupActivator` | `boolean \| undefined` | Whether the item is a group activator |
 | `isSelected` | `boolean` | Whether the item is selected |
-| `list` | `{ filterable: MaybeRefOrGetter<boolean>; hasPrepend: Ref<boolean, boolean>; updateHasPrepend: (value: boolean) => void; trackingIndex: Ref<number, number>; navigationStrategy: Ref<...>; uid: string; } \| null` | Context of the parent list (CdsList) |
-| `root` | `{ children: Ref<Map<unknown, unknown[]>, Map<unknown, unknown[]>>; parents: Ref<Map<unknown, unknown>, Map<unknown, unknown>>; disabled: Ref<Set<unknown>, Set<unknown>>; activatable: Ref<boolean \| undefined, boolean \| undefined>; ... 14 more ...; getPath: (id: unknown) => unknown[]; }` | Root nesting context of the parent list |
+| `list` | `{ filterable: MaybeRefOrGetter<boolean>; hasPrepend: Ref<boolean, boolean>; updateHasPrepend: (value: boolean) => void; trackingIndex: Ref<number, number>; navigationStrategy: Ref<"focus" \| "track", "focus" \| "track">; uid: string; } \| null` | Context of the parent list (CdsList) |
+| `root` | `NestedRoot` | Root nesting context of the parent list |
 | `select` | `(selected: boolean, e?: Event \| undefined) => void` | Selects or deselects the item |
 
 ### CdsListItemAction
@@ -16284,7 +16287,7 @@ const filtered = computed(() =>
 | --- | --- | --- | --- | --- |
 | `end` | `boolean \| undefined` | — | no | Places the action at the end of the list item (after the content) |
 | `start` | `boolean \| undefined` | — | no | Places the action at the start of the list item (before the content) |
-| `tag` | `string \| JSXComponent<any> \| undefined` | — | no | Custom HTML tag or component to render |
+| `tag` | `string \| JSXComponent<any> \| undefined` | `'div'` | no | Custom HTML tag or component to render |
 
 **Slots**
 
@@ -16298,7 +16301,7 @@ const filtered = computed(() =>
 
 | Prop | Type | Default | Required | Description |
 | --- | --- | --- | --- | --- |
-| `tag` | `string \| JSXComponent<any> \| undefined` | — | no | Custom HTML tag or component to render |
+| `tag` | `string \| JSXComponent<any> \| undefined` | `'div'` | no | Custom HTML tag or component to render |
 
 ### CdsListItemDivider
 
@@ -16314,7 +16317,7 @@ const filtered = computed(() =>
 | `opacity` | `string \| number \| undefined` | — | no | Opacity of the divider. |
 | `theme` | `string \| undefined` | — | no | Component theme |
 | `thickness` | `string \| number \| undefined` | — | no | Thickness of the divider. Defaults to pixels. |
-| `variant` | `"dotted" \| "dashed" \| "solid" \| "double" \| undefined` | — | no | Visual variant of the divider |
+| `variant` | `"dotted" \| "dashed" \| "solid" \| "double" \| undefined` | `'solid'` | no | Visual variant of the divider |
 | `vertical` | `boolean \| undefined` | — | no | Renders the divider vertically |
 
 **Slots**
@@ -16329,7 +16332,7 @@ const filtered = computed(() =>
 
 | Prop | Type | Default | Required | Description |
 | --- | --- | --- | --- | --- |
-| `tag` | `string \| JSXComponent<any> \| undefined` | — | no | Custom HTML tag or component to render |
+| `tag` | `string \| JSXComponent<any> \| undefined` | `'div'` | no | Custom HTML tag or component to render |
 
 ### CdsListItemMedia
 
@@ -16339,7 +16342,7 @@ const filtered = computed(() =>
 | --- | --- | --- | --- | --- |
 | `end` | `boolean \| undefined` | — | no | Places the media at the end of the list item (after the content) |
 | `start` | `boolean \| undefined` | — | no | Places the media at the start of the list item (before the content) |
-| `tag` | `string \| JSXComponent<any> \| undefined` | — | no | Custom HTML tag or component to render |
+| `tag` | `string \| JSXComponent<any> \| undefined` | `'div'` | no | Custom HTML tag or component to render |
 
 **Slots**
 
@@ -16353,7 +16356,7 @@ const filtered = computed(() =>
 
 | Prop | Type | Default | Required | Description |
 | --- | --- | --- | --- | --- |
-| `tag` | `string \| JSXComponent<any> \| undefined` | — | no | Custom HTML tag or component to render |
+| `tag` | `string \| JSXComponent<any> \| undefined` | `'div'` | no | Custom HTML tag or component to render |
 
 ### CdsListItemTitle
 
@@ -16361,7 +16364,7 @@ const filtered = computed(() =>
 
 | Prop | Type | Default | Required | Description |
 | --- | --- | --- | --- | --- |
-| `tag` | `string \| JSXComponent<any> \| undefined` | — | no | Custom HTML tag or component to render |
+| `tag` | `string \| JSXComponent<any> \| undefined` | `'div'` | no | Custom HTML tag or component to render |
 
 ### CdsListSubheader
 
@@ -16372,7 +16375,7 @@ const filtered = computed(() =>
 | `color` | `string \| undefined` | — | no | Color of the subheader text |
 | `inset` | `boolean \| undefined` | — | no | Adds a left indent, aligning the text with the content of the list items |
 | `sticky` | `boolean \| undefined` | — | no | Pins the subheader to the top while the list scrolls |
-| `tag` | `string \| JSXComponent<any> \| undefined` | — | no | Custom HTML tag or component to render |
+| `tag` | `string \| JSXComponent<any> \| undefined` | `'div'` | no | Custom HTML tag or component to render |
 | `title` | `string \| undefined` | — | no | Text of the subheader |
 
 **Slots**
@@ -17228,7 +17231,7 @@ watch(isOpen, (value) => {
 | `eager` | `boolean \| undefined` | — | no | Renders the content of the component right away. Useful when you have content that is not in the DOM but has to be indexed for SEO. |
 | `height` | `string \| number \| undefined` | — | no | Component height |
 | `id` | `string \| undefined` | — | no | Unique identifier that links the menu to its activator. If it is not set, it is generated automatically. |
-| `location` | `Anchor \| undefined` | — | no | Sets the anchor point used to position the component, aligning it horizontally, vertically or in both directions |
+| `location` | `Anchor \| undefined` | `'bottom'` | no | Sets the anchor point used to position the component, aligning it horizontally, vertically or in both directions |
 | `locationStrategy` | `"static" \| "connected" \| LocationStrategyFunction \| undefined` | `'connected'` | no | Sets the way the overlay content is positioned. By default static is used, which centers the content in its container. Use connected to attach the content to the activator element. |
 | `maxHeight` | `string \| number \| undefined` | — | no | Maximum component height |
 | `maxWidth` | `string \| number \| undefined` | — | no | Maximum component width |
@@ -17251,7 +17254,7 @@ watch(isOpen, (value) => {
 | `submenu` | `boolean \| undefined` | — | no | Opens and closes the menu with the left/right arrow keys instead of up/down (for nested menus). |
 | `target` | `(string & {}) \| Element \| "parent" \| ComponentPublicInstance \| "cursor" \| [x: number, y: number] \| undefined` | — | no | When `locationStrategy` is set to "connected", specify the element or the array of x, y coordinates the overlay is positioned against. By default the activator element is used. |
 | `theme` | `string \| undefined` | — | no | Component theme |
-| `transition` | `string \| boolean \| (TransitionProps & { component?: Component \| undefined; }) \| { component: DefineComponent<ExtractPropTypes<AppendDefault<{ target: PropType<HTMLElement \| [x: number, y: number]>; }, {}>>, ... 18 more ..., any>; } \| null \| undefined` | `{ component: CdsModalTransition }` | no | Transition animation |
+| `transition` | `string \| boolean \| (TransitionProps & { component?: Component \| undefined; }) \| { component: Component; } \| null \| undefined` | `{ component: CdsModalTransition }` | no | Transition animation |
 | `viewportMargin` | `string \| number \| undefined` | `12` | no | Sets a custom viewport margin for the overlay content |
 | `width` | `string \| number \| undefined` | — | no | Component width |
 | `zIndex` | `string \| number \| undefined` | `2000` | no | The z-index value of the component. |
@@ -18066,7 +18069,7 @@ const answer = (value: boolean) => {
 | `stickToTarget` | `boolean \| undefined` | — | no | Lets the overlay content go off screen while scrolling. |
 | `target` | `(string & {}) \| Element \| "parent" \| ComponentPublicInstance \| "cursor" \| [x: number, y: number] \| undefined` | — | no | When `locationStrategy` is set to "connected", specify the element or the array of x, y coordinates the overlay is positioned against. By default the activator element is used. |
 | `theme` | `string \| undefined` | — | no | Component theme |
-| `transition` | `string \| boolean \| (TransitionProps & { component?: Component \| undefined; }) \| { component: DefineComponent<ExtractPropTypes<AppendDefault<{ target: PropType<HTMLElement \| [x: number, y: number]>; }, {}>>, ... 18 more ..., any>; } \| null \| undefined` | `{ component: CdsModalTransition }` | no | Transition animation |
+| `transition` | `string \| boolean \| (TransitionProps & { component?: Component \| undefined; }) \| { component: Component; } \| null \| undefined` | `{ component: CdsModalTransition }` | no | Transition animation |
 | `viewportMargin` | `string \| number \| undefined` | `12` | no | Sets a custom viewport margin for the overlay content |
 | `width` | `string \| number \| undefined` | — | no | Component width |
 | `zIndex` | `string \| number \| undefined` | `2400` | no | The z-index value of the component. |
@@ -18573,7 +18576,7 @@ and the alignment (`left`, `center`, `right`).
 <script setup lang="ts">
 import { CdsButton, CdsNotificationAlert } from '@central-design-system/components';
 
-const locations = ['top left', 'top center', 'top right', 'bottom left', 'bottom center', 'bottom right'];
+const locations = ['top left', 'top center', 'top right', 'bottom left', 'bottom center', 'bottom right'] as const;
 </script>
 
 <template>
@@ -18663,26 +18666,27 @@ item from the list.
 
 ```vue
 <script setup lang="ts">
+import type { Anchor } from '@central-design-system/components';
 import { CdsButton, CdsNotificationAlert } from '@central-design-system/components';
 import { reactive } from 'vue';
 
 const statuses = CdsNotificationAlert.constants.statuses;
 
 type Notification = {
-  id: number;
+  id: string;
   modelValue: boolean;
   status: (typeof statuses)[number];
   text: string;
-  location: string;
+  location: Anchor;
   closable: boolean;
 };
 
 const notifications = reactive<Notification[]>([]);
 let uid = 0;
 
-function addNotification(text: string, location: string) {
+function addNotification(text: string, location: Anchor) {
   notifications.push({
-    id: uid++,
+    id: String(uid++),
     modelValue: true,
     status: statuses[Math.floor(Math.random() * statuses.length)],
     text,
@@ -18691,7 +18695,7 @@ function addNotification(text: string, location: string) {
   });
 }
 
-function onUpdateModelValue(value: boolean, id: number) {
+function onUpdateModelValue(value: boolean, id: string) {
   if (value) return;
 
   const index = notifications.findIndex((notification) => notification.id === id);
@@ -19279,7 +19283,7 @@ function submit() {
 
 | Prop | Type | Default | Required | Description |
 | --- | --- | --- | --- | --- |
-| `merged` | `boolean \| null \| undefined` | — | no | Merged look of the group. Inherited from the parent `CdsOtpInput` by default |
+| `merged` | `boolean \| null \| undefined` | `null` | no | Merged look of the group. Inherited from the parent `CdsOtpInput` by default |
 
 **Slots**
 
@@ -19673,7 +19677,7 @@ const refresh = () => {
       location="center center"
       scroll-strategy="none"
     >
-      <CdsProgressCircle indeterminate size="40" />
+      <CdsProgressCircle indeterminate :size="40" />
     </CdsOverlay>
   </div>
 </template>
@@ -23112,7 +23116,7 @@ const sorted = computed(() => {
 | `suffix` | `string \| undefined` | — | no | Text suffix shown after the field value |
 | `textColor` | `string \| undefined` | — | no | Text color of the component |
 | `theme` | `string \| undefined` | — | no | Component theme |
-| `transition` | `string \| boolean \| (TransitionProps & { component?: Component \| undefined; }) \| { component: DefineComponent<ExtractPropTypes<AppendDefault<{ target: PropType<HTMLElement \| [x: number, y: number]>; }, {}>>, ... 18 more ..., any>; } \| null \| undefined` | `{ component: CdsModalTransition }` | no | Transition animation |
+| `transition` | `string \| boolean \| (TransitionProps & { component?: Component \| undefined; }) \| { component: Component; } \| null \| undefined` | `{ component: CdsModalTransition }` | no | Transition animation |
 | `type` | `string \| undefined` | `'text'` | no | Type of the native input |
 | `validateOn` | `ValidateOn \| undefined` | — | no | Changes the type of the event that triggers validation |
 | `valueComparator` | `ValueComparator \| undefined` | — | no | Function that compares item values to determine the selected state |
@@ -23194,7 +23198,7 @@ the control.
 The component has no sizes of its own: the area of the control is set by the
 `--cds-selection-control-width` and `--cds-selection-control-height` CSS
 variables, and the gap up to the label is the free space inside that area. In
-the examples below the distance is added with the `gap-x-200` class.
+the examples below the distance is added with the `gap-x-2` class.
 
 ## Variations
 
@@ -23630,7 +23634,7 @@ const plan = ref('base');
       type="radio"
       :value="item.value"
       :aria-label="item.title"
-      style="--cds-selection-control-width: 170px; --cds-selection-control-height: 72px"
+      :style="{ '--cds-selection-control-width': '170px', '--cds-selection-control-height': '72px' }"
     >
       <template #input="{ inputNode, model }">
         <component :is="inputNode" />
@@ -24108,7 +24112,7 @@ const slot = ref('day');
       inline
       :value="item.value"
       :aria-label="`${item.title}, ${item.time}`"
-      style="--cds-selection-control-width: 140px; --cds-selection-control-height: 64px"
+      :style="{ '--cds-selection-control-width': '140px', '--cds-selection-control-height': '64px' }"
     >
       <template #input="{ inputNode, model }">
         <component :is="inputNode" />
@@ -24523,7 +24527,7 @@ load();
 | `minHeight` | `string \| number \| undefined` | — | no | Minimum component height |
 | `minWidth` | `string \| number \| undefined` | — | no | Minimum component width |
 | `theme` | `string \| undefined` | — | no | Component theme |
-| `type` | `(string & {}) \| "text" \| "block" \| "article" \| "button" \| "table" \| "divider" \| "subtitle" \| "chip" \| "table-row" \| "list-item" \| "avatar" \| "actions" \| "heading" \| "sentences" \| ... 17 more ... \| undefined` | `'block'` | no | Skeleton type: a predefined preset or an arbitrary structure string (or an array of strings). |
+| `type` | `(string & {}) \| "text" \| "block" \| "article" \| "button" \| "table" \| "divider" \| "subtitle" \| "chip" \| "avatar" \| "actions" \| "heading" \| "sentences" \| "paragraph" \| "card" \| "card-avatar" \| "date-picker" \| "date-picker-options" \| "date-picker-days" \| "list-item" \| "list-item-avatar" \| "list-item-two-line" \| "list-item-avatar-two-line" \| "list-item-three-line" \| "list-item-avatar-three-line" \| "table-heading" \| "table-thead" \| "table-tbody" \| "table-row-divider" \| "table-row" \| "table-tfoot" \| readonly ((string & {}) \| "text" \| "block" \| "article" \| "button" \| "table" \| "divider" \| "subtitle" \| "chip" \| "avatar" \| "actions" \| "heading" \| "sentences" \| "paragraph" \| "card" \| "card-avatar" \| "date-picker" \| "date-picker-options" \| "date-picker-days" \| "list-item" \| "list-item-avatar" \| "list-item-two-line" \| "list-item-avatar-two-line" \| "list-item-three-line" \| "list-item-avatar-three-line" \| "table-heading" \| "table-thead" \| "table-tbody" \| "table-row-divider" \| "table-row" \| "table-tfoot")[] \| undefined` | `'block'` | no | Skeleton type: a predefined preset or an arbitrary structure string (or an array of strings). |
 | `width` | `string \| number \| undefined` | — | no | Component width |
 
 **Slots**
@@ -24936,7 +24940,7 @@ const tools = [
 
 | Prop | Type | Default | Required | Description |
 | --- | --- | --- | --- | --- |
-| `disabled` | `boolean \| null \| undefined` | — | no | Disabled state |
+| `disabled` | `boolean \| null \| undefined` | `null` | no | Disabled state |
 | `selectedClass` | `string \| undefined` | — | no | CSS class applied in the selected state |
 | `value` | `any` | — | no | Value of the component within the group |
 
@@ -25369,7 +25373,7 @@ const events = [
 
 | Prop | Type | Default | Required | Description |
 | --- | --- | --- | --- | --- |
-| `disabled` | `boolean \| null \| undefined` | — | no | Disabled state |
+| `disabled` | `boolean \| null \| undefined` | `null` | no | Disabled state |
 | `eager` | `boolean \| undefined` | — | no | Renders the content of the component right away. Useful when you have content that is not in the DOM but has to be indexed for SEO. |
 | `reverseTransition` | `string \| boolean \| undefined` | — | no | Transition used when the slide appears in the reverse direction. A transition component name, or `false` to turn the animation off |
 | `selectedClass` | `string \| undefined` | — | no | CSS class applied in the selected state |
@@ -25805,7 +25809,7 @@ const orders = [
   { id: 4820, title: 'Закупка ноутбуков', status: 'progress', text: 'В обработке' },
   { id: 4819, title: 'Аренда склада', status: 'warning', text: 'Ждёт оплаты' },
   { id: 4818, title: 'Ремонт офиса', status: 'danger', text: 'Просрочен' }
-];
+] as const;
 </script>
 
 <template>
@@ -25834,10 +25838,10 @@ import { computed, ref } from 'vue';
 const step = ref<'draft' | 'review' | 'done'>('draft');
 
 const current = computed(() => {
-  if (step.value === 'review') return { status: 'progress', text: 'На проверке' };
-  if (step.value === 'done') return { status: 'success', text: 'Согласован' };
+  if (step.value === 'review') return { status: 'progress', text: 'На проверке' } as const;
+  if (step.value === 'done') return { status: 'success', text: 'Согласован' } as const;
 
-  return { status: 'info', text: 'Черновик' };
+  return { status: 'info', text: 'Черновик' } as const;
 });
 
 const send = () => {
@@ -26352,9 +26356,9 @@ import { CdsSteps, CdsStepsItem } from '@central-design-system/components';
 
 | Prop | Type | Default | Required | Description |
 | --- | --- | --- | --- | --- |
-| `disabled` | `boolean \| "next" \| "prev" \| undefined` | — | no | Disables the navigation buttons: both or a specific one |
-| `nextText` | `string \| undefined` | — | no | Text of the next step button |
-| `prevText` | `string \| undefined` | — | no | Text of the previous step button |
+| `disabled` | `boolean \| "next" \| "prev" \| undefined` | `false` | no | Disables the navigation buttons: both or a specific one |
+| `nextText` | `string \| undefined` | `'$cds.steps.next'` | no | Text of the next step button |
+| `prevText` | `string \| undefined` | `'$cds.steps.prev'` | no | Text of the previous step button |
 
 **Events**
 
@@ -26376,10 +26380,10 @@ import { CdsSteps, CdsStepsItem } from '@central-design-system/components';
 
 | Prop | Type | Default | Required | Description |
 | --- | --- | --- | --- | --- |
-| `disabled` | `boolean \| null \| undefined` | — | no | Disabled state |
+| `disabled` | `boolean \| null \| undefined` | `null` | no | Disabled state |
 | `error` | `boolean \| undefined` | — | no | The step finished with an error |
 | `interactive` | `boolean \| undefined` | — | no | Allows jumping to a step by click |
-| `readonly` | `boolean \| null \| undefined` | — | no | Read-only state |
+| `readonly` | `boolean \| null \| undefined` | `null` | no | Read-only state |
 | `selectedClass` | `string \| undefined` | — | no | CSS class applied in the selected state |
 | `text` | `string \| undefined` | — | no | Step description |
 | `title` | `string \| undefined` | — | no | Step title |
@@ -26407,14 +26411,14 @@ import { CdsSteps, CdsStepsItem } from '@central-design-system/components';
 | Prop | Type | Default | Required | Description |
 | --- | --- | --- | --- | --- |
 | `crossfade` | `boolean \| undefined` | — | no | Slides change with a smooth crossfade instead of a shift |
-| `direction` | `"horizontal" \| "vertical" \| undefined` | — | no | Switches the component between horizontal and vertical layout. |
-| `disabled` | `boolean \| null \| undefined` | — | no | Disabled state |
+| `direction` | `"horizontal" \| "vertical" \| undefined` | `'horizontal'` | no | Switches the component between horizontal and vertical layout. |
+| `disabled` | `boolean \| null \| undefined` | `null` | no | Disabled state |
 | `max` | `number \| undefined` | — | no | Maximum number of items that can be selected |
 | `modelValue` | `any` | — | no | Value of the selected items of the group |
 | `multiple` | `boolean \| undefined` | — | no | Allows selecting several items at once |
 | `reverse` | `boolean \| undefined` | — | no | Inverts the direction of the transition animation between slides |
 | `selectedClass` | `string \| undefined` | — | no | CSS class applied in the selected state |
-| `tag` | `string \| JSXComponent<any> \| undefined` | — | no | Custom HTML tag or component to render |
+| `tag` | `string \| JSXComponent<any> \| undefined` | `'div'` | no | Custom HTML tag or component to render |
 | `theme` | `string \| undefined` | — | no | Component theme |
 | `transitionDuration` | `number \| undefined` | — | no | Duration of the transition animation between slides, in milliseconds |
 | `verticalArrows` | `boolean \| "left" \| "right" \| undefined` | — | no | Places the navigation arrows vertically: `'left'` or `'right'` — the side, `true` — the default side |
@@ -26440,7 +26444,7 @@ import { CdsSteps, CdsStepsItem } from '@central-design-system/components';
 
 | Prop | Type | Default | Required | Description |
 | --- | --- | --- | --- | --- |
-| `disabled` | `boolean \| null \| undefined` | — | no | Disabled state |
+| `disabled` | `boolean \| null \| undefined` | `null` | no | Disabled state |
 | `eager` | `boolean \| undefined` | — | no | Renders the content of the component right away. Useful when you have content that is not in the DOM but has to be indexed for SEO. |
 | `reverseTransition` | `string \| boolean \| undefined` | — | no | Transition used when the slide appears in the reverse direction. A transition component name, or `false` to turn the animation off |
 | `selectedClass` | `string \| undefined` | — | no | CSS class applied in the selected state |
@@ -26792,7 +26796,7 @@ const data = makeSimpleData(4);
   <CdsTable
     :columns="columns"
     :data="data"
-    :row-class-name="(_record, index) => (index % 2 === 1 ? 'cds-table--striped' : null)"
+    :row-class-name="(_record: unknown, index: number) => (index % 2 === 1 ? 'cds-table--striped' : '')"
     :pagination="false"
     hovered
   />
@@ -27329,10 +27333,11 @@ const data: TDataType[] = [
         <CdsStatus
           v-for="tag in tags"
           :key="tag"
-          :status="tag === 'Junior' ? 'error' : tag === 'developer' ? 'info' : 'success'"
+          :status="tag === 'Junior' ? 'danger' : tag === 'developer' ? 'info' : 'success'"
           class="mr-2"
-          >{{ tag }}</CdsStatus
         >
+          {{ tag }}
+        </CdsStatus>
       </template>
     </CdsTableColumn>
     <CdsTableColumn key="action" title="Действия" data-index="action">
@@ -27851,10 +27856,10 @@ const data: TDataType[] = [
   { key: '4', name: 'Иван Петрович', age: 42, address: 'г. Новосибирск ул. Ленина д. 1' }
 ];
 
-const handleSearch = (selectedKeys: NTable.TKey[], confirm: Function, dataIndex: string) => {
+const handleSearch = (selectedKeys: NTable.TKey[], confirm: Function, dataIndex?: NTable.TDataIndex) => {
   confirm();
-  state.searchText = selectedKeys[0] as string;
-  state.searchedColumn = dataIndex;
+  state.searchText = String(selectedKeys[0] ?? '');
+  state.searchedColumn = String(dataIndex ?? '');
 };
 
 const handleReset = (clearFilters: ({ confirm }: { confirm: boolean }) => void) => {
@@ -27873,14 +27878,14 @@ const { searchText, searchedColumn } = toRefs(state);
       <div class="p-1">
         <cds-text-input
           ref="searchInput"
-          :placeholder="'Введите ' + column.title.toLowerCase()"
+          :placeholder="'Введите ' + String(column?.title ?? '').toLowerCase()"
           :model-value="selectedKeys[0]"
           size="sm"
           clearable
           hide-messages
           class="w-[176px]"
           @update:model-value="(value: any) => setSelectedKeys(value ? [value] : [])"
-          @keydown.enter="handleSearch(selectedKeys, confirm, column.dataIndex)"
+          @keydown.enter="handleSearch(selectedKeys, confirm, column?.dataIndex)"
         />
         <cds-divider class="my-3" />
         <div class="flex gap-2">
@@ -27889,7 +27894,7 @@ const { searchText, searchedColumn } = toRefs(state);
             text="Найти"
             size="sm"
             prepend-icon="search"
-            @click="handleSearch(selectedKeys, confirm, column.dataIndex)"
+            @click="handleSearch(selectedKeys, confirm, column?.dataIndex)"
           />
         </div>
       </div>
@@ -28537,11 +28542,11 @@ function cancel(key: string) {
 <template>
   <CdsTable :columns="columns" :data="dataSource">
     <template #bodyCell="{ column, text, record }">
-      <template v-if="['name', 'age', 'address'].includes(column.dataIndex)">
+      <template v-if="['name', 'age', 'address'].includes(String(column.dataIndex))">
         <div>
           <CdsTextInput
             v-if="editableData[record.key]"
-            v-model="editableData[record.key][column.dataIndex]"
+            v-model="editableData[record.key][column.dataIndex as keyof TDataItem]"
             hide-messages
           />
           <template v-else>
@@ -28648,7 +28653,11 @@ function cancel() {
 
     <template #bodyCell="{ column, text, record }">
       <div>
-        <CdsTextInput v-if="editing" v-model="editableData[record.key][column.dataIndex]" hide-messages />
+        <CdsTextInput
+          v-if="editing"
+          v-model="editableData[record.key][column.dataIndex as keyof TDataItem]"
+          hide-messages
+        />
         <template v-else>
           {{ text }}
         </template>
@@ -29243,7 +29252,7 @@ watch(tableDataSwitcher, () => {
     <template #headerCell="{ title, column }">
       <div class="flex items-center" :class="{ 'justify-end': column.align === 'right' }">
         <span>{{ title }}</span>
-        <CdsTooltip v-if="['count', 'percent'].includes(column.dataIndex)">
+        <CdsTooltip v-if="['count', 'percent'].includes(String(column.dataIndex))">
           <template #activator="{ props }">
             <CdsIcon name="info" class="ml-2" v-bind="props" />
           </template>
@@ -29701,76 +29710,76 @@ watch(tableDataSwitcher, () => {
 | `borderless` | `boolean \| undefined` | `false` | no | Remove every table border |
 | `canExpandable` | `boolean \| undefined` | `false` | no | Rows can be expanded |
 | `childrenColumnName` | `string \| undefined` | `'children'` | no | Name of the property holding the child records |
-| `columnDraggable` | `TColumnDraggable<any> \| undefined` | — | no | Column drag and drop. `true` or a configuration object `{ icon, disabled, allowDrop }`. Reordering only happens among siblings inside the same group; the consumer changes the order in the `@column-reorder` handler. |
-| `columns` | `TColumns<any> \| undefined` | — | no | Table columns |
-| `components` | `TableComponents<any> \| undefined` | — | no | Override the default table components |
-| `customHeaderRow` | `TGetComponentProps<IColumn<any>[]> \| undefined` | — | no | Sets the properties for every header row |
-| `customRow` | `TGetComponentProps<any> \| undefined` | — | no | Sets the properties for every row |
+| `columnDraggable` | `NTable.NDraggable.TColumnDraggable<any> \| undefined` | — | no | Column drag and drop. `true` or a configuration object `{ icon, disabled, allowDrop }`. Reordering only happens among siblings inside the same group; the consumer changes the order in the `@column-reorder` handler. |
+| `columns` | `NTable.NColumn.TColumns<any> \| undefined` | — | no | Table columns |
+| `components` | `NTable.NCustomize.TableComponents<any> \| undefined` | — | no | Override the default table components |
+| `customHeaderRow` | `NTable.NCustomize.TGetComponentProps<NTable.NColumn.IColumn<any>[]> \| undefined` | — | no | Sets the properties for every header row |
+| `customRow` | `NTable.NCustomize.TGetComponentProps<any> \| undefined` | — | no | Sets the properties for every row |
 | `data` | `any[] \| undefined` | — | no | Array of records to show in the table |
 | `defaultExpandAllRows` | `boolean \| undefined` | `false` | no | All rows are expanded by default |
-| `defaultExpandedRowKeys` | `TKey[] \| undefined` | — | no | Keys of the rows expanded by default |
+| `defaultExpandedRowKeys` | `NTable.TKey[] \| undefined` | `undefined as ITableProps['defaultExpandedRowKeys']` | no | Keys of the rows expanded by default |
 | `disabled` | `boolean \| null \| undefined` | `null` | no | Disabled state |
 | `expandColumnWidth` | `number \| undefined` | — | no | Width of the expand column |
-| `expandedRowClassName` | `TClassName<any> \| undefined` | — | no | Classes for rows in the expanded state |
-| `expandedRowKeys` | `TKey[] \| undefined` | — | no | Keys of the currently expanded rows (supports v-model) |
-| `expandedRowRender` | `TExpandedRowRender<any> \| undefined` | — | no | Render function for every expanded row |
-| `expandFixed` | `TFixed \| undefined` | — | no | Pin the expand column (left \| right \| boolean) |
-| `expandIcon` | `TRenderExpandIcon<any> \| undefined` | — | no | Custom expand icon |
+| `expandedRowClassName` | `NTable.NRow.TClassName<any> \| undefined` | — | no | Classes for rows in the expanded state |
+| `expandedRowKeys` | `NTable.TKey[] \| undefined` | `undefined as ITableProps['expandedRowKeys']` | no | Keys of the currently expanded rows (supports v-model) |
+| `expandedRowRender` | `NTable.NExpand.TExpandedRowRender<any> \| undefined` | — | no | Render function for every expanded row |
+| `expandFixed` | `NTable.TFixed \| undefined` | — | no | Pin the expand column (left \| right \| boolean) |
+| `expandIcon` | `NTable.NExpand.TRenderExpandIcon<any> \| undefined` | — | no | Custom expand icon |
 | `expandIconColumnIndex` | `number \| undefined` | — | no | Index of the column that holds the expand icon |
 | `expandRowByClick` | `boolean \| undefined` | `false` | no | Expand the row by clicking anywhere in it |
-| `footer` | `TPanelRender<any> \| undefined` | — | no | Render function for the table footer |
-| `getPopupContainer` | `TGetPopupContainer \| undefined` | — | no | Container that dropdowns are rendered into |
-| `header` | `TPanelRender<any> \| undefined` | — | no | Render function for the table title |
+| `footer` | `NTable.NRender.TPanelRender<any> \| undefined` | — | no | Render function for the table footer |
+| `getPopupContainer` | `NTable.NCustomize.TGetPopupContainer \| undefined` | — | no | Container that dropdowns are rendered into |
+| `header` | `NTable.NRender.TPanelRender<any> \| undefined` | — | no | Render function for the table title |
 | `hovered` | `boolean \| undefined` | `false` | no | Highlight the row on hover |
 | `id` | `string \| undefined` | — | no | Table identifier |
 | `indentSize` | `number \| undefined` | `20` | no | Indent size in pixels for each nesting level |
 | `loading` | `boolean \| undefined` | `false` | no | Table loading state |
-| `locale` | `ILocale \| undefined` | — | no | Table localization (overrides the strings of the global locale) |
-| `pagination` | `false \| IProps \| undefined` | — | no | Table pagination configuration |
+| `locale` | `NTable.ILocale \| undefined` | — | no | Table localization (overrides the strings of the global locale) |
+| `pagination` | `false \| NTable.NPagination.IProps \| undefined` | — | no | Table pagination configuration |
 | `readonly` | `boolean \| null \| undefined` | `null` | no | Read-only state |
-| `rowClassName` | `string \| TClassName<any> \| undefined` | — | no | Row classes |
-| `rowDraggable` | `TRowDraggable<any> \| undefined` | — | no | Row drag and drop. `true` or a configuration object `{ icon, disabled, allowDrop }`. Reordering only happens between siblings of the same parent; the consumer changes the order in the `@row-reorder` handler. |
+| `rowClassName` | `string \| NTable.NRow.TClassName<any> \| undefined` | — | no | Row classes |
+| `rowDraggable` | `NTable.NDraggable.TRowDraggable<any> \| undefined` | — | no | Row drag and drop. `true` or a configuration object `{ icon, disabled, allowDrop }`. Reordering only happens between siblings of the same parent; the consumer changes the order in the `@row-reorder` handler. |
 | `rowExpandable` | `((record: any) => boolean) \| undefined` | — | no | Whether the row can be expanded |
-| `rowKey` | `string \| TGetRowKey<any> \| undefined` | `'key'` | no | Unique row key — a string or a function returning a string |
-| `rowSelection` | `IRowSelection<any> \| undefined` | — | no | Row selection configuration |
-| `scroll` | `(TScroll & { scrollToFirstRowOnChange?: boolean \| undefined; }) \| undefined` | — | no | Whether the table can be scrolled |
+| `rowKey` | `string \| NTable.NRow.TGetRowKey<any> \| undefined` | `'key'` | no | Unique row key — a string or a function returning a string |
+| `rowSelection` | `NTable.NRow.IRowSelection<any> \| undefined` | — | no | Row selection configuration |
+| `scroll` | `(NTable.TScroll & { scrollToFirstRowOnChange?: boolean \| undefined; }) \| undefined` | — | no | Whether the table can be scrolled |
 | `showExpandColumn` | `boolean \| undefined` | — | no | Show the expand column |
 | `showHeader` | `boolean \| undefined` | — | no | Whether to show the table header |
-| `showSorterTooltip` | `boolean \| Omit<Partial<{ style: StyleValue; theme: string; location: Anchor; eager: boolean; contained: boolean; modelValue: boolean; persistent: boolean; noClickAnimation: boolean; ... 23 more ...; hideArrow: boolean; }> & Omit<...>, keyof VNodeProps \| keyof AllowedComponentProps> \| undefined` | `true` | no | Whether to show sorting tooltips in the header. You can pass an object with CdsTooltip properties. |
+| `showSorterTooltip` | `NTable.NSorter.TTooltip \| undefined` | `true` | no | Whether to show sorting tooltips in the header. You can pass an object with CdsTooltip properties. |
 | `size` | `number \| "xs" \| "sm" \| "md" \| "lg" \| "xl" \| undefined` | `'md'` | no | Size of the component |
 | `sortDirection` | `string[] \| undefined` | — | no | Sorting of the table data. 'ascend' \| 'descend' |
-| `sticky` | `boolean \| ISticky \| undefined` | — | no | Sticky behavior for the header and the scrollbar |
-| `tableLayout` | `TLayout \| undefined` | — | no | Fixed or auto layout |
+| `sticky` | `boolean \| NTable.NSticky.ISticky \| undefined` | — | no | Sticky behavior for the header and the scrollbar |
+| `tableLayout` | `NTable.TLayout \| undefined` | — | no | Fixed or auto layout |
 | `theme` | `string \| undefined` | — | no | Component theme |
-| `toolbar` | `TPanelRender<any> \| undefined` | — | no | Render function for the table toolbar |
-| `transformCellText` | `TTransformCellText<any> \| undefined` | — | no | Transform the text inside a cell |
+| `toolbar` | `NTable.NRender.TPanelRender<any> \| undefined` | — | no | Render function for the table toolbar |
+| `transformCellText` | `NTable.NCell.TTransformCellText<any> \| undefined` | — | no | Transform the text inside a cell |
 
 **Events**
 
 | Name | Type | Description |
 | --- | --- | --- |
-| `change` | `[pagination: IProps, filters: Record<string, TFilterValue \| null>, sorter: ISorterResult<any> \| ISorterResult<any>[], extra: ICurrentData<any>]` | Fired when the pagination, the filters or the sorting change. |
-| `columnReorder` | `[info: IColumnReorderInfo<any>]` | Fired when a column is dragged. The consumer changes the order of the columns. |
+| `change` | `[pagination: NTable.NPagination.IProps, filters: Record<string, NTable.TFilterValue \| null>, sorter: NTable.ISorterResult<any> \| NTable.ISorterResult<any>[], extra: NTable.ICurrentData<any>]` | Fired when the pagination, the filters or the sorting change. |
+| `columnReorder` | `[info: NTable.NDraggable.IColumnReorderInfo<any>]` | Fired when a column is dragged. The consumer changes the order of the columns. |
 | `expand` | `[expanded: boolean, record: any]` | Fired when a row is expanded or collapsed. |
-| `expandedRowsChange` | `[expandedKeys: TKey[]]` | Fired when the set of expanded rows changes. |
-| `resizeColumn` | `[width: number, column: IColumn<any>]` | Fired when a column is resized. |
-| `rowReorder` | `[info: IRowReorderInfo<any>]` | Fired when a row is dragged. The consumer changes the order of the data. |
-| `update:expandedRowKeys` | `[expandedKeys: TKey[]]` | Fired when the expanded rows are updated (v-model). |
+| `expandedRowsChange` | `[expandedKeys: NTable.TKey[]]` | Fired when the set of expanded rows changes. |
+| `resizeColumn` | `[width: number, column: NTable.NColumn.IColumn<any>]` | Fired when a column is resized. |
+| `rowReorder` | `[info: NTable.NDraggable.IRowReorderInfo<any>]` | Fired when a row is dragged. The consumer changes the order of the data. |
+| `update:expandedRowKeys` | `[expandedKeys: NTable.TKey[]]` | Fired when the expanded rows are updated (v-model). |
 
 **Slots**
 
 | Name | Type | Description |
 | --- | --- | --- |
-| `bodyCell` | `{ text: any; value: any; record: any; index: number; column: IColumn<any>; }` | Custom render of a table body cell. |
-| `customFilterDropdown` | `IFilterDropdownProps<any>` | Custom filter dropdown of a column (used together with the column `customFilterDropdown`). |
-| `customFilterIcon` | `{ filtered: boolean; column: IColumn<any>; }` | Custom column filter icon. |
+| `bodyCell` | `{ text: any; value: any; record: any; index: number; column: NTable.NColumn.IColumn<any>; }` | Custom render of a table body cell. |
+| `customFilterDropdown` | `NTable.NColumn.IFilterDropdownProps<any>` | Custom filter dropdown of a column (used together with the column `customFilterDropdown`). |
+| `customFilterIcon` | `{ filtered: boolean; column: NTable.NColumn.IColumn<any>; }` | Custom column filter icon. |
 | `default` | `any` | Declarative column description with CdsTableColumn / CdsTableColumnGroup. |
 | `emptyText` | `any` | Content shown when there is no data. |
 | `expandedRowRender` | `{ record: any; index: number; indent: number; expanded: boolean; }` | Render of the expanded row content. |
-| `expandIcon` | `IRenderExpandIconProps<any>` | Custom row expand icon. |
+| `expandIcon` | `NTable.NExpand.IRenderExpandIconProps<any>` | Custom row expand icon. |
 | `footer` | `readonly any[]` | Table footer (the panel below the table). |
 | `header` | `readonly any[]` | Table title (the panel above the table). |
-| `headerCell` | `{ title: TTitle<any>; column: IColumn<any>; }` | Custom render of a table header cell. |
+| `headerCell` | `{ title: NTable.NColumn.TTitle<any>; column: NTable.NColumn.IColumn<any>; }` | Custom render of a table header cell. |
 | `summary` | `{ pageData: readonly any[]; }` | Summary row of the table. |
 | `toolbar` | `readonly any[]` | Table toolbar (the panel above the table). |
 
@@ -29786,9 +29795,9 @@ watch(tableDataSwitcher, () => {
 
 | Name | Type | Description |
 | --- | --- | --- |
-| `default` | `{ value: any; text: any; record: any; index?: number \| undefined; renderIndex?: number \| undefined; column: IColumn<any>; }` | Custom render of a column cell. |
-| `filterIcon` | `{ filtered: boolean; column: IColumn<any>; }` | Custom column filter icon. |
-| `title` | `ITitleProps<any>` | Column title. |
+| `default` | `{ value: any; text: any; record: any; index?: number \| undefined; renderIndex?: number \| undefined; column: NTable.NColumn.IColumn<any>; }` | Custom render of a column cell. |
+| `filterIcon` | `{ filtered: boolean; column: NTable.NColumn.IColumn<any>; }` | Custom column filter icon. |
+| `title` | `NTable.NColumn.ITitleProps<any>` | Column title. |
 
 ### CdsTableColumnGroup
 
@@ -29797,7 +29806,7 @@ watch(tableDataSwitcher, () => {
 | Name | Type | Description |
 | --- | --- | --- |
 | `default` | `any` | Columns of the group (CdsTableColumn). |
-| `title` | `ITitleProps<any>` | Title of the column group. |
+| `title` | `NTable.NColumn.ITitleProps<any>` | Title of the column group. |
 
 ---
 
@@ -29902,7 +29911,7 @@ center or to the end.
 import { CdsRadio, CdsRadioGroup, CdsTab, CdsTabs } from '@central-design-system/components';
 import { ref } from 'vue';
 
-const align = ref('start');
+const align = ref<'start' | 'center' | 'end'>('start');
 </script>
 
 <template>
@@ -30152,7 +30161,7 @@ place, `fade` fades it in. The duration is set through
 import { CdsRadio, CdsRadioGroup, CdsTab, CdsTabs } from '@central-design-system/components';
 import { ref } from 'vue';
 
-const transition = ref('shift');
+const transition = ref<'shift' | 'grow' | 'fade'>('shift');
 </script>
 
 <template>
@@ -30541,14 +30550,14 @@ async function select(item: string) {
 | Prop | Type | Default | Required | Description |
 | --- | --- | --- | --- | --- |
 | `activeColor` | `string \| undefined` | — | no | Color of the component in its active state |
-| `appearance` | `"primary" \| "secondary" \| "tertiary" \| "inverse" \| undefined` | — | no | Visual appearance of the component |
+| `appearance` | `"primary" \| "secondary" \| "tertiary" \| "inverse" \| undefined` | `'primary'` | no | Visual appearance of the component |
 | `appendIcon` | `IconValue \| undefined` | — | no | Icon in the append slot, after the content |
 | `baseColor` | `string \| undefined` | — | no | Color of the component in its inactive state |
 | `block` | `boolean \| undefined` | — | no | Stretches the button to the full width of its container |
 | `color` | `string \| undefined` | — | no | Component color |
 | `content` | `string \| number \| undefined` | — | no | Content displayed in the component. |
-| `direction` | `"horizontal" \| "vertical" \| undefined` | — | no | Switches the component between horizontal and vertical layout. |
-| `disabled` | `boolean \| null \| undefined` | — | no | Disabled state |
+| `direction` | `"horizontal" \| "vertical" \| undefined` | `'horizontal'` | no | Switches the component between horizontal and vertical layout. |
+| `disabled` | `boolean \| null \| undefined` | `null` | no | Disabled state |
 | `exact` | `boolean \| undefined` | — | no | If true, the active state applies only on an exact route match |
 | `fixed` | `boolean \| undefined` | — | no | Fixes the width of the tab so it does not stretch to the length of its label |
 | `height` | `string \| number \| undefined` | — | no | Component height |
@@ -30561,19 +30570,19 @@ async function select(item: string) {
 | `minHeight` | `string \| number \| undefined` | — | no | Minimum component height |
 | `minWidth` | `string \| number \| undefined` | — | no | Minimum component width |
 | `prependIcon` | `IconValue \| undefined` | — | no | Icon in the prepend slot, before the content |
-| `readonly` | `boolean \| null \| undefined` | — | no | Read-only state |
+| `readonly` | `boolean \| null \| undefined` | `null` | no | Read-only state |
 | `replace` | `boolean \| undefined` | — | no | If true, navigation replaces the current history entry instead of pushing a new one |
-| `selectedClass` | `string \| undefined` | — | no | CSS class applied in the selected state |
-| `size` | `number \| "xs" \| "sm" \| "md" \| "lg" \| "xl" \| undefined` | — | no | Size of the component |
+| `selectedClass` | `string \| undefined` | `'cds-tab--selected'` | no | CSS class applied in the selected state |
+| `size` | `number \| "xs" \| "sm" \| "md" \| "lg" \| "xl" \| undefined` | `'md'` | no | Size of the component |
 | `sliderTransition` | `"shift" \| "grow" \| "fade" \| undefined` | — | no | Animation of the underline indicator of the active tab |
 | `sliderTransitionDuration` | `string \| number \| undefined` | — | no | Duration of the indicator animation in milliseconds |
 | `spaced` | `"both" \| "start" \| "end" \| undefined` | — | no | Pushes the prepend and append slots apart to the edges of the button. |
 | `stacked` | `boolean \| undefined` | — | no | Stacks the icon above the text instead of placing them side by side |
-| `tag` | `string \| JSXComponent<any> \| undefined` | — | no | Custom HTML tag or component to render |
+| `tag` | `string \| JSXComponent<any> \| undefined` | `'button'` | no | Custom HTML tag or component to render |
 | `text` | `string \| number \| undefined` | — | no | Text displayed in the component. |
 | `textColor` | `string \| undefined` | — | no | Text color of the component |
 | `theme` | `string \| undefined` | — | no | Component theme |
-| `to` | `string \| RouteLocationAsRelativeGeneric \| RouteLocationAsPathGeneric \| undefined` | — | no | Target route or route location object for RouterLink. When set, the component behaves as a RouterLink |
+| `to` | `LinkTo \| undefined` | — | no | Target route or route location object for RouterLink. When set, the component behaves as a RouterLink |
 | `value` | `any` | — | no | Value of the component within the group |
 | `width` | `string \| number \| undefined` | — | no | Component width |
 
@@ -30593,14 +30602,14 @@ async function select(item: string) {
 | Prop | Type | Default | Required | Description |
 | --- | --- | --- | --- | --- |
 | `crossfade` | `boolean \| undefined` | — | no | Slides change with a smooth crossfade instead of a shift |
-| `direction` | `"horizontal" \| "vertical" \| undefined` | — | no | Switches the component between horizontal and vertical layout. |
-| `disabled` | `boolean \| null \| undefined` | — | no | Disabled state |
+| `direction` | `"horizontal" \| "vertical" \| undefined` | `'horizontal'` | no | Switches the component between horizontal and vertical layout. |
+| `disabled` | `boolean \| null \| undefined` | `null` | no | Disabled state |
 | `max` | `number \| undefined` | — | no | Maximum number of items that can be selected |
 | `modelValue` | `any` | — | no | Value of the selected items of the group |
 | `multiple` | `boolean \| undefined` | — | no | Allows selecting several items at once |
 | `reverse` | `boolean \| undefined` | — | no | Inverts the direction of the transition animation between slides |
 | `selectedClass` | `string \| undefined` | — | no | CSS class applied in the selected state |
-| `tag` | `string \| JSXComponent<any> \| undefined` | — | no | Custom HTML tag or component to render |
+| `tag` | `string \| JSXComponent<any> \| undefined` | `'div'` | no | Custom HTML tag or component to render |
 | `theme` | `string \| undefined` | — | no | Component theme |
 | `transitionDuration` | `number \| undefined` | — | no | Duration of the transition animation between slides, in milliseconds |
 | `verticalArrows` | `boolean \| "left" \| "right" \| undefined` | — | no | Places the navigation arrows vertically: `'left'` or `'right'` — the side, `true` — the default side |
@@ -30626,7 +30635,7 @@ async function select(item: string) {
 
 | Prop | Type | Default | Required | Description |
 | --- | --- | --- | --- | --- |
-| `disabled` | `boolean \| null \| undefined` | — | no | Disabled state |
+| `disabled` | `boolean \| null \| undefined` | `null` | no | Disabled state |
 | `eager` | `boolean \| undefined` | — | no | Renders the content of the component right away. Useful when you have content that is not in the DOM but has to be indexed for SEO. |
 | `reverseTransition` | `string \| boolean \| undefined` | — | no | Transition used when the slide appears in the reverse direction. A transition component name, or `false` to turn the animation off |
 | `selectedClass` | `string \| undefined` | — | no | CSS class applied in the selected state |
@@ -31013,7 +31022,7 @@ const remove = (tag: string) => {
 | `text` | `string \| number \| undefined` | — | no | Text displayed in the component. |
 | `textColor` | `string \| undefined` | — | no | Text color of the component |
 | `theme` | `string \| undefined` | — | no | Component theme |
-| `to` | `string \| RouteLocationAsRelativeGeneric \| RouteLocationAsPathGeneric \| undefined` | — | no | Target route or route location object for RouterLink. When set, the component behaves as a RouterLink |
+| `to` | `LinkTo \| undefined` | — | no | Target route or route location object for RouterLink. When set, the component behaves as a RouterLink |
 | `value` | `any` | — | no | Value of the component within the group |
 
 **Events**
@@ -31794,11 +31803,7 @@ const send = () => {
       @keydown.enter.exact.prevent="send"
     >
       <template #append-inner>
-        <CdsFunctionalButton
-          icon="arrow-up"
-          aria-label="Отправить комментарий"
-          @click="send"
-        />
+        <CdsFunctionalButton icon="arrow-up" aria-label="Отправить комментарий" @click="send" />
       </template>
     </CdsTextArea>
   </div>
@@ -33167,7 +33172,7 @@ const dateTime = ref('01.09.2026 09:30');
 | `format12h` | `boolean \| undefined` | — | no | Shows the time in the 12-hour AM/PM format. |
 | `locale` | `string \| TDateLocale \| undefined` | — | no | Locale for the dates. A locale name ('ru' \| 'en') or a `TDateLocale` object. The current locale from `useLocale` is taken by default, otherwise `ru`. |
 | `mask` | `string \| undefined` | `'HH:mm'` | no | Date/time format |
-| `modelValue` | `string \| TDatetimeValueRange \| (string \| TDatetimeValueRange)[] \| undefined` | `null` | no | Value of the model |
+| `modelValue` | `string \| TDatetimeValueRange \| (string \| TDatetimeValueRange)[] \| null \| undefined` | `null` | no | Value of the model |
 | `nowBtn` | `boolean \| undefined` | — | no | Shows the "Now" button. |
 | `readonly` | `boolean \| null \| undefined` | `null` | no | Read-only state |
 | `theme` | `string \| undefined` | — | no | Component theme |
@@ -33307,7 +33312,7 @@ rendered above the page content by CdsOverlay.
 <script setup lang="ts">
 import { CdsButton, CdsToast } from '@central-design-system/components';
 
-const locations = ['top left', 'top center', 'top right', 'bottom left', 'bottom center', 'bottom right'];
+const locations = ['top left', 'top center', 'top right', 'bottom left', 'bottom center', 'bottom right'] as const;
 </script>
 
 <template>
@@ -34713,7 +34718,7 @@ import {
 
 | Prop | Type | Default | Required | Description |
 | --- | --- | --- | --- | --- |
-| `shrink` | `boolean \| undefined` | — | no | Shrinks the title to its content instead of stretching it. |
+| `shrink` | `boolean \| undefined` | `false` | no | Shrinks the title to its content instead of stretching it. |
 
 **Slots**
 
@@ -34790,7 +34795,7 @@ const locations = [
   { location: 'bottom left', icon: 'arrow-right-bottom' },
   { location: 'bottom right', icon: 'arrow-left-bottom' },
   { location: 'right', icon: 'arrow-right' }
-];
+] as const;
 </script>
 
 <template>
@@ -35906,7 +35911,9 @@ const treeData = computed(() => {
 });
 
 const collectParentKeys = (nodes: NTree.IDataNode[]): NTree.TKey[] =>
-  nodes.flatMap((node) => (node.children?.length ? [node.key, ...collectParentKeys(node.children)] : []));
+  nodes.flatMap((node) =>
+    node.children?.length && node.key != null ? [node.key, ...collectParentKeys(node.children)] : []
+  );
 
 watch(treeData, (nodes) => {
   if (query.value.trim()) {
@@ -36014,67 +36021,67 @@ const selectedFile = computed(() => {
 
 | Prop | Type | Default | Required | Description |
 | --- | --- | --- | --- | --- |
-| `allowDrop` | `TAllowDrop<IDataNode> \| undefined` | `true` | no | Decides whether a node accepts a drop |
+| `allowDrop` | `NTree.TAllowDrop<NTree.IDataNode> \| undefined` | `true` | no | Decides whether a node accepts a drop |
 | `autoExpandParent` | `boolean \| undefined` | `false` | no | Expands the parent node automatically |
 | `blockNode` | `boolean \| undefined` | `false` | no | The tree node fills all the remaining horizontal space |
 | `checkable` | `boolean \| undefined` | `false` | no | Adds a checkbox before the tree nodes |
-| `checkedKeys` | `TKey[] \| { checked: TKey[]; halfChecked: TKey[]; } \| undefined` | — | no | (v-model) Keys of the checked tree nodes. When the key of a parent node is given, all its child nodes become checked; and the other way around, when the key of a child node is given, its parent node becomes checked too. When `checkable` and `checkStrictly` are both true, the object has the `checked` and `halfChecked` fields, and checking a child or a parent node no longer affects the other. |
+| `checkedKeys` | `NTree.TKey[] \| { checked: NTree.TKey[]; halfChecked: NTree.TKey[]; } \| undefined` | — | no | (v-model) Keys of the checked tree nodes. When the key of a parent node is given, all its child nodes become checked; and the other way around, when the key of a child node is given, its parent node becomes checked too. When `checkable` and `checkStrictly` are both true, the object has the `checked` and `halfChecked` fields, and checking a child or a parent node no longer affects the other. |
 | `checkStrictly` | `boolean \| undefined` | `false` | no | Checks only the node itself, without its parents and children. |
 | `defaultExpandAll` | `boolean \| undefined` | `false` | no | Expands all the nodes by default |
-| `defaultExpandedKeys` | `TKey[] \| undefined` | `[]` | no | Expands all the nodes by default |
+| `defaultExpandedKeys` | `NTree.TKey[] \| undefined` | `[]` | no | Expands all the nodes by default |
 | `defaultExpandParent` | `boolean \| undefined` | `true` | no | Expands the parent nodes by default |
-| `defaultSelectedKeys` | `TKey[] \| undefined` | — | no | Tree nodes selected by default |
+| `defaultSelectedKeys` | `NTree.TKey[] \| undefined` | — | no | Tree nodes selected by default |
 | `disabled` | `boolean \| null \| undefined` | `null` | no | Disabled state |
-| `draggable` | `boolean \| TDraggableConfig \| undefined` | `false` | no | Allows dragging the tree nodes |
-| `expandAction` | `TExpandAction \| undefined` | — | no | Action that expands or collapses the tree nodes |
-| `expandedKeys` | `TKey[] \| undefined` | — | no | (v-model) Keys of the expanded tree nodes. |
-| `fieldNames` | `IFieldNames \| undefined` | — | no | Maps the title, key and children fields of a tree node to the matching fields of treeData |
-| `filterTreeNode` | `((treeNode: IEventDataNode) => boolean) \| undefined` | — | no | Function that filters (highlights) the tree nodes. When it returns true, the node is highlighted. |
+| `draggable` | `boolean \| NTree.TDraggableConfig \| undefined` | `false` | no | Allows dragging the tree nodes |
+| `expandAction` | `NTree.TExpandAction \| undefined` | — | no | Action that expands or collapses the tree nodes |
+| `expandedKeys` | `NTree.TKey[] \| undefined` | — | no | (v-model) Keys of the expanded tree nodes. |
+| `fieldNames` | `NTree.IFieldNames \| undefined` | — | no | Maps the title, key and children fields of a tree node to the matching fields of treeData |
+| `filterTreeNode` | `((treeNode: NTree.IEventDataNode) => boolean) \| undefined` | — | no | Function that filters (highlights) the tree nodes. When it returns true, the node is highlighted. |
 | `height` | `number \| undefined` | — | no | Height of the virtual scrolling list |
-| `icon` | `((nodeProps: ITreeNodeAttribute) => any) \| undefined` | — | no | Icon of the tree node (also available through slot#icon) |
-| `loadData` | `((treeNode: IEventDataNode) => Promise<any>) \| undefined` | — | no | Loads the data of a tree node asynchronously |
-| `loadedKeys` | `TKey[] \| undefined` | `[]` | no | Keys of the already loaded tree nodes. Required to work with loadData |
+| `icon` | `((nodeProps: NTree.ITreeNodeAttribute) => any) \| undefined` | — | no | Icon of the tree node (also available through slot#icon) |
+| `loadData` | `((treeNode: NTree.IEventDataNode) => Promise<any>) \| undefined` | — | no | Loads the data of a tree node asynchronously |
+| `loadedKeys` | `NTree.TKey[] \| undefined` | `[]` | no | Keys of the already loaded tree nodes. Required to work with loadData |
 | `multiple` | `boolean \| undefined` | `false` | no | Allows selecting several tree nodes |
 | `openAnimation` | `Function \| undefined` | — | no | Animation function for expanding and collapsing a tree node |
 | `selectable` | `boolean \| undefined` | `false` | no | Makes the tree nodes selectable |
-| `selectedKeys` | `TKey[] \| undefined` | — | no | (v-model) Keys of the selected tree nodes. |
+| `selectedKeys` | `NTree.TKey[] \| undefined` | — | no | (v-model) Keys of the selected tree nodes. |
 | `showIcon` | `boolean \| undefined` | `false` | no | Shows the icon of the tree node |
 | `showLine` | `boolean \| { showLeafIcon: string \| boolean; } \| undefined` | — | no | Shows the lines between the tree nodes |
 | `switcherIcon` | `((nodeProps: SwitcherIconProps) => any) \| undefined` | — | no | Icon of the expand/collapse switcher (also available through slot#switcherIcon) |
 | `theme` | `string \| undefined` | — | no | Component theme |
-| `treeData` | `IDataNode[] \| undefined` | — | no | Data of the tree |
+| `treeData` | `NTree.IDataNode[] \| undefined` | — | no | Data of the tree |
 | `virtual` | `boolean \| undefined` | `true` | no | Enables virtual scrolling of the list inside the tree; enabled by default |
 
 **Events**
 
 | Name | Type | Description |
 | --- | --- | --- |
-| `check` | `[checked: TKey[] \| { checked: TKey[]; halfChecked: TKey[]; }, info: ICheckInfo]` | A node was checked with its checkbox. |
-| `click` | `[event: MouseEvent, node: IEventDataNode]` | Click on a node. |
-| `dblclick` | `[event: MouseEvent, node: IEventDataNode]` | Double click on a node. |
-| `doubleclick` | `[event: MouseEvent, node: IEventDataNode]` | Double click on a node (alias). |
-| `dragend` | `[info: TNodeDragEventParams]` | Dragging of a node finished. |
-| `dragenter` | `[info: TNodeDragEventParams & { expandedKeys: TKey[]; }]` | A dragged node entered the drop area. |
-| `dragleave` | `[info: TNodeDragEventParams]` | A dragged node left the drop area. |
-| `dragover` | `[info: TNodeDragEventParams]` | A dragged node moves inside the drop area. |
-| `dragstart` | `[info: TNodeDragEventParams]` | Dragging of a node started. |
-| `drop` | `[info: TNodeDragEventParams & { dragNode: IEventDataNode; dragNodesKeys: TKey[]; dropPosition: number; dropToGap: boolean; }]` | A node was dropped. |
-| `expand` | `[expandedKeys: TKey[], info: { node: IEventDataNode; expanded: boolean; nativeEvent: MouseEvent; }]` | A node was expanded or collapsed. |
-| `load` | `[loadedKeys: TKey[], info: { event: "load"; node: IEventDataNode; }]` | Children of a node were loaded (async loadData). |
-| `rightClick` | `[info: { event: MouseEvent; node: IEventDataNode; }]` | Right click on a node. |
-| `select` | `[selectedKeys: TKey[], info: { event: "select"; selected: boolean; node: IEventDataNode; selectedNodes: IDataNode[]; nativeEvent: MouseEvent; }]` | A node was selected. |
-| `update:checkedKeys` | `[checkedKeys: TKey[] \| { checked: TKey[]; halfChecked: TKey[]; }]` | Checking of a node changed (v-model). |
-| `update:expandedKeys` | `[expandedKeys: TKey[]]` | Expansion of a node changed (v-model). |
-| `update:selectedKeys` | `[selectedKeys: TKey[]]` | Selection of a node changed (v-model). |
+| `check` | `[checked: NTree.TKey[] \| { checked: NTree.TKey[]; halfChecked: NTree.TKey[]; }, info: NTree.ICheckInfo]` | A node was checked with its checkbox. |
+| `click` | `[event: MouseEvent, node: NTree.IEventDataNode]` | Click on a node. |
+| `dblclick` | `[event: MouseEvent, node: NTree.IEventDataNode]` | Double click on a node. |
+| `doubleclick` | `[event: MouseEvent, node: NTree.IEventDataNode]` | Double click on a node (alias). |
+| `dragend` | `[info: NTree.TNodeDragEventParams]` | Dragging of a node finished. |
+| `dragenter` | `[info: NTree.TNodeDragEventParams & { expandedKeys: NTree.TKey[]; }]` | A dragged node entered the drop area. |
+| `dragleave` | `[info: NTree.TNodeDragEventParams]` | A dragged node left the drop area. |
+| `dragover` | `[info: NTree.TNodeDragEventParams]` | A dragged node moves inside the drop area. |
+| `dragstart` | `[info: NTree.TNodeDragEventParams]` | Dragging of a node started. |
+| `drop` | `[info: NTree.TNodeDragEventParams & { dragNode: NTree.IEventDataNode; dragNodesKeys: NTree.TKey[]; dropPosition: number; dropToGap: boolean; }]` | A node was dropped. |
+| `expand` | `[expandedKeys: NTree.TKey[], info: { node: NTree.IEventDataNode; expanded: boolean; nativeEvent: MouseEvent; }]` | A node was expanded or collapsed. |
+| `load` | `[loadedKeys: NTree.TKey[], info: { event: "load"; node: NTree.IEventDataNode; }]` | Children of a node were loaded (async loadData). |
+| `rightClick` | `[info: { event: MouseEvent; node: NTree.IEventDataNode; }]` | Right click on a node. |
+| `select` | `[selectedKeys: NTree.TKey[], info: { event: "select"; selected: boolean; node: NTree.IEventDataNode; selectedNodes: NTree.IDataNode[]; nativeEvent: MouseEvent; }]` | A node was selected. |
+| `update:checkedKeys` | `[checkedKeys: NTree.TKey[] \| { checked: NTree.TKey[]; halfChecked: NTree.TKey[]; }]` | Checking of a node changed (v-model). |
+| `update:expandedKeys` | `[expandedKeys: NTree.TKey[]]` | Expansion of a node changed (v-model). |
+| `update:selectedKeys` | `[selectedKeys: NTree.TKey[]]` | Selection of a node changed (v-model). |
 
 **Slots**
 
 | Name | Type | Description |
 | --- | --- | --- |
 | `default` | `any` | Tree nodes by default (when described declaratively in markup). |
-| `icon` | `ITreeNodeAttribute` | Custom icon of the tree node. |
+| `icon` | `NTree.ITreeNodeAttribute` | Custom icon of the tree node. |
 | `switcherIcon` | `any` | Custom icon of the expand/collapse switcher. |
-| `title` | `IEventDataNode` | Custom title of the tree node. |
+| `title` | `NTree.IEventDataNode` | Custom title of the tree node. |
 
 **Exposed**
 
@@ -36091,56 +36098,56 @@ const selectedFile = computed(() => {
 
 | Prop | Type | Default | Required | Description |
 | --- | --- | --- | --- | --- |
-| `allowDrop` | `TAllowDrop<IDataNode> \| undefined` | — | no | Decides whether a node accepts a drop |
-| `autoExpandParent` | `boolean \| undefined` | — | no | Expands the parent node automatically |
-| `blockNode` | `boolean \| undefined` | — | no | The tree node fills all the remaining horizontal space |
-| `checkable` | `boolean \| undefined` | — | no | Adds a checkbox before the tree nodes |
-| `checkedKeys` | `TKey[] \| { checked: TKey[]; halfChecked: TKey[]; } \| undefined` | — | no | (v-model) Keys of the checked tree nodes. When the key of a parent node is given, all its child nodes become checked; and the other way around, when the key of a child node is given, its parent node becomes checked too. When `checkable` and `checkStrictly` are both true, the object has the `checked` and `halfChecked` fields, and checking a child or a parent node no longer affects the other. |
-| `checkStrictly` | `boolean \| undefined` | — | no | Checks only the node itself, without its parents and children. |
-| `defaultExpandAll` | `boolean \| undefined` | — | no | Expands all the nodes by default |
-| `defaultExpandedKeys` | `TKey[] \| undefined` | — | no | Expands all the nodes by default |
-| `defaultExpandParent` | `boolean \| undefined` | — | no | Expands the parent nodes by default |
-| `defaultSelectedKeys` | `TKey[] \| undefined` | — | no | Tree nodes selected by default |
-| `draggable` | `boolean \| TDraggableConfig \| undefined` | — | no | Allows dragging the tree nodes |
+| `allowDrop` | `NTree.TAllowDrop<NTree.IDataNode> \| undefined` | `true` | no | Decides whether a node accepts a drop |
+| `autoExpandParent` | `boolean \| undefined` | `false` | no | Expands the parent node automatically |
+| `blockNode` | `boolean \| undefined` | `false` | no | The tree node fills all the remaining horizontal space |
+| `checkable` | `boolean \| undefined` | `false` | no | Adds a checkbox before the tree nodes |
+| `checkedKeys` | `NTree.TKey[] \| { checked: NTree.TKey[]; halfChecked: NTree.TKey[]; } \| undefined` | — | no | (v-model) Keys of the checked tree nodes. When the key of a parent node is given, all its child nodes become checked; and the other way around, when the key of a child node is given, its parent node becomes checked too. When `checkable` and `checkStrictly` are both true, the object has the `checked` and `halfChecked` fields, and checking a child or a parent node no longer affects the other. |
+| `checkStrictly` | `boolean \| undefined` | `false` | no | Checks only the node itself, without its parents and children. |
+| `defaultExpandAll` | `boolean \| undefined` | `false` | no | Expands all the nodes by default |
+| `defaultExpandedKeys` | `NTree.TKey[] \| undefined` | `[]` | no | Expands all the nodes by default |
+| `defaultExpandParent` | `boolean \| undefined` | `true` | no | Expands the parent nodes by default |
+| `defaultSelectedKeys` | `NTree.TKey[] \| undefined` | — | no | Tree nodes selected by default |
+| `draggable` | `boolean \| NTree.TDraggableConfig \| undefined` | `false` | no | Allows dragging the tree nodes |
 | `expandAction` | `string \| false \| undefined` | — | no | Action that expands or collapses the tree nodes |
-| `expandedKeys` | `TKey[] \| undefined` | — | no | (v-model) Keys of the expanded tree nodes. |
-| `fieldNames` | `IFieldNames \| undefined` | — | no | Maps the title, key and children fields of a tree node to the matching fields of treeData |
-| `filterTreeNode` | `((treeNode: IEventDataNode) => boolean) \| undefined` | — | no | Function that filters (highlights) the tree nodes. When it returns true, the node is highlighted. |
+| `expandedKeys` | `NTree.TKey[] \| undefined` | — | no | (v-model) Keys of the expanded tree nodes. |
+| `fieldNames` | `NTree.IFieldNames \| undefined` | — | no | Maps the title, key and children fields of a tree node to the matching fields of treeData |
+| `filterTreeNode` | `((treeNode: NTree.IEventDataNode) => boolean) \| undefined` | — | no | Function that filters (highlights) the tree nodes. When it returns true, the node is highlighted. |
 | `height` | `number \| undefined` | — | no | Height of the virtual scrolling list |
-| `icon` | `((nodeProps: ITreeNodeAttribute) => any) \| undefined` | — | no | Icon of the tree node (also available through slot#icon) |
-| `loadData` | `((treeNode: IEventDataNode) => Promise<any>) \| undefined` | — | no | Loads the data of a tree node asynchronously |
-| `loadedKeys` | `TKey[] \| undefined` | — | no | Keys of the already loaded tree nodes. Required to work with loadData |
-| `multiple` | `boolean \| undefined` | — | no | Allows selecting several tree nodes |
+| `icon` | `((nodeProps: NTree.ITreeNodeAttribute) => any) \| undefined` | — | no | Icon of the tree node (also available through slot#icon) |
+| `loadData` | `((treeNode: NTree.IEventDataNode) => Promise<any>) \| undefined` | — | no | Loads the data of a tree node asynchronously |
+| `loadedKeys` | `NTree.TKey[] \| undefined` | `[]` | no | Keys of the already loaded tree nodes. Required to work with loadData |
+| `multiple` | `boolean \| undefined` | `false` | no | Allows selecting several tree nodes |
 | `openAnimation` | `Function \| undefined` | — | no | Animation function for expanding and collapsing a tree node |
-| `selectable` | `boolean \| undefined` | — | no | Makes the tree nodes selectable |
-| `selectedKeys` | `TKey[] \| undefined` | — | no | (v-model) Keys of the selected tree nodes. |
-| `showIcon` | `boolean \| undefined` | — | no | Shows the icon of the tree node |
+| `selectable` | `boolean \| undefined` | `false` | no | Makes the tree nodes selectable |
+| `selectedKeys` | `NTree.TKey[] \| undefined` | — | no | (v-model) Keys of the selected tree nodes. |
+| `showIcon` | `boolean \| undefined` | `false` | no | Shows the icon of the tree node |
 | `showLine` | `boolean \| { showLeafIcon: string \| boolean; } \| undefined` | — | no | Shows the lines between the tree nodes |
 | `switcherIcon` | `((nodeProps: SwitcherIconProps) => any) \| undefined` | — | no | Icon of the expand/collapse switcher (also available through slot#switcherIcon) |
-| `treeData` | `IDataNode[] \| undefined` | — | no | Data of the tree |
-| `virtual` | `boolean \| undefined` | — | no | Enables virtual scrolling of the list inside the tree; enabled by default |
+| `treeData` | `NTree.IDataNode[] \| undefined` | — | no | Data of the tree |
+| `virtual` | `boolean \| undefined` | `true` | no | Enables virtual scrolling of the list inside the tree; enabled by default |
 
 **Events**
 
 | Name | Type | Description |
 | --- | --- | --- |
-| `check` | `[checked: TKey[] \| { checked: TKey[]; halfChecked: TKey[]; }, info: ICheckInfo]` | A node was checked with its checkbox. |
-| `click` | `[event: MouseEvent, node: IEventDataNode]` | Click on a node. |
-| `dblclick` | `[event: MouseEvent, node: IEventDataNode]` | Double click on a node. |
-| `doubleclick` | `[event: MouseEvent, node: IEventDataNode]` | Double click on a node (alias). |
-| `dragend` | `[info: TNodeDragEventParams]` | Dragging of a node finished. |
-| `dragenter` | `[info: TNodeDragEventParams & { expandedKeys: TKey[]; }]` | A dragged node entered the drop area. |
-| `dragleave` | `[info: TNodeDragEventParams]` | A dragged node left the drop area. |
-| `dragover` | `[info: TNodeDragEventParams]` | A dragged node moves inside the drop area. |
-| `dragstart` | `[info: TNodeDragEventParams]` | Dragging of a node started. |
-| `drop` | `[info: TNodeDragEventParams & { dragNode: IEventDataNode; dragNodesKeys: TKey[]; dragPosition: number; dropToGap: boolean; }]` | A node was dropped. |
-| `expand` | `[expandedKeys: TKey[], info: { node: IEventDataNode; expanded: boolean; nativeEvent: MouseEvent; }]` | A node was expanded or collapsed. |
-| `load` | `[treeNode: IEventDataNode]` | Children of a node were loaded (async loadData). |
-| `rightClick` | `[info: { event: MouseEvent; node: IEventDataNode; }]` | Right click on a node. |
-| `select` | `[selectedKeys: TKey[], info: { event: "select"; selected: boolean; node: IEventDataNode; selectedNodes: IDataNode[]; nativeEvent: MouseEvent; }]` | A node was selected. |
-| `update:checkedKeys` | `[checkedKeys: TKey[] \| { checked: TKey[]; halfChecked: TKey[]; }]` | Checking of a node changed (v-model). |
-| `update:expandedKeys` | `[expandedKeys: TKey[]]` | Expansion of a node changed (v-model). |
-| `update:selectedKeys` | `[selectedKeys: TKey[]]` | Selection of a node changed (v-model). |
+| `check` | `[checked: NTree.TKey[] \| { checked: NTree.TKey[]; halfChecked: NTree.TKey[]; }, info: NTree.ICheckInfo]` | A node was checked with its checkbox. |
+| `click` | `[event: MouseEvent, node: NTree.IEventDataNode]` | Click on a node. |
+| `dblclick` | `[event: MouseEvent, node: NTree.IEventDataNode]` | Double click on a node. |
+| `doubleclick` | `[event: MouseEvent, node: NTree.IEventDataNode]` | Double click on a node (alias). |
+| `dragend` | `[info: NTree.TNodeDragEventParams]` | Dragging of a node finished. |
+| `dragenter` | `[info: NTree.TNodeDragEventParams & { expandedKeys: NTree.TKey[]; }]` | A dragged node entered the drop area. |
+| `dragleave` | `[info: NTree.TNodeDragEventParams]` | A dragged node left the drop area. |
+| `dragover` | `[info: NTree.TNodeDragEventParams]` | A dragged node moves inside the drop area. |
+| `dragstart` | `[info: NTree.TNodeDragEventParams]` | Dragging of a node started. |
+| `drop` | `[info: NTree.TNodeDragEventParams & { dragNode: NTree.IEventDataNode; dragNodesKeys: NTree.TKey[]; dragPosition: number; dropToGap: boolean; }]` | A node was dropped. |
+| `expand` | `[expandedKeys: NTree.TKey[], info: { node: NTree.IEventDataNode; expanded: boolean; nativeEvent: MouseEvent; }]` | A node was expanded or collapsed. |
+| `load` | `[treeNode: NTree.IEventDataNode]` | Children of a node were loaded (async loadData). |
+| `rightClick` | `[info: { event: MouseEvent; node: NTree.IEventDataNode; }]` | Right click on a node. |
+| `select` | `[selectedKeys: NTree.TKey[], info: { event: "select"; selected: boolean; node: NTree.IEventDataNode; selectedNodes: NTree.IDataNode[]; nativeEvent: MouseEvent; }]` | A node was selected. |
+| `update:checkedKeys` | `[checkedKeys: NTree.TKey[] \| { checked: NTree.TKey[]; halfChecked: NTree.TKey[]; }]` | Checking of a node changed (v-model). |
+| `update:expandedKeys` | `[expandedKeys: NTree.TKey[]]` | Expansion of a node changed (v-model). |
+| `update:selectedKeys` | `[selectedKeys: NTree.TKey[]]` | Selection of a node changed (v-model). |
 
 ### CdsTreeNode
 
@@ -36150,19 +36157,20 @@ const selectedFile = computed(() => {
 | --- | --- | --- | --- | --- |
 | `active` | `boolean \| undefined` | — | no | Highlights the node as active |
 | `checkable` | `boolean \| undefined` | — | no | Shows a checkbox next to the node |
-| `data` | `IDataNode \| undefined` | — | no | Data of the node — the original list item the node is built from |
+| `data` | `NTree.IDataNode \| undefined` | `undefined as unknown as NTree.IDataNode` | no | Data of the node — the original list item the node is built from |
 | `disableCheckbox` | `boolean \| undefined` | — | no | Disables only the checkbox of the node, leaving the node itself available |
 | `disabled` | `boolean \| undefined` | — | no | Disables the node: it cannot be selected, checked or expanded |
 | `domRef` | `((arg: any) => void) \| undefined` | — | no | Callback that receives the DOM element of the node after mounting |
-| `eventKey` | `TKey \| undefined` | — | no | Unique key of the node — the tree uses it to track selection, expansion and checking |
+| `eventKey` | `NTree.TKey \| undefined` | `''` | no | Unique key of the node — the tree uses it to track selection, expansion and checking |
 | `icon` | `Function \| undefined` | — | no | Function that returns the icon of the node |
 | `isEnd` | `boolean[] \| undefined` | — | no | “Last on its level” flags for every nesting level — the connecting lines are drawn from them |
 | `isLeaf` | `boolean \| undefined` | — | no | The node is a leaf: it has no children and shows no expand switcher |
 | `isStart` | `boolean[] \| undefined` | — | no | “First on its level” flags for every nesting level — the connecting lines are drawn from them |
-| `parent` | `IDataNode \| undefined` | — | no | Data of the parent node. Not set for the top-level nodes |
+| `parent` | `NTree.IDataNode \| undefined` | `undefined as unknown as NTree.IDataNode` | no | Data of the parent node. Not set for the top-level nodes |
 | `prefixCls` | `string \| undefined` | — | no | Prefix of the CSS classes of the node |
 | `selectable` | `boolean \| undefined` | — | no | Allows selecting the node |
 | `switcherIcon` | `Function \| undefined` | — | no | Function that returns the icon of the expand switcher |
+| `title` | `string \| (Function & string) \| undefined` | — | no | Tree node title: a string or a render function |
 
 ---
 
@@ -36584,9 +36592,10 @@ const beforeUpload = (file: NUploader.IUploadFile): boolean => {
   return valid;
 };
 
-// Отклонённые в beforeUpload файлы попадают в список без статуса — убираем их
-const handleChange = ({ fileList }: NUploader.IUploadChangeParam<NUploader.IUploadFile>) => {
-  files.value = fileList.filter((file) => file.status);
+const handleChange = (info: NUploader.IUploadChangeParam<NUploader.IUploadFile> | Event) => {
+  if (info instanceof Event) return;
+
+  files.value = info.fileList.filter((file) => file.status);
 };
 </script>
 
@@ -36717,7 +36726,7 @@ import { ref } from 'vue';
 
 const files = ref<NUploader.IUploadFile[]>([]);
 
-const handleChange = (info: NUploader.IUploadChangeParam<NUploader.IUploadFile>) => {
+const handleChange = (info: NUploader.IUploadChangeParam<NUploader.IUploadFile> | Event) => {
   console.log('onChange', info);
 };
 const handleProgress = (event: NUploader.IUploadChangeParam['event'], file: NUploader.IUploadFile) => {
@@ -36726,7 +36735,11 @@ const handleProgress = (event: NUploader.IUploadChangeParam['event'], file: NUpl
 const handleSuccess = (response: Record<string, any>, file: NUploader.IUploadFile) => {
   console.log('onSuccess', response, file);
 };
-const handleError = (event: NUploader.IUploadRequestError, response: any, file: NUploader.IUploadFile) => {
+const handleError = (
+  event: NUploader.IUploadRequestError | ProgressEvent,
+  response: any,
+  file: NUploader.IUploadFile
+) => {
   console.log('onError', event, response, file);
 };
 const handleRemove = (file: NUploader.IUploadFile) => {
@@ -36777,19 +36790,19 @@ const handlePreview = (file: NUploader.IUploadFile) => {
 | Prop | Type | Default | Required | Description |
 | --- | --- | --- | --- | --- |
 | `accept` | `string \| string[] \| undefined` | `''` | no | Allowed file types |
-| `action` | `TAction \| undefined` | `''` | no | URL the files are uploaded to |
+| `action` | `NUploader.TAction \| undefined` | `''` | no | URL the files are uploaded to |
 | `activeColor` | `string \| undefined` | — | no | Color of the component in its active state |
 | `appendIcon` | `IconValue \| undefined` | — | no | Icon in the append slot, after the content |
 | `baseColor` | `string \| undefined` | — | no | Color of the component in its inactive state |
-| `beforeUpload` | `((file: IUploadFile<any>, fileList: IUploadFile<any>[]) => TBeforeUploadFileType \| Promise<void \| TBeforeUploadFileType>) \| undefined` | — | no | Lifecycle hook called before a file is uploaded |
+| `beforeUpload` | `((file: NUploader.IUploadFile<any>, fileList: NUploader.IUploadFile<any>[]) => NUploader.TBeforeUploadFileType \| Promise<void \| NUploader.TBeforeUploadFileType>) \| undefined` | — | no | Lifecycle hook called before a file is uploaded |
 | `bgColor` | `string \| undefined` | — | no | Background color of the component |
 | `buttonProps` | `Partial<CdsButtonProps> \| undefined` | `null` | no | Props for the CdsButton component |
 | `capture` | `boolean \| "user" \| "environment" \| undefined` | — | no | Type of the media the file is captured from on mobile devices |
 | `centerAffix` | `boolean \| undefined` | `true` | no | Vertically center the appendInner, prependInner, clearIcon and label elements. |
 | `color` | `string \| undefined` | — | no | Component color |
-| `customRequest` | `((options: IUploadRequestOption<any>) => void) \| undefined` | — | no | Your own file upload request. Overrides the default xhr |
-| `data` | `Record<string, unknown> \| ((file: string \| Blob \| IRcFile) => Record<string, unknown>) \| {} \| undefined` | `{}` | no | Parameters of the file upload or a function returning them |
-| `defaultFileList` | `IUploadFile<any>[] \| undefined` | — | no | Default list of files |
+| `customRequest` | `((options: NUploader.IUploadRequestOption<any>) => void) \| undefined` | — | no | Your own file upload request. Overrides the default xhr |
+| `data` | `Record<string, unknown> \| ((file: string \| Blob \| NUploader.IRcFile) => Record<string, unknown>) \| {} \| undefined` | `{}` | no | Parameters of the file upload or a function returning them |
+| `defaultFileList` | `NUploader.IUploadFile<any>[] \| undefined` | — | no | Default list of files |
 | `description` | `string \| undefined` | — | no | Description of the component, shown under the label |
 | `direction` | `"horizontal" \| "vertical" \| undefined` | `'horizontal'` | no | Switches the component between horizontal and vertical layout. |
 | `directory` | `boolean \| undefined` | — | no | Upload directories |
@@ -36798,21 +36811,21 @@ const handlePreview = (file: NUploader.IUploadFile) => {
 | `error` | `boolean \| undefined` | — | no | Puts the component into the error state |
 | `errorMessages` | `string \| readonly string[] \| null \| undefined` | `[]` | no | Puts the component into the error state and passes custom error messages. They are merged with any checks defined in the `rules` prop. This field does not trigger validation. |
 | `focused` | `boolean \| undefined` | — | no | Controls the focus state of the component. When `true`, the component is considered focused and may apply the corresponding styles or behavior. |
-| `headers` | `TUploadRequestHeaders \| undefined` | — | no | Request headers |
+| `headers` | `NUploader.TUploadRequestHeaders \| undefined` | — | no | Request headers |
 | `hideDetails` | `boolean \| "auto" \| undefined` | — | no | Hides the details block (messages and hints). With the 'auto' value the block is hidden when there are no messages |
 | `hideMessages` | `boolean \| undefined` | — | no | Hide the messages under the input |
 | `hint` | `string \| undefined` | — | no | Hint text shown under the input |
 | `iconColor` | `string \| boolean \| undefined` | — | no | Icon color. Accepts a boolean or a color string |
 | `id` | `string \| undefined` | — | no | Unique identifier of the component |
-| `isImageUrl` | `((file: IUploadFile<any>) => boolean) \| undefined` | — | no | Configuration of the thumbnails of the uploaded files (not supported yet) |
-| `itemRender` | `TItemRender<any> \| undefined` | — | no | Render function for an item of the uploaded file list |
+| `isImageUrl` | `((file: NUploader.IUploadFile<any>) => boolean) \| undefined` | — | no | Configuration of the thumbnails of the uploaded files (not supported yet) |
+| `itemRender` | `NUploader.TItemRender<any> \| undefined` | — | no | Render function for an item of the uploaded file list |
 | `label` | `string \| undefined` | — | no | Label text of the component |
-| `listType` | `TUploadListType \| undefined` | `'text'` | no | Type of the uploaded file list ('text' only is supported) |
+| `listType` | `NUploader.TUploadListType \| undefined` | `'text'` | no | Type of the uploaded file list ('text' only is supported) |
 | `maxCount` | `number \| undefined` | — | no | Maximum number of uploaded files |
 | `maxErrors` | `string \| number \| undefined` | `1` | no | Maximum number of validation errors shown |
 | `maxWidth` | `string \| number \| undefined` | — | no | Maximum component width |
 | `messages` | `string \| readonly string[] \| undefined` | `[]` | no | Messages shown under the input |
-| `method` | `TUploadRequestMethod \| undefined` | — | no | HTTP method of the upload request |
+| `method` | `NUploader.TUploadRequestMethod \| undefined` | — | no | HTTP method of the upload request |
 | `minWidth` | `string \| number \| undefined` | — | no | Minimum component width |
 | `modelValue` | `any` | — | no | Value of the component in v-model. If the component supports the multiple prop, an empty array is used by default. |
 | `multiple` | `boolean \| undefined` | `true` | no | Uploading several files at once |
@@ -36824,7 +36837,7 @@ const handlePreview = (file: NUploader.IUploadFile) => {
 | `removeIcon` | `IconValue \| undefined` | `'delete'` | no | File removal icon |
 | `rules` | `readonly ValidationRule[] \| undefined` | `[]` | no | Accepts an array of items of different types: functions, booleans and strings. Functions take the input value as an argument and must return either true / false, or a string with an error message. The input goes into the error state if a function returns false (or any value in the array is false) or is a string. |
 | `showTooltipWithError` | `boolean \| undefined` | `false` | no | Whether to show a tooltip with the error next to every file |
-| `showUploadList` | `boolean \| TShowUploadList \| undefined` | `true` | no | Show the list of the uploaded files |
+| `showUploadList` | `boolean \| NUploader.TShowUploadList \| undefined` | `true` | no | Show the list of the uploaded files |
 | `size` | `number \| "xs" \| "sm" \| "md" \| "lg" \| "xl" \| undefined` | `'md'` | no | Size of the component |
 | `tag` | `string \| JSXComponent<any> \| undefined` | `'span'` | no | Custom HTML tag or component to render |
 | `textColor` | `string \| undefined` | — | no | Text color of the component |
@@ -36839,25 +36852,25 @@ const handlePreview = (file: NUploader.IUploadFile) => {
 
 | Name | Type | Description |
 | --- | --- | --- |
-| `change` | `[info: IUploadChangeParam<IUploadFile<any>>]` | Fires when the field changes |
-| `download` | `[file: IUploadFile<any>]` | Fires when a file is downloaded |
+| `change` | `[info: NUploader.IUploadChangeParam<NUploader.IUploadFile<any>>]` | Fires when the field changes |
+| `download` | `[file: NUploader.IUploadFile<any>]` | Fires when a file is downloaded |
 | `drop` | `[event: DragEvent]` | Fires when a file is dropped |
-| `error` | `[error: ProgressEvent<EventTarget> \| IUploadRequestError, response: any, file: IUploadFile<any>]` | Fires when a file upload fails |
-| `preview` | `[file: IUploadFile<any>]` | Fires when a file preview is opened |
-| `progress` | `[event: { percent: number; } \| undefined, file: IUploadFile<any>]` | Fires while a file is being uploaded |
-| `reject` | `[fileList: IUploadFile<any>[]]` | Fires when a file upload is rejected |
-| `remove` | `[file: IUploadFile<any>]` | Fires when a file is removed |
-| `success` | `[response: Record<string, unknown>, file: IUploadFile<any>]` | Fires when a file has been uploaded successfully |
-| `update:modelValue` | `[fileList: IUploadFile<any>[]]` | Fires when the value changes (v-model) |
+| `error` | `[error: ProgressEvent<EventTarget> \| NUploader.IUploadRequestError, response: any, file: NUploader.IUploadFile<any>]` | Fires when a file upload fails |
+| `preview` | `[file: NUploader.IUploadFile<any>]` | Fires when a file preview is opened |
+| `progress` | `[event: { percent: number; } \| undefined, file: NUploader.IUploadFile<any>]` | Fires while a file is being uploaded |
+| `reject` | `[fileList: NUploader.IUploadFile<any>[]]` | Fires when a file upload is rejected |
+| `remove` | `[file: NUploader.IUploadFile<any>]` | Fires when a file is removed |
+| `success` | `[response: Record<string, unknown>, file: NUploader.IUploadFile<any>]` | Fires when a file has been uploaded successfully |
+| `update:modelValue` | `[fileList: NUploader.IUploadFile<any>[]]` | Fires when the value changes (v-model) |
 
 **Slots**
 
 | Name | Type | Description |
 | --- | --- | --- |
 | `append` | `any` | Content of the append slot after the upload button. |
-| `default` | `{ props: Record<string, unknown>; }` | The upload button or activator. Receives the props for CdsButton. |
+| `default` | `{ props: Partial<CdsButtonProps>; }` | The upload button or activator. Receives the props for CdsButton. |
 | `description` | `any` | Description under the label. |
-| `itemRender` | `{ originNode: VNode<RendererNode, RendererElement, { [key: string]: any; }>; file?: IUploadFile<any> \| undefined; fileList?: IUploadFile<...>[] \| undefined; actions: { ...; }; }` | Custom rendering of an item of the uploaded file list. |
+| `itemRender` | `{ originNode: VNode<RendererNode, RendererElement, { [key: string]: any; }>; file?: NUploader.IUploadFile<any> \| undefined; fileList?: NUploader.IUploadFile<any>[] \| undefined; actions: { download?: (() => void) \| undefined; preview?: (() => void) \| undefined; remove?: (() => void) \| undefined; }; }` | Custom rendering of an item of the uploaded file list. |
 | `label` | `any` | Label of the upload field. |
 | `messages` | `any` | Hint and error messages. |
 | `prepend` | `any` | Content of the prepend slot before the upload button. |
@@ -36866,8 +36879,8 @@ const handlePreview = (file: NUploader.IUploadFile) => {
 
 | Name | Type | Description |
 | --- | --- | --- |
-| `fileList` | `IUploadFile<any>[]` | Current list of files together with their upload statuses. |
-| `uploadRef` | `({ $: ComponentInternalInstance; $data: {}; $props: Partial<{ id: string; multiple: boolean; disabled: boolean \| null; name: string; data: Record<string, unknown> \| ((file: string \| ... 1 more ... \| IRcFile) => Record<...>) \| {}; ... 22 more ...; uploadIcon: IconValue; }> & Omit<...>; ... 11 more ...; $watch<T exten...` | Ref to the inner upload element — gives access to choosing files programmatically and to aborting. |
+| `fileList` | `NUploader.IUploadFile<any>[]` | Current list of files together with their upload statuses. |
+| `uploadRef` | `NUploader.IUploaderRef \| undefined` | Ref to the inner upload element — gives access to choosing files programmatically and to aborting. |
 
 ---
 
@@ -37198,7 +37211,7 @@ function toggle(id: number) {
 
 | Name | Type | Description |
 | --- | --- | --- |
-| `default` | `CdsVirtualScrollSlot<any> \| (CdsVirtualScrollSlot<any> & { itemRef: TemplateRef; })` | Content of a single list item. In `renderless` mode it additionally receives `itemRef`. |
+| `default` | `CdsVirtualScrollSlot<any> & { itemRef?: TemplateRef \| undefined; }` | Content of a single list item. In `renderless` mode it additionally receives `itemRef`. |
 
 **Exposed**