@dxtmisha/wiki 0.24.3 → 0.39.1

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,28 +51,8 @@ export const wikiField: StorybookArgsToList = {
         en: 'Boxed variant for Field with both fill and border',
         ru: 'Вариант Field с заливкой и рамкой (boxed)'
       }
-    }
-  },
-  'field.cancel': {
-    type: StorybookControl.select,
-    options: {
-      category: StorybookCategory.style,
-      options: ['auto', 'always'],
-      description: {
-        en: 'Cancel button mode: auto (show only if cancelShow + active, no arrows) or always (force unless disabled/readonly or arrows).',
-        ru: 'Режим кнопки очистки: auto (показывать если cancelShow и активен, без стрелок) или always (всегда, кроме disabled/readonly или стрелок).'
-      }
-    }
-  },
-  'field.cancelShow': {
-    type: StorybookControl.boolean,
-    options: {
-      category: StorybookCategory.status,
-      description: {
-        en: 'Used only when cancel=auto: allows showing cancel (обычно при наличии значения). Ignored for always.',
-        ru: 'Работает только при cancel=auto: разрешает показ (обычно при значении). Игнорируется для always.'
-      }
-    }
+    },
+    isDemo: true
   },
   'field.classic': {
     type: StorybookControl.boolean,
@@ -79,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,
@@ -109,7 +93,8 @@ export const wikiField: StorybookArgsToList = {
         en: 'Filled variant for Field with background fill',
         ru: 'Залитый вариант Field с фоновым заполнением'
       }
-    }
+    },
+    isDemo: true
   },
   'field.outlined': {
     type: StorybookControl.boolean,
@@ -119,7 +104,8 @@ export const wikiField: StorybookArgsToList = {
         en: 'Outline variant for Field with bordered style',
         ru: 'Контурный вариант Field с акцентной рамкой'
       }
-    }
+    },
+    isDemo: true
   },
   'field.tonal': {
     type: StorybookControl.boolean,
@@ -129,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

@@ -0,0 +1,87 @@
+import {
+  type StorybookArgsToList,
+  StorybookCategory,
+  StorybookControl
+} from '../../types/storybookTypes'
+
+/**
+ * The wikiFieldCounterInclude object contains descriptions of all properties for the FieldCounter include
+ *
+ * Объект wikiFieldCounterInclude содержит описание всех свойств для включения FieldCounter
+ */
+export const wikiFieldCounterInclude: StorybookArgsToList = {
+  counter: {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.counter,
+      type: ['number', 'string'],
+      description: {
+        en: 'Current character count',
+        ru: 'Текущее количество символов'
+      },
+      value: 25
+    }
+  },
+  counterShow: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.counter,
+      description: {
+        en: 'Shows the counter-element',
+        ru: 'Показывает элемент счетчика'
+      }
+    },
+    isDemo: true
+  },
+  counterId: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.technical,
+      type: 'string',
+      description: {
+        en: 'Unique identifier for the counter element',
+        ru: 'Уникальный идентификатор для элемента счетчика'
+      }
+    }
+  },
+  counterTemplate: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.counter,
+      type: 'string',
+      description: {
+        en: 'Custom display template for the counter-component',
+        ru: 'Пользовательский шаблон отображения для компонента счетчика'
+      }
+    },
+    isDemo: true,
+    demo: 'counter: [c], max: [m]',
+    demoOptions: {
+      counterShow: true
+    }
+  },
+  counterTop: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.counter,
+      description: {
+        en: 'Displays the counter above the field',
+        ru: 'Отображает счетчик над полем'
+      }
+    },
+    isDemo: true,
+    demoOptions: {
+      counterShow: true
+    }
+  },
+  fieldCounterAttrs: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.attributes,
+      description: {
+        en: 'Additional attributes for the field counter component',
+        ru: 'Дополнительные атрибуты для компонента счетчика поля'
+      }
+    }
+  }
+}

package/src/media/props/wikiForm.ts

@@ -0,0 +1,267 @@
+import { type StorybookArgsToList, StorybookCategory, StorybookControl } from '../../types/storybookTypes'
+
+export const wikiForm: StorybookArgsToList = {
+  arrow: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.form,
+      type: 'string',
+      options: ['auto', 'carousel', 'stepper', 'none'],
+      description: {
+        en: 'Arrow controls type for numeric input (auto, carousel, stepper, none)',
+        ru: 'Тип стрелочных элементов управления для числового ввода (auto, carousel, stepper, none)'
+      }
+    },
+    isDemo: true
+  },
+  arrowAlign: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.form,
+      type: 'string',
+      options: ['center', 'right', 'left'],
+      description: {
+        en: 'Sets alignment position of arrow buttons within the field',
+        ru: 'Задает позицию выравнивания кнопок-стрелок внутри поля'
+      }
+    },
+    isDemo: true,
+    demoOptions: {
+      arrow: 'carousel',
+      arrowCarousel: true
+    }
+  },
+  arrowStep: {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.form,
+      type: ['number', 'string'],
+      description: {
+        en: 'Step size for input arrows (type="number" only) when using increment/decrement buttons',
+        ru: 'Размер шага для стрелок ввода (только для type="number") при использовании кнопок увеличения/уменьшения'
+      }
+    }
+  },
+  autocapitalize: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.form,
+      type: 'string',
+      description: {
+        en: 'Auto capitalization mode for text input (off, none, sentences, words, characters)',
+        ru: 'Режим автоматической капитализации для текстового ввода (off, none, sentences, words, characters)'
+      }
+    }
+  },
+  autocomplete: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.form,
+      type: 'string',
+      description: {
+        en: 'Autocomplete hint for browser autofill feature (e.g., email, name, tel)',
+        ru: 'Подсказка автозаполнения для функции автозаполнения браузера (например, email, name, tel)'
+      }
+    }
+  },
+  autocorrect: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.form,
+      type: 'string',
+      description: {
+        en: 'Autocorrect mode for iOS/Safari (on or off)',
+        ru: 'Режим автокоррекции для iOS/Safari (on или off)'
+      }
+    }
+  },
+  autofocus: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.form,
+
+      description: {
+        en: 'Automatically focuses the element when the page loads',
+        ru: 'Автоматически устанавливает фокус на элемент при загрузке страницы'
+      }
+    }
+  },
+  enterKeyHint: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.form,
+      type: 'string',
+      options: ['enter', 'done', 'go', 'next', 'previous', 'search', 'send'],
+      description: {
+        en: 'Hint for the enter key label on virtual keyboards',
+        ru: 'Подсказка для метки клавиши Enter на виртуальных клавиатурах'
+      }
+    }
+  },
+  for: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.form,
+      type: 'string',
+      description: {
+        en: 'ID of the element the label is bound to',
+        ru: 'ID элемента, к которому привязана метка'
+      }
+    }
+  },
+  form: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.form,
+      type: 'string',
+      description: {
+        en: 'ID of the form element this input belongs to',
+        ru: 'ID элемента формы, к которой относится данный инпут'
+      }
+    }
+  },
+  inputMode: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.form,
+      type: 'string',
+      options: ['none', 'text', 'decimal', 'numeric', 'tel', 'search', 'email', 'url'],
+      description: {
+        en: 'Hint for the type of virtual keyboard to display',
+        ru: 'Подсказка для типа виртуальной клавиатуры'
+      }
+    }
+  },
+  match: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.form,
+      type: 'string',
+      description: {
+        en: 'Reference to another field for value matching validation (e.g., password confirmation)',
+        ru: 'Ссылка на другое поле для валидации совпадения значений (например, подтверждение пароля)'
+      }
+    }
+  },
+  max: {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.form,
+      type: ['number', 'string'],
+      description: {
+        en: 'Maximum value',
+        ru: 'Максимальное значение'
+      }
+    }
+  },
+  maxlength: {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.form,
+      type: ['number', 'string'],
+      description: {
+        en: 'Maximum allowed characters',
+        ru: 'Максимально допустимое количество символов'
+      },
+      value: 100
+    }
+  },
+  min: {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.form,
+      type: ['number', 'string'],
+      description: {
+        en: 'Minimum value',
+        ru: 'Минимальное значение'
+      }
+    }
+  },
+  minlength: {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.form,
+      type: ['number', 'string'],
+      description: {
+        en: 'Minimum required characters',
+        ru: 'Минимально необходимое количество символов'
+      }
+    }
+  },
+  multiple: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.form,
+      description: {
+        en: 'Enables multiple selection mode',
+        ru: 'Включает режим множественного выбора'
+      }
+    },
+    isDemo: true
+  },
+  name: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.form,
+      type: 'string',
+      description: {
+        en: 'Name attribute for the input field',
+        ru: 'Атрибут name для поля ввода'
+      }
+    }
+  },
+  pattern: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.form,
+      type: 'string',
+      description: {
+        en: 'Regular expression pattern for input validation',
+        ru: 'Регулярное выражение для валидации ввода'
+      }
+    }
+  },
+  required: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.form,
+      description: {
+        en: 'Marks the field as required and shows the required indicator',
+        ru: 'Помечает поле как обязательное и показывает индикатор обязательности'
+      }
+    },
+    isDemo: true
+  },
+  spellcheck: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.form,
+      description: {
+        en: 'Enables or disables spell checking for the input',
+        ru: 'Включает или отключает проверку орфографии для ввода'
+      }
+    }
+  },
+  step: {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.form,
+      type: ['number', 'string'],
+      description: {
+        en: 'Step size for numeric inputs',
+        ru: 'Размер шага для числовых инпутов'
+      }
+    }
+  },
+  validationCode: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.form,
+      type: ['string', 'object'],
+      description: {
+        en: 'Custom validation error messages or validity state map',
+        ru: 'Пользовательские сообщения об ошибках валидации или карта состояний валидности'
+      }
+    }
+  }
+}

package/src/media/props/wikiHook.ts

@@ -20,6 +20,16 @@ export const wikiHook: StorybookArgsToList = {
       }
     }
   },
+  'onUpdate:modelSelected': {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.hook,
+      description: {
+        en: 'Event handler called on update:modelSelected with the new selected value',
+        ru: 'Обработчик события update:modelSelected, вызывается с новым выбранным значением'
+      }
+    }
+  },
   'onUpdate:modelValue': {
     type: StorybookControl.object,
     options: {
@@ -40,6 +50,16 @@ export const wikiHook: StorybookArgsToList = {
       }
     }
   },
+  'onUpdate:selected': {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.hook,
+      description: {
+        en: 'Event handler called on update:selected with the new selected value',
+        ru: 'Обработчик события update:selected, вызывается с новым выбранным значением'
+      }
+    }
+  },
   'onUpdate:value': {
     type: StorybookControl.object,
     options: {

package/src/media/props/wikiIcon.ts

@@ -14,14 +14,15 @@ export const wikiIcon: StorybookArgsToList = {
         en: 'Sets the icon to an active state',
         ru: 'Переводит иконку в активное состояние'
       }
-    }
+    },
+    isDemo: true
   },
 
   // Values
   'icon.icon': {
     type: StorybookControl.string,
     options: {
-      category: StorybookCategory.value,
+      category: StorybookCategory.icon,
       type: ['string', 'File'],
       description: {
         en: 'Value of the main icon',
@@ -33,7 +34,7 @@ export const wikiIcon: StorybookArgsToList = {
   'icon.iconActive': {
     type: StorybookControl.string,
     options: {
-      category: StorybookCategory.value,
+      category: StorybookCategory.icon,
       type: ['string', 'File'],
       description: {
         en: 'Value of the active icon',
@@ -47,7 +48,7 @@ export const wikiIcon: StorybookArgsToList = {
   'icon.start': {
     type: StorybookControl.boolean,
     options: {
-      category: StorybookCategory.style,
+      category: StorybookCategory.option,
       description: {
         en: 'Sorts the element to the beginning',
         ru: 'Сортирует элемент в начало'
@@ -57,7 +58,7 @@ export const wikiIcon: StorybookArgsToList = {
   'icon.end': {
     type: StorybookControl.boolean,
     options: {
-      category: StorybookCategory.style,
+      category: StorybookCategory.option,
       description: {
         en: 'Sorts the element to the end',
         ru: 'Сортирует элемент в конец'
@@ -67,7 +68,7 @@ export const wikiIcon: StorybookArgsToList = {
   'icon.high': {
     type: StorybookControl.boolean,
     options: {
-      category: StorybookCategory.style,
+      category: StorybookCategory.option,
       description: {
         en: 'Raises the element above others',
         ru: 'Поднимает элемент над другими'
@@ -82,6 +83,10 @@ export const wikiIcon: StorybookArgsToList = {
         en: 'Makes the element rectangular',
         ru: 'Делает элемент прямоугольным'
       }
+    },
+    isDemo: true,
+    demoOptions: {
+      overlay: true
     }
   },
   'icon.circle': {
@@ -92,6 +97,10 @@ export const wikiIcon: StorybookArgsToList = {
         en: 'Makes the element circular',
         ru: 'Делает элемент круглым'
       }
+    },
+    isDemo: true,
+    demoOptions: {
+      overlay: true
     }
   },
   'icon.square': {
@@ -102,6 +111,10 @@ export const wikiIcon: StorybookArgsToList = {
         en: 'Makes the element square',
         ru: 'Делает элемент квадратным'
       }
+    },
+    isDemo: true,
+    demoOptions: {
+      overlay: true
     }
   },
   'icon.animationType': {