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

package/dist/components/radio-group/setup.component.d.ts

@@ -0,0 +1,43 @@
+import { type SetupContext } from '../../adapter';
+import { type RadioGroupProps } from './base.component';
+/**
+ * Два контекста, как у остальных коллекций: собственный (props группы) и
+ * фасада коллекции (состав и отмеченное радио). Drag-and-drop нет: радио
+ * одной группы стоят где угодно в разметке, и порядка на экране у них нет.
+ *
+ * Поле формы `Field` связывается с группой, а не с радио: подпись поля
+ * называет группу ссылкой, ошибка — группы.
+ */
+declare const _default: {
+    name: string;
+    extends: {
+        name: string;
+        emits: import("../../types").TEmits;
+        props: Readonly<Record<string, unknown>>;
+    };
+    expose: string[];
+    setup(props: RadioGroupProps, { emit }: SetupContext): import("../../adapter/runtime/useAdapter").TBindingFields<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IRadioGroup, {
+        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<RadioGroupProps> & import("../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").IRadioGroup> & import("@soxa-ui/setup").TInstanceState<object & {} & {} & {} & {} & {} & {} & {} & {} & {}> & {
+        plugins: import("@soxa-ui/plugins").IPluginBundle | null;
+    } & import("../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").TRadioGroupCollectionFacade> & object;
+};
+export default _default;

package/dist/components/radio-group/setup.component.js

@@ -0,0 +1,40 @@
+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 { RadioGroupCollectionDescriptor, RadioGroupDescriptor, TCollectionExtension, TFieldControlExtension } from "@soxa-ui/setup";
+//#region src/components/radio-group/setup.component.ts
+/**
+* Два контекста, как у остальных коллекций: собственный (props группы) и
+* фасада коллекции (состав и отмеченное радио). Drag-and-drop нет: радио
+* одной группы стоят где угодно в разметке, и порядка на экране у них нет.
+*
+* Поле формы `Field` связывается с группой, а не с радио: подпись поля
+* называет группу ссылкой, ошибка — группы.
+*/
+var setup_component_default = {
+	name: "_RadioGroup",
+	extends: base_component_default,
+	expose: useExpose(),
+	setup(props, { emit }) {
+		const adapter = createVueAdapterContext(RadioGroupDescriptor(), {
+			ctrl: props.ctrl,
+			props
+		}).use(TFieldControlExtension, { elevator: VueElevatorFactory });
+		const collectionAdapter = createVueAdapterContext(RadioGroupCollectionDescriptor(), {
+			props,
+			options: {
+				owner: adapter.instance,
+				engine: props.engine
+			}
+		}, { bundle: adapter.bundle }).use(TCollectionExtension, { elevator: VueElevatorFactory });
+		const refsCollection = useCollectionAdapter(collectionAdapter, props, emit);
+		const refs = useAdapter(adapter, props, emit);
+		return joinBindings(refs, refsCollection);
+	}
+};
+//#endregion
+export { setup_component_default as default };

package/dist/components/rating/Rating.js

@@ -0,0 +1,54 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import Rating_vue_vue_type_script_lang_default from "./Rating.vue_vue_type_script_lang.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, mergeProps, normalizeStyle, openBlock, renderList, renderSlot, resolveDynamicComponent, vShow, withCtx, withDirectives } from "vue";
+//#region src/components/rating/Rating.vue
+var _hoisted_1 = { class: "so-rating__track" };
+var _hoisted_2 = { class: "so-rating__star-fill" };
+var _hoisted_3 = { class: "so-rating__thumb" };
+var _hoisted_4 = [
+	"max",
+	"step",
+	"value",
+	"id",
+	"name",
+	"disabled"
+];
+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
+	}), {
+		default: withCtx(() => [createElementVNode("span", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.stars, (star) => {
+			return openBlock(), createElementBlock("span", {
+				key: star.value,
+				class: "so-rating__star",
+				style: normalizeStyle(star.style),
+				"aria-hidden": "true"
+			}, [renderSlot(_ctx.$slots, "icon", {
+				value: star.value,
+				filled: false
+			}, () => [(openBlock(), createBlock(resolveDynamicComponent(_ctx.defaultIconTag), { class: "so-rating__icon" }))]), createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "icon", {
+				value: star.value,
+				filled: true
+			}, () => [(openBlock(), createBlock(resolveDynamicComponent(_ctx.defaultIconTag), { class: "so-rating__icon" }))])])], 4);
+		}), 128)), createElementVNode("span", _hoisted_3, [createElementVNode("input", mergeProps({
+			class: "so-rating__input",
+			type: "range",
+			min: "0",
+			max: _ctx.max,
+			step: _ctx.step,
+			value: _ctx.value,
+			id: _ctx.id,
+			name: _ctx.name,
+			disabled: _ctx.disabled
+		}, _ctx.aria), null, 16, _hoisted_4)])])]),
+		_: 3
+	}, 16, ["class"])), [[vShow, _ctx.visible]]) : createCommentVNode("", true);
+}
+var Rating_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Rating_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { Rating_default as default };

package/dist/components/rating/Rating.vue.d.ts

@@ -0,0 +1,77 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    max?: number | undefined;
+    step?: number | undefined;
+    readonly?: boolean | undefined;
+    required?: boolean | undefined;
+    value?: number | 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").IRating | 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").IRating, {
+    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("./base.component").RatingProps>, "defaultIconTag"> & {
+    defaultIconTag: import("vue").Component;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, {
+    name: string;
+    emits: import("../../types").TEmits;
+    props: Readonly<Record<string, unknown>>;
+}, {}, string, import("vue").PublicProps, Readonly<{
+    max?: number | undefined;
+    step?: number | undefined;
+    readonly?: boolean | undefined;
+    required?: boolean | undefined;
+    value?: number | 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").IRating | undefined;
+    embedded?: string | undefined;
+    pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/rating/Rating.vue_vue_type_script_lang.js

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+import type { TClosedComponent } from '../../adapter';
+import RatingComponent from './Rating.vue';
+export { default as BaseRating, emitsRating, propsRating } from './base.component';
+export declare const Rating: TClosedComponent<typeof RatingComponent>;

package/dist/components/rating/index.js

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

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

@@ -0,0 +1,51 @@
+import { type SetupContext } from '../../adapter';
+import { type RatingProps } from './base.component';
+/**
+ * Логики здесь нет: нажатие и протяжку по звёздам ведёт `TSlidePointerPlugin`,
+ * клавиши и жест скринридера — `TSlideKeyboardPlugin`, наведение —
+ * `TRatingHoverPlugin`, как звучит значение — `TRatingNamesPlugin`, долю
+ * заливки звёзд считает ядро. Разметка раскладывает то, что они отдали.
+ *
+ * Разделения атрибутов между корнем и полем (`useSplitAttrs`, как у CheckBox)
+ * нет, как у Slider: указатель поле не ловит, и обработчик нажатия
+ * потребителя на нём не сработал бы никогда. Атрибут потребителя достаётся
+ * корню, имя полю даёт подпись `Label`, подпись поля формы `Field` или проп
+ * `aria_label`.
+ */
+declare const _default: {
+    name: string;
+    extends: {
+        name: string;
+        emits: import("../../types").TEmits;
+        props: Readonly<Record<string, unknown>>;
+    };
+    expose: string[];
+    setup(props: RatingProps, { emit }: SetupContext): Omit<import("../../adapter/runtime/useAdapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IRating, {
+        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 & {} & {} & {} & {} & {} & {} & {} & {} & {} & {} & {};
+    }>, RatingProps>, "defaultIconTag"> & {
+        defaultIconTag: import("vue").Component;
+    };
+};
+export default _default;

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

@@ -0,0 +1,35 @@
+import { roleIcon } from "../../adapter/common/icon.js";
+import { createVueAdapterContext } from "../../adapter/common/createVueAdapterContext.js";
+import { useExpose } from "../../adapter/static/useExpose.js";
+import { extendBinding } from "../../adapter/runtime/view.js";
+import { useAdapter } from "../../adapter/runtime/useAdapter.js";
+import { VueElevatorFactory } from "../../adapter/elevator/factory.js";
+import base_component_default from "./base.component.js";
+import { RatingDescriptor, TFieldControlExtension } from "@soxa-ui/setup";
+//#region src/components/rating/setup.component.ts
+/**
+* Логики здесь нет: нажатие и протяжку по звёздам ведёт `TSlidePointerPlugin`,
+* клавиши и жест скринридера — `TSlideKeyboardPlugin`, наведение —
+* `TRatingHoverPlugin`, как звучит значение — `TRatingNamesPlugin`, долю
+* заливки звёзд считает ядро. Разметка раскладывает то, что они отдали.
+*
+* Разделения атрибутов между корнем и полем (`useSplitAttrs`, как у CheckBox)
+* нет, как у Slider: указатель поле не ловит, и обработчик нажатия
+* потребителя на нём не сработал бы никогда. Атрибут потребителя достаётся
+* корню, имя полю даёт подпись `Label`, подпись поля формы `Field` или проп
+* `aria_label`.
+*/
+var setup_component_default = {
+	name: "_Rating",
+	extends: base_component_default,
+	expose: useExpose(),
+	setup(props, { emit }) {
+		const adapter = createVueAdapterContext(RatingDescriptor(), {
+			ctrl: props.ctrl,
+			props
+		}).use(TFieldControlExtension, { elevator: VueElevatorFactory });
+		return extendBinding(useAdapter(adapter, props, emit), { defaultIconTag: roleIcon("star") });
+	}
+};
+//#endregion
+export { setup_component_default as default };

package/dist/components/scroller/Scroller.js

@@ -0,0 +1,57 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import Scroller_vue_vue_type_script_lang_default from "./Scroller.vue_vue_type_script_lang.js";
+import { createBlock, createCommentVNode, createElementVNode, createVNode, mergeProps, openBlock, renderSlot, resolveComponent, resolveDynamicComponent, vShow, withCtx, withDirectives } from "vue";
+//#region src/components/scroller/Scroller.vue
+var _hoisted_1 = ["tabindex"];
+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
+	}, {
+		..._ctx.attrs,
+		..._ctx.aria,
+		..._ctx.dataset
+	}), {
+		default: withCtx(() => [
+			createVNode(_component_Button, mergeProps({
+				embedded: "scroller.prev",
+				type: "button",
+				class: "so-scroller__prev",
+				size: _ctx.size,
+				disabled: _ctx.prevDisabled
+			}, _ctx.prevAria), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "prev-icon", {}, () => [createVNode(_component_Icon, {
+					embedded: "scroller.prev-icon",
+					tag: _ctx.arrowIconTag,
+					size: _ctx.size
+				}, null, 8, ["tag", "size"])])]),
+				_: 3
+			}, 16, ["size", "disabled"]),
+			createElementVNode("div", mergeProps({
+				class: "so-scroller__viewport",
+				tabindex: _ctx.viewportTabIndex
+			}, _ctx.viewportAria), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1),
+			createVNode(_component_Button, mergeProps({
+				embedded: "scroller.next",
+				type: "button",
+				class: "so-scroller__next",
+				size: _ctx.size,
+				disabled: _ctx.nextDisabled
+			}, _ctx.nextAria), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "next-icon", {}, () => [createVNode(_component_Icon, {
+					embedded: "scroller.next-icon",
+					tag: _ctx.arrowIconTag,
+					size: _ctx.size
+				}, null, 8, ["tag", "size"])])]),
+				_: 3
+			}, 16, ["size", "disabled"])
+		]),
+		_: 3
+	}, 16, ["class"])), [[vShow, _ctx.visible]]) : createCommentVNode("", true);
+}
+var Scroller_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Scroller_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { Scroller_default as default };

package/dist/components/scroller/Scroller.vue.d.ts

@@ -0,0 +1,171 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    viewportAria?: import("@soxa-ui/core").TAriaAttributes | 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;
+    ctrl?: import("@soxa-ui/core").IScroller | 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").IScroller, {
+    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").ScrollerProps>, "arrowIconTag"> & {
+    arrowIconTag: import("vue").Component;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, {
+    name: string;
+    emits: import("../../types").TEmits;
+    props: Readonly<Record<string, unknown>>;
+}, {}, string, import("vue").PublicProps, Readonly<{
+    viewportAria?: import("@soxa-ui/core").TAriaAttributes | 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;
+    ctrl?: import("@soxa-ui/core").IScroller | undefined;
+    embedded?: string | undefined;
+    pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+}> & Readonly<{}>, {}, {}, {
+    Button: import("../../adapter").TClosedComponent<import("vue").DefineComponent<{
+        variant?: import("@soxa-ui/core").TComponentVariant | undefined;
+        view?: import("@soxa-ui/core").TButtonView | undefined;
+        text?: string | undefined;
+        disabled?: boolean | undefined;
+        focused?: boolean | undefined;
+        size?: import("@soxa-ui/core").TComponentSize | undefined;
+        rendered?: boolean | undefined;
+        visible?: boolean | undefined;
+        tag?: string | object | undefined;
+        direction?: import("@soxa-ui/core").TDirection | undefined;
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+        ctrl?: import("@soxa-ui/core").IButton | undefined;
+        embedded?: string | undefined;
+        pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+    }, import("../../adapter/runtime/useAdapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IButton, {
+        props: object & {} & {} & {} & {
+            aria_label?: string | undefined;
+            aria_labelledBy?: string | undefined;
+            aria_describedBy?: string | undefined;
+        };
+        events: object & {
+            "element:ready": (element: Element) => void;
+            "element:removed": () => void;
+        } & {} & {
+            "aria:change:label": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+            "aria:change:labelledBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+            "aria:change:describedBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        } & {
+            "action:blur": (event: FocusEvent) => void;
+            "action:click": (event: MouseEvent) => void;
+            "action:focus": (event: FocusEvent) => void;
+            "action:press": (event: MouseEvent) => void;
+        };
+        outputs: object & {} & {} & {} & {};
+    }>, import("../..").ButtonProps>, {}, {}, {}, import("vue").ComponentOptionsMixin, {
+        name: string;
+        emits: import("../../types").TEmits;
+        props: Readonly<Record<string, unknown>>;
+    }, {}, string, import("vue").PublicProps, Readonly<{
+        variant?: import("@soxa-ui/core").TComponentVariant | undefined;
+        view?: import("@soxa-ui/core").TButtonView | undefined;
+        text?: string | undefined;
+        disabled?: boolean | undefined;
+        focused?: boolean | undefined;
+        size?: import("@soxa-ui/core").TComponentSize | undefined;
+        rendered?: boolean | undefined;
+        visible?: boolean | undefined;
+        tag?: string | object | undefined;
+        direction?: import("@soxa-ui/core").TDirection | undefined;
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+        ctrl?: import("@soxa-ui/core").IButton | undefined;
+        embedded?: string | undefined;
+        pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+    }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+    Icon: import("../../adapter").TClosedComponent<import("vue").DefineComponent<{
+        size?: import("@soxa-ui/core").TComponentSize | undefined;
+        width?: number | string | undefined;
+        height?: number | string | undefined;
+        rendered?: boolean | undefined;
+        visible?: boolean | undefined;
+        tag?: string | object | undefined;
+        direction?: import("@soxa-ui/core").TDirection | undefined;
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+        ctrl?: import("@soxa-ui/core").IIcon | undefined;
+        embedded?: string | undefined;
+        pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+    }, import("../../adapter/runtime/useAdapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IIcon, {
+        props: object & {} & {} & {} & {
+            aria_label?: string | undefined;
+            aria_labelledBy?: string | undefined;
+            aria_describedBy?: string | undefined;
+        };
+        events: object & {
+            "element:ready": (element: Element) => void;
+            "element:removed": () => void;
+        } & {} & {} & {
+            "aria:change:label": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+            "aria:change:labelledBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+            "aria:change:describedBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        };
+        outputs: object & {} & {} & {
+            readonly layout_styles: Record<string, string | number>;
+        } & {};
+    }>, import("../..").IconProps>, {}, {}, {}, import("vue").ComponentOptionsMixin, {
+        name: string;
+        emits: import("../../types").TEmits;
+        props: Readonly<Record<string, unknown>>;
+    }, {}, string, import("vue").PublicProps, Readonly<{
+        size?: import("@soxa-ui/core").TComponentSize | undefined;
+        width?: number | string | undefined;
+        height?: number | string | undefined;
+        rendered?: boolean | undefined;
+        visible?: boolean | undefined;
+        tag?: string | object | undefined;
+        direction?: import("@soxa-ui/core").TDirection | undefined;
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+        ctrl?: import("@soxa-ui/core").IIcon | undefined;
+        embedded?: string | undefined;
+        pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+    }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/scroller/Scroller.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/scroller/Scroller.vue?vue&type=script&lang.ts
+var Scroller_vue_vue_type_script_lang_default = {
+	...setup_component_default,
+	components: {
+		Button,
+		Icon
+	}
+};
+//#endregion
+export { Scroller_vue_vue_type_script_lang_default as default };

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

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

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

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

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

@@ -0,0 +1,4 @@
+import type { TClosedComponent } from '../../adapter';
+import ScrollerComponent from './Scroller.vue';
+export { default as BaseScroller, emitsScroller, propsScroller } from './base.component';
+export declare const Scroller: TClosedComponent<typeof ScrollerComponent>;

package/dist/components/scroller/index.js

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