@dxtmisha/wiki 0.24.3 → 0.39.1

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,44 @@ 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 { wikiMdxPage } from './Page/wikiMdxPage'
 import { wikiMdxProgress } from './Progress/wikiMdxProgress'
 import { wikiMdxRipple } from './Ripple/wikiMdxRipple'
 import { wikiMdxScrollbar } from './Scrollbar/wikiMdxScrollbar'
+import { wikiMdxSection } from './Section/wikiMdxSection'
+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 +53,43 @@ 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,
+  wikiMdxPage,
   wikiMdxProgress,
   wikiMdxRipple,
   wikiMdxScrollbar,
+  wikiMdxSection,
+  wikiMdxSelect,
+  wikiMdxSelectValue,
   wikiMdxSkeleton,
+  wikiMdxTextareaAutosize,
+  wikiMdxTooltip,
   wikiMdxWindow
 ]

package/src/media/props/wiki.ts

@@ -1,18 +1,37 @@
 import type { StorybookArgsToList } from '../../types/storybookTypes'
 
+import { wikiAria } from './wikiAria'
+import { wikiAttributes } from './wikiAttributes'
+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 +39,44 @@ 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,
+  ...wikiAttributes,
+  ...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 +84,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.attributes,
+      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' }
+      ]
+    }
+  }
+}

package/src/media/props/wikiAnchor.ts

@@ -0,0 +1,85 @@
+import {
+  type StorybookArgsToList,
+  StorybookCategory,
+  StorybookControl
+} from '../../types/storybookTypes'
+
+/**
+ * The wikiAnchor object contains descriptions of all properties for the Anchor component
+ *
+ * Объект wikiAnchor содержит описание всех свойств для компонента Anchor
+ */
+export const wikiAnchor: StorybookArgsToList = {
+  'anchor.behavior': {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.option,
+      description: {
+        en: 'Defines the transition animation',
+        ru: 'Определяет анимацию перехода'
+      }
+    }
+  },
+  'anchor.block': {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.option,
+      description: {
+        en: 'Defines vertical alignment',
+        ru: 'Определяет вертикальное выравнивание'
+      }
+    }
+  },
+  'anchor.delayHide': {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.option,
+      description: {
+        en: 'Delay before hiding the element (in ms)',
+        ru: 'Задержка перед скрытием элемента (в мс)'
+      }
+    }
+  },
+  'anchor.inline': {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.option,
+      description: {
+        en: 'Defines horizontal alignment',
+        ru: 'Определяет горизонтальное выравнивание'
+      }
+    }
+  },
+  'anchor.isCopy': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.option,
+      description: {
+        en: 'Enables copy-to-clipboard functionality',
+        ru: 'Включает функцию копирования в буфер обмена'
+      }
+    },
+    isDemo: true
+  },
+  'anchor.name': {
+    type: StorybookControl.text,
+    options: {
+      category: StorybookCategory.value,
+      description: {
+        en: 'Anchor name for navigation within the page',
+        ru: 'Имя якоря для навигации внутри страницы'
+      },
+      value: 'name-example'
+    }
+  },
+  'anchor.shift': {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.option,
+      description: {
+        en: 'Scroll offset from the top edge (in pixels)',
+        ru: 'Смещение прокрутки от верхнего края (в пикселях)'
+      }
+    }
+  }
+}