gavia-ui 0.7.1 → 0.8.1

package/CHANGELOG.md

@@ -6,7 +6,28 @@
 
 ## Не выпущено
 
-Изменений для следующего выпуска пока нет.
+## 0.8.1 — 2026-10-06
+
+Выпуск включает изменения ветки 0.8 и исправление вложенных оверлеев.
+Версия 0.8.0 не была опубликована в npm; переход выполняется с 0.7.1 сразу на 0.8.1.
+
+### Добавлено
+
+- `WlTimePicker`: локальное время HH:mm/null, минутная точность, границы и нативные атрибуты.
+- `WlFilePicker`: stateless выбор File[], trigger slot и синхронные choose()/clear(); upload и лимиты остаются у приложения.
+- `WlDatePicker.displayFormat`: русское представление по умолчанию и ISO-представление с согласованным ручным вводом; модель ISO сохраняется.
+- Расширенный SVG-каталог и типизированный `resolveWlIconName` для канонических и legacy имён.
+
+### Исправлено
+- Вложенные picker/menu внутри Popover и Dialog сохраняют родительский оверлей при выборе в телепортированном списке. Escape закрывает только верхний слой и возвращает фокус; локальная ловушка Tab в Dialog сохраняется.
+- `WlInput` сохраняет строковую модель при `type="number"`, включая очистку; нативная IME-композиция остаётся без преждевременного commit.
+- `WlTimePicker` показывает рамку фокуса и invalid-рамку при клавиатурном переходе во внутренние сегменты нативного time control.
+
+- Проверка `verify:package` учитывает переносы строк Windows и Linux в LICENSE, сохраняя строгое сравнение содержания лицензии.
+- Бесконечные границы `WlNumberInput` не попадают в aria-valuemin/aria-valuemax; default max=99 сохранён.
+
+[Переход потребителя](https://github.com/whitewolf06/gavia-ui/blob/main/docs/migration-0.8.md). Существующие модели, классы,
+токены и defaults сохраняются; новые компоненты подключаются явно.
 
 ## 0.7.1 — 2026-10-05
 

package/README.md

@@ -2,9 +2,11 @@
 
 [![Смотреть демо Gavia UI](https://img.shields.io/badge/LIVE_DEMO-2563EB?style=for-the-badge)](https://whitewolf06.github.io/gavia-ui/ "Смотреть демо Gavia UI")
 
-Версия `0.7.1`. [История изменений](CHANGELOG.md).
+Версия исходников `0.8.1` готовится к выпуску; опубликованная npm-версия пока `0.7.1`. [История изменений](CHANGELOG.md).
 [Переход на Gavia UI](https://github.com/whitewolf06/gavia-ui/blob/main/docs/migration-0.7.md).
 
+[Новые компоненты и переход 0.8](https://github.com/whitewolf06/gavia-ui/blob/main/docs/migration-0.8.md).
+
 Создатель и сопровождающий — [Gorbach Dmitry](https://github.com/whitewolf06).
 Витрина в репозитории включает живые примеры, страницу об авторе и полный changelog;
 [публикация документации](https://github.com/whitewolf06/gavia-ui/blob/main/docs/hosting.md).
@@ -23,7 +25,7 @@ pnpm add gavia-ui vue
 
 GitHub-токен не нужен. Актуальное состояние публикации пакета и витрины —
 в [каноническом README](https://github.com/whitewolf06/gavia-ui/blob/main/README.md).
-Архив текущих исходников `0.7.1` также можно собрать из
+Архив текущих исходников `0.8.1` также можно собрать из
 [репозитория](https://github.com/whitewolf06/gavia-ui):
 
 ```bash
@@ -31,7 +33,7 @@ GitHub-токен не нужен. Актуальное состояние пу
 pnpm build
 pnpm run pack
 # В приложении-потребителе:
-pnpm add /absolute/path/to/gavia-ui/packages/ui-kit/gavia-ui-0.7.1.tgz vue
+pnpm add /absolute/path/to/gavia-ui/packages/ui-kit/gavia-ui-0.8.1.tgz vue
 ```
 
 Runtime-зависимостей нет; Vue 3 — единственный обязательный peer.
@@ -42,7 +44,7 @@ Runtime-зависимостей нет; Vue 3 — единственный об
 
 Общие роли типографики, шкала расстояний, поверхности, состояния и UI-паттерны
 описаны в [руководстве](https://github.com/whitewolf06/gavia-ui/blob/main/docs/design-system.md). Playground `?view=system`
-показывает каталог токенов, три темы и контракты 51 компонента.
+показывает каталог токенов, три темы и контракты 53 компонентов.
 
 Опциональная компоновка и типографика: явный импорт
 `gavia-ui/styles/primitives.css`. Экспорты `wlDesignTokens`,
@@ -290,7 +292,7 @@ function remove(): void {
 
 ## Component manifest
 
-Машиночитаемое описание всех 51 компонентов: пропсы (типы, дефолты, enum-значения),
+Машиночитаемое описание всех 53 компонентов: пропсы (типы, дефолты, enum-значения),
 слоты, события, `v-model` и `introducedIn` — первая публичная версия, содержащая
 компонент. Предназначен для визуальных редакторов (палитра +
 инспектор пропсов) и AI-агентов, генерирующих разметку.

package/dist/components/WlButton.vue.d.ts

@@ -24,8 +24,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClick?: ((event: MouseEvent) => any) | undefined;
 }>, {
-    type: "button" | "submit" | "reset";
     size: WlSize;
+    type: "button" | "submit" | "reset";
     variant: WlButtonVariant;
     disabled: boolean;
     density: WlDensity;

package/dist/components/WlDatePicker.vue.d.ts

@@ -7,6 +7,7 @@ type __VLS_Props = {
     showIcon?: boolean;
     minDate?: string;
     maxDate?: string;
+    displayFormat?: "dd.mm.yyyy" | "yyyy-mm-dd";
     motion?: boolean;
     pt?: Record<string, unknown>;
 };
@@ -24,6 +25,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     placeholder: string;
     motion: boolean;
     showIcon: boolean;
+    displayFormat: "dd.mm.yyyy" | "yyyy-mm-dd";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     control: HTMLInputElement;
     panel: HTMLDivElement;

package/dist/components/WlEmpty.vue.d.ts

@@ -1,6 +1,6 @@
-import { WlIconName } from '../types';
+import { WlIconInput } from '../types';
 type __VLS_Props = {
-    icon?: WlIconName;
+    icon?: WlIconInput;
     title?: string;
     description?: string;
 };

package/dist/components/WlFilePicker.vue.d.ts

@@ -0,0 +1,54 @@
+import { WlDensity, WlSizeSm } from '../types';
+type __VLS_Props = {
+    accept?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    chooseLabel?: string;
+    ariaLabel?: string;
+    size?: WlSizeSm;
+    density?: WlDensity;
+    pt?: Record<string, unknown>;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        trigger?(_: {
+            choose: () => void;
+            clear: () => void;
+            disabled: boolean;
+            attrs: {
+                [k: string]: unknown;
+            };
+        }): any;
+    };
+    refs: {
+        input: HTMLInputElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
+    choose: () => void;
+    clear: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (files: File[]) => any;
+    cancel: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((files: File[]) => any) | undefined;
+    onCancel?: (() => any) | undefined;
+}>, {
+    size: WlSizeSm;
+    disabled: boolean;
+    multiple: boolean;
+    density: WlDensity;
+    chooseLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    input: HTMLInputElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/WlIcon.vue.d.ts

@@ -1,6 +1,6 @@
-import { WlIconName } from '../types';
+import { WlIconInput } from '../iconNames';
 type __VLS_Props = {
-    name?: WlIconName;
+    name?: WlIconInput;
     size?: number | string;
 };
 declare function __VLS_template(): {

package/dist/components/WlIconButton.vue.d.ts

@@ -1,8 +1,9 @@
-import { WlIconButtonVariant, WlIconName } from '../types';
+import { WlIconButtonVariant } from '../types';
+import { WlIconInput } from '../iconNames';
 type __VLS_Props = {
     variant?: WlIconButtonVariant;
     size?: "md" | "sm";
-    icon?: WlIconName;
+    icon?: WlIconInput;
     active?: boolean;
     disabled?: boolean;
     count?: number;

package/dist/components/WlInput.vue.d.ts

@@ -26,8 +26,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
-    type: string;
     size: WlSizeSm;
+    type: string;
     disabled: boolean;
     invalid: boolean;
     density: WlDensity;

package/dist/components/WlMenu.vue.d.ts

@@ -10,7 +10,7 @@ type __VLS_Props = {
 declare const _default: import('vue').DefineComponent<__VLS_Props, {
     toggle: (event?: Event) => void;
     show: (event?: Event) => void;
-    hide: () => void;
+    hide: (event?: Event) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     open: () => any;
     close: () => any;

package/dist/components/WlNavItem.vue.d.ts

@@ -1,7 +1,7 @@
-import { WlIconName } from '../types';
+import { WlIconInput } from '../types';
 type __VLS_Props = {
     label?: string;
-    icon?: WlIconName;
+    icon?: WlIconInput;
     badge?: number | string;
     active?: boolean;
     disabled?: boolean;

package/dist/components/WlPopover.vue.d.ts

@@ -20,7 +20,7 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     toggle: (event?: Event) => void;
     show: (event?: Event) => void;
-    hide: () => void;
+    hide: (event?: Event) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     open: () => any;
     close: () => any;

package/dist/components/WlStatCard.vue.d.ts

@@ -1,6 +1,6 @@
-import { WlIconName, WlStatCardTone } from '../types';
+import { WlIconInput, WlStatCardTone } from '../types';
 type __VLS_Props = {
-    icon?: WlIconName;
+    icon?: WlIconInput;
     label?: string;
     value?: string;
     description?: string;

package/dist/components/WlTimePicker.vue.d.ts

@@ -0,0 +1,26 @@
+import { WlDensity, WlSizeSm } from '../types';
+type __VLS_Props = {
+    minTime?: string;
+    maxTime?: string;
+    size?: WlSizeSm;
+    density?: WlDensity;
+    disabled?: boolean;
+    invalid?: boolean;
+    pt?: Record<string, unknown>;
+};
+type __VLS_PublicProps = {
+    modelValue?: string | null;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | null) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
+}>, {
+    size: WlSizeSm;
+    disabled: boolean;
+    invalid: boolean;
+    density: WlDensity;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    control: HTMLInputElement;
+}, any>;
+export default _default;

package/dist/components/index.d.ts

@@ -20,6 +20,7 @@ export { default as WlDrawer } from './WlDrawer.vue';
 export { default as WlEmpty } from './WlEmpty.vue';
 export { default as WlField } from './WlField.vue';
 export { default as WlFileUpload } from './WlFileUpload.vue';
+export { default as WlFilePicker } from './WlFilePicker.vue';
 export { default as WlFilterBar } from './WlFilterBar.vue';
 export { default as WlIcon } from './WlIcon.vue';
 export { default as WlIconButton } from './WlIconButton.vue';
@@ -48,4 +49,5 @@ export { default as WlTable } from './WlTable.vue';
 export { default as WlTabs } from './WlTabs.vue';
 export { default as WlTag } from './WlTag.vue';
 export { default as WlTextarea } from './WlTextarea.vue';
+export { default as WlTimePicker } from './WlTimePicker.vue';
 export { default as WlToast } from './WlToast.vue';

package/dist/composables/useNativeFilePicker.d.ts

@@ -0,0 +1,8 @@
+/** Browser selection only. The consumer owns the chosen files and upload policy. */
+export declare function useNativeFilePicker(disabled: () => boolean, select: (files: File[]) => void, cancel?: () => void): {
+    input: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
+    choose: () => void;
+    clear: () => void;
+    onChange: (event: Event) => void;
+    onCancel: () => void;
+};

package/dist/iconNames.d.ts

@@ -0,0 +1,5 @@
+import { WlIconName } from './icons.generated';
+/** A canonical name or a persisted icon identifier from a consumer. */
+export type WlIconInput = WlIconName | (string & {});
+/** Resolve names for display only; callers retain their original stored value. */
+export declare function resolveWlIconName(input?: string | null): WlIconName | undefined;

package/dist/icons.generated.d.ts

@@ -1,3 +1,3 @@
-export declare const WL_ICON_NAMES: readonly ["activity", "bell", "calendar", "check", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "clock", "edit", "eye-off", "eye", "file", "filter", "flag", "folder", "grid", "help", "home", "image", "inbox", "info", "lightning", "link", "logout", "message", "microphone", "minus", "more", "music", "note", "panel", "paperclip", "pause", "pin", "play", "plus", "search", "send", "settings", "sparkle", "task", "trash", "upload", "user", "warn", "x"];
+export declare const WL_ICON_NAMES: readonly ["activity", "align-left", "arrow-left", "arrow-right", "arrow-up-right", "arrow-up", "ban", "bars", "bell", "book", "bookmark", "box", "briefcase", "building", "calendar-plus", "calendar", "chart-bar", "check-circle", "check-square", "check", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle", "clock", "clone", "cloud-rain", "cloud-upload", "code", "comment", "comments", "copy", "cross", "database", "directions", "download", "edit", "exclamation-circle", "external-link", "eye-off", "eye", "file-edit", "file-pdf", "file-plus", "file", "filter", "flag-fill", "flag", "flame", "folder-open", "folder-plus", "folder", "grid", "heart", "help", "history", "home", "image", "inbox", "info", "lightbulb", "lightning", "link", "list-check", "list", "lock", "logout", "map", "message", "microphone", "minus", "more", "music", "note", "panel", "paperclip", "pause", "pin", "play", "plus-circle", "plus", "refresh", "save", "search", "send", "settings", "share-alt", "shield", "sliders-h", "smile", "sort-alt", "sparkle", "star", "stop-circle", "stop", "stopwatch", "table", "tag", "tags", "task", "th-large", "times-circle", "trash", "upload", "user", "users", "video", "volume-up", "warn", "waves", "wrench", "x"];
 export type WlIconName = typeof WL_ICON_NAMES[number];
 export declare const WL_ICONS: Record<WlIconName, string>;

package/dist/index.d.ts

@@ -2,6 +2,8 @@ export * from './components';
 export * from './types';
 export * from './design-system';
 export { WL_ICON_NAMES } from './icons.generated';
+export { resolveWlIconName } from './iconNames';
+export type { WlIconInput } from './iconNames';
 export * from './manifest';
 export { createWlPt } from './theme';
 export type { WlPtConfig, WlPtSection, WlPtCallbackOptions } from './theme';