@huntflow/ui 0.3.0 → 0.3.2

package/dist/components/ui-avatar/avatar-code-snippet.d.ts

@@ -0,0 +1 @@
+export declare const avatarCodeSnippet = "<script setup lang=\"ts\">\nimport { UiAvatar } from '@huntflow/ui';\n\nconst avatarSrc = '/src/components/ui-avatar/assets/avatar.png';\n</script>\n\n<template>\n  <ui-avatar\n    :src=\"avatarSrc\"\n    size=\"l\"\n  />\n</template>";

package/dist/components/ui-avatar/types.d.ts

@@ -1,6 +1,9 @@
 export type UiAvatarProps = {
+    /** Путь к изображению. */
     src?: string;
+    /** Размер аватара. */
     size?: UiAvatarSize;
+    /** Квадратная форма аватара. */
     square?: boolean;
 };
 export type UiAvatarSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl';

package/dist/components/ui-button/button-code-snippet.d.ts

@@ -0,0 +1 @@
+export declare const buttonCodeSnippet = "<script setup lang=\"ts\">\nimport { UiButton } from '@huntflow/ui';\n</script>\n\n<template>\n  <ui-button\n    type=\"primary\"\n    size=\"m\"\n  >\n    \u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C\n  </ui-button>\n</template>";

package/dist/components/ui-button/types.d.ts

@@ -1,19 +1,34 @@
 import { IconBySize } from '../ui-icon';
 export type UiButtonProps = {
+    /** Размер кнопки. */
     size?: UiButtonSize;
+    /** Насыщенность текста. */
     weight?: UiButtonWeight;
+    /** Визуальный тип кнопки. */
     type?: UiButtonType;
+    /** Отключает кнопку. */
     disabled?: boolean;
+    /** Показывает loader и отключает кнопку. */
     loading?: boolean;
+    /** Показывает иконку раскрытия справа. */
     dropdown?: boolean;
+    /** Включает активное состояние. */
     active?: boolean;
+    /** name для нативной button. */
     name?: string;
+    /** Включает круглую форму. */
     circle?: boolean;
+    /** Включает bordered-состояние. */
     bordered?: boolean;
+    /** type для нативной button. */
     htmlType?: UiButtonHTMLType;
+    /** Ссылка. Если передана, кнопка рендерится как link-вариант. */
     to?: string;
+    /** Название иконки перед текстом без суффикса размера. Компонент добавляет -18 для size="xs" и -20 для остальных размеров. */
     iconBefore?: IconBySize<18> | IconBySize<20>;
+    /** Название иконки после текста без суффикса размера. Компонент добавляет -18 для size="xs" и -20 для остальных размеров. */
     iconAfter?: IconBySize<18> | IconBySize<20>;
+    /** Растягивает кнопку по ширине контейнера. */
     fill?: boolean;
 };
 export type UiButtonWeight = 'regular' | 'medium';

package/dist/components/ui-button-icon/button-icon-code-snippet.d.ts

@@ -0,0 +1 @@
+export declare const buttonIconCodeSnippet = "<script setup lang=\"ts\">\nimport { UiButtonIcon } from '@huntflow/ui';\n</script>\n\n<template>\n  <ui-button-icon\n    icon=\"message\"\n    type=\"primary\"\n    size=\"m\"\n  />\n</template>";

package/dist/components/ui-button-icon/types.d.ts

@@ -1,14 +1,22 @@
 import { IconBySize } from '../ui-icon';
 export type UiButtonIconProps = {
+    /** Название иконки без суффикса размера. Компонент добавляет -18 для size="xs" и -20 для остальных размеров. */
     icon: IconBySize<18> | IconBySize<20>;
+    /** Размер кнопки. */
     size?: UiButtonIconSize;
-    className?: string;
+    /** Визуальный тип кнопки. */
     type?: UiButtonIconType;
+    /** Отключает кнопку. */
     disabled?: boolean;
+    /** Показывает loader и отключает кнопку. */
     loading?: boolean;
+    /** Включает активное состояние. */
     active?: boolean;
+    /** name для нативной button. */
     name?: string;
+    /** Включает круглую форму. */
     circle?: boolean;
+    /** Включает bordered-состояние. */
     bordered?: boolean;
 };
 export type UiButtonIconSize = 's' | 'xs' | 'm' | 'l';

package/dist/components/ui-button-link/button-link-code-snippet.d.ts

@@ -0,0 +1 @@
+export declare const buttonLinkCodeSnippet = "<script setup lang=\"ts\">\nimport { UiButtonLink } from '@huntflow/ui';\n</script>\n\n<template>\n  <ui-button-link>\n    \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C\n  </ui-button-link>\n</template>";

package/dist/components/ui-button-link/types.d.ts

@@ -1,4 +1,6 @@
 export type UiButtonLinkProps = {
+    /** Показывает замок и отключает кнопку. */
     lock?: boolean;
+    /** Показывает иконку плюса. */
     icon?: boolean;
 };

package/dist/components/ui-checkbox/checkbox-code-snippet.d.ts

@@ -0,0 +1 @@
+export declare const checkboxCodeSnippet = "\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { UiCheckbox } from '@huntflow/ui';\n\nconst checked = ref(false);\n</script>\n\n<template>\n  <ui-checkbox\n    v-model=\"checked\"\n    label=\"\u041F\u043E\u043B\u0443\u0447\u0430\u0442\u044C \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u044F\"\n  />\n</template>\n";

package/dist/components/ui-checkbox/types.d.ts

@@ -1,14 +1,25 @@
 export type UiCheckboxProps = {
+    /** Текущее значение чекбокса. Используется с v-model. */
     modelValue?: boolean | string | number | 'indeterminate';
+    /** Значение, которое используется, когда чекбокс включен. По умолчанию true. */
     trueValue?: boolean | string | number;
+    /** Значение, которое используется, когда чекбокс выключен. По умолчанию false. */
     falseValue?: boolean | string | number;
+    /** Отключает чекбокс. */
     disabled?: boolean;
+    /** Заголовок чекбокса. */
     label?: string;
+    /** Описание под чекбоксом. */
     subtitle?: string;
+    /** Помечает поле обязательным для формы. */
     required?: boolean;
+    /** Значение чекбокса при использовании внутри группы. */
     value?: string | number;
+    /** Имя form-поля. */
     name?: string;
+    /** Отображает иконку замка внутри чекбокса. */
     lock?: boolean;
+    /** Обрезает длинный label многоточием. */
     ellipsis?: boolean;
 };
 export type UiCheckboxEmits = {

package/dist/components/ui-checkbox-group/checkbox-group-code-snippet.d.ts

@@ -0,0 +1 @@
+export declare const checkboxGroupCodeSnippet = "\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { UiCheckboxGroup } from '@huntflow/ui';\n\nconst selectedValues = ref(['1']);\n\nconst options = [\n  {\n    value: '1',\n    label: '\u041F\u0435\u0440\u0432\u044B\u0439'\n  },\n  {\n    value: '2',\n    label: '\u0412\u0442\u043E\u0440\u043E\u0439'\n  },\n  {\n    value: '3',\n    label: '\u0422\u0440\u0435\u0442\u0438\u0439'\n  },\n  {\n    value: '4',\n    label: '\u0427\u0435\u0442\u0432\u0435\u0440\u0442\u044B\u0439'\n  }\n];\n</script>\n\n<template>\n  <ui-checkbox-group\n    v-model=\"selectedValues\"\n    :options=\"options\"\n    name=\"notifications\"\n    stack-gap=\"s\"\n  />\n</template>\n";

package/dist/components/ui-checkbox-group/checkbox-group.vue.d.ts

@@ -1,32 +1,40 @@
-import { UiCheckboxGroupProps } from './types';
-type __VLS_Props = UiCheckboxGroupProps;
-type __VLS_PublicProps = {
-    modelValue?: string[];
-} & __VLS_Props;
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        optionLabel?(_: {
-            option: import('..').UiCheckboxProps;
-        }): any;
-        optionSubtitle?(_: {
-            option: import('..').UiCheckboxProps;
-        }): any;
-        default?(_: {}): any;
+import { UiCheckboxGroupOption, UiCheckboxGroupProps } from './types';
+declare const _default: <Option extends UiCheckboxGroupOption = UiCheckboxGroupOption>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue"> & ({
+        modelValue?: string[];
+    } & UiCheckboxGroupProps<Option>) & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: Readonly<{
+        /** Кастомный заголовок option. */
+        optionLabel?: (props: {
+            option: Option;
+        }) => unknown;
+        /** Кастомное описание option. */
+        optionSubtitle?: (props: {
+            option: Option;
+        }) => unknown;
+        /** Ручная разметка чекбоксов, если options не передан. */
+        default?: () => unknown;
+    }> & {
+        /** Кастомный заголовок option. */
+        optionLabel?: (props: {
+            option: Option;
+        }) => unknown;
+        /** Кастомное описание option. */
+        optionSubtitle?: (props: {
+            option: Option;
+        }) => unknown;
+        /** Ручная разметка чекбоксов, если options не передан. */
+        default?: () => unknown;
     };
-    refs: {};
-    rootEl: any;
+    emit: (evt: "update:modelValue", value: string[]) => void;
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: string[]) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/ui-checkbox-group/types.d.ts

@@ -1,12 +1,20 @@
 import { UiCheckboxProps } from '../ui-checkbox';
 export type UiCheckboxGroupOption = UiCheckboxProps;
-export type UiCheckboxGroupProps = {
-    options?: UiCheckboxGroupOption[];
+export type UiCheckboxGroupProps<Option extends UiCheckboxGroupOption = UiCheckboxGroupOption> = {
+    /** Список чекбоксов. Каждый элемент соответствует props UiCheckbox. */
+    options?: Option[];
+    /** Значения, выбранные по умолчанию, если группа используется без v-model. */
     defaultValue?: string[];
+    /** Имя form-поля для всей группы. */
     name?: string;
+    /** Отключает всю группу. */
     disabled?: boolean;
+    /** Текст ошибки под группой. */
     error?: string;
+    /** Расстояние между чекбоксами. */
     stackGap?: 's' | 'l' | 'm' | 'xs';
+    /** Направление раскладки чекбоксов. */
     direction?: 'column' | 'row';
+    /** Обрезает длинные label у всех чекбоксов. */
     ellipsis?: boolean;
 };

package/dist/components/ui-dropdown/dropdown-code-snippet.d.ts

@@ -0,0 +1 @@
+export declare const dropdownCodeSnippet = "<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { UiButton, UiDropdown } from '@huntflow/ui';\n\nconst isOpen = ref(false);\n</script>\n\n<template>\n  <ui-dropdown\n    v-model:open=\"isOpen\"\n    title=\"\u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A\"\n    subtitle=\"\u041F\u043E\u0434\u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A\"\n  >\n    <template #trigger>\n      <ui-button\n        type=\"secondary\"\n        size=\"s\"\n      >\n        \u041E\u0442\u043A\u0440\u044B\u0442\u044C\n      </ui-button>\n    </template>\n\n    <template #default>\n      \u0422\u0435\u043A\u0441\u0442 \u0432 dropdown\n    </template>\n\n    <template #footer=\"{ close }\">\n      <ui-button\n        type=\"primary\"\n        size=\"s\"\n        @click=\"close\"\n      >\n        \u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C\n      </ui-button>\n    </template>\n  </ui-dropdown>\n</template>";

package/dist/components/ui-dropdown/types.d.ts

@@ -1,14 +1,24 @@
 export type UiDropdownSide = 'top' | 'right' | 'bottom' | 'left';
 export type UiDropdownAlign = 'start' | 'center' | 'end';
 export type UiDropdownProps = {
+    /** Состояние открытия dropdown. Используется с v-model:open. */
     open?: boolean;
+    /** Сторона появления относительно trigger. */
     side?: UiDropdownSide;
+    /** Выравнивание dropdown относительно trigger. */
     align?: UiDropdownAlign;
+    /** Отступ от trigger в пикселях. */
     sideOffset?: number;
+    /** Смещение по оси выравнивания в пикселях. */
     alignOffset?: number;
-    size: 's';
+    /** Размер dropdown. */
+    size?: 's';
+    /** Заголовок в header. */
     title?: string;
+    /** Дополнительный текст в header. */
     subtitle?: string;
+    /** Отключает trigger. */
     disabled?: boolean;
+    /** Определяет модальность popover. Если включено, взаимодействие с элементами вне dropdown блокируется, а для скринридеров доступно только содержимое dropdown. */
     modal?: boolean;
 };

package/dist/components/ui-dropzone/dropzone-code-snippet.d.ts

@@ -0,0 +1 @@
+export declare const dropzoneCodeSnippet = "<script setup lang=\"ts\">\nimport { UiDropzone } from '@huntflow/ui';\n\nconst labelMessage = '\u041F\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u0435 \u0440\u0435\u0437\u044E\u043C\u0435 \u0432 \u044D\u0442\u0443 \u043E\u0431\u043B\u0430\u0441\u0442\u044C<br />\u0438\u043B\u0438 <a>\u0432\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0444\u0430\u0439\u043B</a>';\nconst helpMessage = '\u041C\u043E\u0436\u043D\u043E \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u043E\u0434\u043D\u0443 \u043A\u0430\u0440\u0442\u0438\u043D\u043A\u0443 \u0434\u043E 15 \u043C\u0431,<br/>.jpeg, .png \u0438\u043B\u0438 .webp';\n\nconst allowedTypes = ['image/jpeg', 'image/png', 'image/webp'];\n</script>\n\n<template>\n  <ui-dropzone\n    :label-message=\"labelMessage\"\n    :help-message=\"helpMessage\"\n    icon-type=\"image\"\n    accept=\".jpeg,.jpg,.png,.webp\"\n    :allowed-types=\"allowedTypes\"\n    :max-file-size=\"15 * 1024 * 1024\"\n    hovered-message=\"\u041E\u0442\u043F\u0443\u0441\u0442\u0438\u0442\u0435 \u0444\u0430\u0439\u043B \u0434\u043B\u044F \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0438\"\n  />\n</template>";

package/dist/components/ui-dropzone/types.d.ts

@@ -1,13 +1,23 @@
 import { IconType } from './icons';
 export type UiDropzoneProps = {
+    /** Основной текст внутри зоны загрузки. Поддерживает HTML-разметку. */
     labelMessage?: string;
+    /** Дополнительная подсказка под основным текстом. Поддерживает HTML-разметку. */
     helpMessage?: string;
+    /** Тип встроенной иконки. */
     iconType?: IconType;
+    /** Значение атрибута accept для нативного input[type="file"]. */
     accept?: string;
+    /** Разрешает выбрать несколько файлов через диалог выбора. */
     multiple?: boolean;
+    /** Показывает состояние загрузки и блокирует выбор файлов. */
     loading?: boolean;
+    /** Обрабатывает drag-and-drop на уровне документа и предотвращает стандартное открытие файла браузером. */
     fullscreen?: boolean;
+    /** Список MIME-типов, разрешенных для загрузки. */
     allowedTypes?: string[];
+    /** Текст, который показывается при наведении файла на dropzone. */
     hoveredMessage?: string;
+    /** Максимальный размер файла в байтах. */
     maxFileSize?: number;
 };

package/dist/components/ui-icon/icon-code-snippet.d.ts

@@ -0,0 +1 @@
+export declare const iconCodeSnippet = "<script setup lang=\"ts\">\nimport { UiIcon } from '@huntflow/ui';\n</script>\n\n<template>\n  <ui-icon name=\"search-20\" />\n</template>";

package/dist/components/ui-icon/types.d.ts

@@ -2,7 +2,10 @@ import { icons } from './icon-list.ts';
 export type IconType = typeof icons[number];
 export type IconBySize<Size extends number, Icons = IconType> = Icons extends `${infer Icon}-${Size}` ? Icon : never;
 export type UiIconProps = {
+    /** Название иконки из SVG sprite. */
     name: IconType;
+    /** Цвет иконки. Если не передан, иконка наследует цвет текста родителя. */
     color?: string;
+    /** Отображает иконку как block-элемент. */
     block?: boolean;
 };

package/dist/components/ui-input/input-code-snippet.d.ts

@@ -0,0 +1 @@
+export declare const inputCodeSnippet = "<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { UiInput } from '@huntflow/ui';\n\nconst value = ref('');\n</script>\n\n<template>\n  <ui-input\n    v-model=\"value\"\n    id=\"text-input\"\n    name=\"text-input\"\n    title=\"\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u0432\u0430\u043A\u0430\u043D\u0441\u0438\u0438\"\n    placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0442\u0435\u043A\u0441\u0442\"\n  />\n</template>";

package/dist/components/ui-input/types.d.ts

@@ -1,19 +1,32 @@
 import { IconType } from '../index';
 export type UiInputProps = {
+    /** Тип нативного input. */
     type?: UiInputType;
+    /** id input и значение for у label. */
     id?: string;
+    /** Имя поля. */
     name?: string;
+    /** Отключает input. */
     disabled?: boolean;
+    /** Основной текст label. */
     title?: string;
+    /** Дополнительный заголовок внутри label. */
     header?: string;
+    /** Описание под основным текстом label. */
     subTitle?: string;
+    /** Текст ссылки внутри label. */
     link?: string;
+    /** Подсказка внутри input. */
     placeholder?: string;
+    /** Показывает состояние загрузки и отключает input. */
     loading?: boolean;
+    /** Текст ошибки под input. */
     error?: string | null | void;
+    /** Описание под input. */
     description?: string | null | void;
-    className?: string;
+    /** Иконка слева. */
     leftIcon?: IconType;
+    /** Иконка справа. */
     rightIcon?: IconType;
 };
 export type UiInputType = 'text' | 'password' | 'email' | 'tel' | 'search';

package/dist/components/ui-label/label-code-snippet.d.ts

@@ -0,0 +1 @@
+export declare const labelCodeSnippet = "\n<script setup lang=\"ts\">\nimport { UiLabel } from '@huntflow/ui';\n</script>\n\n<template>\n  <ui-label for=\"example-control\">\n    \u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u0432\u0430\u043A\u0430\u043D\u0441\u0438\u0438\n  </ui-label>\n</template>\n";

package/dist/components/ui-label/types.d.ts

@@ -1,4 +1,4 @@
 export type UiLabelProps = {
-    className?: string;
+    /** id контрола формы, с которым связан label. */
     for?: string;
 };

package/dist/components/ui-loader/loader-code-snippet.d.ts

@@ -0,0 +1 @@
+export declare const loaderCodeSnippet = "<script setup lang=\"ts\">\nimport { UiLoader } from '@huntflow/ui';\n</script>\n\n<template>\n  <ui-loader\n    size=\"m\"\n    color=\"black\"\n    :delay=\"0\"\n  />\n</template>";

package/dist/components/ui-loader/types.d.ts

@@ -1,7 +1,9 @@
 export type UiLoaderProps = {
-    className?: string;
+    /** Размер loader. */
     size: UiLoaderSize;
+    /** Цвет loader. */
     color?: 'white' | 'black';
+    /** Задержка перед показом loader в миллисекундах. */
     delay?: number;
 };
 export type UiLoaderSize = 's' | 'm' | 'l';

package/dist/components/ui-pagination-dots/pagination-dots-code-snippet.d.ts

@@ -0,0 +1 @@
+export declare const paginationDotsCodeSnippet = "\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { UiPaginationDots } from '@huntflow/ui';\n\nconst current = ref(0);\n</script>\n\n<template>\n  <ui-pagination-dots\n    :total=\"3\"\n    :current=\"current\"\n    align=\"center\"\n  />\n</template>\n";

package/dist/components/ui-pagination-dots/types.d.ts

@@ -1,5 +1,8 @@
 export type UiPaginationDotsProps = {
+    /** Общее количество точек. */
     total: number;
+    /** Индекс активной точки. Нумерация начинается с 0. */
     current: number;
+    /** Выравнивание точек внутри контейнера. */
     align?: 'start' | 'center' | 'end';
 };

package/dist/components/ui-plank/plank-code-snippet.d.ts

@@ -0,0 +1 @@
+export declare const plankCodeSnippet = "<script setup lang=\"ts\">\nimport { UiPlank } from '@huntflow/ui';\n</script>\n\n<template>\n  <ui-plank\n    icon=\"attention-24\"\n    label=\"\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u0437\u0430\u043F\u0440\u043E\u0441\"\n  >\n    \u041A\u0430\u043D\u0434\u0438\u0434\u0430\u0442 \u043D\u0435 \u0434\u0430\u043B \u0441\u043E\u0433\u043B\u0430\u0441\u0438\u044F \u043D\u0430 \u0445\u0440\u0430\u043D\u0435\u043D\u0438\u0435 \u041F\u0414\n  </ui-plank>\n</template>";

package/dist/components/ui-plank/types.d.ts

@@ -1,7 +1,10 @@
 import { IconType } from '../index';
 export type UiPlankProps = {
+    /** Визуальный тип плашки. */
     type?: UiPlankType;
+    /** Иконка слева. */
     icon?: IconType;
+    /** Текст кнопки справа. */
     label?: string;
 };
 export type UiPlankType = 'default' | 'accent' | 'danger';

package/dist/components/ui-radio-group/radio-group-code-snippet.d.ts

@@ -0,0 +1 @@
+export declare const radioGroupCodeSnippet = "\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { UiRadioGroup } from '@huntflow/ui';\n\nconst selectedValue = ref('1');\n\nconst options = [\n  {\n    value: '1',\n    label: '\u041F\u0435\u0440\u0432\u044B\u0439'\n  },\n  {\n    value: '2',\n    label: '\u0412\u0442\u043E\u0440\u043E\u0439'\n  },\n  {\n    value: '3',\n    label: '\u0422\u0440\u0435\u0442\u0438\u0439'\n  }\n];\n</script>\n\n<template>\n  <ui-radio-group\n    v-model=\"selectedValue\"\n    :options=\"options\"\n    name=\"radio\"\n  />\n</template>\n";

package/dist/components/ui-radio-group/types.d.ts

@@ -1,15 +1,24 @@
 import { UiRadioButtonProps } from '../ui-radio-button';
 export type UiRadioGroupOption = UiRadioButtonProps;
 export type UiRadioGroupProps = {
+    /** Список радиокнопок. Каждый элемент соответствует props UiRadioButton. */
     options: UiRadioButtonProps[];
+    /** Значение, выбранное по умолчанию, если группа используется без v-model. */
     defaultValue?: string;
+    /** Имя form-поля для всей группы. */
     name?: string;
+    /** Отключает всю группу. */
     disabled?: boolean;
+    /** Текст ошибки под группой. */
     error?: string;
+    /** Помечает группу обязательной для формы. */
     required?: boolean;
+    /** Направление раскладки радиокнопок. */
     direction?: 'column' | 'row';
+    /** Разрешает циклическую навигацию с клавиатуры. */
     loop?: boolean;
-    dir?: 'ltr' | 'rtl';
+    /** Расстояние между радиокнопками. */
     stackGap?: 's' | 'm' | 'l' | 'xxl';
+    /** Положение заголовков у радиокнопок. */
     labelPosition?: 'right' | 'bottom';
 };

package/dist/components/ui-stack/stack-code-snippet.d.ts

@@ -0,0 +1 @@
+export declare const stackCodeSnippet = "\n<script setup lang=\"ts\">\nimport { UiButton, UiStack } from '@huntflow/ui';\n</script>\n\n<template>\n  <ui-stack\n    direction=\"row\"\n    tag-name=\"div\"\n    gap=\"m\"\n    size=\"full\"\n    :wrap=\"true\"\n  >\n    <ui-button>1</ui-button>\n    <ui-button>2</ui-button>\n    <ui-button>3</ui-button>\n  </ui-stack>\n</template>\n";

package/dist/components/ui-stack/types.d.ts

@@ -1,10 +1,18 @@
 export type UiStackProps = {
+    /** HTML-тег контейнера. */
     tagName?: 'span' | 'div' | 'ul' | 'ol';
+    /** Направление раскладки элементов. */
     direction?: 'row' | 'column';
+    /** Выравнивание по основной оси. */
     mainAlignment?: 'start' | 'center' | 'between' | 'around' | 'end';
+    /** Выравнивание по поперечной оси. */
     crossAlignment?: 'start' | 'center' | 'end';
+    /** Расстояние между элементами из шкалы spacing-токенов. */
     gap?: '' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl';
+    /** Разворачивает порядок элементов. */
     reverse?: boolean;
+    /** Ширина контейнера: на всю доступную ширину или по содержимому. */
     size?: 'full' | 'auto';
+    /** Разрешает перенос элементов на новую строку. */
     wrap?: boolean;
 };

package/dist/components/ui-switch/switch-code-snippet.d.ts

@@ -0,0 +1 @@
+export declare const switchCodeSnippet = "\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { UiSwitch } from '@huntflow/ui';\n\nconst enabled = ref(false);\n</script>\n\n<template>\n  <ui-switch\n    v-model=\"enabled\"\n    label=\"\u041D\u043E\u0432\u044B\u0435 \u043E\u0442\u043A\u043B\u0438\u043A\u0438\"\n    subtitle=\"\u041F\u043E\u043B\u0443\u0447\u0430\u0439\u0442\u0435 \u0435\u0436\u0435\u0434\u043D\u0435\u0432\u043D\u044B\u0435 \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u044F \u043E\u00A0\u043D\u043E\u0432\u044B\u0445\u00A0\u043E\u0442\u043A\u043B\u0438\u043A\u0430\u0445 \u043D\u0430 \u0432\u0430\u0448\u0438\u0445 \u0432\u0430\u043A\u0430\u043D\u0441\u0438\u044F\u0445\"\n  />\n</template>\n";

package/dist/components/ui-switch/types.d.ts

@@ -1,10 +1,17 @@
 export type UiSwitchProps = {
+    /** Текущее состояние переключателя. Используется с v-model. */
     modelValue?: boolean;
+    /** Отключает переключатель. */
     disabled?: boolean;
+    /** Текст заголовка переключателя. */
     label?: string;
+    /** Описание под переключателем. */
     subtitle?: string;
+    /** Помечает поле обязательным для формы. */
     required?: boolean;
+    /** Имя поля. */
     name?: string;
+    /** Расстояние между переключателем и заголовком. */
     stackGap?: 's' | 'm' | 'l';
 };
 export type UiSwitchEmits = {

package/dist/components/ui-tabs/tabs-code-snippet.d.ts

@@ -1 +1 @@
-export declare const tabsCodeSnippet = "\n<script setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport { UiTabs } from \"@huntflow/ui\";\n\nconst model = ref(\"account\");\n\nconst items = [\n  {\n    label: \"\u0410\u043A\u043A\u0430\u0443\u043D\u0442\",\n    value: \"account\"\n  },\n  {\n    label: \"\u041F\u0430\u0440\u043E\u043B\u044C\",\n    value: \"password\"\n  }\n];\n</script>\n\n<template>\n  <ui-tabs\n    v-model=\"model\"\n    :items=\"items\"\n    :indicator=\"true\"\n  >\n    <template #account>\n      \u041A\u043E\u043D\u0442\u0435\u043D\u0442 \u0432\u043A\u043B\u0430\u0434\u043A\u0438 \u0430\u043A\u043A\u0430\u0443\u043D\u0442\u0430\n    </template>\n\n    <template #password>\n      \u041A\u043E\u043D\u0442\u0435\u043D\u0442 \u0432\u043A\u043B\u0430\u0434\u043A\u0438 \u043F\u0430\u0440\u043E\u043B\u044F\n    </template>\n  </ui-tabs>\n</template>\n";
+export declare const tabsCodeSnippet = "\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { UiTabs } from '@huntflow/ui';\n\nconst model = ref('interview');\n\nconst items = [\n  {\n    label: '\u0418\u043D\u0442\u0435\u0440\u0432\u044C\u044E',\n    value: 'interview'\n  },\n  {\n    label: '\u0414\u0440\u0443\u0433\u043E\u0435',\n    value: 'other'\n  }\n];\n</script>\n\n<template>\n  <ui-tabs\n    v-model=\"model\"\n    :items=\"items\"\n    :indicator=\"true\"\n    list-aria-label=\"\u041D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0438 \u043F\u0440\u043E\u0444\u0438\u043B\u044F\"\n  >\n    <template #interview>\n      \u0418\u0437\u043C\u0435\u043D\u0438\u0442\u0435 \u0434\u0430\u043D\u043D\u044B\u0435 \u043F\u0440\u043E\u0444\u0438\u043B\u044F \u0438 \u043D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0438 \u0430\u043A\u043A\u0430\u0443\u043D\u0442\u0430.\n    </template>\n\n    <template #other>\n      \u041E\u0431\u043D\u043E\u0432\u0438\u0442\u0435 \u043F\u0430\u0440\u043E\u043B\u044C \u0438 \u043F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u044B \u0431\u0435\u0437\u043E\u043F\u0430\u0441\u043D\u043E\u0441\u0442\u0438.\n    </template>\n  </ui-tabs>\n</template>\n";

package/dist/components/ui-tabs/types.d.ts

@@ -5,12 +5,19 @@ export type UiTabsItem = {
 };
 export type UiTabsGap = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl';
 export type UiTabsProps<Item extends UiTabsItem = UiTabsItem> = {
+    /** Значение активной вкладки. Используется с v-model. */
     modelValue?: Item['value'];
+    /** ARIA-лейбл для списка вкладок. */
     listAriaLabel?: string;
+    /** Ширина списка табов: по контенту или на всю ширину. */
     size?: 'fit' | 'full';
-    headerGap: UiTabsGap;
-    contentGap: UiTabsGap;
+    /** Горизонтальный отступ у списка табов. */
+    headerGap?: UiTabsGap;
+    /** Отступ между списком табов и контентом. */
+    contentGap?: UiTabsGap;
+    /** Показывает анимированный индикатор активной вкладки. */
     indicator?: boolean;
+    /** Список вкладок. */
     items: Item[];
 };
 export type UiTabsEmits<Item extends UiTabsItem = UiTabsItem> = {

package/dist/components/ui-text/text-code-snippet.d.ts

@@ -0,0 +1 @@
+export declare const textCodeSnippet = "\n<script setup lang=\"ts\">\nimport { UiText } from '@huntflow/ui';\n</script>\n\n<template>\n  <ui-text\n    kind=\"primary\"\n  >\n    \u041A\u0430\u043A \u0431\u044B\u043B\u043E \u043F\u043E\u043A\u0430\u0437\u0430\u043D\u043E \u0432\u044B\u0448\u0435, \u043C\u043E\u043D\u043E\u043C\u0435\u0440\u043D\u0430\u044F \u043E\u0441\u0442\u0438\u043D\u0430\u0442\u043D\u0430\u044F \u043F\u0435\u0434\u0430\u043B\u044C \u0432\u0430\u0436\u043D\u043E \u0438\u043C\u0438\u0442\u0438\u0440\u0443\u0435\u0442 \u043A\u0430\u043D\u0430\u043B\n  </ui-text>\n</template>\n";

package/dist/components/ui-text/types.d.ts

@@ -1,6 +1,10 @@
 export type UiTextProps = {
+    /** HTML-тег текстового элемента. */
     tagName?: string;
+    /** Типографский вариант текста. */
     kind?: 'primary' | 'secondary' | 'accent' | 'subtitle';
+    /** Насыщенность текста. */
     weight?: 'medium';
+    /** Цвет текста из палитры текстовых токенов. Если не передан, используется основной цвет текста. */
     color?: 'main' | 'secondary' | 'semilight' | 'light' | 'invert' | 'danger' | 'success';
 };

package/dist/components/ui-textarea/textarea-code-snippet.d.ts

@@ -0,0 +1 @@
+export declare const textareaCodeSnippet = "<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { UiTextarea } from '@huntflow/ui';\n\nconst value = ref('\u041C\u043D\u043E\u0433\u043E\u0441\u0442\u0440\u043E\u0447\u043D\u044B\u0439\\n\u0442\u0435\u043A\u0441\u0442');\n</script>\n\n<template>\n  <ui-textarea\n    v-model=\"value\"\n    id=\"textarea-id\"\n    name=\"comment\"\n    header=\"\u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439\"\n    title=\"\u041E\u043F\u0438\u0441\u0430\u043D\u0438\u0435\"\n    sub-title=\"\u041E\u043F\u0438\u0448\u0438\u0442\u0435 \u0434\u0435\u0442\u0430\u043B\u0438 \u0437\u0430\u0434\u0430\u0447\u0438\"\n    link=\"\u041F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0430\"\n    placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0442\u0435\u043A\u0441\u0442\"\n    :rows=\"3\"\n    auto-resize\n  />\n</template>";

package/dist/components/ui-textarea/types.d.ts

@@ -1,17 +1,30 @@
 export type UiTextareaProps = {
+    /** Текущее значение textarea. Используется с v-model. */
     modelValue?: string;
+    /** id textarea и значение for у label. */
     id?: string;
+    /** Имя поля. */
     name?: string;
+    /** Отключает textarea. */
     disabled?: boolean;
+    /** Основной текст label. */
     title?: string;
+    /** Дополнительный заголовок внутри label. */
     header?: string;
+    /** Описание под основным текстом label. */
     subTitle?: string;
+    /** Текст ссылки внутри label. */
     link?: string;
+    /** Подсказка внутри textarea. */
     placeholder?: string;
+    /** Текст ошибки под textarea. */
     error?: string;
-    className?: string;
+    /** Количество видимых строк. */
     rows?: number;
+    /** Максимальная длина текста. */
     maxLength?: number;
+    /** Минимальная высота textarea. */
     minHeight?: string;
+    /** Автоматически подстраивает высоту textarea под содержимое. */
     autoResize?: boolean;
 };

package/dist/components/ui-title/title-code-snippet.d.ts

@@ -0,0 +1 @@
+export declare const titleCodeSnippet = "\n<script setup lang=\"ts\">\nimport { UiTitle } from '@huntflow/ui';\n</script>\n\n<template>\n  <ui-title\n    :level=\"1\"\n    weight=\"medium\"\n  >\n    \u041A\u0430\u043A \u0431\u044B\u043B\u043E \u043F\u043E\u043A\u0430\u0437\u0430\u043D\u043E \u0432\u044B\u0448\u0435, \u043C\u043E\u043D\u043E\u043C\u0435\u0440\u043D\u0430\u044F \u043E\u0441\u0442\u0438\u043D\u0430\u0442\u043D\u0430\u044F \u043F\u0435\u0434\u0430\u043B\u044C \u0432\u0430\u0436\u043D\u043E \u0438\u043C\u0438\u0442\u0438\u0440\u0443\u0435\u0442 \u043A\u0430\u043D\u0430\u043B\n  </ui-title>\n</template>\n";

package/dist/components/ui-title/types.d.ts

@@ -1,6 +1,8 @@
 export type UiTitleProps = {
+    /** Уровень заголовка. Определяет HTML-тег и визуальный размер. */
     level: 1 | 2 | 3 | 4;
-    className?: string;
+    /** Насыщенность заголовка. */
     weight?: 'medium';
+    /** Цвет заголовка из палитры текстовых токенов. Если не передан, используется основной цвет текста. */
     color?: 'main' | 'secondary' | 'semilight' | 'light' | 'invert' | 'danger' | 'success';
 };