@dxtmisha/wiki 0.24.3 → 0.39.1

package/src/media/props/wikiValue.ts

@@ -19,7 +19,9 @@ export const wikiValue: StorybookArgsToList = {
         en: 'Badge text or value to display',
         ru: 'Текст или значение значка для отображения'
       }
-    }
+    },
+    isDemo: true,
+    demo: '123'
   },
   badgeDot: {
     type: StorybookControl.boolean,
@@ -29,68 +31,8 @@ export const wikiValue: StorybookArgsToList = {
         en: 'Display badge as a dot indicator',
         ru: 'Отображать значок как точечный индикатор'
       }
-    }
-  },
-  barsDescription: {
-    type: StorybookControl.string,
-    options: {
-      category: StorybookCategory.value,
-      type: 'string',
-      description: {
-        en: 'Description text displayed in the bars area (subtitle/help)',
-        ru: 'Текст описания, отображаемый в области бара (подзаголовок/подсказка)'
-      }
-    }
-  },
-  barsLabel: {
-    type: StorybookControl.string,
-    options: {
-      category: StorybookCategory.value,
-      type: ['string', 'number'],
-      description: {
-        en: 'Label or numeric indicator shown in the bars header',
-        ru: 'Метка или числовой индикатор, отображаемый в заголовке бара'
-      }
-    }
-  },
-  barsList: {
-    type: StorybookControl.object,
-    options: {
-      category: StorybookCategory.value,
-      description: {
-        en: 'Array of buttons displayed in the bars area (actions)',
-        ru: 'Массив кнопок, отображаемых в области бара (действия)'
-      },
-      value: [
-        { icon: 'home', label: 'Home' },
-        { icon: 'search', label: 'Search' },
-        { icon: 'settings', label: 'Settings' }
-      ]
-    }
-  },
-  caption: {
-    type: StorybookControl.string,
-    options: {
-      category: StorybookCategory.value,
-      type: 'string',
-      description: {
-        en: 'Caption text for additional information',
-        ru: 'Текст подписи для дополнительной информации'
-      },
-      value: 'Caption'
-    }
-  },
-  counter: {
-    type: StorybookControl.number,
-    options: {
-      category: StorybookCategory.value,
-      type: ['number', 'string'],
-      description: {
-        en: 'Current character count',
-        ru: 'Текущее количество символов'
-      },
-      value: 25
-    }
+    },
+    isDemo: true
   },
   currency: {
     type: StorybookControl.string,
@@ -101,29 +43,11 @@ export const wikiValue: StorybookArgsToList = {
         en: 'Currency code for formatting monetary values',
         ru: 'Код валюты для форматирования денежных значений'
       }
-    }
-  },
-  language: {
-    type: StorybookControl.string,
-    options: {
-      category: StorybookCategory.value,
-      type: 'string',
-      description: {
-        en: 'Language/locale code (BCP 47) used for formatting values (e.g., en-US, ru-RU)',
-        ru: 'Код языка/локали (BCP 47) для форматирования значений (например, ru-RU, en-US)'
-      }
-    }
-  },
-  description: {
-    type: StorybookControl.string,
-    options: {
-      category: StorybookCategory.value,
-      type: 'string',
-      description: {
-        en: 'Description text providing additional context',
-        ru: 'Текст описания, предоставляющий дополнительный контекст'
-      },
-      value: 'Here is a detailed description of the component'
+    },
+    isDemo: true,
+    demo: 'USD',
+    demoOptions: {
+      type: 'currency'
     }
   },
   detail: {
@@ -132,21 +56,11 @@ export const wikiValue: StorybookArgsToList = {
       category: StorybookCategory.value,
       type: 'Record<string, any>',
       description: {
-        en: 'Additional data passed by the component when events are triggered',
+        en: 'Additional data is passed by the component when events are triggered',
         ru: 'Дополнительные данные, передаваемые компонентом при срабатывании событий'
       }
     }
   },
-  formatting: {
-    type: StorybookControl.boolean,
-    options: {
-      category: StorybookCategory.value,
-      description: {
-        en: 'Whether to format values before displaying',
-        ru: 'Нужно ли форматировать значения перед отображением'
-      }
-    }
-  },
   fraction: {
     type: StorybookControl.string,
     options: {
@@ -158,18 +72,6 @@ export const wikiValue: StorybookArgsToList = {
       }
     }
   },
-  helperMessage: {
-    type: StorybookControl.string,
-    options: {
-      category: StorybookCategory.value,
-      type: 'string',
-      description: {
-        en: 'Helper text providing guidance or additional information',
-        ru: 'Вспомогательный текст, предоставляющий руководство или дополнительную информацию'
-      },
-      value: 'This is a helpful message'
-    }
-  },
   highlight: {
     type: StorybookControl.string,
     options: {
@@ -177,9 +79,11 @@ export const wikiValue: StorybookArgsToList = {
       type: 'string',
       description: {
         en: 'Text to highlight within the component content',
-        ru: 'Текст для выделения в содержимом компонента'
+        ru: 'Текст для выделения в содержимом компоненте'
       }
-    }
+    },
+    isDemo: true,
+    demo: 'abe'
   },
   highlightLengthStart: {
     type: StorybookControl.number,
@@ -192,164 +96,17 @@ export const wikiValue: StorybookArgsToList = {
       }
     }
   },
-  keyLabel: {
+  href: {
     type: StorybookControl.string,
     options: {
       category: StorybookCategory.value,
       type: 'string',
       description: {
-        en: 'Object key to use as label text',
-        ru: 'Ключ объекта для использования в качестве текста метки'
+        en: 'URL or link destination',
+        ru: 'URL или адрес ссылки'
       }
     }
   },
-  keyValue: {
-    type: StorybookControl.string,
-    options: {
-      category: StorybookCategory.value,
-      type: 'string',
-      description: {
-        en: 'Object key to use as value text',
-        ru: 'Ключ объекта для использования в качестве текста значения'
-      }
-    }
-  },
-  icon: {
-    type: StorybookControl.string,
-    options: {
-      category: StorybookCategory.value,
-      type: ['string', 'File'],
-      description: {
-        en: 'Value of the main icon',
-        ru: 'Значение основной иконки'
-      },
-      value: 'home'
-    }
-  },
-  iconTrailing: {
-    type: StorybookControl.string,
-    options: {
-      category: StorybookCategory.value,
-      type: ['string', 'File'],
-      description: {
-        en: 'Value of the trailing icon',
-        ru: 'Значение завершающей иконки'
-      }
-    }
-  },
-  image: {
-    type: StorybookControl.string,
-    options: {
-      category: StorybookCategory.value,
-      type: 'string | File | ImageProps',
-      description: {
-        en: 'Specifies the image value for the component',
-        ru: 'Указывает значение изображения для компонента'
-      }
-    }
-  },
-  index: {
-    type: StorybookControl.number,
-    options: {
-      category: StorybookCategory.value,
-      type: 'number',
-      description: {
-        en: 'Index value for the component',
-        ru: 'Значение индекса для компонента'
-      }
-    }
-  },
-  label: {
-    type: StorybookControl.string,
-    options: {
-      category: StorybookCategory.value,
-      type: 'string',
-      description: {
-        en: 'Text label for the component',
-        ru: 'Текстовая метка для компонента'
-      },
-      value: 'Label'
-    }
-  },
-  labelMax: {
-    type: StorybookControl.number,
-    options: {
-      category: StorybookCategory.value,
-      type: 'number',
-      description: {
-        en: 'Maximum length of the label text before truncation',
-        ru: 'Максимальная длина текста метки перед обрезкой'
-      }
-    }
-  },
-  max: {
-    type: StorybookControl.number,
-    options: {
-      category: StorybookCategory.value,
-      type: ['number', 'string'],
-      description: {
-        en: 'Maximum value',
-        ru: 'Максимальное значение'
-      }
-    }
-  },
-  maxlength: {
-    type: StorybookControl.number,
-    options: {
-      category: StorybookCategory.value,
-      type: ['number', 'string'],
-      description: {
-        en: 'Maximum allowed characters',
-        ru: 'Максимально допустимое количество символов'
-      },
-      value: 100
-    }
-  },
-  name: {
-    type: StorybookControl.string,
-    options: {
-      category: StorybookCategory.value,
-      type: 'string',
-      description: {
-        en: 'Name attribute for the input field',
-        ru: 'Атрибут name для поля ввода'
-      }
-    }
-  },
-  prefix: {
-    type: StorybookControl.string,
-    options: {
-      category: StorybookCategory.value,
-      type: 'string',
-      description: {
-        en: 'Prefix text displayed before the main content',
-        ru: 'Текст префикса, отображаемый перед основным содержимым'
-      },
-      value: 'Prefix'
-    }
-  },
-  required: {
-    type: StorybookControl.boolean,
-    options: {
-      category: StorybookCategory.value,
-      description: {
-        en: 'Marks the field as required and shows the required indicator',
-        ru: 'Помечает поле как обязательное и показывает индикатор обязательности'
-      }
-    }
-  },
-  suffix: {
-    type: StorybookControl.string,
-    options: {
-      category: StorybookCategory.value,
-      type: 'string',
-      description: {
-        en: 'Suffix text displayed after the main content',
-        ru: 'Текст суффикса, отображаемый после основного содержимого'
-      },
-      value: 'Suffix'
-    }
-  },
   to: {
     type: StorybookControl.string,
     options: {
@@ -361,14 +118,14 @@ export const wikiValue: StorybookArgsToList = {
       }
     }
   },
-  validationMessage: {
+  value: {
     type: StorybookControl.string,
     options: {
       category: StorybookCategory.value,
-      type: 'string',
+      type: ['number', 'string'],
       description: {
-        en: 'Error or validation message text',
-        ru: 'Текст сообщения об ошибке или валидации'
+        en: 'Current value',
+        ru: 'Текущее значение'
       }
     }
   },
@@ -382,16 +139,5 @@ export const wikiValue: StorybookArgsToList = {
         ru: 'Значение по умолчанию для поля ввода'
       }
     }
-  },
-  value: {
-    type: StorybookControl.string,
-    options: {
-      category: StorybookCategory.value,
-      type: ['number', 'string'],
-      description: {
-        en: 'Current value',
-        ru: 'Текущее значение'
-      }
-    }
   }
 }

package/src/media/props/wikiWindow.ts

@@ -24,7 +24,7 @@ export const wikiWindow: StorybookArgsToList = {
   'window.axis': {
     type: StorybookControl.select,
     options: {
-      category: StorybookCategory.style,
+      category: StorybookCategory.option,
       description: {
         en: 'Primary positioning axis relative to anchor or cursor; works only in menu mode (adaptive = "menu")',
         ru: 'Основная ось позиционирования относительно якоря или курсора; работает только в режиме меню (adaptive = "menu")'
@@ -32,16 +32,6 @@ export const wikiWindow: StorybookArgsToList = {
       options: []
     }
   },
-  'window.autoClose': {
-    type: StorybookControl.boolean,
-    options: {
-      category: StorybookCategory.style,
-      description: {
-        en: 'Closes window when clicking anywhere inside content',
-        ru: 'Закрывает окно при клике в любом месте содержимого'
-      }
-    }
-  },
   'window.beforeClosing': {
     type: StorybookControl.object,
     options: {
@@ -62,23 +52,23 @@ export const wikiWindow: StorybookArgsToList = {
       }
     }
   },
-  'window.closeButton': {
+  'window.closeMobileHide': {
     type: StorybookControl.boolean,
     options: {
       category: StorybookCategory.style,
       description: {
-        en: 'Shows close button in header',
-        ru: 'Показывает кнопку закрытия в заголовке'
+        en: 'Hides close control on mobile',
+        ru: 'Скрывает управление закрытием на мобильных'
       }
     }
   },
-  'window.closeMobileHide': {
+  'window.closeOnEsc': {
     type: StorybookControl.boolean,
     options: {
-      category: StorybookCategory.style,
+      category: StorybookCategory.technical,
       description: {
-        en: 'Hides close control on mobile',
-        ru: 'Скрывает управление закрытием на мобильных'
+        en: 'Closes the window when the ESC key is pressed',
+        ru: 'Закрывает окно при нажатии клавиши ESC'
       }
     }
   },
@@ -95,7 +85,7 @@ export const wikiWindow: StorybookArgsToList = {
   'window.contextmenu': {
     type: StorybookControl.boolean,
     options: {
-      category: StorybookCategory.style,
+      category: StorybookCategory.option,
       description: {
         en: 'Allows opening on right‑click (context menu)',
         ru: 'Позволяет открывать по правому клику (контекстное меню)'
@@ -140,18 +130,8 @@ export const wikiWindow: StorybookArgsToList = {
         en: 'Fills the screen without margins',
         ru: 'Заполняет экран без отступов'
       }
-    }
-  },
-  'window.imagePosition': {
-    type: StorybookControl.select,
-    options: {
-      category: StorybookCategory.style,
-      description: {
-        en: 'Defines image placement within the window layout',
-        ru: 'Определяет расположение изображения внутри макета окна'
-      },
-      options: ['left', 'top']
-    }
+    },
+    isDemo: true
   },
   'window.imageSize': {
     type: StorybookControl.select,
@@ -162,6 +142,11 @@ export const wikiWindow: StorybookArgsToList = {
         ru: 'Управляет относительным размером области изображения в макете без привязки к конкретным значениям'
       },
       options: ['half', 'lg', 'md', 'quarter', 'sm']
+    },
+    isDemo: true,
+    demoOptions: {
+      image: 'https://drscdn.500px.org/photo/294267357/q%3D90_m%3D2048/v2?sig=adb52b9add18ad21ab4a86b99695377f2a18821c609d42149b3426dfb99cf924',
+      imagePosition: 'left'
     }
   },
   'window.indent': {
@@ -174,16 +159,6 @@ export const wikiWindow: StorybookArgsToList = {
       }
     }
   },
-  'window.inDom': {
-    type: StorybookControl.boolean,
-    options: {
-      category: StorybookCategory.status,
-      description: {
-        en: 'Indicates whether the window is in the DOM',
-        ru: 'Указывает, присутствует ли окно в DOM'
-      }
-    }
-  },
   'window.opening': {
     type: StorybookControl.object,
     options: {
@@ -208,7 +183,7 @@ export const wikiWindow: StorybookArgsToList = {
   'window.overElement': {
     type: StorybookControl.object,
     options: {
-      category: StorybookCategory.style,
+      category: StorybookCategory.option,
       description: {
         en: 'Sets anchor element for positioning',
         ru: 'Задает опорный элемент для позиционирования'
@@ -218,7 +193,7 @@ export const wikiWindow: StorybookArgsToList = {
   'window.overscroll': {
     type: StorybookControl.boolean,
     options: {
-      category: StorybookCategory.style,
+      category: StorybookCategory.technical,
       description: {
         en: 'Keeps horizontal scrolling inside the window',
         ru: 'Удерживает горизонтальный скролл внутри окна'
@@ -248,11 +223,15 @@ export const wikiWindow: StorybookArgsToList = {
   'window.staticMode': {
     type: StorybookControl.boolean,
     options: {
-      category: StorybookCategory.style,
+      category: StorybookCategory.option,
       description: {
-        en: 'Enables static mode: displays as embedded component without modal behavior, animations, or dynamic positioning',
+        en: 'Enables static mode: displays as an embedded component without modal behavior, animations, or dynamic positioning',
         ru: 'Включает статичный режим: отображает как встроенный компонент без модального поведения, анимаций и динамического позиционирования'
       }
+    },
+    isDemo: true,
+    demoOptions: {
+      adaptive: 'static'
     }
   },
   'window.widthMatch': {

package/src/shims-mdx.d.ts

@@ -0,0 +1,5 @@
+declare module '*.mdx' {
+  import type { Component } from 'vue'
+  const component: Component
+  export default component
+}

package/src/styles/storybookStyle.scss

@@ -44,9 +44,11 @@
     position: relative;
     overflow: hidden;
 
-    border: 1px solid oklch(87.2% 0.01 258.338);
+    max-width: 1080px;
     border-radius: 12px;
 
+    border: 1px solid oklch(87.2% 0.01 258.338);
+
     @include ui.aspectRatio('1/1');
 
     &__label {

package/src/types/storybookTypes.ts

@@ -18,18 +18,42 @@ export enum StorybookControl {
 
 /** Categories for Storybook controls / Категории для элементов управления Storybook */
 export enum StorybookCategory {
+  /** Actions category / Категория действий */
+  actions = 'Actions',
   /** Adaptive design category / Категория адаптивного дизайна */
   adaptive = 'Adaptive',
+  /** ARIA category / Категория ARIA */
+  aria = 'ARIA',
+  /** Arrow category / Категория стрелок */
+  arrow = 'Arrow',
+  /** Attributes category / Категория атрибутов */
+  attributes = 'Attributes',
+  /** Bars category / Категория баров */
+  bars = 'Bars',
+  /** Counter category / Категория счетчика */
+  counter = 'Counter',
+  /** Form category / Категория формы */
+  form = 'Form',
+  /** Hook category / Категория хуков */
+  hook = 'Hook',
+  /** Icon category / Категория иконок */
+  icon = 'Icon',
+  /** Information category / Категория информации */
+  information = 'Information',
+  /** Mask category / Категория маски */
+  mask = 'Mask',
+  /** Options category / Категория опций */
+  option = 'Options',
   /** Status category / Категория статуса */
   status = 'Status',
-  /** Values category / Категория значений */
-  value = 'Values',
   /** Styles category / Категория стилей */
   style = 'Styles',
   /** Technical category / Техническая категория */
   technical = 'Technical',
-  /** Hook category / Категория хуков */
-  hook = 'Hook'
+  /** Text category / Текстовая категория */
+  text = 'Text',
+  /** Values category / Категория значений */
+  value = 'Values'
 }
 
 /** Type for Storybook controls / Типы для элементов управления Storybook */
@@ -60,6 +84,13 @@ export type StorybookArgsItem = {
 
   /** Description for Storybook / Описание для Storybook */
   description?: string
+
+  /** Whether the item is a demo item / Является ли элемент демонстрационным */
+  isDemo?: boolean
+  /** Demo data for the item / Демонстрационные данные для элемента */
+  demo?: any
+  /** Additional demo data for the item / Дополнительные демонстрационные данные для элемента */
+  demoOptions?: Record<string, any>
 }
 
 /** Record of Storybook arguments / Запись аргументов Storybook */
@@ -114,6 +145,12 @@ export type StorybookArgsToItem = {
   type: StorybookControl
   /** Options for the control / Настройки для элемента управления */
   options: StorybookArgsToOptionsByType
+  /** Whether the item is a demo item / Является ли элемент демонстрационным */
+  isDemo?: boolean
+  /** Demo data for the item / Демонстрационные данные для элемента */
+  demo?: any
+  /** Additional demo data for the item / Дополнительные демонстрационные данные для элемента */
+  demoOptions?: Record<string, any>
 }
 
 /** A list of Storybook controls / Список элементов управления Storybook */
@@ -180,6 +217,13 @@ export type StorybookComponentsDescriptionItem = {
     /** Slots documentation / Документация слотов */
     slots?: string
   }
+
+  /** Prompts for AI documentation / Промпты для документации ИИ */
+  ai?: {
+    render?: string
+    import?: string[]
+    description?: string
+  }
 }
 
 /** A list of component descriptions for Storybook / Список описаний компонентов для Storybook */