@application-kit/ui 0.0.0-stage → 0.0.0

package/dist/components/form/SelectButton.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,36 @@
+import { createBlock, defineComponent, mergeModels, openBlock, unref, useModel } from "vue";
+import SelectButton from "openvue/selectbutton";
+//#region src/components/form/SelectButton.vue?vue&type=script&setup=true&lang.ts
+var SelectButton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "SelectButton",
+	props: /*@__PURE__*/ mergeModels({
+		allowEmpty: { type: Boolean },
+		disabled: { type: Boolean },
+		options: {}
+	}, {
+		"modelValue": { required: true },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(SelectButton), {
+				modelValue: model.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+				"allow-empty": __props.allowEmpty,
+				disabled: __props.disabled,
+				"option-label": "label",
+				"option-value": "value",
+				options: __props.options
+			}, null, 8, [
+				"modelValue",
+				"allow-empty",
+				"disabled",
+				"options"
+			]);
+		};
+	}
+});
+//#endregion
+export { SelectButton_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/form/Textarea.js

@@ -0,0 +1,5 @@
+import Textarea_vue_vue_type_script_setup_true_lang_default from "./Textarea.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/form/Textarea.vue
+var Textarea_default = Textarea_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Textarea_default as default };

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

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    disabled?: boolean;
+    readonly?: boolean;
+    rows?: number | string;
+};
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: string | undefined) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/form/Textarea.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,34 @@
+import { createBlock, defineComponent, mergeModels, openBlock, unref, useModel } from "vue";
+import VendorTextarea from "openvue/textarea";
+//#region src/components/form/Textarea.vue?vue&type=script&setup=true&lang.ts
+var Textarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "Textarea",
+	props: /*@__PURE__*/ mergeModels({
+		disabled: { type: Boolean },
+		readonly: { type: Boolean },
+		rows: {}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(VendorTextarea), {
+				modelValue: model.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+				disabled: __props.disabled,
+				readonly: __props.readonly,
+				rows: __props.rows
+			}, null, 8, [
+				"modelValue",
+				"disabled",
+				"readonly",
+				"rows"
+			]);
+		};
+	}
+});
+//#endregion
+export { Textarea_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/form/ToggleSwitch.js

@@ -0,0 +1,5 @@
+import ToggleSwitch_vue_vue_type_script_setup_true_lang_default from "./ToggleSwitch.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/form/ToggleSwitch.vue
+var ToggleSwitch_default = ToggleSwitch_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ToggleSwitch_default as default };

package/dist/components/form/ToggleSwitch.vue.d.ts

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    disabled?: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: boolean) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/form/ToggleSwitch.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,26 @@
+import { createBlock, defineComponent, mergeModels, openBlock, unref, useModel } from "vue";
+import ToggleSwitch from "openvue/toggleswitch";
+//#region src/components/form/ToggleSwitch.vue?vue&type=script&setup=true&lang.ts
+var ToggleSwitch_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "ToggleSwitch",
+	props: /*@__PURE__*/ mergeModels({ disabled: { type: Boolean } }, {
+		"modelValue": {
+			type: Boolean,
+			required: true
+		},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ToggleSwitch), {
+				modelValue: model.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+				disabled: __props.disabled
+			}, null, 8, ["modelValue", "disabled"]);
+		};
+	}
+});
+//#endregion
+export { ToggleSwitch_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/form/date-format.d.ts

@@ -0,0 +1 @@
+export declare const PORTAL_DATE_FORMAT = "yy-mm-dd";

package/dist/components/form/date-format.js

@@ -0,0 +1,14 @@
+//#region src/components/form/date-format.ts
+/**
+* Формат дат портала — ОДНО объявление на все поля даты.
+*
+* Call-site его не выбирает: единый вид даты по всему интерфейсу важнее гибкости отдельного
+* экрана. До story 3-9 формат был записан дважды — в `DateField.vue` и в `DateRangeFilter.vue`,
+* и «поменять формат портала» означало найти оба места.
+*
+* Значение — вендорский синтаксис маски (`yy` здесь означает четырёхзначный год), поэтому
+* константа лежит в слое обёрток рядом с ними, а не в общем `libs/shared`.
+*/
+var PORTAL_DATE_FORMAT = "yy-mm-dd";
+//#endregion
+export { PORTAL_DATE_FORMAT };

package/dist/components/form/select-button-option.interface.d.ts

@@ -0,0 +1,4 @@
+export interface SelectButtonOptionInterface<T> {
+    label: string;
+    value: T;
+}

package/dist/components/icon/Icon.js

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import Icon_vue_vue_type_script_setup_true_lang_default from "./Icon.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                     */
+//#region src/components/icon/Icon.vue
+var Icon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Icon_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-c70111ef"]]);
+//#endregion
+export { Icon_default as default };

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

@@ -0,0 +1,23 @@
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    href: {
+        required: true;
+        type: StringConstructor;
+    };
+    size: {
+        default: number;
+        type: NumberConstructor;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    href: {
+        required: true;
+        type: StringConstructor;
+    };
+    size: {
+        default: number;
+        type: NumberConstructor;
+    };
+}>> & Readonly<{}>, {
+    size: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,28 @@
+import { createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock } from "vue";
+//#region src/components/icon/Icon.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["width", "height"];
+var _hoisted_2 = ["href"];
+var Icon_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "Icon",
+	props: {
+		href: {
+			required: true,
+			type: String
+		},
+		size: {
+			default: 32,
+			type: Number
+		}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("svg", {
+				class: normalizeClass(`icon icon--${__props.size}`),
+				width: __props.size,
+				height: __props.size
+			}, [createElementVNode("use", { href: __props.href }, null, 8, _hoisted_2)], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { Icon_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/icon-cell/IconCell.js

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import IconCell_vue_vue_type_script_setup_true_lang_default from "./IconCell.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                         */
+//#region src/components/icon-cell/IconCell.vue
+var IconCell_default = /*#__PURE__*/ _plugin_vue_export_helper_default(IconCell_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-444fb937"]]);
+//#endregion
+export { IconCell_default as default };

package/dist/components/icon-cell/IconCell.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    src?: string;
+    tooltip: string;
+};
+declare const __VLS_export: import("*.vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/icon-cell/IconCell.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,32 @@
+import Tooltip_default from "../tooltip/Tooltip.js";
+import { createBlock, createElementBlock, createElementVNode, defineComponent, openBlock, toDisplayString, withCtx } from "vue";
+//#region src/components/icon-cell/IconCell.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["src", "alt"];
+var _hoisted_2 = { key: 1 };
+var IconCell_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "IconCell",
+	props: {
+		src: {},
+		tooltip: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return __props.src !== void 0 ? (openBlock(), createBlock(Tooltip_default, {
+				key: 0,
+				"show-delay": 100,
+				value: __props.tooltip
+			}, {
+				default: withCtx(() => [createElementVNode("img", {
+					class: "icon-cell",
+					width: "32",
+					height: "32",
+					src: __props.src,
+					alt: __props.tooltip
+				}, null, 8, _hoisted_1)]),
+				_: 1
+			}, 8, ["value"])) : (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.tooltip), 1));
+		};
+	}
+});
+//#endregion
+export { IconCell_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/layouts/EmptyLayout.js

@@ -0,0 +1,16 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+/* empty css                                                            */
+import { createCommentVNode, createElementBlock, openBlock, renderSlot } from "vue";
+//#region src/components/layouts/EmptyLayout.vue
+var _sfc_main = {};
+var _hoisted_1 = { class: "empty-layout" };
+var _hoisted_2 = {
+	key: 0,
+	class: "empty-layout__corner"
+};
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("div", _hoisted_1, [_ctx.$slots["corner"] ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "corner", {}, void 0, true)])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default", {}, void 0, true)]);
+}
+var EmptyLayout_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-8ec8eae8"]]);
+//#endregion
+export { EmptyLayout_default as default };

package/dist/components/layouts/EmptyLayout.vue.d.ts

@@ -0,0 +1,15 @@
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    corner?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/message/Message.js

@@ -0,0 +1,5 @@
+import Message_vue_vue_type_script_setup_true_lang_default from "./Message.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/message/Message.vue
+var Message_default = Message_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Message_default as default };

package/dist/components/message/Message.vue.d.ts

@@ -0,0 +1,72 @@
+import type { PropType } from 'vue';
+import type { Severity } from '../../severity';
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    closable: {
+        default: undefined;
+        type: BooleanConstructor;
+    };
+    icon: {
+        default: undefined;
+        type: PropType<"times">;
+    };
+    life: {
+        default: undefined;
+        type: NumberConstructor;
+    };
+    severity: {
+        default: string;
+        type: PropType<Severity>;
+    };
+    size: {
+        default: undefined;
+        type: PropType<"large" | "small">;
+    };
+    variant: {
+        default: undefined;
+        type: PropType<"outlined" | "simple">;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    closable: {
+        default: undefined;
+        type: BooleanConstructor;
+    };
+    icon: {
+        default: undefined;
+        type: PropType<"times">;
+    };
+    life: {
+        default: undefined;
+        type: NumberConstructor;
+    };
+    severity: {
+        default: string;
+        type: PropType<Severity>;
+    };
+    size: {
+        default: undefined;
+        type: PropType<"large" | "small">;
+    };
+    variant: {
+        default: undefined;
+        type: PropType<"outlined" | "simple">;
+    };
+}>> & Readonly<{}>, {
+    icon: "times";
+    severity: Severity;
+    size: "large" | "small";
+    variant: "outlined" | "simple";
+    closable: boolean;
+    life: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/message/Message.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,63 @@
+import { ICON_PROP_TYPE } from "../../icons/ui-icon-registry.js";
+import { useUiIconClass } from "../../plugin/ui-injection.js";
+import { SEVERITY_TO_VENDOR } from "./severity-to-vendor.js";
+import { computed, createBlock, defineComponent, openBlock, renderSlot, unref, withCtx } from "vue";
+import Message from "openvue/message";
+//#region src/components/message/Message.vue?vue&type=script&setup=true&lang.ts
+var Message_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "Message",
+	props: {
+		closable: {
+			default: void 0,
+			type: Boolean
+		},
+		icon: {
+			default: void 0,
+			type: ICON_PROP_TYPE
+		},
+		life: {
+			default: void 0,
+			type: Number
+		},
+		severity: {
+			default: "info",
+			type: String
+		},
+		size: {
+			default: void 0,
+			type: String
+		},
+		variant: {
+			default: void 0,
+			type: String
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const vendorSeverity = computed(() => SEVERITY_TO_VENDOR[props.severity]);
+		const iconClass = useUiIconClass();
+		const vendorIcon = computed(() => props.icon === void 0 ? void 0 : iconClass(props.icon));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Message), {
+				closable: __props.closable,
+				icon: vendorIcon.value,
+				life: __props.life,
+				severity: vendorSeverity.value,
+				size: __props.size,
+				variant: __props.variant
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"closable",
+				"icon",
+				"life",
+				"severity",
+				"size",
+				"variant"
+			]);
+		};
+	}
+});
+//#endregion
+export { Message_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/message/severity-to-vendor.d.ts

@@ -0,0 +1,4 @@
+import type { Severity } from '../../severity';
+type VendorMessageSeverityType = 'contrast' | 'error' | 'info' | 'secondary' | 'success' | 'warn';
+export declare const SEVERITY_TO_VENDOR: Record<Severity, VendorMessageSeverityType>;
+export {};

package/dist/components/message/severity-to-vendor.js

@@ -0,0 +1,11 @@
+//#region src/components/message/severity-to-vendor.ts
+var SEVERITY_TO_VENDOR = {
+	contrast: "contrast",
+	danger: "error",
+	info: "info",
+	secondary: "secondary",
+	success: "success",
+	warn: "warn"
+};
+//#endregion
+export { SEVERITY_TO_VENDOR };

package/dist/components/overlay-badge/OverlayBadge.js

@@ -0,0 +1,5 @@
+import OverlayBadge_vue_vue_type_script_setup_true_lang_default from "./OverlayBadge.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/overlay-badge/OverlayBadge.vue
+var OverlayBadge_default = OverlayBadge_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { OverlayBadge_default as default };

package/dist/components/overlay-badge/OverlayBadge.vue.d.ts

@@ -0,0 +1,16 @@
+import type { VNode } from 'vue';
+type __VLS_Props = {
+    value: string;
+};
+type __VLS_Slots = {
+    default?: () => VNode[];
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/overlay-badge/OverlayBadge.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,17 @@
+import { createBlock, defineComponent, openBlock, renderSlot, unref, withCtx } from "vue";
+import VendorOverlayBadge from "openvue/overlaybadge";
+//#region src/components/overlay-badge/OverlayBadge.vue?vue&type=script&setup=true&lang.ts
+var OverlayBadge_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OverlayBadge",
+	props: { value: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(VendorOverlayBadge), { value: __props.value }, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["value"]);
+		};
+	}
+});
+//#endregion
+export { OverlayBadge_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/skeleton/Skeleton.js

@@ -0,0 +1,5 @@
+import Skeleton_vue_vue_type_script_setup_true_lang_default from "./Skeleton.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/skeleton/Skeleton.vue
+var Skeleton_default = Skeleton_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Skeleton_default as default };

package/dist/components/skeleton/Skeleton.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    height?: string;
+    width?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/skeleton/Skeleton.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,20 @@
+import { createBlock, defineComponent, openBlock, unref } from "vue";
+import VendorSkeleton from "openvue/skeleton";
+//#region src/components/skeleton/Skeleton.vue?vue&type=script&setup=true&lang.ts
+var Skeleton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "Skeleton",
+	props: {
+		height: {},
+		width: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(VendorSkeleton), {
+				height: __props.height,
+				width: __props.width
+			}, null, 8, ["height", "width"]);
+		};
+	}
+});
+//#endregion
+export { Skeleton_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/table/DataTable.js

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import DataTable_vue_vue_type_script_setup_true_lang_default from "./DataTable.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                          */
+//#region src/components/table/DataTable.vue
+var DataTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(DataTable_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-dac8d846"]]);
+//#endregion
+export { DataTable_default as default };

package/dist/components/table/DataTable.vue.d.ts

@@ -0,0 +1,61 @@
+import type { FilterInterface, SortingInterface } from '@application-kit/typeorm/listing';
+import type { Component, PropType } from 'vue';
+import { ListingStoreType } from '../../store/listing/listing-store';
+import { ColumnFiltersInterface } from './column-filters-interface';
+import { ColumnSchemaInterface } from './column-schema-interface';
+declare const __VLS_export: <T, S extends string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<{
+        selection?: T[];
+    } & import("vue").ExtractPublicPropTypes<{
+        columns: {
+            required: boolean;
+            type: PropType<ColumnSchemaInterface<T, Component>[]>;
+        };
+        defaultSorting: {
+            default: undefined;
+            type: PropType<SortingInterface[] | undefined>;
+        };
+        extraFilters: {
+            default: undefined;
+            type: PropType<FilterInterface[] | undefined>;
+        };
+        filters: {
+            default: undefined;
+            type: PropType<ColumnFiltersInterface | undefined>;
+        };
+        listingStore: {
+            required: boolean;
+            type: PropType<ListingStoreType<T, S>>;
+        };
+        multiSelectEnabled: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        rowsPerPage: {
+            default: number;
+            type: NumberConstructor;
+        };
+    }> & {
+        "onUpdate:filters"?: (payload: ColumnFiltersInterface) => any;
+        "onUpdate:selection"?: (value: T[]) => any;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        error?: (props: {
+            error: {} | undefined;
+        }) => any;
+    };
+    emit: ((evt: "update:filters", payload: ColumnFiltersInterface) => void) & ((event: "update:selection", value: T[]) => void);
+}>) => import("vue").VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};