@application-kit/ui 0.0.0-stage → 0.0.0

package/dist/components/date-range-filter/DateRangeFilter.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,121 @@
+import { useUiMessages } from "../../plugin/ui-injection.js";
+import Button_default from "../button/Button.js";
+import DateRangeField_default from "../form/DateRangeField.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, ref, unref, watch, withCtx } from "vue";
+import { FiltersMatchMode } from "@application-kit/typeorm/listing";
+//#region src/components/date-range-filter/DateRangeFilter.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "date-range-filter" };
+var _hoisted_2 = { class: "date-range-filter-presets" };
+var DAYS_IN_WEEK = 7;
+var MONTHS_IN_POPUP = 2;
+var ONE_MONTH = 1;
+var MONTHS_HALF_YEAR = 6;
+var START_OF_DAY = 0;
+var END_OF_DAY_HOURS = 23;
+var END_OF_DAY_MINUTES = 59;
+var END_OF_DAY_SECONDS = 59;
+var END_OF_DAY_MILLISECONDS = 999;
+var DateRangeFilter_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "DateRangeFilter",
+	props: { field: { default: "createdAt" } },
+	emits: ["update:filters"],
+	setup(__props, { emit: __emit }) {
+		const properties = __props;
+		const emit = __emit;
+		const messages = useUiMessages();
+		const maxDate = /* @__PURE__ */ new Date();
+		const range = ref(null);
+		const atStartOfDay = (date) => {
+			const copy = new Date(date);
+			copy.setHours(START_OF_DAY, START_OF_DAY, START_OF_DAY, START_OF_DAY);
+			return copy;
+		};
+		const atEndOfDay = (date) => {
+			const copy = new Date(date);
+			copy.setHours(END_OF_DAY_HOURS, END_OF_DAY_MINUTES, END_OF_DAY_SECONDS, END_OF_DAY_MILLISECONDS);
+			return copy;
+		};
+		const toFilters = (value) => {
+			const filters = [];
+			const [from = null, to = null] = value ?? [];
+			if (from !== null) filters.push({
+				field: properties.field,
+				matchMode: FiltersMatchMode.GTE,
+				value: atStartOfDay(from).toISOString()
+			});
+			if (to !== null) filters.push({
+				field: properties.field,
+				matchMode: FiltersMatchMode.LTE,
+				value: atEndOfDay(to).toISOString()
+			});
+			return filters;
+		};
+		watch(range, (value) => {
+			emit("update:filters", toFilters(value));
+		});
+		const setLastDays = (days) => {
+			const start = /* @__PURE__ */ new Date();
+			start.setDate(start.getDate() - days);
+			range.value = [start, /* @__PURE__ */ new Date()];
+		};
+		const setLastMonths = (months) => {
+			const start = /* @__PURE__ */ new Date();
+			start.setMonth(start.getMonth() - months);
+			range.value = [start, /* @__PURE__ */ new Date()];
+		};
+		const clear = () => {
+			range.value = null;
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(DateRangeField_default, {
+				modelValue: range.value,
+				"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => range.value = $event),
+				class: "date-range-filter-input",
+				"max-date": unref(maxDate),
+				"number-of-months": MONTHS_IN_POPUP,
+				placeholder: unref(messages).dateRangeFilter.placeholder,
+				"show-icon": ""
+			}, {
+				footer: withCtx(() => [createElementVNode("div", _hoisted_2, [
+					createVNode(Button_default, {
+						label: unref(messages).dateRangeFilter.lastWeek,
+						severity: "secondary",
+						size: "small",
+						text: "",
+						onClick: _cache[0] || (_cache[0] = ($event) => setLastDays(DAYS_IN_WEEK))
+					}, null, 8, ["label"]),
+					createVNode(Button_default, {
+						label: unref(messages).dateRangeFilter.lastMonth,
+						severity: "secondary",
+						size: "small",
+						text: "",
+						onClick: _cache[1] || (_cache[1] = ($event) => setLastMonths(ONE_MONTH))
+					}, null, 8, ["label"]),
+					createVNode(Button_default, {
+						label: unref(messages).dateRangeFilter.lastSixMonths,
+						severity: "secondary",
+						size: "small",
+						text: "",
+						onClick: _cache[2] || (_cache[2] = ($event) => setLastMonths(MONTHS_HALF_YEAR))
+					}, null, 8, ["label"]),
+					range.value !== null ? (openBlock(), createBlock(Button_default, {
+						key: 0,
+						icon: "times",
+						label: unref(messages).dateRangeFilter.clear,
+						severity: "secondary",
+						size: "small",
+						text: "",
+						onClick: clear
+					}, null, 8, ["label"])) : createCommentVNode("", true)
+				])]),
+				_: 1
+			}, 8, [
+				"modelValue",
+				"max-date",
+				"placeholder"
+			])]);
+		};
+	}
+});
+//#endregion
+export { DateRangeFilter_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/dialog/Dialog.js

@@ -0,0 +1,5 @@
+import Dialog_vue_vue_type_script_setup_true_lang_default from "./Dialog.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/dialog/Dialog.vue
+var Dialog_default = Dialog_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Dialog_default as default };

package/dist/components/dialog/Dialog.vue.d.ts

@@ -0,0 +1,56 @@
+import type { VNode } from 'vue';
+type __VLS_Slots = {
+    default?: () => VNode[];
+    footer?: () => VNode[];
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    closable: {
+        default: undefined;
+        type: BooleanConstructor;
+    };
+    header: {
+        default: undefined;
+        type: StringConstructor;
+    };
+    modal: {
+        default: undefined;
+        type: BooleanConstructor;
+    };
+    visible: {
+        type: import("vue").PropType<boolean>;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    hide: () => any;
+    "update:visible": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    closable: {
+        default: undefined;
+        type: BooleanConstructor;
+    };
+    header: {
+        default: undefined;
+        type: StringConstructor;
+    };
+    modal: {
+        default: undefined;
+        type: BooleanConstructor;
+    };
+    visible: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & Readonly<{
+    onHide?: () => any;
+    "onUpdate:visible"?: (value: boolean) => any;
+}>, {
+    header: string;
+    closable: boolean;
+    modal: boolean;
+}, {}, {}, {}, 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/dialog/Dialog.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,71 @@
+import { createBlock, createSlots, defineComponent, mergeModels, nextTick, openBlock, renderSlot, shallowRef, unref, useModel, watch, withCtx } from "vue";
+import VendorDialog from "openvue/dialog";
+//#region src/components/dialog/Dialog.vue?vue&type=script&setup=true&lang.ts
+var Dialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "Dialog",
+	props: /*@__PURE__*/ mergeModels({
+		closable: {
+			default: void 0,
+			type: Boolean
+		},
+		header: {
+			default: void 0,
+			type: String
+		},
+		modal: {
+			default: void 0,
+			type: Boolean
+		}
+	}, {
+		"visible": {
+			type: Boolean,
+			default: false
+		},
+		"visibleModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["hide"], ["update:visible"]),
+	setup(__props) {
+		const visible = useModel(__props, "visible");
+		const DIALOG_PASS_THROUGH = {
+			footer: { class: "ui-dialog-footer" },
+			title: { class: "ui-dialog-title" }
+		};
+		const initiator = shallowRef(null);
+		watch(visible, (isVisible) => {
+			if (isVisible) {
+				initiator.value = globalThis.document.activeElement instanceof globalThis.HTMLElement ? globalThis.document.activeElement : null;
+				return;
+			}
+			const target = initiator.value;
+			initiator.value = null;
+			nextTick(() => {
+				target?.focus();
+			});
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(VendorDialog), {
+				visible: visible.value,
+				"onUpdate:visible": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
+				pt: DIALOG_PASS_THROUGH,
+				closable: __props.closable,
+				header: __props.header,
+				modal: __props.modal,
+				onHide: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("hide"))
+			}, createSlots({
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 2
+			}, [_ctx.$slots.footer ? {
+				name: "footer",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "footer")]),
+				key: "0"
+			} : void 0]), 1032, [
+				"visible",
+				"closable",
+				"header",
+				"modal"
+			]);
+		};
+	}
+});
+//#endregion
+export { Dialog_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/drawer/Drawer.js

@@ -0,0 +1,5 @@
+import Drawer_vue_vue_type_script_setup_true_lang_default from "./Drawer.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/drawer/Drawer.vue
+var Drawer_default = Drawer_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Drawer_default as default };

package/dist/components/drawer/Drawer.vue.d.ts

@@ -0,0 +1,24 @@
+import type { VNode } from 'vue';
+type __VLS_Props = {
+    position?: 'bottom' | 'left' | 'right' | 'top';
+};
+type __VLS_Slots = {
+    default?: () => VNode[];
+};
+type __VLS_ModelProps = {
+    'visible'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:visible": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:visible"?: (value: boolean) => any;
+}>, {}, {}, {}, {}, 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/drawer/Drawer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,29 @@
+import { createBlock, defineComponent, mergeModels, openBlock, renderSlot, unref, useModel, withCtx } from "vue";
+import VendorDrawer from "openvue/drawer";
+//#region src/components/drawer/Drawer.vue?vue&type=script&setup=true&lang.ts
+var Drawer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "Drawer",
+	props: /*@__PURE__*/ mergeModels({ position: {} }, {
+		"visible": {
+			type: Boolean,
+			default: false
+		},
+		"visibleModifiers": {}
+	}),
+	emits: ["update:visible"],
+	setup(__props) {
+		const visible = useModel(__props, "visible");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(VendorDrawer), {
+				visible: visible.value,
+				"onUpdate:visible": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
+				position: __props.position
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["visible", "position"]);
+		};
+	}
+});
+//#endregion
+export { Drawer_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/error-page/Error.js

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import Error_vue_vue_type_script_setup_true_lang_default from "./Error.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                      */
+//#region src/components/error-page/Error.vue
+var Error_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Error_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-6de1c932"]]);
+//#endregion
+export { Error_default as default };

package/dist/components/error-page/Error.vue.d.ts

@@ -0,0 +1,62 @@
+import type { PropType } from 'vue';
+import type { RouteLocationRaw } from 'vue-router';
+import type { AccentColor } from '../../accent-color';
+declare const __VLS_export: import("*.vue").DefineComponent<import("vue").ExtractPropTypes<{
+    code: {
+        default: string;
+        type: StringConstructor;
+    };
+    color: {
+        default: string;
+        type: PropType<AccentColor>;
+    };
+    header: {
+        default: string;
+        type: StringConstructor;
+    };
+    homeRoute: {
+        required: true;
+        type: PropType<RouteLocationRaw>;
+    };
+    message: {
+        default: string;
+        type: StringConstructor;
+    };
+    supportId: {
+        default: string;
+        type: StringConstructor;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    code: {
+        default: string;
+        type: StringConstructor;
+    };
+    color: {
+        default: string;
+        type: PropType<AccentColor>;
+    };
+    header: {
+        default: string;
+        type: StringConstructor;
+    };
+    homeRoute: {
+        required: true;
+        type: PropType<RouteLocationRaw>;
+    };
+    message: {
+        default: string;
+        type: StringConstructor;
+    };
+    supportId: {
+        default: string;
+        type: StringConstructor;
+    };
+}>> & Readonly<{}>, {
+    color: "indigo" | "primary" | "red" | "yellow";
+    code: string;
+    header: string;
+    message: string;
+    supportId: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/error-page/Error.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,93 @@
+import { useUiMessages } from "../../plugin/ui-injection.js";
+import Button_default from "../button/Button.js";
+import { useCopyToClipboard } from "../../composables/use-copy-to-clipboard.js";
+import GradientBackground_default from "./GradientBackground.js";
+import { createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, resolveComponent, toDisplayString, unref, withCtx } from "vue";
+//#region src/components/error-page/Error.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "error-overlay" };
+var _hoisted_2 = { class: "error-viewport" };
+var _hoisted_3 = { class: "error-column" };
+var _hoisted_4 = { class: "error-panel" };
+var _hoisted_5 = { class: "error-message" };
+var _hoisted_6 = {
+	key: 0,
+	class: "error-support"
+};
+var _hoisted_7 = { class: "error-support-label" };
+var _hoisted_8 = { class: "error-support-id" };
+var Error_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "Error",
+	props: {
+		code: {
+			default: "",
+			type: String
+		},
+		color: {
+			default: "red",
+			type: String
+		},
+		header: {
+			default: "",
+			type: String
+		},
+		homeRoute: {
+			required: true,
+			type: [String, Object]
+		},
+		message: {
+			default: "",
+			type: String
+		},
+		supportId: {
+			default: "",
+			type: String
+		}
+	},
+	setup(__props) {
+		const copySupportId = useCopyToClipboard();
+		const messages = useUiMessages();
+		const copyIdentifier = async () => {
+			await copySupportId(__props.supportId, messages.value.errorPage.copied);
+		};
+		const accentColor = `var(--ui-accent-${__props.color}-500)`;
+		const bgErrorStyle = { backgroundColor: accentColor };
+		const textErrorStyle = { color: accentColor };
+		return (_ctx, _cache) => {
+			const _component_router_link = resolveComponent("router-link");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [
+				createElementVNode("span", {
+					style: bgErrorStyle,
+					class: "error-code"
+				}, toDisplayString(__props.code), 1),
+				createElementVNode("h1", {
+					style: textErrorStyle,
+					class: "error-title"
+				}, toDisplayString(__props.header), 1),
+				createElementVNode("div", {
+					style: bgErrorStyle,
+					class: "error-divider"
+				}),
+				createElementVNode("p", _hoisted_5, toDisplayString(__props.message), 1),
+				__props.supportId !== "" ? (openBlock(), createElementBlock("div", _hoisted_6, [
+					createElementVNode("span", _hoisted_7, toDisplayString(unref(messages).errorPage.supportIdTitle), 1),
+					createElementVNode("code", _hoisted_8, toDisplayString(__props.supportId), 1),
+					createVNode(Button_default, {
+						class: "error-support-copy",
+						label: unref(messages).errorPage.copy,
+						onClick: copyIdentifier
+					}, null, 8, ["label"])
+				])) : createCommentVNode("", true),
+				createVNode(_component_router_link, { to: __props.homeRoute }, {
+					default: withCtx(() => [createVNode(Button_default, {
+						style: bgErrorStyle,
+						class: "error-action",
+						label: unref(messages).errorPage.goToDashboard
+					}, null, 8, ["label"])]),
+					_: 1
+				}, 8, ["to"])
+			])])]), createVNode(GradientBackground_default, { color: __props.color }, null, 8, ["color"])]);
+		};
+	}
+});
+//#endregion
+export { Error_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/error-page/GradientBackground.js

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

package/dist/components/error-page/GradientBackground.vue.d.ts

@@ -0,0 +1,17 @@
+import type { PropType } from 'vue';
+import type { AccentColor } from '../../accent-color';
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    color: {
+        default: string;
+        type: PropType<AccentColor>;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    color: {
+        default: string;
+        type: PropType<AccentColor>;
+    };
+}>> & Readonly<{}>, {
+    color: "indigo" | "primary" | "red" | "yellow";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/error-page/GradientBackground.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,54 @@
+import { createElementBlock, createElementVNode, createStaticVNode, defineComponent, openBlock } from "vue";
+//#region src/components/error-page/GradientBackground.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	xmlns: "http://www.w3.org/2000/svg",
+	"xmlns:xlink": "http://www.w3.org/1999/xlink",
+	class: "gradient-background",
+	viewBox: "0 0 1440 250"
+};
+var GradientBackground_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "GradientBackground",
+	props: { color: {
+		default: "red",
+		type: String
+	} },
+	setup(__props) {
+		const properties = __props;
+		const svgColorStart = `var(--ui-accent-${properties.color}-200)`;
+		const svgColorMiddle = `var(--ui-accent-${properties.color}-300)`;
+		const svgColorEnd = `var(--ui-accent-${properties.color}-500)`;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("svg", _hoisted_1, [createElementVNode("defs", null, [
+				createElementVNode("linearGradient", {
+					id: "c",
+					x1: "50%",
+					x2: "50%",
+					y1: "0%",
+					y2: "100%"
+				}, [createElementVNode("stop", {
+					offset: "0%",
+					"stop-color": svgColorStart
+				}), createElementVNode("stop", {
+					offset: "99.052%",
+					"stop-color": svgColorMiddle
+				})]),
+				_cache[0] || (_cache[0] = createStaticVNode("<path id=\"b\" d=\"M0 202c142.333-66.667 249-90 320-70 106.5 30 122 83.5 195 83.5h292c92.642-106.477 190.309-160.81 293-163 102.691-2.19 216.025 47.643 340 149.5v155.5H0V202z\" data-v-7d3d1707></path><filter id=\"a\" width=\"105.1%\" height=\"124.3%\" x=\"-2.6%\" y=\"-12.8%\" filterUnits=\"objectBoundingBox\" data-v-7d3d1707><feOffset dy=\"-2\" in=\"SourceAlpha\" result=\"shadowOffsetOuter1\" data-v-7d3d1707></feOffset><feGaussianBlur in=\"shadowOffsetOuter1\" result=\"shadowBlurOuter1\" stdDeviation=\"12\" data-v-7d3d1707></feGaussianBlur><feColorMatrix in=\"shadowBlurOuter1\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0\" data-v-7d3d1707></feColorMatrix></filter>", 2)),
+				createElementVNode("linearGradient", {
+					id: "d",
+					x1: "50%",
+					x2: "50%",
+					y1: "0%",
+					y2: "99.142%"
+				}, [createElementVNode("stop", {
+					offset: "0%",
+					"stop-color": svgColorMiddle
+				}), createElementVNode("stop", {
+					offset: "100%",
+					"stop-color": svgColorEnd
+				})])
+			]), _cache[1] || (_cache[1] = createStaticVNode("<g fill=\"none\" fill-rule=\"evenodd\" data-v-7d3d1707><g transform=\"translate(0 .5)\" data-v-7d3d1707><use fill=\"#000\" filter=\"url(#a)\" xlink:href=\"#b\" data-v-7d3d1707></use><use fill=\"url(#c)\" xlink:href=\"#b\" data-v-7d3d1707></use></g><path fill=\"url(#d)\" d=\"M0 107c225.333 61.333 364.333 92 417 92 79 0 194-79.5 293-79.5S914 244 1002 244s156-45 195-68.5c26-15.667 107-74.167 243-175.5v357.5H0V107z\" transform=\"translate(0 .5)\" data-v-7d3d1707></path></g>", 1))]);
+		};
+	}
+});
+//#endregion
+export { GradientBackground_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/form/Checkbox.js

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

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

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    binary?: boolean;
+    disabled?: boolean;
+    variant?: 'filled' | 'outlined';
+};
+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/Checkbox.vue_vue_type_script_setup_true_lang.js

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

package/dist/components/form/DateField.js

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

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

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    disabled?: boolean;
+    maxDate?: Date | undefined;
+    placeholder?: string | undefined;
+    showButtonBar?: boolean;
+    showIcon?: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue?: Date | null;
+};
+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: Date | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: Date | null) => any;
+}>, {
+    disabled: boolean;
+    placeholder: string | undefined;
+    maxDate: Date | undefined;
+    showIcon: boolean;
+    showButtonBar: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;