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

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

@@ -0,0 +1,59 @@
+import { useSplitAttrs } from "../../adapter/common/useSplitAttrs.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 { TCollectionExtension, TVirtualCollectionExtension, TableCollectionDescriptor, TableDescriptor } from "@soxa-ui/setup";
+//#region src/components/table/setup.component.ts
+/**
+* Два адаптерных контекста, как у ListBox: собственный (язык, имя чекбокса
+* «выбрать все») и коллекционный (строки, колонки, выбор и сортировка). Второй
+* получает `owner` и общий `bundle`.
+*
+* Логики здесь нет: показанные колонки и строки, ячейки, счёт выбора и
+* порядок строк — расширения коллекции, а разметка раскладывает то, что они
+* отдали. Чекбоксы колонки выбора — экземпляры, которые держит таблица: их
+* отметку она пишет от выбора, а клик по ним — просьба, которую она выполняет
+* командой выбора. Кнопку сортировки рисует заголовок колонки, и её нажатие —
+* просьба колонки, которую выполняет коллекция: методов коллекции разметке
+* таблицы не нужно.
+*
+* Атрибуты потребителя делятся, как у поля (`useSplitAttrs`): класс и стиль —
+* окну, остальное — `table`, где роль и имя таблицы.
+*/
+var setup_component_default = {
+	name: "_Table",
+	inheritAttrs: false,
+	extends: base_component_default,
+	expose: useExpose(),
+	setup(props, { emit }) {
+		const adapter = createVueAdapterContext(TableDescriptor(), {
+			ctrl: props.ctrl,
+			props
+		});
+		const collectionAdapter = createVueAdapterContext(TableCollectionDescriptor(), {
+			props,
+			options: {
+				owner: adapter.instance,
+				engine: props.engine
+			}
+		}, { bundle: adapter.bundle }).use(TCollectionExtension, { elevator: VueElevatorFactory }).use(TVirtualCollectionExtension, { elevator: VueElevatorFactory });
+		const refsCollection = useCollectionAdapter(collectionAdapter, props, emit);
+		const refs = useAdapter(adapter, props, emit);
+		return extendBinding(joinBindings(refs, refsCollection), {
+			...useSplitAttrs(),
+			/**
+			* Чекбокс «выбрать все» — экземпляр, который держит таблица. Не проп
+			* (не меняется за время жизни компонента), поэтому отдаём инстансом,
+			* как `field` у Select, — `<CheckBox :ctrl="selectAll">` берёт его
+			* целиком.
+			*/
+			selectAll: collectionAdapter.instance.selectAll
+		});
+	}
+};
+//#endregion
+export { setup_component_default as default };

package/dist/components/tabs/Tabs.js

@@ -0,0 +1,56 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import Tabs_vue_vue_type_script_lang_default from "./Tabs.vue_vue_type_script_lang.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, mergeProps, openBlock, renderList, renderSlot, resolveComponent, vShow, withCtx, withDirectives } from "vue";
+//#region src/components/tabs/Tabs.vue
+var _hoisted_1 = { class: "so-tabs__bar" };
+var _hoisted_2 = {
+	key: 0,
+	class: "so-tabs__leading"
+};
+var _hoisted_3 = {
+	key: 1,
+	class: "so-tabs__trailing"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_TabsItem = resolveComponent("TabsItem");
+	return _ctx.rendered ? withDirectives((openBlock(), createElementBlock("div", mergeProps({
+		key: 0,
+		ref: "rootElement",
+		class: _ctx.classes
+	}, {
+		..._ctx.attrs,
+		..._ctx.dataset,
+		..._ctx.containerAttrs
+	}), [createElementVNode("div", _hoisted_1, [
+		_ctx.$slots.leading ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "leading")])) : createCommentVNode("", true),
+		createElementVNode("div", mergeProps({ class: "so-tabs__list" }, {
+			..._ctx.aria,
+			..._ctx.controlAttrs
+		}), [renderSlot(_ctx.$slots, "default", {}, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.shown, (item) => {
+			return openBlock(), createElementBlock(Fragment, { key: item.uid }, [!(_ctx.$slots.item || _ctx.$slots["item-leading"] || _ctx.$slots["item-trailing"] || _ctx.$slots["item-close-icon"]) ? (openBlock(), createBlock(_component_TabsItem, {
+				key: 0,
+				ctrl: item
+			}, null, 8, ["ctrl"])) : (openBlock(), createBlock(_component_TabsItem, {
+				key: 1,
+				ctrl: item
+			}, createSlots({
+				leading: withCtx(() => [renderSlot(_ctx.$slots, "item-leading", { item })]),
+				default: withCtx(({ text, active }) => [renderSlot(_ctx.$slots, "item", {
+					item,
+					text,
+					active
+				})]),
+				trailing: withCtx(() => [renderSlot(_ctx.$slots, "item-trailing", { item })]),
+				_: 2
+			}, [_ctx.$slots["item-close-icon"] ? {
+				name: "close-icon",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "item-close-icon", { item })]),
+				key: "0"
+			} : void 0]), 1032, ["ctrl"]))], 64);
+		}), 128))])], 16),
+		_ctx.$slots.trailing ? (openBlock(), createElementBlock("div", _hoisted_3, [renderSlot(_ctx.$slots, "trailing")])) : createCommentVNode("", true)
+	]), renderSlot(_ctx.$slots, "content")], 16)), [[vShow, _ctx.visible]]) : createCommentVNode("", true);
+}
+var Tabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Tabs_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { Tabs_default as default };

package/dist/components/tabs/Tabs.vue.d.ts

@@ -0,0 +1,267 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    orientation?: import("@soxa-ui/core").TTabsOrientation | undefined;
+    alignment?: import("@soxa-ui/core").TTabsAlignment | undefined;
+    position?: import("@soxa-ui/core").TTabsPosition | undefined;
+    view?: import("@soxa-ui/core").TTabsView | undefined;
+    closable?: boolean | undefined;
+    disabled?: boolean | undefined;
+    focused?: boolean | undefined;
+    size?: import("@soxa-ui/core").TComponentSize | undefined;
+    variant?: import("@soxa-ui/core").TComponentVariant | undefined;
+    rendered?: boolean | undefined;
+    visible?: boolean | undefined;
+    tag?: string | object | undefined;
+    direction?: import("@soxa-ui/core").TDirection | undefined;
+    engine?: import("@soxa-ui/core").TTabsCollectionFacadeEngine | undefined;
+    items?: readonly (import("@soxa-ui/core").ITabsItem<import("@soxa-ui/core").ITabsItemProps, import("@soxa-ui/core").TTabsItemEvents<any>> | import("@soxa-ui/core").TCollectionEngineItemSource<import("@soxa-ui/core").ITabsItemProps>)[] | undefined;
+    trackBy?: ((item: import("@soxa-ui/core").ITabsItem<import("@soxa-ui/core").ITabsItemProps, import("@soxa-ui/core").TTabsItemEvents<any>> | import("@soxa-ui/core").TCollectionEngineItemSource<import("@soxa-ui/core").ITabsItem<import("@soxa-ui/core").ITabsItemProps, import("@soxa-ui/core").TTabsItemEvents<any>>>) => unknown) | undefined;
+    aria_label?: string | undefined;
+    aria_labelledBy?: string | undefined;
+    aria_describedBy?: string | undefined;
+    ctrl?: import("@soxa-ui/core").ITabs | 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").ITabs, {
+    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<import("./base.component").TabsProps> & import("../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").ITabs> & import("@soxa-ui/setup").TInstanceState<object & {} & {} & {} & {} & {} & {} & {} & {} & {} & {} & {}> & {
+    plugins: import("@soxa-ui/plugins").IPluginBundle | null;
+} & import("../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").TTabsCollectionFacade> & object, "containerAttrs" | "controlAttrs"> & {
+    containerAttrs: import("vue").ComputedRef<Record<string, unknown>>;
+    controlAttrs: import("vue").ComputedRef<{
+        [x: string]: unknown;
+    }>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, {
+    name: string;
+    emits: import("../../types").TEmits;
+    props: Readonly<Record<string, unknown>>;
+}, {}, string, import("vue").PublicProps, Readonly<{
+    orientation?: import("@soxa-ui/core").TTabsOrientation | undefined;
+    alignment?: import("@soxa-ui/core").TTabsAlignment | undefined;
+    position?: import("@soxa-ui/core").TTabsPosition | undefined;
+    view?: import("@soxa-ui/core").TTabsView | undefined;
+    closable?: boolean | undefined;
+    disabled?: boolean | undefined;
+    focused?: boolean | undefined;
+    size?: import("@soxa-ui/core").TComponentSize | undefined;
+    variant?: import("@soxa-ui/core").TComponentVariant | undefined;
+    rendered?: boolean | undefined;
+    visible?: boolean | undefined;
+    tag?: string | object | undefined;
+    direction?: import("@soxa-ui/core").TDirection | undefined;
+    engine?: import("@soxa-ui/core").TTabsCollectionFacadeEngine | undefined;
+    items?: readonly (import("@soxa-ui/core").ITabsItem<import("@soxa-ui/core").ITabsItemProps, import("@soxa-ui/core").TTabsItemEvents<any>> | import("@soxa-ui/core").TCollectionEngineItemSource<import("@soxa-ui/core").ITabsItemProps>)[] | undefined;
+    trackBy?: ((item: import("@soxa-ui/core").ITabsItem<import("@soxa-ui/core").ITabsItemProps, import("@soxa-ui/core").TTabsItemEvents<any>> | import("@soxa-ui/core").TCollectionEngineItemSource<import("@soxa-ui/core").ITabsItem<import("@soxa-ui/core").ITabsItemProps, import("@soxa-ui/core").TTabsItemEvents<any>>>) => unknown) | undefined;
+    aria_label?: string | undefined;
+    aria_labelledBy?: string | undefined;
+    aria_describedBy?: string | undefined;
+    ctrl?: import("@soxa-ui/core").ITabs | undefined;
+    embedded?: string | undefined;
+    pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+}> & Readonly<{}>, {}, {}, {
+    TabsItem: import("../../adapter").TClosedComponent<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;
+        value?: string | number | undefined;
+        active?: boolean | undefined;
+        closable?: boolean | undefined;
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+        id?: string | undefined;
+        ctrl?: import("@soxa-ui/core").ITabsItem<import("@soxa-ui/core").ITabsItemProps, import("@soxa-ui/core").TTabsItemEvents<any>> | 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").ITabsItem<import("@soxa-ui/core").ITabsItemProps, import("@soxa-ui/core").TTabsItemEvents<any>>, {
+        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 & {} & {} & {} & {} & {} & {} & {} & {};
+    }>> & import("../../adapter/runtime/useAdapter").TUnwrapRefs<import("./item").TabsItemProps> & import("../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").ITabsItem<import("@soxa-ui/core").ITabsItemProps, import("@soxa-ui/core").TTabsItemEvents<any>>> & import("@soxa-ui/setup").TInstanceState<object & {} & {} & {} & {} & {} & {} & {} & {}> & {
+        plugins: import("@soxa-ui/plugins").IPluginBundle | null;
+    } & import("../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").TTabsItemCollectionFacade> & object, "context" | "containerAttrs" | "controlAttrs" | "closeIconTag"> & {
+        containerAttrs: import("vue").ComputedRef<Record<string, unknown>>;
+        controlAttrs: import("vue").ComputedRef<{
+            [x: string]: unknown;
+        }>;
+        context: import("@soxa-ui/core").TItemContext<import("@soxa-ui/core").ITabsItem<import("@soxa-ui/core").ITabsItemProps, import("@soxa-ui/core").TTabsItemEvents<any>>, import("@soxa-ui/core").TTabsCollectionExtensions> | undefined;
+        closeIconTag: 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;
+        value?: string | number | undefined;
+        active?: boolean | undefined;
+        closable?: boolean | undefined;
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+        id?: string | undefined;
+        ctrl?: import("@soxa-ui/core").ITabsItem<import("@soxa-ui/core").ITabsItemProps, import("@soxa-ui/core").TTabsItemEvents<any>> | 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>>;
+        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>>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/tabs/Tabs.vue_vue_type_script_lang.js

@@ -0,0 +1,9 @@
+import { TabsItem } from "./item/index.js";
+import setup_component_default from "./setup.component.js";
+//#region src/components/tabs/Tabs.vue?vue&type=script&lang.ts
+var Tabs_vue_vue_type_script_lang_default = {
+	...setup_component_default,
+	components: { TabsItem }
+};
+//#endregion
+export { Tabs_vue_vue_type_script_lang_default as default };

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

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

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

@@ -0,0 +1,16 @@
+import { useProps } from "../../adapter/static/useProps.js";
+import { useEmits } from "../../adapter/static/useEmits.js";
+import { TabsCollectionDescriptor, TabsDescriptor } from "@soxa-ui/setup";
+//#region src/components/tabs/base.component.ts
+var emitsTabs = [...useEmits(TabsDescriptor()), ...useEmits(TabsCollectionDescriptor())];
+var propsTabs = {
+	...useProps(TabsDescriptor()),
+	...useProps(TabsCollectionDescriptor())
+};
+var base_component_default = {
+	name: "BaseTabs",
+	emits: emitsTabs,
+	props: propsTabs
+};
+//#endregion
+export { base_component_default as default, emitsTabs, propsTabs };

package/dist/components/tabs/collection.types.d.ts

@@ -0,0 +1 @@
+export declare const TABS_COLLECTION_KEY: "tabsCollection";

package/dist/components/tabs/content/Content.js

@@ -0,0 +1,20 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
+import Content_vue_vue_type_script_lang_default from "./Content.vue_vue_type_script_lang.js";
+import { createBlock, createCommentVNode, mergeProps, openBlock, renderSlot, resolveDynamicComponent, vShow, withCtx, withDirectives } from "vue";
+//#region src/components/tabs/content/Content.vue
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return _ctx.rendered && _ctx.active ? withDirectives((openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), mergeProps({
+		key: 0,
+		ref: "rootElement",
+		class: _ctx.classes
+	}, {
+		..._ctx.attrs,
+		..._ctx.aria
+	}), {
+		default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+		_: 3
+	}, 16, ["class"])), [[vShow, _ctx.visible]]) : createCommentVNode("", true);
+}
+var Content_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Content_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { Content_default as default };

package/dist/components/tabs/content/Content.vue.d.ts

@@ -0,0 +1,40 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    value?: string | number | undefined;
+    rendered?: boolean | undefined;
+    visible?: boolean | undefined;
+    tag?: string | object | undefined;
+    direction?: import("@soxa-ui/core").TDirection | undefined;
+    id?: string | undefined;
+    ctrl?: import("@soxa-ui/core").ITabsContent<import("@soxa-ui/core").ITabsContentProps, import("@soxa-ui/core").TTabsContentEvents> | undefined;
+    embedded?: string | undefined;
+    pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+}, import("../../../adapter/runtime/useAdapter").TBindingFields<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").ITabsContent<import("@soxa-ui/core").ITabsContentProps, import("@soxa-ui/core").TTabsContentEvents>, {
+    props: object & {} & {} & {
+        id?: string | undefined;
+    } & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {} & {
+        "change:id": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+    } & {};
+    outputs: object & {} & {} & {} & {};
+}>> & import("../../../adapter/runtime/useAdapter").TUnwrapRefs<import("./base.component").TabsContentProps> & import("../../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").ITabsContent<import("@soxa-ui/core").ITabsContentProps, import("@soxa-ui/core").TTabsContentEvents>> & import("@soxa-ui/setup").TInstanceState<object & {} & {} & {} & {}> & {
+    plugins: import("@soxa-ui/plugins").IPluginBundle | null;
+} & import("../../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").TTabsContentCollectionFacade> & object, {}, {}, {}, import("vue").ComponentOptionsMixin, {
+    name: string;
+    emits: import("../../../types").TEmits;
+    props: Readonly<Record<string, unknown>>;
+}, {}, string, import("vue").PublicProps, Readonly<{
+    value?: string | number | undefined;
+    rendered?: boolean | undefined;
+    visible?: boolean | undefined;
+    tag?: string | object | undefined;
+    direction?: import("@soxa-ui/core").TDirection | undefined;
+    id?: string | undefined;
+    ctrl?: import("@soxa-ui/core").ITabsContent<import("@soxa-ui/core").ITabsContentProps, import("@soxa-ui/core").TTabsContentEvents> | undefined;
+    embedded?: string | undefined;
+    pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/tabs/content/Content.vue_vue_type_script_lang.js

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

package/dist/components/tabs/content/base.component.d.ts

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

package/dist/components/tabs/content/base.component.js

@@ -0,0 +1,16 @@
+import { useProps } from "../../../adapter/static/useProps.js";
+import { useEmits } from "../../../adapter/static/useEmits.js";
+import { TabsCollectionContentDescriptor, TabsContentDescriptor } from "@soxa-ui/setup";
+//#region src/components/tabs/content/base.component.ts
+var emitsTabsContent = [...useEmits(TabsContentDescriptor()), ...useEmits(TabsCollectionContentDescriptor())];
+var propsTabsContent = {
+	...useProps(TabsContentDescriptor()),
+	...useProps(TabsCollectionContentDescriptor())
+};
+var base_component_default = {
+	name: "BaseTabsContent",
+	emits: emitsTabsContent,
+	props: propsTabsContent
+};
+//#endregion
+export { base_component_default as default, emitsTabsContent, propsTabsContent };

package/dist/components/tabs/content/index.d.ts

@@ -0,0 +1,5 @@
+import type { TClosedComponent } from '../../../adapter';
+import TabsContentComponent from './Content.vue';
+export * from './base.component';
+export { default as BaseTabsContent } from './base.component';
+export declare const TabsContent: TClosedComponent<typeof TabsContentComponent>;

package/dist/components/tabs/content/index.js

@@ -0,0 +1,6 @@
+import { emitsTabsContent, propsTabsContent } from "./base.component.js";
+import Content_default from "./Content.js";
+//#region src/components/tabs/content/index.ts
+var TabsContent = Content_default;
+//#endregion
+export { TabsContent, emitsTabsContent, propsTabsContent };

package/dist/components/tabs/content/setup.component.d.ts

@@ -0,0 +1,31 @@
+import { type SetupContext } from '../../../adapter';
+import { type TabsContentProps } from './base.component';
+/**
+ * Два контекста, как у TabsItem: собственный (props панели) и коллекционный
+ * (активность и ARIA-связка через фасад). Разделение слоёв — не формальность:
+ * панель сама по себе о коллекции ничего не знает.
+ */
+declare const _default: {
+    name: string;
+    extends: {
+        name: string;
+        emits: import("../../../types").TEmits;
+        props: Readonly<Record<string, unknown>>;
+    };
+    expose: string[];
+    setup(props: TabsContentProps, { emit }: SetupContext): import("../../../adapter/runtime/useAdapter").TBindingFields<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").ITabsContent<import("@soxa-ui/core").ITabsContentProps, import("@soxa-ui/core").TTabsContentEvents>, {
+        props: object & {} & {} & {
+            id?: string | undefined;
+        } & {};
+        events: object & {
+            "element:ready": (element: Element) => void;
+            "element:removed": () => void;
+        } & {} & {
+            "change:id": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        } & {};
+        outputs: object & {} & {} & {} & {};
+    }>> & import("../../../adapter/runtime/useAdapter").TUnwrapRefs<TabsContentProps> & import("../../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").ITabsContent<import("@soxa-ui/core").ITabsContentProps, import("@soxa-ui/core").TTabsContentEvents>> & import("@soxa-ui/setup").TInstanceState<object & {} & {} & {} & {}> & {
+        plugins: import("@soxa-ui/plugins").IPluginBundle | null;
+    } & import("../../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").TTabsContentCollectionFacade> & object;
+};
+export default _default;

package/dist/components/tabs/content/setup.component.js

@@ -0,0 +1,34 @@
+import { createVueAdapterContext } from "../../../adapter/common/createVueAdapterContext.js";
+import { useExpose } from "../../../adapter/static/useExpose.js";
+import { 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 { TTabsContentBindingExtension, TabsCollectionContentDescriptor, TabsContentDescriptor } from "@soxa-ui/setup";
+//#region src/components/tabs/content/setup.component.ts
+/**
+* Два контекста, как у TabsItem: собственный (props панели) и коллекционный
+* (активность и ARIA-связка через фасад). Разделение слоёв — не формальность:
+* панель сама по себе о коллекции ничего не знает.
+*/
+var setup_component_default = {
+	name: "_TabsContent",
+	extends: base_component_default,
+	expose: useExpose(),
+	setup(props, { emit }) {
+		const adapter = createVueAdapterContext(TabsContentDescriptor(), {
+			ctrl: props.ctrl,
+			props
+		});
+		const contentAdapter = createVueAdapterContext(TabsCollectionContentDescriptor(), { props }, { bundle: adapter.bundle }).use(TTabsContentBindingExtension, {
+			adapter,
+			elevator: VueElevatorFactory
+		});
+		const collectionBinding = useCollectionAdapter(contentAdapter, props, emit);
+		const ownerBinding = useAdapter(adapter, props, emit);
+		return joinBindings(ownerBinding, collectionBinding);
+	}
+};
+//#endregion
+export { setup_component_default as default };