@dxtmisha/wiki 0.39.2 → 0.39.3

package/src/media/mdx/event/events.reset.en.mdx

@@ -1,6 +0,0 @@
-### `reset`
-
-Event fires when the component value is reset, passing the original DOM event.
-
-**Parameters:**
-- `event: Event` — original DOM event

package/src/media/mdx/event/events.reset.ru.mdx

@@ -1,6 +0,0 @@
-### `reset`
-
-Событие срабатывает при сбросе значения компонента, передавая оригинальное DOM событие.
-
-**Параметры:**
-- `event: Event` — оригинальное DOM событие

package/src/media/mdx/event/wikiMdxEvent.ts

@@ -1,68 +0,0 @@
-import type { StorybookComponentsMdxItem } from '../../../types/storybookTypes'
-
-import eventsActionsEn from './events.actions.en.mdx'
-import eventsActionsRu from './events.actions.ru.mdx'
-import eventsBarsEn from './events.bars.en.mdx'
-import eventsBarsRu from './events.bars.ru.mdx'
-import eventsBeforeinputEn from './events.beforeinput.en.mdx'
-import eventsBeforeinputRu from './events.beforeinput.ru.mdx'
-import eventsClickEn from './events.click.en.mdx'
-import eventsClickRu from './events.click.ru.mdx'
-import eventsFocusEn from './events.focus.en.mdx'
-import eventsFocusRu from './events.focus.ru.mdx'
-import eventsInputEn from './events.input.en.mdx'
-import eventsInputRu from './events.input.ru.mdx'
-import eventsInputStandardEn from './events.inputStandard.en.mdx'
-import eventsInputStandardRu from './events.inputStandard.ru.mdx'
-import eventsKeyboardEn from './events.keyboard.en.mdx'
-import eventsKeyboardRu from './events.keyboard.ru.mdx'
-import eventsPasteEn from './events.paste.en.mdx'
-import eventsPasteRu from './events.paste.ru.mdx'
-import eventsResetEn from './events.reset.en.mdx'
-import eventsResetRu from './events.reset.ru.mdx'
-
-export const wikiMdxEvent: StorybookComponentsMdxItem = {
-  name: 'Event',
-  descriptions: {
-    'actions': {
-      en: eventsActionsEn,
-      ru: eventsActionsRu
-    },
-    'bars': {
-      en: eventsBarsEn,
-      ru: eventsBarsRu
-    },
-    'beforeinput': {
-      en: eventsBeforeinputEn,
-      ru: eventsBeforeinputRu
-    },
-    'click': {
-      en: eventsClickEn,
-      ru: eventsClickRu
-    },
-    'focus': {
-      en: eventsFocusEn,
-      ru: eventsFocusRu
-    },
-    'input': {
-      en: eventsInputEn,
-      ru: eventsInputRu
-    },
-    'input-standard': {
-      en: eventsInputStandardEn,
-      ru: eventsInputStandardRu
-    },
-    'keyboard': {
-      en: eventsKeyboardEn,
-      ru: eventsKeyboardRu
-    },
-    'paste': {
-      en: eventsPasteEn,
-      ru: eventsPasteRu
-    },
-    'reset': {
-      en: eventsResetEn,
-      ru: eventsResetRu
-    }
-  }
-}

package/src/media/mdx/expose/expose.checkValidity.en.mdx

@@ -1 +0,0 @@
-- `checkValidity(): boolean` — Checks whether the component's value satisfies its validation constraints. Returns `true` if valid, otherwise `false`.

package/src/media/mdx/expose/expose.checkValidity.ru.mdx

@@ -1 +0,0 @@
-- `checkValidity(): boolean` — Проверяет, удовлетворяет ли значение компонента его ограничениям проверки. Возвращает `true`, если оно действительно, в противном случае `false`.

package/src/media/mdx/expose/expose.clear.en.mdx

@@ -1 +0,0 @@
-- `clear(): void` — Clears the component value by default and focuses the input field.

package/src/media/mdx/expose/expose.clear.ru.mdx

@@ -1 +0,0 @@
-- `clear(): void` — Очищает значение компонента до значения по умолчанию и устанавливает фокус на поле ввода.

package/src/media/mdx/expose/expose.descriptionId.en.mdx

@@ -1,2 +0,0 @@
-- `descriptionId: string` — Unique identifier for the description element. Used for accessibility attributes like `aria-describedby`.
-

package/src/media/mdx/expose/expose.descriptionId.ru.mdx

@@ -1,2 +0,0 @@
-- `descriptionId: string` — Уникальный идентификатор элемента описания. Используется для атрибутов доступности, таких как `aria-describedby`.
-

package/src/media/mdx/expose/expose.detail.en.mdx

@@ -1 +0,0 @@
-- `detail: Record<string, any> | undefined` — Additional component data.

package/src/media/mdx/expose/expose.detail.ru.mdx

@@ -1 +0,0 @@
-- `detail: Record<string, any> | undefined` — Дополнительные данные компонента.

package/src/media/mdx/expose/expose.id.en.mdx

@@ -1,2 +0,0 @@
-- `id: string` — Unique identifier for the component element. Used as the DOM element's `id` attribute.
-

package/src/media/mdx/expose/expose.id.ru.mdx

@@ -1,2 +0,0 @@
-- `id: string` — Уникальный идентификатор элемента компонента. Используется в качестве атрибута `id` DOM-элемента.
-

package/src/media/mdx/expose/expose.labelId.en.mdx

@@ -1,2 +0,0 @@
-- `labelId: string` — Unique identifier for the label element. Used for accessibility attributes like `aria-labelledby`.
-

package/src/media/mdx/expose/expose.labelId.ru.mdx

@@ -1,2 +0,0 @@
-- `labelId: string` — Уникальный идентификатор элемента метки. Используется для атрибутов доступности, таких как `aria-labelledby`.
-

package/src/media/mdx/expose/expose.open.en.mdx

@@ -1 +0,0 @@
-- `open: ComputedRef<boolean>` — Reactive open/close state of the component.

package/src/media/mdx/expose/expose.open.ru.mdx

@@ -1 +0,0 @@
-- `open: ComputedRef<boolean>` — Реактивное состояние открытия/закрытия компонента.

package/src/media/mdx/expose/expose.selected.en.mdx

@@ -1,4 +0,0 @@
-- `isSelected: ComputedRef<boolean>` — Computed property indicating whether there are selected items in the component.
-- `selectedList: Ref<any[]>` — Reactive list of selected component items.
-- `selectedNames: Ref<string[]>` — Reactive list of labels (names) of selected items.
-- `selectedValues: Ref<any[]>` — Reactive array of values of selected items.

package/src/media/mdx/expose/expose.selected.ru.mdx

@@ -1,4 +0,0 @@
-- `isSelected: ComputedRef<boolean>` — Вычисляемое свойство, указывающее наличие выбранных элементов в компоненте.
-- `selectedList: Ref<any[]>` — Реактивный список выбранных элементов компонента.
-- `selectedNames: Ref<string[]>` — Реактивный список меток (имён) выбранных элементов.
-- `selectedValues: Ref<any[]>` — Реактивный массив значений выбранных элементов.

package/src/media/mdx/expose/expose.validationMessage.en.mdx

@@ -1 +0,0 @@
-- `validationMessage: string` — Returns a validation error message describing why the component's value fails validation. If the value is valid, it returns an empty string.

package/src/media/mdx/expose/expose.validationMessage.ru.mdx

@@ -1 +0,0 @@
-- `validationMessage: string` — Возвращает сообщение об ошибке проверки, в котором описывается, почему значение компонента не прошло проверку. Если значение действительно, возвращается пустая строка.

package/src/media/mdx/expose/expose.value.en.mdx

@@ -1 +0,0 @@
-- `value: any` — Current component value.

package/src/media/mdx/expose/expose.value.ru.mdx

@@ -1 +0,0 @@
-- `value: any` — Текущее значение компонента.

package/src/media/mdx/expose/wikiMdxExpose.ts

@@ -1,68 +0,0 @@
-import type { StorybookComponentsMdxItem } from '../../../types/storybookTypes'
-
-import exposeCheckValidityEn from './expose.checkValidity.en.mdx'
-import exposeCheckValidityRu from './expose.checkValidity.ru.mdx'
-import exposeClearEn from './expose.clear.en.mdx'
-import exposeClearRu from './expose.clear.ru.mdx'
-import exposeDescriptionIdEn from './expose.descriptionId.en.mdx'
-import exposeDescriptionIdRu from './expose.descriptionId.ru.mdx'
-import exposeDetailEn from './expose.detail.en.mdx'
-import exposeDetailRu from './expose.detail.ru.mdx'
-import exposeIdEn from './expose.id.en.mdx'
-import exposeIdRu from './expose.id.ru.mdx'
-import exposeLabelIdEn from './expose.labelId.en.mdx'
-import exposeLabelIdRu from './expose.labelId.ru.mdx'
-import exposeOpenEn from './expose.open.en.mdx'
-import exposeOpenRu from './expose.open.ru.mdx'
-import exposeSelectedEn from './expose.selected.en.mdx'
-import exposeSelectedRu from './expose.selected.ru.mdx'
-import exposeValidationMessageEn from './expose.validationMessage.en.mdx'
-import exposeValidationMessageRu from './expose.validationMessage.ru.mdx'
-import exposeValueEn from './expose.value.en.mdx'
-import exposeValueRu from './expose.value.ru.mdx'
-
-export const wikiMdxExpose: StorybookComponentsMdxItem = {
-  name: 'Expose',
-  descriptions: {
-    checkValidity: {
-      en: exposeCheckValidityEn,
-      ru: exposeCheckValidityRu
-    },
-    clear: {
-      en: exposeClearEn,
-      ru: exposeClearRu
-    },
-    descriptionId: {
-      en: exposeDescriptionIdEn,
-      ru: exposeDescriptionIdRu
-    },
-    detail: {
-      en: exposeDetailEn,
-      ru: exposeDetailRu
-    },
-    id: {
-      en: exposeIdEn,
-      ru: exposeIdRu
-    },
-    labelId: {
-      en: exposeLabelIdEn,
-      ru: exposeLabelIdRu
-    },
-    open: {
-      en: exposeOpenEn,
-      ru: exposeOpenRu
-    },
-    selected: {
-      en: exposeSelectedEn,
-      ru: exposeSelectedRu
-    },
-    validationMessage: {
-      en: exposeValidationMessageEn,
-      ru: exposeValidationMessageRu
-    },
-    value: {
-      en: exposeValueEn,
-      ru: exposeValueRu
-    }
-  }
-}

package/src/media/mdx/slot/body.en.mdx

@@ -1 +0,0 @@
-- `body: VNode` — Slot for the main content of the component.

package/src/media/mdx/slot/body.ru.mdx

@@ -1 +0,0 @@
-- `body: VNode` — Слот для основного содержимого компонента.

package/src/media/mdx/slot/caption.en.mdx

@@ -1 +0,0 @@
-- `caption: VNode` — Slot for placing a caption or additional explanatory text for the component.

package/src/media/mdx/slot/caption.ru.mdx

@@ -1 +0,0 @@
-- `caption: VNode` — Слот для размещения подписи или дополнительного пояснительного текста к компоненту.

package/src/media/mdx/slot/control.en.mdx

@@ -1 +0,0 @@
-- `control(props: ControlItem): VNode` — Slot for placing component control elements (buttons, switches, etc.).

package/src/media/mdx/slot/control.ru.mdx

@@ -1 +0,0 @@
-- `control(props: ControlItem): VNode` — Слот для размещения элементов управления компонентом (кнопки, переключатели и т.д.).

package/src/media/mdx/slot/default.en.mdx

@@ -1 +0,0 @@
-- `default: VNode` — Main slot for placing the primary component content.

package/src/media/mdx/slot/default.ru.mdx

@@ -1 +0,0 @@
-- `default: VNode` — Основной слот для размещения главного содержимого компонента.

package/src/media/mdx/slot/description.en.mdx

@@ -1 +0,0 @@
-- `description: VNode` — Slot for placing component description or additional information.

package/src/media/mdx/slot/description.ru.mdx

@@ -1 +0,0 @@
-- `description: VNode` — Слот для размещения описания компонента или дополнительной информации.

package/src/media/mdx/slot/footer.en.mdx

@@ -1 +0,0 @@
-- `footer(props: ControlItem): VNode` — Slot for placing content at the bottom of the component.

package/src/media/mdx/slot/footer.ru.mdx

@@ -1 +0,0 @@
-- `footer(props: ControlItem): VNode` — Слот для размещения содержимого в нижней части компонента.

package/src/media/mdx/slot/headline.en.mdx

@@ -1 +0,0 @@
-- `headline: VNode` — Slot for placing custom headline content.

package/src/media/mdx/slot/headline.ru.mdx

@@ -1 +0,0 @@
-- `headline: VNode` — Слот для размещения пользовательского содержимого заголовка.

package/src/media/mdx/slot/label.en.mdx

@@ -1 +0,0 @@
-- `label: VNode` — Slot for placing custom label content instead of text value.

package/src/media/mdx/slot/label.ru.mdx

@@ -1 +0,0 @@
-- `label: VNode` — Слот для размещения пользовательского содержимого метки компонента вместо текстового значения.

package/src/media/mdx/slot/leading.en.mdx

@@ -1 +0,0 @@
-- `leading: any` — Slot for placing content at the start of the interactive field area, before the main input element.

package/src/media/mdx/slot/leading.ru.mdx

@@ -1 +0,0 @@
-- `leading: any` — Слот для размещения контента в начале интерактивной области поля, перед основным элементом ввода.

package/src/media/mdx/slot/prefix.en.mdx

@@ -1 +0,0 @@
-- `prefix: VNode` — Slot for placing content at the beginning of the component, before the main content.

package/src/media/mdx/slot/prefix.ru.mdx

@@ -1 +0,0 @@
-- `prefix: VNode` — Слот для размещения контента в начале компонента, перед основным содержимым.

package/src/media/mdx/slot/secondary.en.mdx

@@ -1 +0,0 @@
-- `secondary: VNode` — Slot for placing secondary content or additional component elements.

package/src/media/mdx/slot/secondary.ru.mdx

@@ -1 +0,0 @@
-- `secondary: VNode` — Слот для размещения вторичного содержимого или дополнительных элементов компонента.

package/src/media/mdx/slot/suffix.en.mdx

@@ -1 +0,0 @@
-- `suffix: VNode` — Slot for placing content at the end of the component, after the main content.

package/src/media/mdx/slot/suffix.ru.mdx

@@ -1 +0,0 @@
-- `suffix: VNode` — Слот для размещения контента в конце компонента, после основного содержимого.

package/src/media/mdx/slot/trailing.en.mdx

@@ -1 +0,0 @@
-- `trailing: any` — Slot for placing content at the end of the interactive field area, after the main input element.

package/src/media/mdx/slot/trailing.ru.mdx

@@ -1 +0,0 @@
-- `trailing: any` — Слот для размещения контента в конце интерактивной области поля, после основного элемента ввода.

package/src/media/mdx/slot/wikiMdxSlot.ts

@@ -1,84 +0,0 @@
-import type { StorybookComponentsMdxItem } from '../../../types/storybookTypes'
-import slotBodyEn from './body.en.mdx'
-import slotBodyRu from './body.ru.mdx'
-import slotCaptionEn from './caption.en.mdx'
-import slotCaptionRu from './caption.ru.mdx'
-import slotControlEn from './control.en.mdx'
-import slotControlRu from './control.ru.mdx'
-import slotDefaultEn from './default.en.mdx'
-import slotDefaultRu from './default.ru.mdx'
-import slotDescriptionEn from './description.en.mdx'
-import slotDescriptionRu from './description.ru.mdx'
-import slotFooterEn from './footer.en.mdx'
-import slotFooterRu from './footer.ru.mdx'
-import slotHeadlineEn from './headline.en.mdx'
-import slotHeadlineRu from './headline.ru.mdx'
-import slotLabelEn from './label.en.mdx'
-import slotLabelRu from './label.ru.mdx'
-import slotLeadingEn from './leading.en.mdx'
-import slotLeadingRu from './leading.ru.mdx'
-import slotPrefixEn from './prefix.en.mdx'
-import slotPrefixRu from './prefix.ru.mdx'
-import slotSecondaryEn from './secondary.en.mdx'
-import slotSecondaryRu from './secondary.ru.mdx'
-import slotSuffixEn from './suffix.en.mdx'
-import slotSuffixRu from './suffix.ru.mdx'
-import slotTrailingEn from './trailing.en.mdx'
-import slotTrailingRu from './trailing.ru.mdx'
-export const wikiMdxSlot: StorybookComponentsMdxItem = {
-  name: 'Slot',
-  descriptions: {
-    body: {
-      en: slotBodyEn,
-      ru: slotBodyRu
-    },
-    caption: {
-      en: slotCaptionEn,
-      ru: slotCaptionRu
-    },
-    control: {
-      en: slotControlEn,
-      ru: slotControlRu
-    },
-    default: {
-      en: slotDefaultEn,
-      ru: slotDefaultRu
-    },
-    description: {
-      en: slotDescriptionEn,
-      ru: slotDescriptionRu
-    },
-    footer: {
-      en: slotFooterEn,
-      ru: slotFooterRu
-    },
-    headline: {
-      en: slotHeadlineEn,
-      ru: slotHeadlineRu
-    },
-    label: {
-      en: slotLabelEn,
-      ru: slotLabelRu
-    },
-    leading: {
-      en: slotLeadingEn,
-      ru: slotLeadingRu
-    },
-    prefix: {
-      en: slotPrefixEn,
-      ru: slotPrefixRu
-    },
-    secondary: {
-      en: slotSecondaryEn,
-      ru: slotSecondaryRu
-    },
-    suffix: {
-      en: slotSuffixEn,
-      ru: slotSuffixRu
-    },
-    trailing: {
-      en: slotTrailingEn,
-      ru: slotTrailingRu
-    }
-  }
-}

package/src/media/mdx/style/adaptive.en.mdx

@@ -1,10 +0,0 @@
-## Adaptive Behavior
-
-The `adaptive` and `container` properties are designed to control component behavior at different screen sizes and container constraints.
-
-**Properties:**
-
-- `adaptive` — controls adaptive behavior for different screen sizes and media queries
-- `container` — controls container layout with adaptive width constraints
-
-Properties work together: `adaptive` provides automatic component adaptation to different screen sizes with media query support for precise display control. `container` creates a container layout with automatic width constraints, adaptive behavior, and content centering. Both properties can be used together to create complex adaptive layouts, where `container` provides the structural foundation and `adaptive` adds flexible behavior for different devices.

package/src/media/mdx/style/adaptive.ru.mdx

@@ -1,10 +0,0 @@
-## Адаптивное поведение
-
-Свойства `adaptive` и `container` предназначены для управления поведением компонентов при различных размерах экрана и контейнерных ограничениях.
-
-**Свойства:**
-
-- `adaptive` — управляет адаптивным поведением для различных размеров экрана и медиа-запросов
-- `container` — управляет контейнерной раскладкой с адаптивными ограничениями ширины
-
-Свойства работают совместно: `adaptive` обеспечивает автоматическую адаптацию компонента под различные размеры экрана с поддержкой медиа-запросов для точного контроля отображения. `container` создает контейнерную раскладку с автоматическими ограничениями ширины, адаптивным поведением и центрированием содержимого. Оба свойства могут использоваться вместе для создания сложных адаптивных раскладок, где `container` обеспечивает структурную основу, а `adaptive` добавляет гибкое поведение для разных устройств.

package/src/media/mdx/style/asPalette.en.mdx

@@ -1,17 +0,0 @@
-## Color Palette
-
-Property `asPalette` enables color scheme inheritance from the parent element while maintaining base saturation.
-
-**Usage:**
-
-Allows automatic color adaptation to placement context. The element adopts the parent's color palette without losing its saturation characteristics.
-
-**Values:**
-
-- `false` (default) — uses its own color scheme
-- `true` — inherits palette from parent element
-
-```html
-<!-- Inherit palette from parent -->
-<Component asPalette />
-```

package/src/media/mdx/style/asPalette.ru.mdx

@@ -1,17 +0,0 @@
-## Цветовая палитра
-
-Свойство `asPalette` активирует наследование цветовой схемы от родительского элемента с сохранением базовой насыщенности.
-
-**Применение:**
-
-Позволяет автоматически адаптировать цвета к контексту размещения. Элемент принимает цветовую палитру родителя, не теряя своих характеристик насыщенности.
-
-**Значения:**
-
-- `false` (по умолчанию) — используется собственная цветовая схема
-- `true` — наследует палитру от родительского элемента
-
-```html
-<!-- Наследование палитры от родителя -->
-<Component asPalette />
-```

package/src/media/mdx/style/dir.en.mdx

@@ -1,17 +0,0 @@
-## Direction
-
-Property `dir` controls mirroring of the element based on text direction (LTR/RTL).
-
-**Usage:**
-
-Automatically inverts the visual representation when switching between left-to-right and right-to-left languages. Especially important for elements containing directional graphic symbols (arrows, pointers).
-
-**Values:**
-
-- `false` (default) — standard display
-- `true` — enables text direction adaptation
-
-```html
-<!-- Text direction adaptation -->
-<Component dir />
-```

package/src/media/mdx/style/dir.ru.mdx

@@ -1,17 +0,0 @@
-## Направление
-
-Свойство `dir` управляет зеркальным отображением элемента в зависимости от направления текста (LTR/RTL).
-
-**Применение:**
-
-Автоматически инвертирует визуальное представление при переключении между языками с левосторонним и правосторонним письмом. Особенно важно для элементов, содержащих направленные графические символы (стрелки, указатели).
-
-**Значения:**
-
-- `false` (по умолчанию) — стандартное отображение
-- `true` — включает адаптацию к направлению текста
-
-```html
-<!-- Адаптация под направление текста -->
-<Component dir />
-```

package/src/media/mdx/style/isSkeleton.en.mdx

@@ -1,22 +0,0 @@
-## Skeleton mode
-
-The `isSkeleton` property defines element behavior when interacting with the parent Skeleton component.
-
-**Possible values:**
-
-- `true` — element displays as skeleton when Skeleton is in active state
-- `false` — element becomes invisible when Skeleton is in active state
-
-Works in conjunction with the Skeleton component to control visibility and display mode of child elements. When parent Skeleton has `active=false`, all child elements display normally regardless of `isSkeleton` value. When `active=true`, elements with `isSkeleton=true` are shown as skeleton placeholders, while elements with `isSkeleton=false` are completely hidden.
-
-```html
-<!-- Element will display as skeleton -->
-<Skeleton active>
-  <Component isSkeleton text="Loading..." />
-</Skeleton>
-
-<!-- Element will be hidden -->
-<Skeleton active>
-  <Component :isSkeleton="false" text="Hidden text" />
-</Skeleton>
-```

package/src/media/mdx/style/isSkeleton.ru.mdx

@@ -1,22 +0,0 @@
-## Режим скелетона
-
-Свойство `isSkeleton` определяет поведение элемента при взаимодействии с родительским компонентом Skeleton.
-
-**Возможные значения:**
-
-- `true` — элемент отображается как скелетон при активном состоянии Skeleton
-- `false` — элемент становится невидимым при активном состоянии Skeleton
-
-Работает в паре с компонентом Skeleton для управления видимостью и режимом отображения дочерних элементов. При `active=false` у родительского Skeleton все дочерние элементы отображаются нормально независимо от значения `isSkeleton`. При `active=true` элементы с `isSkeleton=true` показываются как скелетон-заглушки, а элементы с `isSkeleton=false` скрываются полностью.
-
-```html
-<!-- Элемент будет отображаться как скелетон -->
-<Skeleton active>
-  <Component isSkeleton text="Загрузка..." />
-</Skeleton>
-
-<!-- Элемент будет скрыт -->
-<Skeleton active>
-  <Component :isSkeleton="false" text="Скрытый текст" />
-</Skeleton>
-```

package/src/media/mdx/style/wikiMdxStyle.ts

@@ -1,20 +0,0 @@
-import type { StorybookComponentsMdxItem } from '../../../types/storybookTypes'
-
-import adaptiveEn from './adaptive.en.mdx'
-import adaptiveRu from './adaptive.ru.mdx'
-import asPaletteEn from './asPalette.en.mdx'
-import asPaletteRu from './asPalette.ru.mdx'
-import dirEn from './dir.en.mdx'
-import dirRu from './dir.ru.mdx'
-import isSkeletonEn from './isSkeleton.en.mdx'
-import isSkeletonRu from './isSkeleton.ru.mdx'
-
-export const wikiMdxStyle: StorybookComponentsMdxItem = {
-  name: 'Style',
-  descriptions: {
-    adaptive: { en: adaptiveEn, ru: adaptiveRu },
-    asPalette: { en: asPaletteEn, ru: asPaletteRu },
-    dir: { en: dirEn, ru: dirRu },
-    isSkeleton: { en: isSkeletonEn, ru: isSkeletonRu }
-  }
-}

package/src/media/mdx/value/highlight.en.mdx

@@ -1,25 +0,0 @@
-## Managing search and highlighting
-
-The `highlight` and `highlightLengthStart` properties work together to control match highlighting when searching through list items. They set the search string and minimum query length for activating visual highlighting of found fragments.
-
-**Properties:**
-
-- `highlight` — search string for finding and highlighting in list items
-- `highlightLengthStart` — minimum search string length to start highlighting, defaults to `2`
-
-Match highlighting is activated automatically: when the `highlight` length is less than `highlightLengthStart`, search works but visual highlighting is not applied. When the minimum length is reached, the component begins highlighting found fragments across the entire list hierarchy. Search works in real-time and considers nested items in groups and menus. Use `highlightLengthStart` to prevent excessive highlighting with short queries.
-
-```html
-<!-- Standard search with highlighting from 2 characters -->
-<List :list="items" highlight="text" />
-
-<!-- Search with highlighting from 3 characters -->
-<List :list="items" highlight="abc" :highlightLengthStart="3" />
-
-<!-- Dynamic search with v-model -->
-<List :list="items" :highlight="searchQuery" :highlightLengthStart="1" />
-
-<!-- Search without minimum threshold -->
-<List :list="products" :highlight="filter" :highlightLengthStart="0" />
-```
-

package/src/media/mdx/value/highlight.ru.mdx

@@ -1,25 +0,0 @@
-## Управление поиском и выделением
-
-Свойства `highlight` и `highlightLengthStart` работают в связке для управления подсветкой совпадений при поиске по элементам списка. Они устанавливают строку поиска и минимальную длину запроса для активации визуального выделения найденных фрагментов.
-
-**Свойства:**
-
-- `highlight` — строка для поиска и подсветки в элементах списка
-- `highlightLengthStart` — минимальная длина строки поиска для начала выделения, по умолчанию `2`
-
-Выделение совпадений активируется автоматически: когда длина `highlight` меньше `highlightLengthStart`, поиск работает, но визуальное выделение не применяется. При достижении минимальной длины компонент начинает подсвечивать найденные фрагменты во всей иерархии списка. Поиск работает в реальном времени и учитывает вложенные элементы в группах и меню. Используйте `highlightLengthStart` для предотвращения чрезмерного выделения при коротких запросах.
-
-```html
-<!-- Стандартный поиск с выделением от 2 символов -->
-<List :list="items" highlight="текст" />
-
-<!-- Поиск с выделением от 3 символов -->
-<List :list="items" highlight="abc" :highlightLengthStart="3" />
-
-<!-- Динамический поиск с v-model -->
-<List :list="items" :highlight="searchQuery" :highlightLengthStart="1" />
-
-<!-- Поиск без минимального порога -->
-<List :list="products" :highlight="filter" :highlightLengthStart="0" />
-```
-