@dxtmisha/wiki 0.24.3 → 0.25.1

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

@@ -0,0 +1,6 @@
+### `labelId`
+
+Unique identifier for the label element. Used for accessibility attributes like `aria-labelledby`.
+
+**Type:** `string`
+

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

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

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

@@ -2,8 +2,14 @@ import type { StorybookComponentsMdxItem } from '../../../types/storybookTypes'
 
 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'
@@ -18,10 +24,22 @@ export const wikiMdxExpose: StorybookComponentsMdxItem = {
       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

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

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

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

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

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

@@ -0,0 +1,7 @@
+### `headline`
+
+Slot for placing custom headline content.
+
+**Returns:** `VNode` — element with class `{className}__headline`
+
+

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

@@ -0,0 +1,6 @@
+### `headline`
+
+Слот для размещения пользовательского содержимого заголовка.
+
+**Возвращает:** `VNode` — элемент с классом `{className}__headline`
+

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

@@ -0,0 +1,7 @@
+### `leading`
+
+Slot for placing content at the start of the interactive field area, before the main input element.
+
+**Parameters:**
+- `props: FieldControl` — object with data for binding
+

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+### `trailing`
+
+Slot for placing content at the end of the interactive field area, after the main input element.
+
+**Parameters:**
+- `props: FieldControl` — object with data for binding
+

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

@@ -0,0 +1,7 @@
+### `trailing`
+
+Слот для размещения контента в конце интерактивной области поля, после основного элемента ввода.
+
+**Параметры:**
+- `props: FieldControl` — объект с данными для связывания
+

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

@@ -1,5 +1,7 @@
 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'
@@ -10,16 +12,28 @@ 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
@@ -40,17 +54,33 @@ export const wikiMdxSlot: StorybookComponentsMdxItem = {
       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/isSkeleton.en.mdx

@@ -12,11 +12,11 @@ Works in conjunction with the Skeleton component to control visibility and displ
 ```html
 <!-- Element will display as skeleton -->
 <Skeleton active>
-  <ListItem isSkeleton text="Loading..." />
+  <Component isSkeleton text="Loading..." />
 </Skeleton>
 
 <!-- Element will be hidden -->
 <Skeleton active>
-  <ListItem :isSkeleton="false" text="Hidden text" />
+  <Component :isSkeleton="false" text="Hidden text" />
 </Skeleton>
 ```

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

@@ -12,11 +12,11 @@
 ```html
 <!-- Элемент будет отображаться как скелетон -->
 <Skeleton active>
-  <ListItem isSkeleton text="Загрузка..." />
+  <Component isSkeleton text="Загрузка..." />
 </Skeleton>
 
 <!-- Элемент будет скрыт -->
 <Skeleton active>
-  <ListItem :isSkeleton="false" text="Скрытый текст" />
+  <Component :isSkeleton="false" text="Скрытый текст" />
 </Skeleton>
 ```

package/src/media/mdx/value/v-model-selected.en.mdx

@@ -0,0 +1,28 @@
+## Managing selection via v-model:selected
+
+Two-way binding for selected value using `v-model:selected` (component uses `modelSelected`).
+
+**Parameters:**
+- `modelSelected: string | number | string[] | number[] | undefined` — current selected value
+
+```html
+<script setup>
+import { ref } from 'vue'
+
+const selected = ref('')
+</script>
+
+<template>
+  <div>
+    <button @click="selected = 'option1'">Select Option 1</button>
+    <button @click="selected = 'option2'">Select Option 2</button>
+    <button @click="selected = undefined">Clear</button>
+  </div>
+
+  <Component v-model:selected="selected" :list="['Option 1', 'Option 2', 'Option 3']" />
+
+  <div>Current selected value: {{ selected }}</div>
+</template>
+```
+
+

package/src/media/mdx/value/v-model-selected.ru.mdx

@@ -0,0 +1,28 @@
+## Управление выбором через v-model:selected
+
+Двусторонняя привязка выбранного значения через `v-model:selected` (компонент использует `modelSelected`).
+
+**Параметры:**
+- `modelSelected: string | number | string[] | number[] | undefined` — текущее выбранное значение
+
+```html
+<script setup>
+import { ref } from 'vue'
+
+const selected = ref('')
+</script>
+
+<template>
+  <div>
+    <button @click="selected = 'option1'">Выбрать Option 1</button>
+    <button @click="selected = 'option2'">Выбрать Option 2</button>
+    <button @click="selected = undefined">Очистить</button>
+  </div>
+
+  <Component v-model:selected="selected" :list="['Option 1', 'Option 2', 'Option 3']" />
+
+  <div>Текущее выбранное значение: {{ selected }}</div>
+</template>
+```
+
+

package/src/media/mdx/value/v-model.en.mdx

@@ -0,0 +1,26 @@
+## Managing value via v-model
+
+Two-way value binding using `v-model` (component uses standard `modelValue`).
+
+**Parameters:**
+- `modelValue: string | number` — current value
+
+```html
+<script setup>
+import { ref } from 'vue'
+
+const value = ref('')
+</script>
+
+<template>
+  <div>
+    <button @click="value = 'Example'">Set value</button>
+    <button @click="value = ''">Clear</button>
+  </div>
+
+  <Component v-model="value" />
+
+  <div>Current value: {{ value }}</div>
+</template>
+```
+

package/src/media/mdx/value/v-model.ru.mdx

@@ -0,0 +1,26 @@
+## Управление значением через v-model
+
+Двусторонняя привязка значения через `v-model` (компонент использует стандартный `modelValue`).
+
+**Параметры:**
+- `modelValue: string | number` — текущее значение
+
+```html
+<script setup>
+import { ref } from 'vue'
+
+const value = ref('')
+</script>
+
+<template>
+  <div>
+    <button @click="value = 'Пример'">Установить значение</button>
+    <button @click="value = ''">Очистить</button>
+  </div>
+
+  <Component v-model="value" />
+
+  <div>Текущее значение: {{ value }}</div>
+</template>
+```
+

package/src/media/mdx/value/wikiMdxValue.ts

@@ -6,12 +6,33 @@ import labelNumberEn from './labelNumber.en.mdx'
 import labelNumberRu from './labelNumber.ru.mdx'
 import valueEn from './value.en.mdx'
 import valueRu from './value.ru.mdx'
+import vModelEn from './v-model.en.mdx'
+import vModelRu from './v-model.ru.mdx'
+import vModelSelectedEn from './v-model-selected.en.mdx'
+import vModelSelectedRu from './v-model-selected.ru.mdx'
 
 export const wikiMdxValue: StorybookComponentsMdxItem = {
   name: 'Value',
   descriptions: {
-    highlight: { en: highlightEn, ru: highlightRu },
-    labelNumber: { en: labelNumberEn, ru: labelNumberRu },
-    value: { en: valueEn, ru: valueRu }
+    'highlight': {
+      en: highlightEn,
+      ru: highlightRu
+    },
+    'labelNumber': {
+      en: labelNumberEn,
+      ru: labelNumberRu
+    },
+    'v-model': {
+      en: vModelEn,
+      ru: vModelRu
+    },
+    'v-model:selected': {
+      en: vModelSelectedEn,
+      ru: vModelSelectedRu
+    },
+    'value': {
+      en: valueEn,
+      ru: valueRu
+    }
   }
 }

package/src/media/mdx/wikiMdx.ts

@@ -6,28 +6,42 @@ import { wikiMdxSlot } from './slot/wikiMdxSlot'
 import { wikiMdxStyle } from './style/wikiMdxStyle'
 import { wikiMdxValue } from './value/wikiMdxValue'
 
+import { wikiMdxAccordion } from './Accordion/wikiMdxAccordion'
+import { wikiMdxActions } from './Actions/wikiMdxActions'
+import { wikiMdxActionSheet } from './ActionSheet/wikiMdxActionSheet'
+import { wikiMdxAnchor } from './Anchor/wikiMdxAnchor'
+import { wikiMdxArrow } from './Arrow/wikiMdxArrow'
 import { wikiMdxBadge } from './Badge/wikiMdxBadge'
 import { wikiMdxBars } from './Bars/wikiMdxBars'
+import { wikiMdxBlock } from './Block/wikiMdxBlock'
 import { wikiMdxButton } from './Button/wikiMdxButton'
 import { wikiMdxCell } from './Cell/wikiMdxCell'
 import { wikiMdxChip } from './Chip/wikiMdxChip'
+import { wikiMdxChipGroup } from './ChipGroup/wikiMdxChipGroup'
+import { wikiMdxDialog } from './Dialog/wikiMdxDialog'
 import { wikiMdxField } from './Field/wikiMdxField'
 import { wikiMdxFieldCounter } from './FieldCounter/wikiMdxFieldCounter'
 import { wikiMdxFieldLabel } from './FieldLabel/wikiMdxFieldLabel'
 import { wikiMdxFieldMessage } from './FieldMessage/wikiMdxFieldMessage'
 import { wikiMdxIcon } from './Icon/wikiMdxIcon'
 import { wikiMdxImage } from './Image/wikiMdxImage'
+import { wikiMdxInput } from './Input/wikiMdxInput'
 import { wikiMdxList } from './List/wikiMdxList'
 import { wikiMdxListGroup } from './ListGroup/wikiMdxListGroup'
 import { wikiMdxListItem } from './ListItem/wikiMdxListItem'
 import { wikiMdxListMenu } from './ListMenu/wikiMdxListMenu'
 import { wikiMdxMask } from './Mask/wikiMdxMask'
 import { wikiMdxMenu } from './Menu/wikiMdxMenu'
+import { wikiMdxModal } from './Modal/wikiMdxModal'
 import { wikiMdxMotionTransform } from './MotionTransform/wikiMdxMotionTransform'
 import { wikiMdxProgress } from './Progress/wikiMdxProgress'
 import { wikiMdxRipple } from './Ripple/wikiMdxRipple'
 import { wikiMdxScrollbar } from './Scrollbar/wikiMdxScrollbar'
+import { wikiMdxSelect } from './Select/wikiMdxSelect'
+import { wikiMdxSelectValue } from './SelectValue/wikiMdxSelectValue'
 import { wikiMdxSkeleton } from './Skeleton/wikiMdxSkeleton'
+import { wikiMdxTextareaAutosize } from './TextareaAutosize/wikiMdxTextareaAutosize'
+import { wikiMdxTooltip } from './Tooltip/wikiMdxTooltip'
 import { wikiMdxWindow } from './Window/wikiMdxWindow'
 
 export const wikiMdx: StorybookComponentsMdx = [
@@ -37,27 +51,41 @@ export const wikiMdx: StorybookComponentsMdx = [
   wikiMdxStyle,
   wikiMdxValue,
 
+  wikiMdxAccordion,
+  wikiMdxActions,
+  wikiMdxActionSheet,
+  wikiMdxAnchor,
+  wikiMdxArrow,
   wikiMdxBadge,
   wikiMdxBars,
+  wikiMdxBlock,
   wikiMdxButton,
   wikiMdxCell,
   wikiMdxChip,
+  wikiMdxChipGroup,
+  wikiMdxDialog,
   wikiMdxField,
   wikiMdxFieldCounter,
   wikiMdxFieldLabel,
   wikiMdxFieldMessage,
   wikiMdxIcon,
   wikiMdxImage,
+  wikiMdxInput,
   wikiMdxList,
   wikiMdxListGroup,
   wikiMdxListItem,
   wikiMdxListMenu,
   wikiMdxMask,
-  wikiMdxMotionTransform,
   wikiMdxMenu,
+  wikiMdxModal,
+  wikiMdxMotionTransform,
   wikiMdxProgress,
   wikiMdxRipple,
   wikiMdxScrollbar,
+  wikiMdxSelect,
+  wikiMdxSelectValue,
   wikiMdxSkeleton,
+  wikiMdxTextareaAutosize,
+  wikiMdxTooltip,
   wikiMdxWindow
 ]

package/src/media/props/wiki.ts

@@ -1,18 +1,36 @@
 import type { StorybookArgsToList } from '../../types/storybookTypes'
 
+import { wikiAria } from './wikiAria'
+import { wikiForm } from './wikiForm'
 import { wikiStatus } from './wikiStatus'
+import { wikiInformation } from './wikiInformation'
 import { wikiValue } from './wikiValue'
 import { wikiStyle } from './wikiStyle'
+import { wikiOption } from './wikiOption'
 import { wikiTechnical } from './wikiTechnical'
+import { wikiText } from './wikiText'
 import { wikiHook } from './wikiHook'
 
+import { wikiActionsInclude } from './wikiActionsInclude'
+import { wikiArrowInclude } from './wikiArrowInclude'
+import { wikiBarsInclude } from './wikiBarsInclude'
+import { wikiFieldCounterInclude } from './wikiFieldCounterInclude'
+import { wikiIconInclude } from './wikiIconInclude'
+import { wikiMaskInclude } from './wikiMaskInclude'
+
+import { wikiActions } from './wikiActions'
+import { wikiAnchor } from './wikiAnchor'
+import { wikiArrow } from './wikiArrow'
 import { wikiBadge } from './wikiBadge'
 import { wikiBars } from './wikiBars'
 import { wikiButton } from './wikiButton'
 import { wikiChip } from './wikiChip'
+import { wikiChipGroup } from './wikiChipGroup'
+import { wikiDialog } from './wikiDialog'
 import { wikiField } from './wikiField'
 import { wikiIcon } from './wikiIcon'
 import { wikiImage } from './wikiImage'
+import { wikiInput } from './wikiInput'
 import { wikiList } from './wikiList'
 import { wikiListItem } from './wikiListItem'
 import { wikiMask } from './wikiMask'
@@ -20,22 +38,43 @@ import { wikiMenu } from './wikiMenu'
 import { wikiMotionTransform } from './wikiMotionTransform'
 import { wikiProgress } from './wikiProgress'
 import { wikiScrollbar } from './wikiScrollbar'
+import { wikiSelect } from './wikiSelect'
+import { wikiSelectValue } from './wikiSelectValue'
+import { wikiTooltip } from './wikiTooltip'
 import { wikiWindow } from './wikiWindow'
 
 export const wiki: StorybookArgsToList = {
+  ...wikiAria,
+  ...wikiForm,
   ...wikiStatus,
+  ...wikiInformation,
   ...wikiValue,
   ...wikiStyle,
+  ...wikiOption,
   ...wikiTechnical,
+  ...wikiText,
   ...wikiHook,
 
+  ...wikiActionsInclude,
+  ...wikiArrowInclude,
+  ...wikiBarsInclude,
+  ...wikiFieldCounterInclude,
+  ...wikiIconInclude,
+  ...wikiMaskInclude,
+
+  ...wikiActions,
+  ...wikiAnchor,
+  ...wikiArrow,
   ...wikiBadge,
   ...wikiBars,
   ...wikiButton,
   ...wikiChip,
+  ...wikiChipGroup,
+  ...wikiDialog,
   ...wikiField,
   ...wikiIcon,
   ...wikiImage,
+  ...wikiInput,
   ...wikiList,
   ...wikiListItem,
   ...wikiMask,
@@ -43,5 +82,8 @@ export const wiki: StorybookArgsToList = {
   ...wikiMotionTransform,
   ...wikiProgress,
   ...wikiScrollbar,
+  ...wikiSelect,
+  ...wikiSelectValue,
+  ...wikiTooltip,
   ...wikiWindow
 }

package/src/media/props/wikiActions.ts

@@ -0,0 +1,43 @@
+import {
+  type StorybookArgsToList,
+  StorybookCategory,
+  StorybookControl
+} from '../../types/storybookTypes'
+
+/**
+ * The wikiActions object contains descriptions of all properties for the Actions component
+ *
+ * Объект wikiActions содержит описание всех свойств для компонента Actions
+ */
+export const wikiActions: StorybookArgsToList = {
+  'actions.list': {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.value,
+      description: {
+        en: 'Array of primary action button configurations',
+        ru: 'Массив конфигураций основных кнопок действий'
+      },
+      value: [
+        { label: 'Ok' },
+        { label: 'Cancel' }
+      ]
+    }
+  },
+  'actions.listSecondary': {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.value,
+      description: {
+        en: 'Array of secondary action button configurations',
+        ru: 'Массив конфигураций вторичных кнопок действий'
+      },
+      value: [
+        { icon: 'edit' },
+        { icon: 'photo_camera' },
+        { icon: 'image' },
+        { icon: 'tune' }
+      ]
+    }
+  }
+}

package/src/media/props/wikiActionsInclude.ts

@@ -0,0 +1,62 @@
+import {
+  type StorybookArgsToList,
+  StorybookCategory,
+  StorybookControl
+} from '../../types/storybookTypes'
+
+/**
+ * The wikiActionsInclude object contains descriptions of all properties for the Actions include
+ *
+ * Объект wikiActionsInclude содержит описание всех свойств для включения Actions
+ */
+export const wikiActionsInclude: StorybookArgsToList = {
+  actionsAttrs: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.actions,
+      description: {
+        en: 'Additional attributes for the Actions component container',
+        ru: 'Дополнительные атрибуты для контейнера компонента Actions'
+      }
+    }
+  },
+  actionsHide: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.actions,
+      description: {
+        en: 'Hides the actions block',
+        ru: 'Скрывает блок действий'
+      }
+    }
+  },
+  actionsList: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.actions,
+      description: {
+        en: 'Array of primary action buttons displayed in the actions area',
+        ru: 'Массив основных кнопок действий, отображаемых в области действий'
+      },
+      value: [
+        { icon: 'edit', label: 'Edit' },
+        { icon: 'delete', label: 'Delete' },
+        { icon: 'share', label: 'Share' }
+      ]
+    }
+  },
+  actionsSecondary: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.actions,
+      description: {
+        en: 'Array of secondary action buttons displayed in the actions area',
+        ru: 'Массив вторичных кнопок действий, отображаемых в области действий'
+      },
+      value: [
+        { icon: 'info', label: 'Info' },
+        { icon: 'help', label: 'Help' }
+      ]
+    }
+  }
+}