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

package/dist/components/textarea/Textarea.js

@@ -0,0 +1,48 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import Textarea_vue_vue_type_script_lang_default from "./Textarea.vue_vue_type_script_lang.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, mergeProps, openBlock, resolveDynamicComponent, toDisplayString, vShow, withCtx, withDirectives } from "vue";
+//#region src/components/textarea/Textarea.vue
+var _hoisted_1 = [
+	"id",
+	"value",
+	"name",
+	"rows",
+	"maxlength",
+	"disabled",
+	"readonly",
+	"required",
+	"placeholder"
+];
+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.dataset,
+		..._ctx.containerAttrs
+	}), {
+		default: withCtx(() => [createElementVNode("textarea", mergeProps({
+			id: _ctx.id,
+			value: _ctx.value,
+			name: _ctx.name,
+			rows: _ctx.rows,
+			maxlength: _ctx.maxlength,
+			disabled: _ctx.disabled,
+			readonly: _ctx.readonly,
+			required: _ctx.required,
+			placeholder: _ctx.placeholder
+		}, {
+			..._ctx.aria,
+			..._ctx.controlAttrs
+		}), null, 16, _hoisted_1), _ctx.counter ? (openBlock(), createElementBlock("div", mergeProps({
+			key: 0,
+			class: "so-textarea__counter"
+		}, _ctx.counterAria), toDisplayString(_ctx.names_counter), 17)) : createCommentVNode("", true)]),
+		_: 1
+	}, 16, ["class"])), [[vShow, _ctx.visible]]) : createCommentVNode("", true);
+}
+var Textarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Textarea_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { Textarea_default as default };

package/dist/components/textarea/Textarea.vue.d.ts

@@ -0,0 +1,90 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    placeholder?: string | undefined;
+    rows?: number | undefined;
+    maxRows?: number | undefined;
+    maxlength?: number | undefined;
+    autoresize?: boolean | undefined;
+    counter?: boolean | undefined;
+    readonly?: boolean | undefined;
+    required?: boolean | undefined;
+    value?: string | undefined;
+    name?: string | 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;
+    aria_label?: string | undefined;
+    aria_labelledBy?: string | undefined;
+    aria_describedBy?: string | undefined;
+    id?: string | undefined;
+    ctrl?: import("@soxa-ui/core").ITextarea | 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").ITextarea, {
+    props: object & {} & {} & {} & {
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+    } & {
+        id?: string | undefined;
+    } & {} & {} & {} & {} & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {} & {
+        "aria:change:label": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        "aria:change:labelledBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        "aria:change:describedBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+    } & {
+        "action:blur": (event: FocusEvent) => void;
+        "action:click": (event: MouseEvent) => void;
+        "action:focus": (event: FocusEvent) => void;
+        "action:press": (event: MouseEvent) => void;
+    } & {
+        "change:id": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+    } & {} & {} & {} & {};
+    outputs: object & {} & {} & {} & {} & {} & {} & {} & {
+        readonly names_counter: string;
+    } & {} & {};
+}>, import("./base.component").TextareaProps>, "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<{
+    placeholder?: string | undefined;
+    rows?: number | undefined;
+    maxRows?: number | undefined;
+    maxlength?: number | undefined;
+    autoresize?: boolean | undefined;
+    counter?: boolean | undefined;
+    readonly?: boolean | undefined;
+    required?: boolean | undefined;
+    value?: string | undefined;
+    name?: string | 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;
+    aria_label?: string | undefined;
+    aria_labelledBy?: string | undefined;
+    aria_describedBy?: string | undefined;
+    id?: string | undefined;
+    ctrl?: import("@soxa-ui/core").ITextarea | undefined;
+    embedded?: string | undefined;
+    pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/textarea/Textarea.vue_vue_type_script_lang.js

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+import type { TClosedComponent } from '../../adapter';
+import TextareaComponent from './Textarea.vue';
+export { default as BaseTextarea, emitsTextarea, propsTextarea } from './base.component';
+export declare const Textarea: TClosedComponent<typeof TextareaComponent>;

package/dist/components/textarea/index.js

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

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

@@ -0,0 +1,54 @@
+import { type SetupContext } from '../../adapter';
+import { type TextareaProps } from './base.component';
+/**
+ * Логики здесь нет: набранное в значение переносит `TInputPlugin`, высоту по
+ * тексту — `TTextareaAutoresizePlugin`, текст счётчика пишет
+ * `TTextareaNamesPlugin`, `data-limit` ставит ядро. Разметка раскладывает то,
+ * что они отдали.
+ *
+ * Атрибуты потребителя делятся, как у Input (`useSplitAttrs`): класс и стиль —
+ * корню, остальное — `<textarea>`, поверх её `aria`.
+ */
+declare const _default: {
+    name: string;
+    inheritAttrs: boolean;
+    extends: {
+        name: string;
+        emits: import("../../types").TEmits;
+        props: Readonly<Record<string, unknown>>;
+    };
+    expose: string[];
+    setup(props: TextareaProps, { emit }: SetupContext): Omit<import("../../adapter/runtime/useAdapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").ITextarea, {
+        props: object & {} & {} & {} & {
+            aria_label?: string | undefined;
+            aria_labelledBy?: string | undefined;
+            aria_describedBy?: string | undefined;
+        } & {
+            id?: string | undefined;
+        } & {} & {} & {} & {} & {};
+        events: object & {
+            "element:ready": (element: Element) => void;
+            "element:removed": () => void;
+        } & {} & {
+            "aria:change:label": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+            "aria:change:labelledBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+            "aria:change:describedBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        } & {
+            "action:blur": (event: FocusEvent) => void;
+            "action:click": (event: MouseEvent) => void;
+            "action:focus": (event: FocusEvent) => void;
+            "action:press": (event: MouseEvent) => void;
+        } & {
+            "change:id": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        } & {} & {} & {} & {};
+        outputs: object & {} & {} & {} & {} & {} & {} & {} & {
+            readonly names_counter: string;
+        } & {} & {};
+    }>, TextareaProps>, "containerAttrs" | "controlAttrs"> & {
+        containerAttrs: import("vue").ComputedRef<Record<string, unknown>>;
+        controlAttrs: import("vue").ComputedRef<{
+            [x: string]: unknown;
+        }>;
+    };
+};
+export default _default;

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

@@ -0,0 +1,33 @@
+import { useSplitAttrs } from "../../adapter/common/useSplitAttrs.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 { VueElevatorFactory } from "../../adapter/elevator/factory.js";
+import base_component_default from "./base.component.js";
+import { TFieldControlExtension, TextareaDescriptor } from "@soxa-ui/setup";
+//#region src/components/textarea/setup.component.ts
+/**
+* Логики здесь нет: набранное в значение переносит `TInputPlugin`, высоту по
+* тексту — `TTextareaAutoresizePlugin`, текст счётчика пишет
+* `TTextareaNamesPlugin`, `data-limit` ставит ядро. Разметка раскладывает то,
+* что они отдали.
+*
+* Атрибуты потребителя делятся, как у Input (`useSplitAttrs`): класс и стиль —
+* корню, остальное — `<textarea>`, поверх её `aria`.
+*/
+var setup_component_default = {
+	name: "_Textarea",
+	inheritAttrs: false,
+	extends: base_component_default,
+	expose: useExpose(),
+	setup(props, { emit }) {
+		const adapter = createVueAdapterContext(TextareaDescriptor(), {
+			ctrl: props.ctrl,
+			props
+		}).use(TFieldControlExtension, { elevator: VueElevatorFactory });
+		return extendBinding(useAdapter(adapter, props, emit), useSplitAttrs());
+	}
+};
+//#endregion
+export { setup_component_default as default };

package/dist/components/toasts/Toasts.js

@@ -0,0 +1,51 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import Toasts_vue_vue_type_script_lang_default from "./Toasts.vue_vue_type_script_lang.js";
+import { Fragment, Teleport, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, mergeProps, openBlock, renderList, renderSlot, resolveComponent, resolveDynamicComponent, vShow, withCtx, withDirectives } from "vue";
+//#region src/components/toasts/Toasts.vue
+var _hoisted_1 = { class: "so-toasts__list" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_ToastsItem = resolveComponent("ToastsItem");
+	return openBlock(), createElementBlock(Fragment, null, [renderSlot(_ctx.$slots, "default"), (openBlock(), createBlock(Teleport, { to: _ctx.target }, [_ctx.rendered ? withDirectives((openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), mergeProps({
+		key: 0,
+		ref: "rootElement",
+		class: _ctx.classes,
+		style: _ctx.layout_styles
+	}, {
+		..._ctx.attrs,
+		..._ctx.aria,
+		..._ctx.dataset,
+		..._ctx.$attrs
+	}), {
+		default: withCtx(() => [createElementVNode("ol", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.shown, (item) => {
+			return openBlock(), createElementBlock(Fragment, { key: item.uid }, [!(_ctx.$slots.item || _ctx.$slots["item-icon"] || _ctx.$slots["item-content"] || _ctx.$slots["item-close-icon"]) ? (openBlock(), createBlock(_component_ToastsItem, {
+				key: 0,
+				ctrl: item
+			}, null, 8, ["ctrl"])) : (openBlock(), createBlock(_component_ToastsItem, {
+				key: 1,
+				ctrl: item
+			}, createSlots({
+				default: withCtx(({ text }) => [renderSlot(_ctx.$slots, "item", {
+					item,
+					text
+				})]),
+				content: withCtx(() => [renderSlot(_ctx.$slots, "item-content", { item })]),
+				_: 2
+			}, [_ctx.$slots["item-icon"] ? {
+				name: "icon",
+				fn: withCtx(({ type }) => [renderSlot(_ctx.$slots, "item-icon", {
+					item,
+					type
+				})]),
+				key: "0"
+			} : void 0, _ctx.$slots["item-close-icon"] ? {
+				name: "close-icon",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "item-close-icon", { item })]),
+				key: "1"
+			} : void 0]), 1032, ["ctrl"]))], 64);
+		}), 128))])]),
+		_: 3
+	}, 16, ["class", "style"])), [[vShow, _ctx.visible]]) : createCommentVNode("", true)], 8, ["to"]))], 64);
+}
+var Toasts_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Toasts_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { Toasts_default as default };

package/dist/components/toasts/Toasts.vue.d.ts

@@ -0,0 +1,281 @@
+/**
+ * `inheritAttrs: false` is a must: the template's root is a fragment of the
+ * app in the slot and the teleport. A fragment has no automatic attribute
+ * transfer at all, and a transfer into the slot or the teleport would land in
+ * the wrong place. So the attributes go by hand to the region: it is the
+ * manager's root.
+ */
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    placement?: import("@soxa-ui/core").TToastsPlacement | undefined;
+    layout?: import("@soxa-ui/core").TToastsLayout | undefined;
+    max?: number | undefined;
+    duration?: number | undefined;
+    target?: string | undefined;
+    rendered?: boolean | undefined;
+    visible?: boolean | undefined;
+    tag?: string | object | undefined;
+    direction?: import("@soxa-ui/core").TDirection | undefined;
+    engine?: import("@soxa-ui/core").TToastsCollectionFacadeEngine | undefined;
+    items?: readonly (import("@soxa-ui/core").IToastsItem<import("@soxa-ui/core").IToastsItemProps, import("@soxa-ui/core").TToastsItemEvents> | import("@soxa-ui/core").TCollectionEngineItemSource<import("@soxa-ui/core").IToastsItemProps>)[] | undefined;
+    trackBy?: ((item: import("@soxa-ui/core").IToastsItem<import("@soxa-ui/core").IToastsItemProps, import("@soxa-ui/core").TToastsItemEvents> | import("@soxa-ui/core").TCollectionEngineItemSource<import("@soxa-ui/core").IToastsItem<import("@soxa-ui/core").IToastsItemProps, import("@soxa-ui/core").TToastsItemEvents>>) => unknown) | undefined;
+    ctrl?: import("@soxa-ui/core").IToasts<import("@soxa-ui/core").IToastsProps, import("@soxa-ui/core").TToastsEvents> | 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").IToasts<import("@soxa-ui/core").IToastsProps, import("@soxa-ui/core").TToastsEvents>, {
+    props: object & {} & {} & {} & {} & {} & {} & {} & {} & {} & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {} & {} & {} & {} & {} & {} & {} & {} & {};
+    outputs: object & {} & {} & {} & {} & {} & {} & {} & {} & {
+        readonly layout_styles: Record<string, string | number>;
+    } & {};
+}>> & import("../../adapter/runtime/useAdapter").TUnwrapRefs<import("./base.component").ToastsProps> & import("../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").IToasts<import("@soxa-ui/core").IToastsProps, import("@soxa-ui/core").TToastsEvents>> & import("@soxa-ui/setup").TInstanceState<object & {} & {} & {} & {} & {} & {} & {} & {} & {
+    readonly layout_styles: Record<string, string | number>;
+} & {}> & {
+    plugins: import("@soxa-ui/plugins").IPluginBundle | null;
+} & import("../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").TToastsCollectionFacade> & object, {}, {}, {}, import("vue").ComponentOptionsMixin, {
+    name: string;
+    emits: import("../../types").TEmits;
+    props: Readonly<Record<string, unknown>>;
+}, {}, string, import("vue").PublicProps, Readonly<{
+    placement?: import("@soxa-ui/core").TToastsPlacement | undefined;
+    layout?: import("@soxa-ui/core").TToastsLayout | undefined;
+    max?: number | undefined;
+    duration?: number | undefined;
+    target?: string | undefined;
+    rendered?: boolean | undefined;
+    visible?: boolean | undefined;
+    tag?: string | object | undefined;
+    direction?: import("@soxa-ui/core").TDirection | undefined;
+    engine?: import("@soxa-ui/core").TToastsCollectionFacadeEngine | undefined;
+    items?: readonly (import("@soxa-ui/core").IToastsItem<import("@soxa-ui/core").IToastsItemProps, import("@soxa-ui/core").TToastsItemEvents> | import("@soxa-ui/core").TCollectionEngineItemSource<import("@soxa-ui/core").IToastsItemProps>)[] | undefined;
+    trackBy?: ((item: import("@soxa-ui/core").IToastsItem<import("@soxa-ui/core").IToastsItemProps, import("@soxa-ui/core").TToastsItemEvents> | import("@soxa-ui/core").TCollectionEngineItemSource<import("@soxa-ui/core").IToastsItem<import("@soxa-ui/core").IToastsItemProps, import("@soxa-ui/core").TToastsItemEvents>>) => unknown) | undefined;
+    ctrl?: import("@soxa-ui/core").IToasts<import("@soxa-ui/core").IToastsProps, import("@soxa-ui/core").TToastsEvents> | undefined;
+    embedded?: string | undefined;
+    pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+}> & Readonly<{}>, {}, {}, {
+    ToastsItem: import("../../adapter").TClosedComponent<import("vue").DefineComponent<{
+        text?: string | undefined;
+        description?: string | undefined;
+        type?: import("@soxa-ui/core").TToastsItemType | undefined;
+        loading?: boolean | undefined;
+        closable?: boolean | undefined;
+        duration?: number | undefined;
+        alert?: boolean | undefined;
+        render?: unknown;
+        rendered?: boolean | undefined;
+        visible?: boolean | undefined;
+        tag?: string | object | undefined;
+        direction?: import("@soxa-ui/core").TDirection | undefined;
+        ctrl?: import("@soxa-ui/core").IToastsItem<import("@soxa-ui/core").IToastsItemProps, import("@soxa-ui/core").TToastsItemEvents> | 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").IToastsItem<import("@soxa-ui/core").IToastsItemProps, import("@soxa-ui/core").TToastsItemEvents>, {
+        props: object & {} & {} & {} & {};
+        events: object & {
+            "element:ready": (element: Element) => void;
+            "element:removed": () => void;
+        } & {} & {} & {};
+        outputs: object & {} & {} & {} & {};
+    }>> & import("../../adapter/runtime/useAdapter").TUnwrapRefs<import("./item").ToastsItemProps> & import("../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").IToastsItem<import("@soxa-ui/core").IToastsItemProps, import("@soxa-ui/core").TToastsItemEvents>> & import("@soxa-ui/setup").TInstanceState<object & {} & {} & {} & {}> & {
+        plugins: import("@soxa-ui/plugins").IPluginBundle | null;
+    } & import("../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").TToastsItemCollectionFacade> & object, "closeIconTag" | "toast" | "typeIconTags" | "notificationIconTag" | "isToastRender"> & {
+        toast: object & import("@soxa-ui/core").IToastsItem<import("@soxa-ui/core").IToastsItemProps, import("@soxa-ui/core").TToastsItemEvents>;
+        closeIconTag: import("vue").Component;
+        typeIconTags: {
+            info: import("vue").Component;
+            success: import("vue").Component;
+            warning: import("vue").Component;
+            error: import("vue").Component;
+        };
+        notificationIconTag: import("vue").Component;
+        isToastRender: typeof import("../../adapter").isToastRender;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, {
+        name: string;
+        emits: import("../../types").TEmits;
+        props: Readonly<Record<string, unknown>>;
+    }, {}, string, import("vue").PublicProps, Readonly<{
+        text?: string | undefined;
+        description?: string | undefined;
+        type?: import("@soxa-ui/core").TToastsItemType | undefined;
+        loading?: boolean | undefined;
+        closable?: boolean | undefined;
+        duration?: number | undefined;
+        alert?: boolean | undefined;
+        render?: unknown;
+        rendered?: boolean | undefined;
+        visible?: boolean | undefined;
+        tag?: string | object | undefined;
+        direction?: import("@soxa-ui/core").TDirection | undefined;
+        ctrl?: import("@soxa-ui/core").IToastsItem<import("@soxa-ui/core").IToastsItemProps, import("@soxa-ui/core").TToastsItemEvents> | 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>>;
+        ProgressSpinner: import("../../adapter").TClosedComponent<import("vue").DefineComponent<{
+            value?: number | undefined;
+            min?: number | undefined;
+            max?: number | undefined;
+            indeterminate?: 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;
+            aria_label?: string | undefined;
+            aria_labelledBy?: string | undefined;
+            aria_describedBy?: string | undefined;
+            ctrl?: import("@soxa-ui/core").IProgressSpinner | 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").IProgressSpinner, {
+            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 & {} & {} & {};
+        }>, import("../..").ProgressSpinnerProps>, {}, {}, {}, import("vue").ComponentOptionsMixin, {
+            name: string;
+            emits: import("../../types").TEmits;
+            props: Readonly<Record<string, unknown>>;
+        }, {}, string, import("vue").PublicProps, Readonly<{
+            value?: number | undefined;
+            min?: number | undefined;
+            max?: number | undefined;
+            indeterminate?: 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;
+            aria_label?: string | undefined;
+            aria_labelledBy?: string | undefined;
+            aria_describedBy?: string | undefined;
+            ctrl?: import("@soxa-ui/core").IProgressSpinner | 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/toasts/Toasts.vue_vue_type_script_lang.js

@@ -0,0 +1,17 @@
+import { ToastsItem } from "./item/index.js";
+import setup_component_default from "./setup.component.js";
+//#region src/components/toasts/Toasts.vue?vue&type=script&lang.ts
+/**
+* `inheritAttrs: false` is a must: the template's root is a fragment of the
+* app in the slot and the teleport. A fragment has no automatic attribute
+* transfer at all, and a transfer into the slot or the teleport would land in
+* the wrong place. So the attributes go by hand to the region: it is the
+* manager's root.
+*/
+var Toasts_vue_vue_type_script_lang_default = {
+	...setup_component_default,
+	inheritAttrs: false,
+	components: { ToastsItem }
+};
+//#endregion
+export { Toasts_vue_vue_type_script_lang_default as default };

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

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