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

package/dist/components/pagination/item/setup.component.d.ts

@@ -0,0 +1,30 @@
+import { type SetupContext } from '../../../adapter';
+import { type PaginationItemProps } from './base.component';
+/**
+ * Страница пагинации: свой контекст и контекст фасада страницы на одном
+ * наборе. Своего у страницы в разметке нет — ключ, текст и наборы ей пишет
+ * расширение коллекции, а текущей её делает активация коллекции по нажатию.
+ */
+declare const _default: {
+    name: string;
+    extends: {
+        name: string;
+        emits: import("../../../types").TEmits;
+        props: Readonly<Record<string, unknown>>;
+    };
+    expose: string[];
+    setup(props: PaginationItemProps, { emit }: SetupContext): Omit<import("../../../adapter/runtime/useAdapter").TBindingFields<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IPaginationItem, {
+        props: object & {} & {};
+        events: object & {
+            "element:ready": (element: Element) => void;
+            "element:removed": () => void;
+        } & {};
+        outputs: object & {} & {};
+    }>> & import("../../../adapter/runtime/useAdapter").TUnwrapRefs<PaginationItemProps> & import("../../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").IPaginationItem> & import("@soxa-ui/setup").TInstanceState<object & {} & {}> & {
+        plugins: import("@soxa-ui/plugins").IPluginBundle | null;
+    } & import("../../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").TPaginationItemCollectionFacade> & object, "context"> & {
+        /** Контекст страницы в коллекции — нажатие делает её текущей, как у таба */
+        context: import("@soxa-ui/core").TItemContext<import("@soxa-ui/core").IPaginationItem, import("@soxa-ui/core").TPaginationCollectionExtensions> | undefined;
+    };
+};
+export default _default;

package/dist/components/pagination/item/setup.component.js

@@ -0,0 +1,36 @@
+import { createVueAdapterContext } from "../../../adapter/common/createVueAdapterContext.js";
+import { useExpose } from "../../../adapter/static/useExpose.js";
+import { extendBinding, joinBindings } from "../../../adapter/runtime/view.js";
+import { useAdapter } from "../../../adapter/runtime/useAdapter.js";
+import { useCollectionAdapter } from "../../../adapter/runtime/useCollectionAdapter.js";
+import { VueElevatorFactory } from "../../../adapter/elevator/factory.js";
+import base_component_default from "./base.component.js";
+import { PaginationCollectionItemDescriptor, PaginationItemDescriptor, TCollectionItemExtension } from "@soxa-ui/setup";
+//#region src/components/pagination/item/setup.component.ts
+/**
+* Страница пагинации: свой контекст и контекст фасада страницы на одном
+* наборе. Своего у страницы в разметке нет — ключ, текст и наборы ей пишет
+* расширение коллекции, а текущей её делает активация коллекции по нажатию.
+*/
+var setup_component_default = {
+	name: "_PaginationItem",
+	extends: base_component_default,
+	expose: useExpose(),
+	setup(props, { emit }) {
+		const adapter = createVueAdapterContext(PaginationItemDescriptor(), {
+			ctrl: props.ctrl,
+			props
+		});
+		const itemAdapter = createVueAdapterContext(PaginationCollectionItemDescriptor(), { props }, { bundle: adapter.bundle }).use(TCollectionItemExtension, {
+			adapter,
+			elevator: VueElevatorFactory
+		});
+		const itemBinding = useCollectionAdapter(itemAdapter, props, emit);
+		const ownerBinding = useAdapter(adapter, props, emit);
+		return extendBinding(joinBindings(ownerBinding, itemBinding), { 
+		/** Контекст страницы в коллекции — нажатие делает её текущей, как у таба */
+context: itemAdapter.instance.context });
+	}
+};
+//#endregion
+export { setup_component_default as default };

package/dist/components/pagination/setup.component.d.ts

@@ -0,0 +1,51 @@
+import { type SetupContext } from '../../adapter';
+import { type PaginationProps } from './base.component';
+/**
+ * Логики здесь нет: страницы окна, текущая, пропуски и связь текущей со
+ * значением — расширение коллекции `pagination`, выключенность стрелок и
+ * переход на соседнюю страницу — сама пагинация, имена стрелок — плагин
+ * имён. Разметка раскладывает то, что они отдали.
+ *
+ * Движок снаружи — как у остальных коллекций. Состава и ключа сверки снаружи
+ * нет — страницы окна кладёт в движок расширение пагинации, и ключ у них —
+ * ключ страницы.
+ */
+declare const _default: {
+    name: string;
+    extends: {
+        name: string;
+        emits: import("../../types").TEmits;
+        props: Readonly<Record<string, unknown>>;
+    };
+    expose: string[];
+    setup(props: PaginationProps, { emit }: SetupContext): Omit<import("../../adapter/runtime/useAdapter").TBindingFields<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IPagination, {
+        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("../../adapter/runtime/useAdapter").TUnwrapRefs<PaginationProps> & import("../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").IPagination> & import("@soxa-ui/setup").TInstanceState<object & {} & {} & {} & {} & {} & {} & {} & {} & {} & {}> & {
+        plugins: import("@soxa-ui/plugins").IPluginBundle | null;
+    } & import("../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").TPaginationCollectionFacade> & object, "arrowIconTag"> & {
+        /**
+         * Одна иконка на обе стрелки: роли «влево» в контракте иконок нет, и
+         * ту стрелку, что смотрит в начало строки, зеркалит тема.
+         */
+        arrowIconTag: import("vue").Component;
+    };
+};
+export default _default;

package/dist/components/pagination/setup.component.js

@@ -0,0 +1,48 @@
+import { roleIcon } from "../../adapter/common/icon.js";
+import { createVueAdapterContext } from "../../adapter/common/createVueAdapterContext.js";
+import { useExpose } from "../../adapter/static/useExpose.js";
+import { extendBinding, joinBindings } from "../../adapter/runtime/view.js";
+import { useAdapter } from "../../adapter/runtime/useAdapter.js";
+import { useCollectionAdapter } from "../../adapter/runtime/useCollectionAdapter.js";
+import { VueElevatorFactory } from "../../adapter/elevator/factory.js";
+import base_component_default from "./base.component.js";
+import { PaginationCollectionDescriptor, PaginationDescriptor, TCollectionExtension } from "@soxa-ui/setup";
+//#region src/components/pagination/setup.component.ts
+/**
+* Логики здесь нет: страницы окна, текущая, пропуски и связь текущей со
+* значением — расширение коллекции `pagination`, выключенность стрелок и
+* переход на соседнюю страницу — сама пагинация, имена стрелок — плагин
+* имён. Разметка раскладывает то, что они отдали.
+*
+* Движок снаружи — как у остальных коллекций. Состава и ключа сверки снаружи
+* нет — страницы окна кладёт в движок расширение пагинации, и ключ у них —
+* ключ страницы.
+*/
+var setup_component_default = {
+	name: "_Pagination",
+	extends: base_component_default,
+	expose: useExpose(),
+	setup(props, { emit }) {
+		const adapter = createVueAdapterContext(PaginationDescriptor(), {
+			ctrl: props.ctrl,
+			props
+		});
+		const collectionAdapter = createVueAdapterContext(PaginationCollectionDescriptor(), {
+			props,
+			options: {
+				owner: adapter.instance,
+				engine: props.engine
+			}
+		}, { bundle: adapter.bundle }).use(TCollectionExtension, { elevator: VueElevatorFactory });
+		const refsCollection = useCollectionAdapter(collectionAdapter, props, emit);
+		const refs = useAdapter(adapter, props, emit);
+		return extendBinding(joinBindings(refs, refsCollection), { 
+		/**
+		* Одна иконка на обе стрелки: роли «влево» в контракте иконок нет, и
+		* ту стрелку, что смотрит в начало строки, зеркалит тема.
+		*/
+arrowIconTag: roleIcon("arrowRight") });
+	}
+};
+//#endregion
+export { setup_component_default as default };

package/dist/components/popover/Popover.js

@@ -0,0 +1,70 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import Popover_vue_vue_type_script_lang_default from "./Popover.vue_vue_type_script_lang.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, mergeProps, openBlock, renderSlot, resolveComponent, resolveDynamicComponent, vShow, withCtx, withDirectives } from "vue";
+//#region src/components/popover/Popover.vue
+var _hoisted_1 = {
+	key: 0,
+	class: "so-popover__handle",
+	"aria-hidden": "true"
+};
+var _hoisted_2 = { class: "so-popover__content" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_Icon = resolveComponent("Icon");
+	const _component_Button = resolveComponent("Button");
+	const _component_Frame = resolveComponent("Frame");
+	return _ctx.rendered ? withDirectives((openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), mergeProps({
+		key: 0,
+		ref: "rootElement",
+		class: _ctx.classes
+	}, {
+		..._ctx.attrs,
+		..._ctx.dataset
+	}), {
+		default: withCtx(() => [renderSlot(_ctx.$slots, "trigger", {
+			triggerAria: _ctx.triggerAria,
+			triggerDataset: _ctx.triggerDataset
+		}), createVNode(_component_Frame, mergeProps({
+			embedded: "popover.frame",
+			class: "so-popover__panel",
+			tabindex: "-1",
+			visible: _ctx.visible && _ctx.open,
+			contained: _ctx.contained,
+			strategy: "fixed",
+			anchor_anchor: _ctx.rootElement,
+			anchor_placement: _ctx.placement,
+			anchor_offset: 8
+		}, {
+			..._ctx.aria,
+			..._ctx.panelDataset,
+			..._ctx.dismiss_ownerAttribute
+		}), {
+			default: withCtx(() => [
+				_ctx.handleRendered ? (openBlock(), createElementBlock("div", _hoisted_1)) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_2, [_ctx.contentRendered ? renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 0) : createCommentVNode("", true)]),
+				_ctx.closable ? (openBlock(), createBlock(_component_Button, mergeProps({
+					key: 1,
+					embedded: "popover.close",
+					type: "button",
+					class: "so-popover__close",
+					onClick: _cache[0] || (_cache[0] = ($event) => _ctx.popover.open = false)
+				}, _ctx.closeAria), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "close-icon", {}, () => [createVNode(_component_Icon, {
+						embedded: "popover.close-icon",
+						tag: _ctx.closeIconTag
+					}, null, 8, ["tag"])])]),
+					_: 3
+				}, 16)) : createCommentVNode("", true)
+			]),
+			_: 3
+		}, 16, [
+			"visible",
+			"contained",
+			"anchor_anchor",
+			"anchor_placement"
+		])]),
+		_: 3
+	}, 16, ["class"])), [[vShow, _ctx.visible]]) : createCommentVNode("", true);
+}
+var Popover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Popover_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { Popover_default as default };

package/dist/components/popover/Popover.vue.d.ts

@@ -0,0 +1,264 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    open?: boolean | undefined;
+    closable?: boolean | undefined;
+    lazyMount?: boolean | undefined;
+    placement?: import("@soxa-ui/core").TPopoverPlacement | undefined;
+    contained?: boolean | undefined;
+    edge?: import("@soxa-ui/core").TPopoverEdge | undefined;
+    swipe?: import("@soxa-ui/core").TSwipe | 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;
+    dismiss_enabled?: boolean | undefined;
+    ctrl?: import("@soxa-ui/core").IPopover | undefined;
+    embedded?: string | undefined;
+    pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+}, Omit<import("../../adapter/runtime/useAdapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IPopover, {
+    props: object & {} & {} & {
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+    } & {
+        dismiss_enabled?: boolean | 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;
+    } & {
+        "dismiss:dismiss": (event: MouseEvent | FocusEvent) => void;
+        "dismiss:change:enabled": (payload: import("@soxa-ui/core").TValuePayload<boolean>) => void;
+    } & {} & {} & {} & {} & {};
+    outputs: object & {} & {} & {} & {
+        readonly dismiss_ownerAttribute: Record<string, string>;
+    } & {} & {} & {} & {} & {};
+}>, import("./base.component").PopoverProps>, "popover" | "closeIconTag"> & {
+    popover: object & import("@soxa-ui/core").IPopover;
+    closeIconTag: import("vue").Component;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, {
+    name: string;
+    emits: import("../../types").TEmits;
+    props: Readonly<Record<string, unknown>>;
+}, {}, string, import("vue").PublicProps, Readonly<{
+    open?: boolean | undefined;
+    closable?: boolean | undefined;
+    lazyMount?: boolean | undefined;
+    placement?: import("@soxa-ui/core").TPopoverPlacement | undefined;
+    contained?: boolean | undefined;
+    edge?: import("@soxa-ui/core").TPopoverEdge | undefined;
+    swipe?: import("@soxa-ui/core").TSwipe | 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;
+    dismiss_enabled?: boolean | undefined;
+    ctrl?: import("@soxa-ui/core").IPopover | undefined;
+    embedded?: string | undefined;
+    pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+}> & Readonly<{}>, {}, {}, {
+    Frame: import("../../adapter").TClosedComponent<import("vue").DefineComponent<{
+        x?: number | undefined;
+        y?: number | undefined;
+        width?: number | string | undefined;
+        height?: number | string | undefined;
+        strategy?: import("@soxa-ui/core").TFrameStrategy | undefined;
+        contained?: boolean | undefined;
+        target?: string | undefined;
+        rendered?: boolean | undefined;
+        visible?: boolean | undefined;
+        tag?: string | object | undefined;
+        direction?: import("@soxa-ui/core").TDirection | undefined;
+        anchor_anchor?: Element | null | undefined;
+        anchor_point?: import("@soxa-ui/plugins").TPoint | null | undefined;
+        anchor_placement?: import("@soxa-ui/plugins").TFramePlacement | undefined;
+        anchor_matchWidth?: boolean | undefined;
+        anchor_flip?: boolean | undefined;
+        anchor_offset?: number | undefined;
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+        ctrl?: import("@soxa-ui/core").IFrame | 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").IFrame, {
+        props: object & {} & {} & {} & {
+            anchor_anchor?: Element | null | undefined;
+            anchor_point?: import("@soxa-ui/plugins").TPoint | null | undefined;
+            anchor_placement?: import("@soxa-ui/plugins").TFramePlacement | undefined;
+            anchor_matchWidth?: boolean | undefined;
+            anchor_flip?: boolean | undefined;
+            anchor_offset?: number | undefined;
+        } & {
+            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;
+        } & {} & {
+            "anchor:change:anchor": (payload: import("@soxa-ui/core").TValuePayload<Element | null>) => void;
+            "anchor:change:point": (payload: import("@soxa-ui/core").TValuePayload<import("@soxa-ui/plugins").TPoint | null>) => void;
+            "anchor:change:placement": (payload: import("@soxa-ui/core").TValuePayload<import("@soxa-ui/plugins").TFramePlacement>) => void;
+            "anchor:change:matchWidth": (payload: import("@soxa-ui/core").TValuePayload<boolean>) => void;
+            "anchor:change:flip": (payload: import("@soxa-ui/core").TValuePayload<boolean>) => void;
+            "anchor:change:offset": (payload: import("@soxa-ui/core").TValuePayload<number>) => void;
+        };
+        outputs: object & {} & {} & {
+            readonly layout_styles: Record<string, string | number>;
+        } & {} & {};
+    }>, import("../..").FrameProps>, {}, {}, {}, import("vue").ComponentOptionsMixin, {
+        name: string;
+        emits: import("../../types").TEmits;
+        props: Readonly<Record<string, unknown>>;
+    }, {}, string, import("vue").PublicProps, Readonly<{
+        x?: number | undefined;
+        y?: number | undefined;
+        width?: number | string | undefined;
+        height?: number | string | undefined;
+        strategy?: import("@soxa-ui/core").TFrameStrategy | undefined;
+        contained?: boolean | undefined;
+        target?: string | undefined;
+        rendered?: boolean | undefined;
+        visible?: boolean | undefined;
+        tag?: string | object | undefined;
+        direction?: import("@soxa-ui/core").TDirection | undefined;
+        anchor_anchor?: Element | null | undefined;
+        anchor_point?: import("@soxa-ui/plugins").TPoint | null | undefined;
+        anchor_placement?: import("@soxa-ui/plugins").TFramePlacement | undefined;
+        anchor_matchWidth?: boolean | undefined;
+        anchor_flip?: boolean | undefined;
+        anchor_offset?: number | undefined;
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+        ctrl?: import("@soxa-ui/core").IFrame | undefined;
+        embedded?: string | undefined;
+        pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+    }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+    Button: 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>>;
+    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>>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/popover/Popover.vue_vue_type_script_lang.js

@@ -0,0 +1,15 @@
+import { Icon } from "../icon/index.js";
+import { Button } from "../button/index.js";
+import { Frame } from "../frame/index.js";
+import setup_component_default from "./setup.component.js";
+//#region src/components/popover/Popover.vue?vue&type=script&lang.ts
+var Popover_vue_vue_type_script_lang_default = {
+	...setup_component_default,
+	components: {
+		Frame,
+		Button,
+		Icon
+	}
+};
+//#endregion
+export { Popover_vue_vue_type_script_lang_default as default };

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

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

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

@@ -0,0 +1,13 @@
+import { useProps } from "../../adapter/static/useProps.js";
+import { useEmits } from "../../adapter/static/useEmits.js";
+import { PopoverDescriptor } from "@soxa-ui/setup";
+//#region src/components/popover/base.component.ts
+var emitsPopover = useEmits(PopoverDescriptor());
+var propsPopover = useProps(PopoverDescriptor());
+var base_component_default = {
+	name: "BasePopover",
+	emits: emitsPopover,
+	props: propsPopover
+};
+//#endregion
+export { base_component_default as default, emitsPopover, propsPopover };

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

@@ -0,0 +1,4 @@
+import type { TClosedComponent } from '../../adapter';
+import PopoverComponent from './Popover.vue';
+export { default as BasePopover, emitsPopover, propsPopover } from './base.component';
+export declare const Popover: TClosedComponent<typeof PopoverComponent>;

package/dist/components/popover/index.js

@@ -0,0 +1,6 @@
+import "./base.component.js";
+import Popover_default from "./Popover.js";
+//#region src/components/popover/index.ts
+var Popover = Popover_default;
+//#endregion
+export { Popover };

package/dist/components/popover/setup.component.d.ts

@@ -0,0 +1,47 @@
+import { type SetupContext } from '../../adapter';
+import { type PopoverProps } from './base.component';
+/**
+ * Логики здесь нет: клик по триггеру — `TPopoverPointerPlugin`, нажатие и
+ * фокус мимо — `TDismissPlugin`, фокус, Escape и Tab — `TPopoverFocusPlugin`,
+ * жест — `TSwipePlugin`. Разметка раскладывает то, что отдали ядро и плагины.
+ */
+declare const _default: {
+    name: string;
+    extends: {
+        name: string;
+        emits: import("../../types").TEmits;
+        props: Readonly<Record<string, unknown>>;
+    };
+    expose: string[];
+    setup(props: PopoverProps, { emit }: SetupContext): Omit<import("../../adapter/runtime/useAdapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IPopover, {
+        props: object & {} & {} & {
+            aria_label?: string | undefined;
+            aria_labelledBy?: string | undefined;
+            aria_describedBy?: string | undefined;
+        } & {
+            dismiss_enabled?: boolean | 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;
+        } & {
+            "dismiss:dismiss": (event: MouseEvent | FocusEvent) => void;
+            "dismiss:change:enabled": (payload: import("@soxa-ui/core").TValuePayload<boolean>) => void;
+        } & {} & {} & {} & {} & {};
+        outputs: object & {} & {} & {} & {
+            readonly dismiss_ownerAttribute: Record<string, string>;
+        } & {} & {} & {} & {} & {};
+    }>, PopoverProps>, "popover" | "closeIconTag"> & {
+        /**
+         * Инстанс — для кнопки закрытия: она только ставит ему `open = false`.
+         * Возврат фокуса — забота плагина, разметка о нём не знает.
+         */
+        popover: object & import("@soxa-ui/core").IPopover;
+        closeIconTag: import("vue").Component;
+    };
+};
+export default _default;

package/dist/components/popover/setup.component.js

@@ -0,0 +1,34 @@
+import { roleIcon } from "../../adapter/common/icon.js";
+import { createVueAdapterContext } from "../../adapter/common/createVueAdapterContext.js";
+import { useExpose } from "../../adapter/static/useExpose.js";
+import { extendBinding } from "../../adapter/runtime/view.js";
+import { useAdapter } from "../../adapter/runtime/useAdapter.js";
+import base_component_default from "./base.component.js";
+import { PopoverDescriptor } from "@soxa-ui/setup";
+//#region src/components/popover/setup.component.ts
+/**
+* Логики здесь нет: клик по триггеру — `TPopoverPointerPlugin`, нажатие и
+* фокус мимо — `TDismissPlugin`, фокус, Escape и Tab — `TPopoverFocusPlugin`,
+* жест — `TSwipePlugin`. Разметка раскладывает то, что отдали ядро и плагины.
+*/
+var setup_component_default = {
+	name: "_Popover",
+	extends: base_component_default,
+	expose: useExpose(),
+	setup(props, { emit }) {
+		const adapter = createVueAdapterContext(PopoverDescriptor(), {
+			ctrl: props.ctrl,
+			props
+		});
+		return extendBinding(useAdapter(adapter, props, emit), {
+			/**
+			* Инстанс — для кнопки закрытия: она только ставит ему `open = false`.
+			* Возврат фокуса — забота плагина, разметка о нём не знает.
+			*/
+			popover: adapter.instance,
+			closeIconTag: roleIcon("close")
+		});
+	}
+};
+//#endregion
+export { setup_component_default as default };