@dxtmisha/wiki 0.25.1 → 0.39.1

package/src/media/mdx/Section/section.ru.mdx

@@ -0,0 +1,38 @@
+## Описание
+
+Семантический компонент-контейнер, предназначенный для группировки связанного контента. По умолчанию использует тег `<section>`.
+
+Section предоставляет возможности для отображения заголовков, меток, описаний, подписей и иконок. Основное назначение компонента — обозначение тематических разделов документа, что улучшает семантику и доступность страницы. Заголовок по умолчанию рендерится как `<h2>`.
+
+**Основные возможности:**
+
+- Семантическая группировка контента (тег `<section>`)
+- Поддержка заголовков (по умолчанию `<h2>`), меток, описаний и подписей
+- Поддержка иконок
+- Настраиваемый макет и отступы
+- Полная поддержка слотов для кастомизации контента
+
+**Типичные сценарии использования:**
+
+- Тематические разделы страницы
+- Группировка контента в статьях
+- Информационные блоки с заголовками второго уровня
+- Секции лэндингов
+
+```html
+<script setup>
+import { ref } from 'vue'
+</script>
+
+<template>
+  <Section
+    headline="Заголовок секции"
+    label="Метка"
+    description="Описание содержимого данной секции"
+  >
+    <p>Основной контент секции...</p>
+  </Section>
+</template>
+```
+
+> Section — это семантически верный выбор для разделения страницы на крупные логические блоки.

package/src/media/mdx/Section/wikiMdxSection.ts

@@ -0,0 +1,19 @@
+import type { StorybookComponentsMdxItem } from '../../../types/storybookTypes'
+
+import sectionEn from './section.en.mdx'
+import sectionRu from './section.ru.mdx'
+
+/**
+ * MDX files for Section component
+ *
+ * MDX файлы для компонента Section
+ */
+export const wikiMdxSection: StorybookComponentsMdxItem = {
+  name: 'Section',
+  descriptions: {
+    section: {
+      en: sectionEn,
+      ru: sectionRu
+    }
+  }
+}

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

@@ -1,3 +1,3 @@
 ### `clear`
 
-Clears the component value to default and focuses the input field.
+Clears the component value by default and focuses the input field.

package/src/media/mdx/wikiMdx.ts

@@ -34,9 +34,11 @@ 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'
@@ -79,9 +81,11 @@ export const wikiMdx: StorybookComponentsMdx = [
   wikiMdxMenu,
   wikiMdxModal,
   wikiMdxMotionTransform,
+  wikiMdxPage,
   wikiMdxProgress,
   wikiMdxRipple,
   wikiMdxScrollbar,
+  wikiMdxSection,
   wikiMdxSelect,
   wikiMdxSelectValue,
   wikiMdxSkeleton,

package/src/media/props/wiki.ts

@@ -1,6 +1,7 @@
 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'
@@ -45,6 +46,7 @@ import { wikiWindow } from './wikiWindow'
 
 export const wiki: StorybookArgsToList = {
   ...wikiAria,
+  ...wikiAttributes,
   ...wikiForm,
   ...wikiStatus,
   ...wikiInformation,

package/src/media/props/wikiActionsInclude.ts

@@ -13,7 +13,7 @@ export const wikiActionsInclude: StorybookArgsToList = {
   actionsAttrs: {
     type: StorybookControl.object,
     options: {
-      category: StorybookCategory.actions,
+      category: StorybookCategory.attributes,
       description: {
         en: 'Additional attributes for the Actions component container',
         ru: 'Дополнительные атрибуты для контейнера компонента Actions'

package/src/media/props/wikiAnchor.ts

@@ -55,10 +55,11 @@ export const wikiAnchor: StorybookArgsToList = {
     options: {
       category: StorybookCategory.option,
       description: {
-        en: 'Enables copy to clipboard functionality',
+        en: 'Enables copy-to-clipboard functionality',
         ru: 'Включает функцию копирования в буфер обмена'
       }
-    }
+    },
+    isDemo: true
   },
   'anchor.name': {
     type: StorybookControl.text,

package/src/media/props/wikiAria.ts

@@ -66,6 +66,16 @@ export const wikiAria: StorybookArgsToList = {
       }
     }
   },
+  ariaMultiselectable: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.technical,
+      description: {
+        en: 'Indicates that the user may select more than one item',
+        ru: 'Указывает, что пользователь может выбрать более одного элемента'
+      }
+    }
+  },
   polite: {
     type: StorybookControl.boolean,
     options: {
@@ -98,5 +108,16 @@ export const wikiAria: StorybookArgsToList = {
         ru: 'Определяет роль элемента item для доступности'
       }
     }
+  },
+  tabindex: {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.aria,
+      type: 'number',
+      description: {
+        en: 'Tab order position for keyboard navigation',
+        ru: 'Позиция порядка табуляции для навигации с клавиатуры'
+      }
+    }
   }
 }

package/src/media/props/wikiArrowInclude.ts

@@ -13,7 +13,7 @@ export const wikiArrowInclude: StorybookArgsToList = {
   arrowAttrs: {
     type: StorybookControl.object,
     options: {
-      category: StorybookCategory.arrow,
+      category: StorybookCategory.attributes,
       description: {
         en: 'Additional attributes for the Arrow component',
         ru: 'Дополнительные атрибуты для компонента Arrow'

package/src/media/props/wikiAttributes.ts

@@ -0,0 +1,143 @@
+import {
+  type StorybookArgsToList,
+  StorybookCategory,
+  StorybookControl
+} from '../../types/storybookTypes'
+
+/**
+ * The wikiAttributes object contains descriptions of all attribute properties
+ *
+ * Объект wikiAttributes содержит описание всех свойств атрибутов
+ */
+export const wikiAttributes: StorybookArgsToList = {
+  buttonAttrs: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.attributes,
+      description: {
+        en: 'Additional attributes for button elements',
+        ru: 'Дополнительные атрибуты для элементов кнопок'
+      }
+    }
+  },
+  buttonSecondaryAttrs: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.attributes,
+      description: {
+        en: 'Additional attributes for secondary button elements',
+        ru: 'Дополнительные атрибуты для элементов вторичных кнопок'
+      }
+    }
+  },
+  cellAttrs: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.attributes,
+      description: {
+        en: 'Additional attributes for the Cell component',
+        ru: 'Дополнительные атрибуты для компонента Cell'
+      }
+    }
+  },
+  chipAttrs: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.attributes,
+      description: {
+        en: 'Additional attributes for the Chip component',
+        ru: 'Дополнительные атрибуты для компонента Chip'
+      }
+    }
+  },
+  fieldAttrs: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.attributes,
+      description: {
+        en: 'Additional attributes for the Field component',
+        ru: 'Дополнительные атрибуты для компонента Field'
+      }
+    }
+  },
+  fieldLabelAttrs: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.attributes,
+      description: {
+        en: 'Additional attributes for the FieldLabel element',
+        ru: 'Дополнительные атрибуты для элемента FieldLabel'
+      }
+    }
+  },
+  fieldMessageAttrs: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.attributes,
+      description: {
+        en: 'Additional attributes for the FieldMessage element',
+        ru: 'Дополнительные атрибуты для элемента FieldMessage'
+      }
+    }
+  },
+  inputAttrs: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.attributes,
+      description: {
+        en: 'Additional attributes for the native input element',
+        ru: 'Дополнительные атрибуты для нативного элемента input'
+      }
+    }
+  },
+  menuAttrs: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.attributes,
+      description: {
+        en: 'Additional attributes for the Menu root container',
+        ru: 'Дополнительные атрибуты для корневого контейнера Menu'
+      }
+    }
+  },
+  motionTransformAttrs: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.attributes,
+      description: {
+        en: 'Additional attributes for the MotionTransform component',
+        ru: 'Дополнительные атрибуты для компонента MotionTransform'
+      }
+    }
+  },
+  scrollbarAttrs: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.attributes,
+      description: {
+        en: 'Sets attributes for the internal scrollbar',
+        ru: 'Задает атрибуты встроенного скроллбара'
+      }
+    }
+  },
+  tooltipAttrs: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.attributes,
+      description: {
+        en: 'Additional attributes for the Tooltip component',
+        ru: 'Дополнительные атрибуты для компонента Tooltip'
+      }
+    }
+  },
+  windowAttrs: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.attributes,
+      description: {
+        en: 'Additional attributes for the Window root container',
+        ru: 'Дополнительные атрибуты для корневого контейнера Window'
+      }
+    }
+  }
+}

package/src/media/props/wikiBadge.ts

@@ -16,10 +16,11 @@ export const wikiBadge: StorybookArgsToList = {
       category: StorybookCategory.style,
 
       description: {
-        en: 'Outline variant of the badge with transparent background and border',
+        en: 'Outline variant of the badge with a transparent background and border',
         ru: 'Контурный вариант бейджа с прозрачным фоном и границей'
       }
-    }
+    },
+    isDemo: true
   },
   'badge.primary': {
     type: StorybookControl.boolean,
@@ -29,7 +30,8 @@ export const wikiBadge: StorybookArgsToList = {
         en: 'Primary color variant for the badge with high contrast and emphasis',
         ru: 'Основной цветовой вариант бейджа с высоким контрастом и акцентом'
       }
-    }
+    },
+    isDemo: true
   },
   'badge.secondary': {
     type: StorybookControl.boolean,
@@ -40,6 +42,7 @@ export const wikiBadge: StorybookArgsToList = {
         en: 'Secondary color variant for the badge with moderate contrast',
         ru: 'Второстепенный цветовой вариант бейджа с умеренным контрастом'
       }
-    }
+    },
+    isDemo: true
   }
 }

package/src/media/props/wikiBars.ts

@@ -18,7 +18,8 @@ export const wikiBars: StorybookArgsToList = {
         en: 'Enables action mode',
         ru: 'Включает режим действия'
       }
-    }
+    },
+    isDemo: true
   },
   'bars.actionBars': {
     type: StorybookControl.object,
@@ -38,7 +39,7 @@ export const wikiBars: StorybookArgsToList = {
   'bars.actionDescription': {
     type: StorybookControl.text,
     options: {
-      category: StorybookCategory.value,
+      category: StorybookCategory.information,
       description: {
         en: 'Description for the action',
         ru: 'Описание для действия'
@@ -49,7 +50,7 @@ export const wikiBars: StorybookArgsToList = {
   'bars.actionLabel': {
     type: StorybookControl.text,
     options: {
-      category: StorybookCategory.value,
+      category: StorybookCategory.information,
       description: {
         en: 'Label for the action',
         ru: 'Метка для действия'
@@ -70,7 +71,7 @@ export const wikiBars: StorybookArgsToList = {
   'bars.backActionHide': {
     type: StorybookControl.boolean,
     options: {
-      category: StorybookCategory.style,
+      category: StorybookCategory.option,
       description: {
         en: 'Hide back button in action',
         ru: 'Скрыть кнопку назад в action'
@@ -80,7 +81,7 @@ export const wikiBars: StorybookArgsToList = {
   'bars.backHide': {
     type: StorybookControl.boolean,
     options: {
-      category: StorybookCategory.style,
+      category: StorybookCategory.option,
       description: {
         en: 'Hides the back button',
         ru: 'Скрывает кнопку назад'
@@ -107,7 +108,7 @@ export const wikiBars: StorybookArgsToList = {
     options: {
       category: StorybookCategory.technical,
       description: {
-        en: 'Two-way binding for action state (v-model:action)',
+        en: 'Two-way binding for the action state (v-model:action)',
         ru: 'Двусторонняя привязка состояния action (v-model:action)'
       }
     }

package/src/media/props/wikiBarsInclude.ts

@@ -13,7 +13,7 @@ export const wikiBarsInclude: StorybookArgsToList = {
   barsAttrs: {
     type: StorybookControl.object,
     options: {
-      category: StorybookCategory.bars,
+      category: StorybookCategory.attributes,
       description: {
         en: 'Additional attributes for the bars (header toolbar) container',
         ru: 'Дополнительные атрибуты для контейнера бара (верхней панели)'
@@ -38,7 +38,8 @@ export const wikiBarsInclude: StorybookArgsToList = {
       description: {
         en: 'Description text displayed in the bars area (subtitle/help)',
         ru: 'Текст описания, отображаемый в области бара (подзаголовок/подсказка)'
-      }
+      },
+      value: 'Welcome to the application!'
     }
   },
   barsHide: {
@@ -59,7 +60,8 @@ export const wikiBarsInclude: StorybookArgsToList = {
       description: {
         en: 'Label or numeric indicator shown in the bars header',
         ru: 'Метка или числовой индикатор, отображаемый в заголовке бара'
-      }
+      },
+      value: 'Hello friend'
     }
   },
   barsList: {

package/src/media/props/wikiButton.ts

@@ -19,7 +19,8 @@ export const wikiButton: StorybookArgsToList = {
         en: 'Outline button style',
         ru: 'Стиль кнопки с обводкой'
       }
-    }
+    },
+    isDemo: true
   },
   'button.primary': {
     type: StorybookControl.boolean,
@@ -30,7 +31,8 @@ export const wikiButton: StorybookArgsToList = {
         en: 'Primary button style',
         ru: 'Основной стиль кнопки'
       }
-    }
+    },
+    isDemo: true
   },
   'button.secondary': {
     type: StorybookControl.boolean,
@@ -41,7 +43,8 @@ export const wikiButton: StorybookArgsToList = {
         en: 'Secondary button style',
         ru: 'Вторичный стиль кнопки'
       }
-    }
+    },
+    isDemo: true
   },
   'button.text': {
     type: StorybookControl.boolean,
@@ -52,6 +55,7 @@ export const wikiButton: StorybookArgsToList = {
         en: 'Text button style',
         ru: 'Текстовый стиль кнопки'
       }
-    }
+    },
+    isDemo: true
   }
 }

package/src/media/props/wikiChip.ts

@@ -19,7 +19,8 @@ export const wikiChip: StorybookArgsToList = {
         en: 'Alternative visual appearance style',
         ru: 'Альтернативный стиль внешнего вида'
       }
-    }
+    },
+    isDemo: true
   },
   'chip.input': {
     type: StorybookControl.boolean,
@@ -30,6 +31,7 @@ export const wikiChip: StorybookArgsToList = {
         en: 'Input-style visual appearance',
         ru: 'Внешний вид в стиле поля ввода'
       }
-    }
+    },
+    isDemo: true
   }
 }

package/src/media/props/wikiDialog.ts

@@ -23,8 +23,7 @@ export const wikiDialog: StorybookArgsToList = {
   'dialog.clickOkAndClose': {
     type: StorybookControl.boolean,
     options: {
-      category: StorybookCategory.style,
-
+      category: StorybookCategory.option,
       description: {
         en: 'Automatically closes the dialog when the OK button is clicked',
         ru: 'Автоматически закрывает диалог при клике на кнопку OK'

package/src/media/props/wikiField.ts

@@ -13,22 +13,24 @@ export const wikiField: StorybookArgsToList = {
   'field.arrowCarousel': {
     type: StorybookControl.boolean,
     options: {
-      category: StorybookCategory.style,
+      category: StorybookCategory.option,
       description: {
         en: 'Shows horizontal navigation arrows (carousel left/right)',
         ru: 'Отображает горизонтальные стрелки навигации (карусель влево/вправо)'
       }
-    }
+    },
+    isDemo: true
   },
   'field.arrowStepper': {
     type: StorybookControl.boolean,
     options: {
-      category: StorybookCategory.style,
+      category: StorybookCategory.option,
       description: {
         en: 'Shows numeric step controls (+ / -) for increment / decrement',
         ru: 'Отображает числовые степперы (+ / -) для инкремента / декремента'
       }
-    }
+    },
+    isDemo: true
   },
   'field.basic': {
     type: StorybookControl.boolean,
@@ -38,7 +40,8 @@ export const wikiField: StorybookArgsToList = {
         en: 'Basic variant for Field without fill and border',
         ru: 'Базовый вариант Field без заливки и рамки'
       }
-    }
+    },
+    isDemo: true
   },
   'field.boxed': {
     type: StorybookControl.boolean,
@@ -48,7 +51,8 @@ export const wikiField: StorybookArgsToList = {
         en: 'Boxed variant for Field with both fill and border',
         ru: 'Вариант Field с заливкой и рамкой (boxed)'
       }
-    }
+    },
+    isDemo: true
   },
   'field.classic': {
     type: StorybookControl.boolean,
@@ -58,7 +62,8 @@ export const wikiField: StorybookArgsToList = {
         en: 'Classic variant for Field with standard border and no fill',
         ru: 'Классический вариант Field со стандартной рамкой без заливки'
       }
-    }
+    },
+    isDemo: true
   },
   'field.disabledNext': {
     type: StorybookControl.boolean,
@@ -88,7 +93,8 @@ export const wikiField: StorybookArgsToList = {
         en: 'Filled variant for Field with background fill',
         ru: 'Залитый вариант Field с фоновым заполнением'
       }
-    }
+    },
+    isDemo: true
   },
   'field.outlined': {
     type: StorybookControl.boolean,
@@ -98,7 +104,8 @@ export const wikiField: StorybookArgsToList = {
         en: 'Outline variant for Field with bordered style',
         ru: 'Контурный вариант Field с акцентной рамкой'
       }
-    }
+    },
+    isDemo: true
   },
   'field.tonal': {
     type: StorybookControl.boolean,
@@ -108,6 +115,7 @@ export const wikiField: StorybookArgsToList = {
         en: 'Tonal variant for Field with toned background and softer contrast',
         ru: 'Тональный вариант Field с приглушенной заливкой и мягким контрастом'
       }
-    }
+    },
+    isDemo: true
   }
 }

package/src/media/props/wikiFieldCounterInclude.ts

@@ -26,17 +26,17 @@ export const wikiFieldCounterInclude: StorybookArgsToList = {
     type: StorybookControl.boolean,
     options: {
       category: StorybookCategory.counter,
-
       description: {
-        en: 'Shows the counter element',
+        en: 'Shows the counter-element',
         ru: 'Показывает элемент счетчика'
       }
-    }
+    },
+    isDemo: true
   },
   counterId: {
     type: StorybookControl.string,
     options: {
-      category: StorybookCategory.counter,
+      category: StorybookCategory.technical,
       type: 'string',
       description: {
         en: 'Unique identifier for the counter element',
@@ -50,9 +50,14 @@ export const wikiFieldCounterInclude: StorybookArgsToList = {
       category: StorybookCategory.counter,
       type: 'string',
       description: {
-        en: 'Custom display template for the counter component',
+        en: 'Custom display template for the counter-component',
         ru: 'Пользовательский шаблон отображения для компонента счетчика'
       }
+    },
+    isDemo: true,
+    demo: 'counter: [c], max: [m]',
+    demoOptions: {
+      counterShow: true
     }
   },
   counterTop: {
@@ -63,12 +68,16 @@ export const wikiFieldCounterInclude: StorybookArgsToList = {
         en: 'Displays the counter above the field',
         ru: 'Отображает счетчик над полем'
       }
+    },
+    isDemo: true,
+    demoOptions: {
+      counterShow: true
     }
   },
   fieldCounterAttrs: {
     type: StorybookControl.object,
     options: {
-      category: StorybookCategory.counter,
+      category: StorybookCategory.attributes,
       description: {
         en: 'Additional attributes for the field counter component',
         ru: 'Дополнительные атрибуты для компонента счетчика поля'