@soxa-ui/vue 0.0.0-stage → 0.3.0-beta.1

package/dist/components/select/Select.vue_vue_type_script_lang.js

@@ -0,0 +1,21 @@
+import { Icon } from "../icon/index.js";
+import { Frame } from "../frame/index.js";
+import { Input } from "../input/index.js";
+import { Tags } from "../tags/index.js";
+import { SelectItem } from "./item/index.js";
+import { SelectGroup } from "./group/index.js";
+import setup_component_default from "./setup.component.js";
+//#region src/components/select/Select.vue?vue&type=script&lang.ts
+var Select_vue_vue_type_script_lang_default = {
+	...setup_component_default,
+	components: {
+		Frame,
+		Input,
+		Icon,
+		Tags,
+		SelectItem,
+		SelectGroup
+	}
+};
+//#endregion
+export { Select_vue_vue_type_script_lang_default as default };

package/dist/components/select/base.component.d.ts

@@ -0,0 +1,12 @@
+import type { TEmits, TProps, UseProps } from '../../types/common';
+import { SelectDescriptor } from '@soxa-ui/setup';
+import type { ISelect } from '@soxa-ui/core';
+export declare const emitsSelect: TEmits;
+export declare const propsSelect: TProps;
+export type SelectProps = UseProps<typeof SelectDescriptor, ISelect>;
+declare const _default: {
+    name: string;
+    emits: TEmits;
+    props: Readonly<Record<string, unknown>>;
+};
+export default _default;

package/dist/components/select/base.component.js

@@ -0,0 +1,16 @@
+import { useProps } from "../../adapter/static/useProps.js";
+import { useEmits } from "../../adapter/static/useEmits.js";
+import { SelectCollectionDescriptor, SelectDescriptor } from "@soxa-ui/setup";
+//#region src/components/select/base.component.ts
+var emitsSelect = [...useEmits(SelectDescriptor()), ...useEmits(SelectCollectionDescriptor())];
+var propsSelect = {
+	...useProps(SelectDescriptor()),
+	...useProps(SelectCollectionDescriptor())
+};
+var base_component_default = {
+	name: "BaseSelect",
+	emits: emitsSelect,
+	props: propsSelect
+};
+//#endregion
+export { base_component_default as default, emitsSelect, propsSelect };

package/dist/components/select/group/Group.js

@@ -0,0 +1,24 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
+import Group_vue_vue_type_script_lang_default from "./Group.vue_vue_type_script_lang.js";
+import { createBlock, createCommentVNode, createElementBlock, mergeProps, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, vShow, withCtx, withDirectives } from "vue";
+//#region src/components/select/group/Group.vue
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return _ctx.rendered ? withDirectives((openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), mergeProps({
+		key: 0,
+		ref: "rootElement",
+		class: _ctx.classes
+	}, {
+		..._ctx.attrs,
+		..._ctx.aria,
+		..._ctx.dataset
+	}), {
+		default: withCtx(() => [_ctx.label ? (openBlock(), createElementBlock("div", mergeProps({
+			key: 0,
+			class: "so-select-group__label"
+		}, _ctx.labelAria), toDisplayString(_ctx.label), 17)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")]),
+		_: 3
+	}, 16, ["class"])), [[vShow, _ctx.visible]]) : createCommentVNode("", true);
+}
+var Group_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Group_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { Group_default as default };

package/dist/components/select/group/Group.vue.d.ts

@@ -0,0 +1,32 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    label?: string | undefined;
+    rendered?: boolean | undefined;
+    visible?: boolean | undefined;
+    tag?: string | object | undefined;
+    direction?: import("@soxa-ui/core").TDirection | undefined;
+    ctrl?: import("@soxa-ui/core").IItemGroup<import("@soxa-ui/core").IItemGroupProps, import("@soxa-ui/core").TItemGroupEvents> | undefined;
+    embedded?: string | undefined;
+    pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+}, import("../../../adapter/runtime/useAdapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IItemGroup<import("@soxa-ui/core").IItemGroupProps, import("@soxa-ui/core").TItemGroupEvents>, {
+    props: object & {} & {} & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {} & {};
+    outputs: object & {} & {} & {};
+}>, import("./base.component").SelectGroupProps>, {}, {}, {}, import("vue").ComponentOptionsMixin, {
+    name: string;
+    emits: import("../../../types").TEmits;
+    props: Readonly<Record<string, unknown>>;
+}, {}, string, import("vue").PublicProps, Readonly<{
+    label?: string | undefined;
+    rendered?: boolean | undefined;
+    visible?: boolean | undefined;
+    tag?: string | object | undefined;
+    direction?: import("@soxa-ui/core").TDirection | undefined;
+    ctrl?: import("@soxa-ui/core").IItemGroup<import("@soxa-ui/core").IItemGroupProps, import("@soxa-ui/core").TItemGroupEvents> | undefined;
+    embedded?: string | undefined;
+    pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/select/group/Group.vue_vue_type_script_lang.js

@@ -0,0 +1,5 @@
+import setup_component_default from "./setup.component.js";
+//#region src/components/select/group/Group.vue?vue&type=script&lang.ts
+var Group_vue_vue_type_script_lang_default = { ...setup_component_default };
+//#endregion
+export { Group_vue_vue_type_script_lang_default as default };

package/dist/components/select/group/base.component.d.ts

@@ -0,0 +1,12 @@
+import type { TEmits, TProps, UseProps } from '../../../types/common';
+import { SelectGroupDescriptor } from '@soxa-ui/setup';
+import type { IItemGroup } from '@soxa-ui/core';
+export declare const emitsSelectGroup: TEmits;
+export declare const propsSelectGroup: TProps;
+export type SelectGroupProps = UseProps<typeof SelectGroupDescriptor, IItemGroup>;
+declare const _default: {
+    name: string;
+    emits: TEmits;
+    props: Readonly<Record<string, unknown>>;
+};
+export default _default;

package/dist/components/select/group/base.component.js

@@ -0,0 +1,13 @@
+import { useProps } from "../../../adapter/static/useProps.js";
+import { useEmits } from "../../../adapter/static/useEmits.js";
+import { SelectGroupDescriptor } from "@soxa-ui/setup";
+//#region src/components/select/group/base.component.ts
+var emitsSelectGroup = useEmits(SelectGroupDescriptor());
+var propsSelectGroup = useProps(SelectGroupDescriptor());
+var base_component_default = {
+	name: "BaseSelectGroup",
+	emits: emitsSelectGroup,
+	props: propsSelectGroup
+};
+//#endregion
+export { base_component_default as default, emitsSelectGroup, propsSelectGroup };

package/dist/components/select/group/index.d.ts

@@ -0,0 +1,5 @@
+import type { TClosedComponent } from '../../../adapter';
+import SelectGroupComponent from './Group.vue';
+export * from './base.component';
+export { default as BaseSelectGroup } from './base.component';
+export declare const SelectGroup: TClosedComponent<typeof SelectGroupComponent>;

package/dist/components/select/group/index.js

@@ -0,0 +1,6 @@
+import { emitsSelectGroup, propsSelectGroup } from "./base.component.js";
+import Group_default from "./Group.js";
+//#region src/components/select/group/index.ts
+var SelectGroup = Group_default;
+//#endregion
+export { SelectGroup, emitsSelectGroup, propsSelectGroup };

package/dist/components/select/group/setup.component.d.ts

@@ -0,0 +1,24 @@
+import { type SetupContext } from '../../../adapter';
+import { type SelectGroupProps } from './base.component';
+/**
+ * Группа опций входит в группировку коллекции Select: ключ группы — опциям
+ * внутри, подпись — группировке. Отдаёт их проводка (`TItemGroupExtension`).
+ */
+declare const _default: {
+    name: string;
+    extends: {
+        name: string;
+        emits: import("../../../types").TEmits;
+        props: Readonly<Record<string, unknown>>;
+    };
+    expose: string[];
+    setup(props: SelectGroupProps, { emit }: SetupContext): import("../../../adapter/runtime/useAdapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IItemGroup<import("@soxa-ui/core").IItemGroupProps, import("@soxa-ui/core").TItemGroupEvents>, {
+        props: object & {} & {} & {};
+        events: object & {
+            "element:ready": (element: Element) => void;
+            "element:removed": () => void;
+        } & {} & {};
+        outputs: object & {} & {} & {};
+    }>, SelectGroupProps>;
+};
+export default _default;

package/dist/components/select/group/setup.component.js

@@ -0,0 +1,25 @@
+import { createVueAdapterContext } from "../../../adapter/common/createVueAdapterContext.js";
+import { useExpose } from "../../../adapter/static/useExpose.js";
+import { useAdapter } from "../../../adapter/runtime/useAdapter.js";
+import { VueElevatorFactory } from "../../../adapter/elevator/factory.js";
+import base_component_default from "./base.component.js";
+import { SelectGroupDescriptor, TItemGroupExtension } from "@soxa-ui/setup";
+//#region src/components/select/group/setup.component.ts
+/**
+* Группа опций входит в группировку коллекции Select: ключ группы — опциям
+* внутри, подпись — группировке. Отдаёт их проводка (`TItemGroupExtension`).
+*/
+var setup_component_default = {
+	name: "_SelectGroup",
+	extends: base_component_default,
+	expose: useExpose(),
+	setup(props, { emit }) {
+		const adapter = createVueAdapterContext(SelectGroupDescriptor(), {
+			ctrl: props.ctrl,
+			props
+		}).use(TItemGroupExtension, { elevator: VueElevatorFactory });
+		return useAdapter(adapter, props, emit);
+	}
+};
+//#endregion
+export { setup_component_default as default };

package/dist/components/select/index.d.ts

@@ -0,0 +1,17 @@
+import type { TClosedComponent } from '../../adapter';
+import SelectComponent from './Select.vue';
+import { SelectItem } from './item';
+import { SelectGroup } from './group';
+export { default as BaseSelect } from './base.component';
+export * from './base.component';
+export * from './item';
+export * from './group';
+/**
+ * Основная форма — `<Select.Item>` и `<Select.Group>`; плоские `SelectItem` и
+ * `SelectGroup` работают так же. Экземпляр владельца закрыт так же, как у
+ * частей (`TClosedComponent`).
+ */
+export declare const Select: TClosedComponent<typeof SelectComponent> & {
+    Item: typeof SelectItem;
+    Group: typeof SelectGroup;
+};

package/dist/components/select/index.js

@@ -0,0 +1,19 @@
+import { emitsSelectItem, propsSelectItem } from "./item/base.component.js";
+import { SelectItem } from "./item/index.js";
+import { emitsSelectGroup, propsSelectGroup } from "./group/base.component.js";
+import { SelectGroup } from "./group/index.js";
+import { emitsSelect, propsSelect } from "./base.component.js";
+import Select_default from "./Select.js";
+import { withParts } from "@soxa-ui/setup";
+//#region src/components/select/index.ts
+/**
+* Основная форма — `<Select.Item>` и `<Select.Group>`; плоские `SelectItem` и
+* `SelectGroup` работают так же. Экземпляр владельца закрыт так же, как у
+* частей (`TClosedComponent`).
+*/
+var Select = withParts(Select_default, {
+	Item: SelectItem,
+	Group: SelectGroup
+});
+//#endregion
+export { Select, SelectGroup, SelectItem, emitsSelect, emitsSelectGroup, emitsSelectItem, propsSelect, propsSelectGroup, propsSelectItem };

package/dist/components/select/item/Item.js

@@ -0,0 +1,67 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
+import Item_vue_vue_type_script_lang_default from "./Item.vue_vue_type_script_lang.js";
+import { createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, mergeProps, openBlock, renderSlot, resolveComponent, resolveDynamicComponent, toDisplayString, vShow, withCtx, withDirectives } from "vue";
+//#region src/components/select/item/Item.vue
+var _hoisted_1 = {
+	key: 0,
+	class: "so-select-item__indicator",
+	"aria-hidden": "true"
+};
+var _hoisted_2 = {
+	key: 0,
+	class: "so-select-item__indicator",
+	"aria-hidden": "true"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_Icon = resolveComponent("Icon");
+	const _component_ItemRow = resolveComponent("ItemRow");
+	return _ctx.rendered ? withDirectives((openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), mergeProps({
+		key: 0,
+		ref: "rootElement",
+		class: _ctx.classes,
+		style: { order: _ctx.order }
+	}, {
+		..._ctx.dataset,
+		..._ctx.containerAttrs,
+		..._ctx.attrs
+	}), {
+		default: withCtx(() => [createVNode(_component_ItemRow, mergeProps({
+			embedded: "select.row",
+			tag: "span",
+			size: _ctx.size,
+			variant: _ctx.variant,
+			disabled: _ctx.disabled,
+			onClick: _cache[0] || (_cache[0] = ($event) => _ctx.context?.adapters.select.choose())
+		}, {
+			..._ctx.aria,
+			..._ctx.dataset,
+			..._ctx.controlAttrs
+		}), {
+			leading: withCtx(() => [_ctx.indicator === "start" ? (openBlock(), createElementBlock("span", _hoisted_1, [renderSlot(_ctx.$slots, "indicator-icon", { selected: _ctx.selected }, () => [_ctx.selected ? (openBlock(), createBlock(_component_Icon, {
+				key: 0,
+				embedded: "select.indicator",
+				tag: _ctx.indicatorIconTag,
+				size: _ctx.size
+			}, null, 8, ["tag", "size"])) : createCommentVNode("", true)])])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "leading")]),
+			trailing: withCtx(() => [renderSlot(_ctx.$slots, "trailing"), _ctx.indicator === "end" ? (openBlock(), createElementBlock("span", _hoisted_2, [renderSlot(_ctx.$slots, "indicator-icon", { selected: _ctx.selected }, () => [_ctx.selected ? (openBlock(), createBlock(_component_Icon, {
+				key: 0,
+				embedded: "select.indicator",
+				tag: _ctx.indicatorIconTag,
+				size: _ctx.size
+			}, null, 8, ["tag", "size"])) : createCommentVNode("", true)])])) : createCommentVNode("", true)]),
+			default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
+				text: _ctx.text,
+				selected: _ctx.selected
+			}, () => [createTextVNode(toDisplayString(_ctx.text), 1)])]),
+			_: 3
+		}, 16, [
+			"size",
+			"variant",
+			"disabled"
+		])]),
+		_: 3
+	}, 16, ["class", "style"])), [[vShow, _ctx.visible]]) : createCommentVNode("", true);
+}
+var Item_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Item_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { Item_default as default };

package/dist/components/select/item/Item.vue.d.ts

@@ -0,0 +1,228 @@
+/**
+ * Вся ARIA опции — на вложенном `ItemRow`, строке опции: `role="option"` от
+ * ядра, `id` от плагина связок, `aria-selected` и `tabindex="-1"` от
+ * расширения коллекции. Один набор, шаблону не нужно знать, кто в него писал.
+ * Узел с ролью один, как у Tabs, Accordion, ListBox и Tags: своих роли и
+ * `tabindex` строка (`TItemRow`) не пишет, их несёт набор опции;
+ * `tabindex="-1"` выводит строку из обхода (фокус остаётся на поле), а
+ * `aria-disabled` у строки и опции один и тот же.
+ *
+ * Тег строки фиксирован (`tag="span"`), а не берётся из `tag` элемента:
+ * `tag` — тег корня (`TComponentView`), и рисует по нему корень
+ * `<component :is>`. Под фиксированный тег строки написан и
+ * `TSelectItem._ariaTag` — он решает, писать ли `aria-disabled`.
+ *
+ * `dataset` — то же состояние для темы (`data-selected`, `data-highlighted`),
+ * тоже готовым набором: выбор пишет расширение выборки, подсветку —
+ * `TListItemPlugin`. ARIA для скринридера, `data-*` для стилей; смешивать
+ * нельзя, иначе правка доступности ломает вид.
+ *
+ * `dataset` биндится дважды — на обёртку и на строку: фон при hover/
+ * подсветке/выборе тема рисует на самой кнопке и читает `data-highlighted` /
+ * `data-selected` с неё. То же устройство, что у `ListBoxItem`.
+ *
+ * Вида у строки в разметке нет: значения вида объявляет тема, и библиотека их
+ * не знает. Строку опции тема красит по контексту (`.so-select-item`).
+ *
+ * Выбранность и подсветка — разные вещи: подсветка живёт, только пока панель
+ * открыта, и в значение не попадает.
+ *
+ * Пояснение в `<script>`, а не комментарием над корнем: в dev-режиме
+ * компилятор SFC комментарии сохраняет, и такой комментарий сделал бы
+ * компонент многокорневым — см. `Select.vue`.
+ *
+ * Отметка выбранного (`indicator`) рисуется внутри слотов кнопки: обёртка
+ * стоит, пока сторона задана, — она резервирует место, чтобы строка не прыгала
+ * при выборе; иконка внутри появляется только у выбранной опции. Обёртка
+ * `aria-hidden`: состояние скринридеру объявляет `aria-selected`.
+ */
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    name?: string | undefined;
+    rendered?: boolean | undefined;
+    visible?: boolean | undefined;
+    tag?: string | object | undefined;
+    direction?: import("@soxa-ui/core").TDirection | undefined;
+    text?: string | undefined;
+    disabled?: boolean | undefined;
+    focused?: boolean | undefined;
+    selected?: boolean | undefined;
+    value?: string | number | undefined;
+    aria_label?: string | undefined;
+    aria_labelledBy?: string | undefined;
+    aria_describedBy?: string | undefined;
+    id?: string | undefined;
+    ctrl?: import("@soxa-ui/core").ISelectItem<import("@soxa-ui/core").ISelectItemProps, import("@soxa-ui/core").TSelectItemEvents> | undefined;
+    embedded?: string | undefined;
+    pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+}, Omit<import("../../../adapter/runtime/useAdapter").TBindingFields<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").ISelectItem<import("@soxa-ui/core").ISelectItemProps, import("@soxa-ui/core").TSelectItemEvents>, {
+    props: object & {} & {} & {} & {
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+    } & {} & {} & {
+        id?: string | undefined;
+    };
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {} & {
+        "aria:change:label": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        "aria:change:labelledBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        "aria:change:describedBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+    } & {
+        "action:blur": (event: FocusEvent) => void;
+        "action:click": (event: MouseEvent) => void;
+        "action:focus": (event: FocusEvent) => void;
+        "action:press": (event: MouseEvent) => void;
+    } & {} & {
+        "change:id": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+    } & {};
+    outputs: object & {} & {} & {} & {} & {} & {
+        readonly listItem_highlighted: boolean;
+    } & {};
+}>> & import("../../../adapter/runtime/useAdapter").TUnwrapRefs<import("./base.component").SelectItemProps> & import("../../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").ISelectItem<import("@soxa-ui/core").ISelectItemProps, import("@soxa-ui/core").TSelectItemEvents>> & import("@soxa-ui/setup").TInstanceState<object & {} & {} & {} & {} & {} & {
+    readonly listItem_highlighted: boolean;
+} & {}> & {
+    plugins: import("@soxa-ui/plugins").IPluginBundle | null;
+} & import("../../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").TSelectItemCollectionFacade> & object, "context" | "indicatorIconTag" | "containerAttrs" | "controlAttrs"> & {
+    containerAttrs: import("vue").ComputedRef<Record<string, unknown>>;
+    controlAttrs: import("vue").ComputedRef<{
+        [x: string]: unknown;
+    }>;
+    context: import("@soxa-ui/core").TItemContext<import("@soxa-ui/core").ISelectItem<import("@soxa-ui/core").ISelectItemProps, import("@soxa-ui/core").TSelectItemEvents>, import("@soxa-ui/core").TSelectCollectionExtensions> | undefined;
+    indicatorIconTag: import("vue").Component;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, {
+    name: string;
+    emits: import("../../../types").TEmits;
+    props: Readonly<Record<string, unknown>>;
+}, {}, string, import("vue").PublicProps, Readonly<{
+    name?: string | undefined;
+    rendered?: boolean | undefined;
+    visible?: boolean | undefined;
+    tag?: string | object | undefined;
+    direction?: import("@soxa-ui/core").TDirection | undefined;
+    text?: string | undefined;
+    disabled?: boolean | undefined;
+    focused?: boolean | undefined;
+    selected?: boolean | undefined;
+    value?: string | number | undefined;
+    aria_label?: string | undefined;
+    aria_labelledBy?: string | undefined;
+    aria_describedBy?: string | undefined;
+    id?: string | undefined;
+    ctrl?: import("@soxa-ui/core").ISelectItem<import("@soxa-ui/core").ISelectItemProps, import("@soxa-ui/core").TSelectItemEvents> | undefined;
+    embedded?: string | undefined;
+    pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+}> & Readonly<{}>, {}, {}, {
+    Icon: import("../../../adapter").TClosedComponent<import("vue").DefineComponent<{
+        size?: import("@soxa-ui/core").TComponentSize | undefined;
+        width?: number | string | undefined;
+        height?: number | string | undefined;
+        rendered?: boolean | undefined;
+        visible?: boolean | undefined;
+        tag?: string | object | undefined;
+        direction?: import("@soxa-ui/core").TDirection | undefined;
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+        ctrl?: import("@soxa-ui/core").IIcon | undefined;
+        embedded?: string | undefined;
+        pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+    }, import("../../../adapter/runtime/useAdapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IIcon, {
+        props: object & {} & {} & {} & {
+            aria_label?: string | undefined;
+            aria_labelledBy?: string | undefined;
+            aria_describedBy?: string | undefined;
+        };
+        events: object & {
+            "element:ready": (element: Element) => void;
+            "element:removed": () => void;
+        } & {} & {} & {
+            "aria:change:label": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+            "aria:change:labelledBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+            "aria:change:describedBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        };
+        outputs: object & {} & {} & {
+            readonly layout_styles: Record<string, string | number>;
+        } & {};
+    }>, import("../../..").IconProps>, {}, {}, {}, import("vue").ComponentOptionsMixin, {
+        name: string;
+        emits: import("../../../types").TEmits;
+        props: Readonly<Record<string, unknown>>;
+    }, {}, string, import("vue").PublicProps, Readonly<{
+        size?: import("@soxa-ui/core").TComponentSize | undefined;
+        width?: number | string | undefined;
+        height?: number | string | undefined;
+        rendered?: boolean | undefined;
+        visible?: boolean | undefined;
+        tag?: string | object | undefined;
+        direction?: import("@soxa-ui/core").TDirection | undefined;
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+        ctrl?: import("@soxa-ui/core").IIcon | undefined;
+        embedded?: string | undefined;
+        pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+    }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+    ItemRow: import("../../../adapter").TClosedComponent<import("vue").DefineComponent<{
+        variant?: import("@soxa-ui/core").TComponentVariant | undefined;
+        view?: import("@soxa-ui/core").TButtonView | undefined;
+        text?: string | undefined;
+        disabled?: boolean | undefined;
+        focused?: boolean | undefined;
+        size?: import("@soxa-ui/core").TComponentSize | undefined;
+        rendered?: boolean | undefined;
+        visible?: boolean | undefined;
+        tag?: string | object | undefined;
+        direction?: import("@soxa-ui/core").TDirection | undefined;
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+        ctrl?: import("@soxa-ui/core").IButton | undefined;
+        embedded?: string | undefined;
+        pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+    }, import("../../../adapter/runtime/useAdapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IButton, {
+        props: object & {} & {} & {} & {
+            aria_label?: string | undefined;
+            aria_labelledBy?: string | undefined;
+            aria_describedBy?: string | undefined;
+        };
+        events: object & {
+            "element:ready": (element: Element) => void;
+            "element:removed": () => void;
+        } & {} & {
+            "aria:change:label": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+            "aria:change:labelledBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+            "aria:change:describedBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        } & {
+            "action:blur": (event: FocusEvent) => void;
+            "action:click": (event: MouseEvent) => void;
+            "action:focus": (event: FocusEvent) => void;
+            "action:press": (event: MouseEvent) => void;
+        };
+        outputs: object & {} & {} & {} & {};
+    }>, import("../../..").ButtonProps>, {}, {}, {}, import("vue").ComponentOptionsMixin, {
+        name: string;
+        emits: import("../../../types").TEmits;
+        props: Readonly<Record<string, unknown>>;
+    }, {}, string, import("vue").PublicProps, Readonly<{
+        variant?: import("@soxa-ui/core").TComponentVariant | undefined;
+        view?: import("@soxa-ui/core").TButtonView | undefined;
+        text?: string | undefined;
+        disabled?: boolean | undefined;
+        focused?: boolean | undefined;
+        size?: import("@soxa-ui/core").TComponentSize | undefined;
+        rendered?: boolean | undefined;
+        visible?: boolean | undefined;
+        tag?: string | object | undefined;
+        direction?: import("@soxa-ui/core").TDirection | undefined;
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+        ctrl?: import("@soxa-ui/core").IButton | undefined;
+        embedded?: string | undefined;
+        pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+    }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/select/item/Item.vue_vue_type_script_lang.js

@@ -0,0 +1,51 @@
+import { Icon } from "../../icon/index.js";
+import { ItemRow } from "../../item-row/index.js";
+import setup_component_default from "./setup.component.js";
+//#region src/components/select/item/Item.vue?vue&type=script&lang.ts
+/**
+* Вся ARIA опции — на вложенном `ItemRow`, строке опции: `role="option"` от
+* ядра, `id` от плагина связок, `aria-selected` и `tabindex="-1"` от
+* расширения коллекции. Один набор, шаблону не нужно знать, кто в него писал.
+* Узел с ролью один, как у Tabs, Accordion, ListBox и Tags: своих роли и
+* `tabindex` строка (`TItemRow`) не пишет, их несёт набор опции;
+* `tabindex="-1"` выводит строку из обхода (фокус остаётся на поле), а
+* `aria-disabled` у строки и опции один и тот же.
+*
+* Тег строки фиксирован (`tag="span"`), а не берётся из `tag` элемента:
+* `tag` — тег корня (`TComponentView`), и рисует по нему корень
+* `<component :is>`. Под фиксированный тег строки написан и
+* `TSelectItem._ariaTag` — он решает, писать ли `aria-disabled`.
+*
+* `dataset` — то же состояние для темы (`data-selected`, `data-highlighted`),
+* тоже готовым набором: выбор пишет расширение выборки, подсветку —
+* `TListItemPlugin`. ARIA для скринридера, `data-*` для стилей; смешивать
+* нельзя, иначе правка доступности ломает вид.
+*
+* `dataset` биндится дважды — на обёртку и на строку: фон при hover/
+* подсветке/выборе тема рисует на самой кнопке и читает `data-highlighted` /
+* `data-selected` с неё. То же устройство, что у `ListBoxItem`.
+*
+* Вида у строки в разметке нет: значения вида объявляет тема, и библиотека их
+* не знает. Строку опции тема красит по контексту (`.so-select-item`).
+*
+* Выбранность и подсветка — разные вещи: подсветка живёт, только пока панель
+* открыта, и в значение не попадает.
+*
+* Пояснение в `<script>`, а не комментарием над корнем: в dev-режиме
+* компилятор SFC комментарии сохраняет, и такой комментарий сделал бы
+* компонент многокорневым — см. `Select.vue`.
+*
+* Отметка выбранного (`indicator`) рисуется внутри слотов кнопки: обёртка
+* стоит, пока сторона задана, — она резервирует место, чтобы строка не прыгала
+* при выборе; иконка внутри появляется только у выбранной опции. Обёртка
+* `aria-hidden`: состояние скринридеру объявляет `aria-selected`.
+*/
+var Item_vue_vue_type_script_lang_default = {
+	...setup_component_default,
+	components: {
+		Icon,
+		ItemRow
+	}
+};
+//#endregion
+export { Item_vue_vue_type_script_lang_default as default };

package/dist/components/select/item/base.component.d.ts

@@ -0,0 +1,12 @@
+import type { TEmits, TProps, UseProps } from '../../../types/common';
+import { SelectItemDescriptor } from '@soxa-ui/setup';
+import type { ISelectItem } from '@soxa-ui/core';
+export declare const emitsSelectItem: TEmits;
+export declare const propsSelectItem: TProps;
+export type SelectItemProps = UseProps<typeof SelectItemDescriptor, ISelectItem>;
+declare const _default: {
+    name: string;
+    emits: TEmits;
+    props: Readonly<Record<string, unknown>>;
+};
+export default _default;

package/dist/components/select/item/base.component.js

@@ -0,0 +1,16 @@
+import { useProps } from "../../../adapter/static/useProps.js";
+import { useEmits } from "../../../adapter/static/useEmits.js";
+import { SelectCollectionItemDescriptor, SelectItemDescriptor } from "@soxa-ui/setup";
+//#region src/components/select/item/base.component.ts
+var emitsSelectItem = [...useEmits(SelectItemDescriptor()), ...useEmits(SelectCollectionItemDescriptor())];
+var propsSelectItem = {
+	...useProps(SelectItemDescriptor()),
+	...useProps(SelectCollectionItemDescriptor())
+};
+var base_component_default = {
+	name: "BaseSelectItem",
+	emits: emitsSelectItem,
+	props: propsSelectItem
+};
+//#endregion
+export { base_component_default as default, emitsSelectItem, propsSelectItem };

package/dist/components/select/item/index.d.ts

@@ -0,0 +1,5 @@
+import type { TClosedComponent } from '../../../adapter';
+import SelectItemComponent from './Item.vue';
+export * from './base.component';
+export { default as BaseSelectItem } from './base.component';
+export declare const SelectItem: TClosedComponent<typeof SelectItemComponent>;