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

package/dist/components/accordion/index.js

@@ -0,0 +1,9 @@
+import { emitsAccordionItem, propsAccordionItem } from "./item/base.component.js";
+import { AccordionItem } from "./item/index.js";
+import "./base.component.js";
+import Accordion_default from "./Accordion.js";
+import { withParts } from "@soxa-ui/setup";
+/** Основная форма — `<Accordion.Item>`; плоский `AccordionItem` работает так же. */
+var Accordion = withParts(Accordion_default, { Item: AccordionItem });
+//#endregion
+export { Accordion, AccordionItem, emitsAccordionItem, propsAccordionItem };

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

@@ -0,0 +1,69 @@
+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, createElementVNode, createTextVNode, createVNode, mergeProps, openBlock, renderSlot, resolveComponent, resolveDynamicComponent, toDisplayString, vShow, withCtx, withDirectives } from "vue";
+//#region src/components/accordion/item/Item.vue
+var _hoisted_1 = {
+	key: 0,
+	class: "so-accordion-item__arrow"
+};
+var _hoisted_2 = {
+	key: 0,
+	class: "so-accordion-item__arrow"
+};
+var _hoisted_3 = { class: "so-accordion-item__body" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_Icon = resolveComponent("Icon");
+	const _component_Button = resolveComponent("Button");
+	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_Button, mergeProps({
+			embedded: "accordion.header",
+			type: "button",
+			class: "so-accordion-item__header",
+			view: _ctx.view,
+			disabled: _ctx.disabled,
+			size: _ctx.size,
+			variant: _ctx.variant,
+			onClick: _cache[0] || (_cache[0] = ($event) => _ctx.context?.adapters.selection.toggle())
+		}, {
+			..._ctx.aria,
+			..._ctx.controlAttrs
+		}), {
+			leading: withCtx(() => [_ctx.arrowPlacement === "start" ? (openBlock(), createElementBlock("span", _hoisted_1, [renderSlot(_ctx.$slots, "arrow-icon", { item: _ctx.ctrl }, () => [_ctx.arrowPlacement === "start" ? (openBlock(), createBlock(_component_Icon, {
+				key: 0,
+				embedded: "accordion.arrow",
+				tag: _ctx.arrowIconTag,
+				size: _ctx.size
+			}, null, 8, ["tag", "size"])) : createCommentVNode("", true)])])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "leading", { item: _ctx.ctrl })]),
+			trailing: withCtx(() => [renderSlot(_ctx.$slots, "trailing", { item: _ctx.ctrl }), _ctx.arrowPlacement === "end" ? (openBlock(), createElementBlock("span", _hoisted_2, [renderSlot(_ctx.$slots, "arrow-icon", { item: _ctx.ctrl }, () => [_ctx.arrowPlacement === "end" ? (openBlock(), createBlock(_component_Icon, {
+				key: 0,
+				embedded: "accordion.arrow",
+				tag: _ctx.arrowIconTag,
+				size: _ctx.size
+			}, null, 8, ["tag", "size"])) : createCommentVNode("", true)])])) : createCommentVNode("", true)]),
+			default: withCtx(() => [renderSlot(_ctx.$slots, "header", {
+				item: _ctx.ctrl,
+				text: _ctx.text,
+				selected: _ctx.selected
+			}, () => [createTextVNode(toDisplayString(_ctx.text), 1)])]),
+			_: 3
+		}, 16, [
+			"view",
+			"disabled",
+			"size",
+			"variant"
+		]), createElementVNode("div", _hoisted_3, [createElementVNode("div", mergeProps({ class: "so-accordion-item__content" }, _ctx.contentAria), [renderSlot(_ctx.$slots, "default", { item: _ctx.ctrl })], 16)])]),
+		_: 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/accordion/item/Item.vue.d.ts

@@ -0,0 +1,188 @@
+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;
+    arrowPlacement?: import("@soxa-ui/core").TAccordionArrowPlacement | undefined;
+    aria_label?: string | undefined;
+    aria_labelledBy?: string | undefined;
+    aria_describedBy?: string | undefined;
+    id?: string | undefined;
+    ctrl?: import("@soxa-ui/core").IAccordionItem<import("@soxa-ui/core").IAccordionItemProps, import("@soxa-ui/core").TAccordionItemEvents> | 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").IAccordionItem<import("@soxa-ui/core").IAccordionItemProps, import("@soxa-ui/core").TAccordionItemEvents>, {
+    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("./base.component").AccordionItemProps> & import("../../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").IAccordionItem<import("@soxa-ui/core").IAccordionItemProps, import("@soxa-ui/core").TAccordionItemEvents>> & import("@soxa-ui/setup").TInstanceState<object & {} & {} & {} & {} & {} & {} & {}> & {
+    plugins: import("@soxa-ui/plugins").IPluginBundle | null;
+} & import("../../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").TAccordionItemCollectionFacade> & object, "context" | "containerAttrs" | "controlAttrs" | "arrowIconTag"> & {
+    containerAttrs: import("vue").ComputedRef<Record<string, unknown>>;
+    controlAttrs: import("vue").ComputedRef<{
+        [x: string]: unknown;
+    }>;
+    context: import("@soxa-ui/core").TItemContext<import("@soxa-ui/core").IAccordionItem<import("@soxa-ui/core").IAccordionItemProps, import("@soxa-ui/core").TAccordionItemEvents>, import("@soxa-ui/core").TAccordionCollectionExtensions> | undefined;
+    arrowIconTag: 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;
+    arrowPlacement?: import("@soxa-ui/core").TAccordionArrowPlacement | undefined;
+    aria_label?: string | undefined;
+    aria_labelledBy?: string | undefined;
+    aria_describedBy?: string | undefined;
+    id?: string | undefined;
+    ctrl?: import("@soxa-ui/core").IAccordionItem<import("@soxa-ui/core").IAccordionItemProps, import("@soxa-ui/core").TAccordionItemEvents> | 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>;

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

@@ -0,0 +1,13 @@
+import { Icon } from "../../icon/index.js";
+import { Button } from "../../button/index.js";
+import setup_component_default from "./setup.component.js";
+//#region src/components/accordion/item/Item.vue?vue&type=script&lang.ts
+var Item_vue_vue_type_script_lang_default = {
+	...setup_component_default,
+	components: {
+		Icon,
+		Button
+	}
+};
+//#endregion
+export { Item_vue_vue_type_script_lang_default as default };

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

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

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

@@ -0,0 +1,16 @@
+import { useProps } from "../../../adapter/static/useProps.js";
+import { useEmits } from "../../../adapter/static/useEmits.js";
+import { AccordionCollectionItemDescriptor, AccordionItemDescriptor } from "@soxa-ui/setup";
+//#region src/components/accordion/item/base.component.ts
+var emitsAccordionItem = [...useEmits(AccordionItemDescriptor()), ...useEmits(AccordionCollectionItemDescriptor())];
+var propsAccordionItem = {
+	...useProps(AccordionItemDescriptor()),
+	...useProps(AccordionCollectionItemDescriptor())
+};
+var base_component_default = {
+	name: "BaseAccordionItem",
+	emits: emitsAccordionItem,
+	props: propsAccordionItem
+};
+//#endregion
+export { base_component_default as default, emitsAccordionItem, propsAccordionItem };

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

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

package/dist/components/accordion/item/index.js

@@ -0,0 +1,6 @@
+import { emitsAccordionItem, propsAccordionItem } from "./base.component.js";
+import Item_default from "./Item.js";
+//#region src/components/accordion/item/index.ts
+var AccordionItem = Item_default;
+//#endregion
+export { AccordionItem, emitsAccordionItem, propsAccordionItem };

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

@@ -0,0 +1,47 @@
+import { type SetupContext } from '../../../adapter';
+import { type AccordionItemProps } from './base.component';
+declare const _default: {
+    name: string;
+    inheritAttrs: boolean;
+    extends: {
+        name: string;
+        emits: import("../../../types").TEmits;
+        props: Readonly<Record<string, unknown>>;
+    };
+    expose: string[];
+    setup(props: AccordionItemProps, { emit }: SetupContext): Omit<import("../../../adapter/runtime/useAdapter").TBindingFields<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IAccordionItem<import("@soxa-ui/core").IAccordionItemProps, import("@soxa-ui/core").TAccordionItemEvents>, {
+        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<AccordionItemProps> & import("../../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").IAccordionItem<import("@soxa-ui/core").IAccordionItemProps, import("@soxa-ui/core").TAccordionItemEvents>> & import("@soxa-ui/setup").TInstanceState<object & {} & {} & {} & {} & {} & {} & {}> & {
+        plugins: import("@soxa-ui/plugins").IPluginBundle | null;
+    } & import("../../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").TAccordionItemCollectionFacade> & object, "context" | "containerAttrs" | "controlAttrs" | "arrowIconTag"> & {
+        containerAttrs: import("vue").ComputedRef<Record<string, unknown>>;
+        controlAttrs: import("vue").ComputedRef<{
+            [x: string]: unknown;
+        }>;
+        context: import("@soxa-ui/core").TItemContext<import("@soxa-ui/core").IAccordionItem<import("@soxa-ui/core").IAccordionItemProps, import("@soxa-ui/core").TAccordionItemEvents>, import("@soxa-ui/core").TAccordionCollectionExtensions> | undefined;
+        arrowIconTag: import("vue").Component;
+    };
+};
+export default _default;

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

@@ -0,0 +1,36 @@
+import { roleIcon } from "../../../adapter/common/icon.js";
+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 { AccordionCollectionItemDescriptor, AccordionItemDescriptor, TCollectionItemExtension } from "@soxa-ui/setup";
+//#region src/components/accordion/item/setup.component.ts
+var setup_component_default = {
+	name: "_AccordionItem",
+	inheritAttrs: false,
+	extends: base_component_default,
+	expose: useExpose(),
+	setup(props, { emit }) {
+		const adapter = createVueAdapterContext(AccordionItemDescriptor(), {
+			ctrl: props.ctrl,
+			props
+		});
+		const itemAdapter = createVueAdapterContext(AccordionCollectionItemDescriptor(), { 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,
+			arrowIconTag: roleIcon("arrowRight"),
+			...useSplitAttrs()
+		});
+	}
+};
+//#endregion
+export { setup_component_default as default };

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

@@ -0,0 +1,35 @@
+import { type SetupContext } from '../../adapter';
+import { type AccordionProps } from './base.component';
+declare const _default: {
+    name: string;
+    extends: {
+        name: string;
+        emits: import("../../types").TEmits;
+        props: Readonly<Record<string, unknown>>;
+    };
+    expose: string[];
+    setup(props: AccordionProps, { emit }: SetupContext): import("../../adapter/runtime/useAdapter").TBindingFields<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IAccordion, {
+        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<AccordionProps> & import("../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").IAccordion> & import("@soxa-ui/setup").TInstanceState<object & {} & {} & {} & {} & {} & {} & {} & {}> & {
+        plugins: import("@soxa-ui/plugins").IPluginBundle | null;
+    } & import("../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").TAccordionCollectionFacade> & object;
+};
+export default _default;

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

@@ -0,0 +1,32 @@
+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 { AccordionCollectionDescriptor, AccordionDescriptor, TCollectionExtension, TDragAndDropCollectionExtension } from "@soxa-ui/setup";
+//#region src/components/accordion/setup.component.ts
+var setup_component_default = {
+	name: "_Accordion",
+	extends: base_component_default,
+	expose: useExpose(),
+	setup(props, { emit }) {
+		const adapter = createVueAdapterContext(AccordionDescriptor(), {
+			ctrl: props.ctrl,
+			props
+		});
+		const collectionAdapter = createVueAdapterContext(AccordionCollectionDescriptor(), {
+			props,
+			options: {
+				owner: adapter.instance,
+				engine: props.engine
+			}
+		}, { bundle: adapter.bundle }).use(TCollectionExtension, { elevator: VueElevatorFactory }).use(TDragAndDropCollectionExtension, { elevator: VueElevatorFactory });
+		const refsCollection = useCollectionAdapter(collectionAdapter, props, emit);
+		const refs = useAdapter(adapter, props, emit);
+		return joinBindings(refs, refsCollection);
+	}
+};
+//#endregion
+export { setup_component_default as default };

package/dist/components/button/Button.js

@@ -0,0 +1,26 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import Button_vue_vue_type_script_lang_default from "./Button.vue_vue_type_script_lang.js";
+import { createBlock, createCommentVNode, createElementVNode, createTextVNode, mergeProps, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, vShow, withCtx, withDirectives } from "vue";
+//#region src/components/button/Button.vue
+var _hoisted_1 = { class: "so-button__text" };
+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(() => [
+			renderSlot(_ctx.$slots, "leading"),
+			createElementVNode("span", _hoisted_1, [renderSlot(_ctx.$slots, "default", { text: _ctx.text }, () => [createTextVNode(toDisplayString(_ctx.text), 1)])]),
+			renderSlot(_ctx.$slots, "trailing")
+		]),
+		_: 3
+	}, 16, ["class"])), [[vShow, _ctx.visible]]) : createCommentVNode("", true);
+}
+var Button_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Button_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { Button_default as default };

package/dist/components/button/Button.vue.d.ts

@@ -0,0 +1,61 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: 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("./base.component").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>;

package/dist/components/button/Button.vue_vue_type_script_lang.js

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+import type { TClosedComponent } from '../../adapter';
+import ButtonComponent from './Button.vue';
+export { default as BaseButton, emitsButton, propsButton } from './base.component';
+export declare const Button: TClosedComponent<typeof ButtonComponent>;

package/dist/components/button/index.js

@@ -0,0 +1,6 @@
+import base_component_default from "./base.component.js";
+import Button_default from "./Button.js";
+//#region src/components/button/index.ts
+var Button = Button_default;
+//#endregion
+export { base_component_default as BaseButton, Button };