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

package/dist/components/field/Field.vue.d.ts

@@ -0,0 +1,97 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    label?: string | undefined;
+    helper?: string | undefined;
+    error?: string | undefined;
+    invalid?: boolean | undefined;
+    position?: import("@soxa-ui/core").TFieldPosition | 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;
+    ctrl?: import("@soxa-ui/core").IField | 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").IField, {
+    props: object & {} & {} & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {} & {};
+    outputs: object & {} & {} & {};
+}>, import("./base.component").FieldProps>, "errorIconTag"> & {
+    errorIconTag: import("vue").Component;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, {
+    name: string;
+    emits: import("../../types").TEmits;
+    props: Readonly<Record<string, unknown>>;
+}, {}, string, import("vue").PublicProps, Readonly<{
+    label?: string | undefined;
+    helper?: string | undefined;
+    error?: string | undefined;
+    invalid?: boolean | undefined;
+    position?: import("@soxa-ui/core").TFieldPosition | 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;
+    ctrl?: import("@soxa-ui/core").IField | 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>>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/field/Field.vue_vue_type_script_lang.js

@@ -0,0 +1,9 @@
+import { Icon } from "../icon/index.js";
+import setup_component_default from "./setup.component.js";
+//#region src/components/field/Field.vue?vue&type=script&lang.ts
+var Field_vue_vue_type_script_lang_default = {
+	...setup_component_default,
+	components: { Icon }
+};
+//#endregion
+export { Field_vue_vue_type_script_lang_default as default };

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

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

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

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

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

@@ -0,0 +1,4 @@
+import type { TClosedComponent } from '../../adapter';
+import FieldComponent from './Field.vue';
+export { default as BaseField, emitsField, propsField } from './base.component';
+export declare const Field: TClosedComponent<typeof FieldComponent>;

package/dist/components/field/index.js

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

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

@@ -0,0 +1,28 @@
+import { type SetupContext } from '../../adapter';
+import { type FieldProps } from './base.component';
+/**
+ * Логики здесь нет: какие части видны, решает ядро, `id` частей, `for`
+ * подписи и ссылки контрола на части — плагин связок. С контролом поле
+ * связывает проводка: поле опускает связку по лифту, контрол её берёт своим
+ * расширением.
+ */
+declare const _default: {
+    name: string;
+    extends: {
+        name: string;
+        emits: import("../../types").TEmits;
+        props: Readonly<Record<string, unknown>>;
+    };
+    expose: string[];
+    setup(props: FieldProps, { emit }: SetupContext): Omit<import("../../adapter/runtime/useAdapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IField, {
+        props: object & {} & {} & {};
+        events: object & {
+            "element:ready": (element: Element) => void;
+            "element:removed": () => void;
+        } & {} & {};
+        outputs: object & {} & {} & {};
+    }>, FieldProps>, "errorIconTag"> & {
+        errorIconTag: import("vue").Component;
+    };
+};
+export default _default;

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

@@ -0,0 +1,29 @@
+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 { FieldDescriptor, TFieldExtension } from "@soxa-ui/setup";
+//#region src/components/field/setup.component.ts
+/**
+* Логики здесь нет: какие части видны, решает ядро, `id` частей, `for`
+* подписи и ссылки контрола на части — плагин связок. С контролом поле
+* связывает проводка: поле опускает связку по лифту, контрол её берёт своим
+* расширением.
+*/
+var setup_component_default = {
+	name: "_Field",
+	extends: base_component_default,
+	expose: useExpose(),
+	setup(props, { emit }) {
+		const adapter = createVueAdapterContext(FieldDescriptor(), {
+			ctrl: props.ctrl,
+			props
+		}).use(TFieldExtension, { elevator: VueElevatorFactory });
+		return extendBinding(useAdapter(adapter, props, emit), { errorIconTag: roleIcon("error") });
+	}
+};
+//#endregion
+export { setup_component_default as default };

package/dist/components/frame/Frame.js

@@ -0,0 +1,26 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import Frame_vue_vue_type_script_lang_default from "./Frame.vue_vue_type_script_lang.js";
+import { Teleport, createBlock, createCommentVNode, mergeProps, openBlock, renderSlot, resolveDynamicComponent, vShow, withCtx, withDirectives } from "vue";
+//#region src/components/frame/Frame.vue
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createBlock(Teleport, {
+		to: _ctx.target,
+		disabled: _ctx.contained
+	}, [_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(() => [renderSlot(_ctx.$slots, "default")]),
+		_: 3
+	}, 16, ["class", "style"])), [[vShow, _ctx.visible]]) : createCommentVNode("", true)], 8, ["to", "disabled"]);
+}
+var Frame_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Frame_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { Frame_default as default };

package/dist/components/frame/Frame.vue.d.ts

@@ -0,0 +1,95 @@
+/**
+ * `inheritAttrs: false` обязателен: корень шаблона — `<teleport>`, и Vue
+ * считает корневым узлом именно его. Автоматический перенос атрибутов уходил
+ * в телепорт и до элемента не доезжал — ни `class`, ни `data-*`, ни события.
+ * Поэтому переносим вручную, на настоящий узел.
+ *
+ * `contained` выключает телепорт: панель остаётся в разметке на месте и встаёт
+ * в ближайшем позиционированном предке, как выезжающая панель Drawer.
+ */
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    x?: number | undefined;
+    y?: number | undefined;
+    width?: number | string | undefined;
+    height?: number | string | undefined;
+    strategy?: import("@soxa-ui/core").TFrameStrategy | undefined;
+    contained?: boolean | undefined;
+    target?: string | undefined;
+    rendered?: boolean | undefined;
+    visible?: boolean | undefined;
+    tag?: string | object | undefined;
+    direction?: import("@soxa-ui/core").TDirection | undefined;
+    anchor_anchor?: Element | null | undefined;
+    anchor_point?: import("@soxa-ui/plugins").TPoint | null | undefined;
+    anchor_placement?: import("@soxa-ui/plugins").TFramePlacement | undefined;
+    anchor_matchWidth?: boolean | undefined;
+    anchor_flip?: boolean | undefined;
+    anchor_offset?: number | undefined;
+    aria_label?: string | undefined;
+    aria_labelledBy?: string | undefined;
+    aria_describedBy?: string | undefined;
+    ctrl?: import("@soxa-ui/core").IFrame | undefined;
+    embedded?: string | undefined;
+    pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+}, import("../../adapter/runtime/useAdapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IFrame, {
+    props: object & {} & {} & {} & {
+        anchor_anchor?: Element | null | undefined;
+        anchor_point?: import("@soxa-ui/plugins").TPoint | null | undefined;
+        anchor_placement?: import("@soxa-ui/plugins").TFramePlacement | undefined;
+        anchor_matchWidth?: boolean | undefined;
+        anchor_flip?: boolean | undefined;
+        anchor_offset?: number | undefined;
+    } & {
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+    };
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {} & {
+        "aria:change:label": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        "aria:change:labelledBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        "aria:change:describedBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+    } & {} & {
+        "anchor:change:anchor": (payload: import("@soxa-ui/core").TValuePayload<Element | null>) => void;
+        "anchor:change:point": (payload: import("@soxa-ui/core").TValuePayload<import("@soxa-ui/plugins").TPoint | null>) => void;
+        "anchor:change:placement": (payload: import("@soxa-ui/core").TValuePayload<import("@soxa-ui/plugins").TFramePlacement>) => void;
+        "anchor:change:matchWidth": (payload: import("@soxa-ui/core").TValuePayload<boolean>) => void;
+        "anchor:change:flip": (payload: import("@soxa-ui/core").TValuePayload<boolean>) => void;
+        "anchor:change:offset": (payload: import("@soxa-ui/core").TValuePayload<number>) => void;
+    };
+    outputs: object & {} & {} & {
+        readonly layout_styles: Record<string, string | number>;
+    } & {} & {};
+}>, import("./base.component").FrameProps>, {}, {}, {}, import("vue").ComponentOptionsMixin, {
+    name: string;
+    emits: import("../../types").TEmits;
+    props: Readonly<Record<string, unknown>>;
+}, {}, string, import("vue").PublicProps, Readonly<{
+    x?: number | undefined;
+    y?: number | undefined;
+    width?: number | string | undefined;
+    height?: number | string | undefined;
+    strategy?: import("@soxa-ui/core").TFrameStrategy | undefined;
+    contained?: boolean | undefined;
+    target?: string | undefined;
+    rendered?: boolean | undefined;
+    visible?: boolean | undefined;
+    tag?: string | object | undefined;
+    direction?: import("@soxa-ui/core").TDirection | undefined;
+    anchor_anchor?: Element | null | undefined;
+    anchor_point?: import("@soxa-ui/plugins").TPoint | null | undefined;
+    anchor_placement?: import("@soxa-ui/plugins").TFramePlacement | undefined;
+    anchor_matchWidth?: boolean | undefined;
+    anchor_flip?: boolean | undefined;
+    anchor_offset?: number | undefined;
+    aria_label?: string | undefined;
+    aria_labelledBy?: string | undefined;
+    aria_describedBy?: string | undefined;
+    ctrl?: import("@soxa-ui/core").IFrame | undefined;
+    embedded?: string | undefined;
+    pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/frame/Frame.vue_vue_type_script_lang.js

@@ -0,0 +1,17 @@
+import setup_component_default from "./setup.component.js";
+//#region src/components/frame/Frame.vue?vue&type=script&lang.ts
+/**
+* `inheritAttrs: false` обязателен: корень шаблона — `<teleport>`, и Vue
+* считает корневым узлом именно его. Автоматический перенос атрибутов уходил
+* в телепорт и до элемента не доезжал — ни `class`, ни `data-*`, ни события.
+* Поэтому переносим вручную, на настоящий узел.
+*
+* `contained` выключает телепорт: панель остаётся в разметке на месте и встаёт
+* в ближайшем позиционированном предке, как выезжающая панель Drawer.
+*/
+var Frame_vue_vue_type_script_lang_default = {
+	...setup_component_default,
+	inheritAttrs: false
+};
+//#endregion
+export { Frame_vue_vue_type_script_lang_default as default };

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

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

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

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

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

@@ -0,0 +1,4 @@
+import type { TClosedComponent } from '../../adapter';
+import FrameComponent from './Frame.vue';
+export { default as BaseFrame, emitsFrame, propsFrame } from './base.component';
+export declare const Frame: TClosedComponent<typeof FrameComponent>;

package/dist/components/frame/index.js

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

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

@@ -0,0 +1,44 @@
+import { type SetupContext } from '../../adapter';
+import { type FrameProps } from './base.component';
+declare const _default: {
+    name: string;
+    extends: {
+        name: string;
+        emits: import("../../types").TEmits;
+        props: Readonly<Record<string, unknown>>;
+    };
+    expose: string[];
+    setup(props: FrameProps, { emit, expose }: SetupContext): import("../../adapter/runtime/useAdapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IFrame, {
+        props: object & {} & {} & {} & {
+            anchor_anchor?: Element | null | undefined;
+            anchor_point?: import("@soxa-ui/plugins").TPoint | null | undefined;
+            anchor_placement?: import("@soxa-ui/plugins").TFramePlacement | undefined;
+            anchor_matchWidth?: boolean | undefined;
+            anchor_flip?: boolean | undefined;
+            anchor_offset?: number | undefined;
+        } & {
+            aria_label?: string | undefined;
+            aria_labelledBy?: string | undefined;
+            aria_describedBy?: string | undefined;
+        };
+        events: object & {
+            "element:ready": (element: Element) => void;
+            "element:removed": () => void;
+        } & {} & {
+            "aria:change:label": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+            "aria:change:labelledBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+            "aria:change:describedBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        } & {} & {
+            "anchor:change:anchor": (payload: import("@soxa-ui/core").TValuePayload<Element | null>) => void;
+            "anchor:change:point": (payload: import("@soxa-ui/core").TValuePayload<import("@soxa-ui/plugins").TPoint | null>) => void;
+            "anchor:change:placement": (payload: import("@soxa-ui/core").TValuePayload<import("@soxa-ui/plugins").TFramePlacement>) => void;
+            "anchor:change:matchWidth": (payload: import("@soxa-ui/core").TValuePayload<boolean>) => void;
+            "anchor:change:flip": (payload: import("@soxa-ui/core").TValuePayload<boolean>) => void;
+            "anchor:change:offset": (payload: import("@soxa-ui/core").TValuePayload<number>) => void;
+        };
+        outputs: object & {} & {} & {
+            readonly layout_styles: Record<string, string | number>;
+        } & {} & {};
+    }>, FrameProps>;
+};
+export default _default;

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

@@ -0,0 +1,23 @@
+import { createVueAdapterContext } from "../../adapter/common/createVueAdapterContext.js";
+import { useExpose } from "../../adapter/static/useExpose.js";
+import { useAdapter } from "../../adapter/runtime/useAdapter.js";
+import { exposeRoot } from "../../adapter/runtime/exposeRoot.js";
+import base_component_default from "./base.component.js";
+import { FrameDescriptor } from "@soxa-ui/setup";
+//#region src/components/frame/setup.component.ts
+var setup_component_default = {
+	name: "_Frame",
+	extends: base_component_default,
+	expose: useExpose(),
+	setup(props, { emit, expose }) {
+		const adapter = createVueAdapterContext(FrameDescriptor(), {
+			ctrl: props.ctrl,
+			props
+		});
+		const binding = useAdapter(adapter, props, emit);
+		exposeRoot(expose, binding.rootElement);
+		return binding;
+	}
+};
+//#endregion
+export { setup_component_default as default };

package/dist/components/icon/Icon.js

@@ -0,0 +1,18 @@
+import Icon_vue_vue_type_script_lang_default from "./Icon.vue_vue_type_script_lang.js";
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import { createBlock, createCommentVNode, mergeProps, openBlock, resolveDynamicComponent, vShow, withDirectives } from "vue";
+//#region src/components/icon/Icon.vue
+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,
+		style: _ctx.layout_styles
+	}, {
+		..._ctx.attrs,
+		..._ctx.aria
+	}), null, 16, ["class", "style"])), [[vShow, _ctx.visible]]) : createCommentVNode("", true);
+}
+var Icon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Icon_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { Icon_default as default };

package/dist/components/icon/Icon.vue.d.ts

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

package/dist/components/icon/Icon.vue_vue_type_script_lang.js

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+import type { TClosedComponent } from '../../adapter';
+import IconComponent from './Icon.vue';
+export { default as BaseIcon, emitsIcon } from './base.component';
+export declare const Icon: TClosedComponent<typeof IconComponent>;

package/dist/components/icon/index.js

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

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

@@ -0,0 +1,30 @@
+import { type SetupContext } from '../../adapter';
+import { type IconProps } from './base.component';
+declare const _default: {
+    name: string;
+    extends: {
+        name: string;
+        emits: import("../../types").TEmits;
+        props: Readonly<Record<string, unknown>>;
+    };
+    expose: string[];
+    setup(props: IconProps, { emit }: SetupContext): 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>;
+        } & {};
+    }>, IconProps>;
+};
+export default _default;

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

@@ -0,0 +1,20 @@
+import { createVueAdapterContext } from "../../adapter/common/createVueAdapterContext.js";
+import { useExpose } from "../../adapter/static/useExpose.js";
+import { useAdapter } from "../../adapter/runtime/useAdapter.js";
+import base_component_default from "./base.component.js";
+import { IconDescriptor } from "@soxa-ui/setup";
+//#region src/components/icon/setup.component.ts
+var setup_component_default = {
+	name: "_Icon",
+	extends: base_component_default,
+	expose: useExpose(),
+	setup(props, { emit }) {
+		const adapter = createVueAdapterContext(IconDescriptor(), {
+			ctrl: props.ctrl,
+			props
+		});
+		return useAdapter(adapter, props, emit);
+	}
+};
+//#endregion
+export { setup_component_default as default };