@bridge-ui/vue 0.0.8 → 0.0.10

package/dist/Components/Card/composables/useCard.js

@@ -1,11 +1,10 @@
-import { hasNamedSlot as e } from "../../../Utils/slotOrProp.js";
-import { mergePartBind as t, useBridgeUIComponent as n, useBridgeUIMergedRegistryClasses as r } from "../../../Utils/index.js";
-import { computed as i, useAttrs as a, useSlots as o } from "vue";
-import { cn as s, mergeBridgeUILayeredClasses as c, splitComponentProps as l } from "@bridge-ui/core";
-import { get as u } from "es-toolkit/compat";
-import { paddingProps as d, roundedProps as f, shadowProps as p, variantProps as m } from "@bridge-ui/core/Tokens/Card";
+import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
+import { computed as r, useAttrs as i, useSlots as a } from "vue";
+import { cn as o, mergeBridgeUILayeredClasses as s, splitComponentProps as c } from "@bridge-ui/core";
+import { get as l } from "es-toolkit/compat";
+import { paddingProps as u, roundedProps as d, shadowProps as f, variantProps as p } from "@bridge-ui/core/Tokens/Card";
 //#region src/Components/Card/composables/useCard.ts
-var h = [
+var m = [
 	"title",
 	"shadow",
 	"classes",
@@ -15,66 +14,76 @@ var h = [
 	"borderless",
 	"customProps"
 ];
-function g(g, _) {
-	let v = a(), y = o(), b = i(() => l({
-		bridgeKeys: h,
+function h(h, g) {
+	let _ = i(), v = a(), y = r(() => c({
+		bridgeKeys: m,
 		props: {
-			...v,
-			...g
+			..._,
+			...h
 		}
-	})), { merged: x, entry: S } = n({
-		libDefaults: _,
+	})), { merged: b, entry: x } = t({
+		libDefaults: g,
 		componentName: "Card",
-		props: () => b.value.componentProps
-	}), C = i(() => x.value.customProps), w = r({
-		entry: S,
-		props: () => b.value.componentProps
-	}), T = i(() => {
-		let e = y.default?.();
+		props: () => y.value.componentProps
+	}), S = r(() => b.value.customProps), C = n({
+		entry: x,
+		props: () => y.value.componentProps
+	}), w = r(() => {
+		let e = v.default?.();
 		return !!(e && e.length > 0);
-	}), E = i(() => e(y, "footer")), D = i(() => u(c(m, S.value?.tokens?.variant), x.value.variant)), O = i(() => x.value.borderless ? !1 : !!u(D.value, "border")), k = i(() => {
-		if (x.value.variant === "elevated") return u(c(p, S.value?.tokens?.shadow), x.value.shadow);
-	}), A = i(() => u(c(d, S.value?.tokens?.padding), x.value.padding)), j = i(() => u(c(f, S.value?.tokens?.rounded), x.value.rounded)), M = i(() => t(C.value?.body, {}, s({
+	}), T = r(() => {
+		let e = s(p, x.value?.tokens?.variant);
+		return l(e, b.value.variant);
+	}), E = r(() => !b.value.borderless && !!l(T.value, "border")), D = r(() => {
+		if (b.value.variant !== "elevated") return;
+		let e = s(f, x.value?.tokens?.shadow);
+		return l(e, b.value.shadow);
+	}), O = r(() => {
+		let e = s(u, x.value?.tokens?.padding);
+		return l(e, b.value.padding);
+	}), k = r(() => {
+		let e = s(d, x.value?.tokens?.rounded);
+		return l(e, b.value.rounded);
+	}), A = r(() => e(S.value?.body, {}, o({
 		grow: !0,
-		[u(A.value, "body") ?? ""]: !0,
-		[u(D.value, "text") ?? ""]: !0,
-		[u(w.value, "body") ?? ""]: !0
-	}))), N = i(() => t(C.value?.footer, {}, s({
-		"border-t": O.value,
-		[u(A.value, "footer") ?? ""]: !0,
-		[u(D.value, "border") ?? ""]: O.value,
-		[u(D.value, "footer") ?? ""]: !0,
-		[u(j.value, "footer") ?? ""]: !0,
-		[u(w.value, "footer") ?? ""]: !0
-	}))), P = i(() => t(C.value?.header, {}, s({
+		[l(O.value, "body") ?? ""]: !0,
+		[l(T.value, "text") ?? ""]: !0,
+		[l(C.value, "body") ?? ""]: !0
+	}))), j = r(() => e(S.value?.footer, {}, o({
+		"border-t": E.value,
+		[l(O.value, "footer") ?? ""]: !0,
+		[l(T.value, "border") ?? ""]: E.value,
+		[l(T.value, "footer") ?? ""]: !0,
+		[l(k.value, "footer") ?? ""]: !0,
+		[l(C.value, "footer") ?? ""]: !0
+	}))), M = r(() => e(S.value?.header, {}, o({
 		"flex items-center justify-between": !0,
-		"border-b": O.value,
-		[u(A.value, "header") ?? ""]: !0,
-		[u(D.value, "border") ?? ""]: O.value,
-		[u(j.value, "header") ?? ""]: !0,
-		[u(w.value, "header") ?? ""]: !0
+		"border-b": E.value,
+		[l(O.value, "header") ?? ""]: !0,
+		[l(T.value, "border") ?? ""]: E.value,
+		[l(k.value, "header") ?? ""]: !0,
+		[l(C.value, "header") ?? ""]: !0
 	})));
 	return {
-		slots: y,
-		merged: x,
-		bodyBind: M,
-		rootBind: i(() => t(C.value?.root, b.value.inheritedAttrs, s({
+		slots: v,
+		merged: b,
+		bodyBind: A,
+		rootBind: r(() => e(S.value?.root, y.value.inheritedAttrs, o({
 			"flex w-full flex-col": !0,
-			[k.value ?? ""]: !0,
-			[u(j.value, "root") ?? ""]: !0,
-			[u(D.value, "root") ?? ""]: !0,
-			[u(w.value, "root") ?? ""]: !0
+			[D.value ?? ""]: !0,
+			[l(k.value, "root") ?? ""]: !0,
+			[l(T.value, "root") ?? ""]: !0,
+			[l(C.value, "root") ?? ""]: !0
 		}))),
-		hasFooter: E,
-		titleBind: i(() => t(C.value?.title, {}, s({
+		titleBind: r(() => e(S.value?.title, {}, o({
 			"text-base font-medium whitespace-normal": !0,
-			[u(D.value, "text") ?? ""]: !0,
-			[u(w.value, "title") ?? ""]: !0
+			[l(T.value, "text") ?? ""]: !0,
+			[l(C.value, "title") ?? ""]: !0
 		}))),
-		footerBind: N,
-		headerBind: P,
-		hasDefaultBody: T
+		footerBind: j,
+		headerBind: M,
+		hasDefaultBody: w
 	};
 }
 //#endregion
-export { g as useCard };
+export { h as useCard };

package/dist/Components/Checkbox/Checkbox.vue_vue_type_script_setup_true_lang.js

@@ -1,16 +1,18 @@
 import { useIconAdapter as e } from "../../Adapters/Icon/useIconAdapter.js";
-import t from "../FormControl/FormControl.js";
-import { useCheckbox as n } from "./composables/useCheckbox.js";
-import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, guardReactiveProps as l, mergeModels as u, mergeProps as d, normalizeClass as f, normalizeProps as p, openBlock as m, ref as h, resolveDynamicComponent as g, unref as _, useAttrs as v, useModel as y, withCtx as b } from "vue";
-import { cn as x, resolveIconSource as S } from "@bridge-ui/core";
+import { presentSlotNames as t } from "../../Utils/slotOrProp.js";
+import { FORM_CONTROL_CHROME_SLOT_NAMES as n } from "../FormControl/formControl.types.js";
+import r from "../FormControl/FormControl.js";
+import { useCheckbox as i } from "./composables/useCheckbox.js";
+import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createSlots as u, defineComponent as d, guardReactiveProps as f, mergeModels as p, mergeProps as m, normalizeClass as h, normalizeProps as g, openBlock as _, ref as v, renderList as y, renderSlot as b, resolveDynamicComponent as x, unref as S, useAttrs as C, useModel as w, withCtx as T } from "vue";
+import { cn as E, resolveIconSource as D } from "@bridge-ui/core";
 //#region src/Components/Checkbox/Checkbox.vue?vue&type=script&setup=true&lang.ts
-var C = ["for"], w = ["checked"], T = {
+var O = ["for"], k = ["checked"], A = {
 	key: 1,
 	class: "block h-0.5 w-[55%] rounded-full bg-white"
-}, E = /* @__PURE__ */ c({
+}, j = /*@__PURE__*/ d({
 	inheritAttrs: !1,
 	__name: "Checkbox",
-	props: /* @__PURE__ */ u({
+	props: /*@__PURE__*/ p({
 		classes: {},
 		color: {},
 		customProps: {},
@@ -37,34 +39,37 @@ var C = ["for"], w = ["checked"], T = {
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(c) {
-		let u = v(), E = c, D = h(!!E.defaultChecked), O = y(c, "modelValue"), k = r(() => O.value ?? D.value), A = e(), j = r(() => S("check", A.value)), { merged: M, iconBind: N, inputRef: P, fieldBind: F, inputBind: I, isChecked: L, formControl: R, controlBind: z } = n(() => ({
-			...u,
-			...E
+	setup(d) {
+		let p = C(), j = d, M = v(!!j.defaultChecked), N = w(d, "modelValue"), P = a(() => N.value ?? M.value), F = e(), I = a(() => D("check", F.value)), { merged: L, iconBind: R, inputRef: z, fieldBind: B, inputBind: V, isChecked: H, formControl: U, controlBind: W } = i(() => ({
+			...p,
+			...j
 		}), {
 			size: "md",
 			rounded: "sm",
 			color: "primary"
-		}, k);
-		function B(e) {
+		}, P);
+		function G(e) {
 			let t = e.target;
-			O.value = t.checked, D.value = t.checked;
+			N.value = t.checked, M.value = t.checked;
 		}
-		return (e, n) => (m(), i(_(t), { field: _(R) }, {
-			default: b(() => [s("label", d(_(F), { for: _(R).controlId.value }), [s("input", d({
+		return (e, i) => (_(), o(S(r), { field: S(U) }, u({
+			default: T(() => [l("label", m(S(B), { for: S(U).controlId.value }), [l("input", m({
 				ref_key: "inputRef",
-				ref: P
-			}, _(I), {
-				checked: _(L),
-				onChange: B
-			}), null, 16, w), s("span", p(l(_(z))), [_(L) && !_(M).indeterminate ? (m(), i(g(j.value), {
+				ref: z
+			}, S(V), {
+				checked: S(H),
+				onChange: G
+			}), null, 16, k), l("span", g(f(S(W))), [S(H) && !S(L).indeterminate ? (_(), o(x(I.value), {
 				key: 0,
 				"stroke-width": 3,
-				class: f(_(x)("h-[65%] w-[65%]", _(N).class))
-			}, null, 8, ["class"])) : _(M).indeterminate ? (m(), o("span", T)) : a("", !0)], 16)], 16, C)]),
-			_: 1
-		}, 8, ["field"]));
+				class: h(S(E)("h-[65%] w-[65%]", S(R).class))
+			}, null, 8, ["class"])) : S(L).indeterminate ? (_(), c("span", A)) : s("", !0)], 16)], 16, O)]),
+			_: 2
+		}, [y(S(t)(S(n), e.$slots), (t) => ({
+			name: t,
+			fn: T((n) => [b(e.$slots, t, g(f(n || {})))])
+		}))]), 1032, ["field"]));
 	}
 });
 //#endregion
-export { E as default };
+export { j as default };

package/dist/Components/Checkbox/composables/useCheckbox.js

@@ -35,7 +35,16 @@ function y(y, b, x) {
 	}), O = i(() => E.value.customProps), k = n({
 		entry: D,
 		props: () => T.value.componentProps
-	}), A = i(() => !!o(x)), j = i(() => f(u(m, D.value?.tokens?.color), E.value.color ?? "primary")), M = i(() => u(h, D.value?.tokens?.invalidated)), N = i(() => w.invalidated.value ? M.value : j.value), P = i(() => f(u(_, D.value?.tokens?.size), E.value.size ?? "sm")), F = i(() => f(u(g, D.value?.tokens?.rounded), E.value.rounded ?? "sm"));
+	}), A = i(() => !!o(x)), j = i(() => {
+		let e = u(m, D.value?.tokens?.color);
+		return f(e, E.value.color ?? "primary");
+	}), M = i(() => u(h, D.value?.tokens?.invalidated)), N = i(() => w.invalidated.value ? M.value : j.value), P = i(() => {
+		let e = u(_, D.value?.tokens?.size);
+		return f(e, E.value.size ?? "sm");
+	}), F = i(() => {
+		let e = u(g, D.value?.tokens?.rounded);
+		return f(e, E.value.rounded ?? "sm");
+	});
 	c(() => {
 		C.value && (C.value.indeterminate = !!E.value.indeterminate);
 	});

package/dist/Components/Chip/Chip.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,9 @@
-import { hasNamedSlot as e, resolveNamedSlot as t } from "../../Utils/slotOrProp.js";
+import { hasNamedSlot as e, isPropPresent as t } from "../../Utils/slotOrProp.js";
 import n from "../Icon/Icon.js";
 import { useChip as r } from "./composables/useChip.js";
-import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createTextVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, normalizeProps as m, openBlock as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, useSlots as y } from "vue";
+import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, createVNode as l, defineComponent as u, guardReactiveProps as d, mergeProps as f, normalizeProps as p, openBlock as m, renderSlot as h, toDisplayString as g, unref as _, useSlots as v } from "vue";
 //#region src/Components/Chip/Chip.vue?vue&type=script&setup=true&lang.ts
-var b = /* @__PURE__ */ d({
+var y = /*@__PURE__*/ u({
 	inheritAttrs: !1,
 	__name: "Chip",
 	props: {
@@ -22,13 +22,13 @@ var b = /* @__PURE__ */ d({
 		size: { default: "md" }
 	},
 	emits: ["dismiss"],
-	setup(d, { emit: b }) {
-		let x = y(), { merged: S, rootBind: C, labelBind: w, clearBind: T, clearIconSize: E, handleDismiss: D, handleClearKeyDown: O } = r(d, { size: "md" }, b), k = a(() => S.value.customProps?.clearIcon), A = a(() => E.value), j = a(() => e(x, "default") || !!S.value.label);
-		return (r, a) => (h(), c("span", m(f(v(C))), [j.value ? (h(), c("span", m(p({ key: 0 }, v(w))), [v(e)(v(x), "default") ? (h(), o(g(v(t)(v(x), "default")), { key: 0 })) : (h(), c(i, { key: 1 }, [l(_(d.label), 1)], 64))], 16)) : s("", !0), d.dismissible ? (h(), c("span", p({ key: 1 }, v(T), {
-			onClick: a[0] ||= (...e) => v(D) && v(D)(...e),
-			onKeydown: a[1] ||= (...e) => v(O) && v(O)(...e)
-		}), [u(v(n), p({ icon: "clear" }, k.value, { size: A.value }), null, 16, ["size"])], 16)) : s("", !0)], 16));
+	setup(u, { emit: y }) {
+		let b = v(), { merged: x, rootBind: S, labelBind: C, clearBind: w, clearIconSize: T, handleDismiss: E, handleClearKeyDown: D } = r(u, { size: "md" }, y), O = a(() => x.value.customProps?.clearIcon), k = a(() => T.value), A = a(() => e(b, "default") || !!x.value.label);
+		return (r, a) => (m(), s("span", p(d(_(S))), [A.value ? (m(), s("span", p(f({ key: 0 }, _(C))), [_(e)(_(b), "default") ? h(r.$slots, "default", {}, void 0, void 0, 0) : _(t)(_(x).label) ? (m(), s(i, { key: 1 }, [c(g(_(x).label), 1)], 64)) : o("", !0)], 16)) : o("", !0), u.dismissible ? (m(), s("span", f({ key: 1 }, _(w), {
+			onClick: a[0] ||= (...e) => _(E) && _(E)(...e),
+			onKeydown: a[1] ||= (...e) => _(D) && _(D)(...e)
+		}), [l(_(n), f({ icon: "clear" }, O.value, { size: k.value }), null, 16, ["size"])], 16)) : o("", !0)], 16));
 	}
 });
 //#endregion
-export { b as default };
+export { y as default };

package/dist/Components/Chip/composables/useChip.js

@@ -27,8 +27,11 @@ function d(d, f, p) {
 	}), v = n({
 		entry: _,
 		props: () => h.value.componentProps
-	}), y = r(() => g.value.customProps), b = r(() => c(o(l, _.value?.tokens?.size), g.value.size ?? "md")), x = r(() => b.value?.clear ?? "md"), S = r(() => e(y.value?.root, h.value.inheritedAttrs, a({
-		"inline-flex max-w-full items-center bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-100": !0,
+	}), y = r(() => g.value.customProps), b = r(() => {
+		let e = o(l, _.value?.tokens?.size);
+		return c(e, g.value.size ?? "md");
+	}), x = r(() => b.value?.clear ?? "md"), S = r(() => e(y.value?.root, h.value.inheritedAttrs, a({
+		"inline-flex max-w-full items-center bg-dark-100 text-dark-800 dark:bg-dark-700 dark:text-dark-100": !0,
 		"opacity-50 pointer-events-none": g.value.disabled === !0,
 		[b.value?.root ?? ""]: !0,
 		[v.value.root ?? ""]: !0
@@ -42,7 +45,7 @@ function d(d, f, p) {
 		"aria-label": g.value.clearLabel ?? "Remove",
 		"aria-disabled": g.value.disabled ? !0 : void 0
 	}, a({
-		"inline-flex shrink-0 cursor-pointer items-center justify-center rounded-sm text-gray-400 transition-colors duration-150 hover:text-gray-700 dark:text-gray-500 dark:hover:text-gray-200": !0,
+		"inline-flex shrink-0 cursor-pointer items-center justify-center rounded-sm text-dark-400 transition-colors duration-150 hover:text-dark-700 dark:text-dark-500 dark:hover:text-dark-200": !0,
 		[v.value.clear ?? ""]: !0
 	})));
 	function T(e) {
@@ -63,4 +66,4 @@ function d(d, f, p) {
 	};
 }
 //#endregion
-export { d as useChip };
+export { u as chipBridgeKeys, d as useChip };

package/dist/Components/DateField/DateField.js

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

package/dist/Components/DateField/DateField.vue.d.ts

@@ -0,0 +1,32 @@
+import { DatePickerModel } from '@bridge-ui/core';
+import { DateFieldOwnProps, DateFieldSlots } from './dateField.types';
+type __VLS_Slots = DateFieldSlots;
+type __VLS_Props = DateFieldOwnProps;
+type __VLS_ModelProps = {
+    modelValue?: DatePickerModel;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    clear: () => any;
+    change: (value: DatePickerModel) => any;
+    close: () => any;
+    open: () => any;
+    "update:modelValue": (value: DatePickerModel | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClear?: (() => any) | undefined;
+    onChange?: ((value: DatePickerModel) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: DatePickerModel | undefined) => any) | undefined;
+}>, {
+    showErrorIcon: boolean;
+    clearable: boolean;
+}, {}, {}, {}, 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/DateField/DateField.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,163 @@
+import { useResolveMessage as e } from "../../Adapters/I18n/useI18nAdapter.js";
+import { presentSlotNames as t } from "../../Utils/slotOrProp.js";
+import n from "../Icon/Icon.js";
+import { FORM_FIELD_CHROME_SLOT_NAMES as r } from "../FormField/formField.types.js";
+import i from "../FormField/FormField.js";
+import ee from "../FieldOverlay/FieldOverlay.js";
+import { useDateField as a } from "./composables/useDateField.js";
+import o from "../DatePicker/DatePicker.js";
+import { Fragment as s, computed as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createSlots as f, createTextVNode as p, createVNode as m, defineComponent as h, guardReactiveProps as g, isRef as _, mergeModels as v, mergeProps as y, normalizeClass as b, normalizeProps as x, openBlock as S, ref as C, renderList as w, renderSlot as T, toDisplayString as E, unref as D, useModel as O, withCtx as k, withKeys as A, withModifiers as j } from "vue";
+import { isUndefined as M } from "es-toolkit/compat";
+//#region src/Components/DateField/DateField.vue?vue&type=script&setup=true&lang.ts
+var N = { class: "flex min-w-0 flex-1 items-center gap-1" }, P = ["aria-label"], F = /*@__PURE__*/ h({
+	inheritAttrs: !1,
+	__name: "DateField",
+	props: /*@__PURE__*/ v({
+		classes: {},
+		clearable: {
+			type: Boolean,
+			default: !0
+		},
+		customProps: {},
+		defaultValue: {},
+		defaultView: {},
+		disableDates: {},
+		disableMonths: {},
+		disableYears: {},
+		hideMonths: { type: Boolean },
+		hideOutsideDays: { type: Boolean },
+		hideWeekdays: { type: Boolean },
+		hideYears: { type: Boolean },
+		maxDate: {},
+		minDate: {},
+		multiple: { type: Boolean },
+		overlay: {},
+		range: { type: Boolean },
+		showFooter: { type: Boolean },
+		startOfWeek: {},
+		timeZone: {},
+		color: {},
+		controlId: {},
+		corner: {},
+		description: {},
+		disabled: { type: Boolean },
+		end: {},
+		endIcon: {},
+		error: { type: Boolean },
+		errorIcon: {},
+		errorMessage: {},
+		hideErrorMessage: { type: Boolean },
+		label: {},
+		readonly: { type: Boolean },
+		required: { type: Boolean },
+		rounded: {},
+		showErrorIcon: {
+			type: Boolean,
+			default: !0
+		},
+		size: {},
+		slots: {},
+		start: {},
+		startIcon: {},
+		variant: {}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ v([
+		"change",
+		"clear",
+		"close",
+		"open"
+	], ["update:modelValue"]),
+	setup(h, { emit: v }) {
+		let F = O(h, "modelValue"), I = h, L = v, R = e(), z = C(I.defaultValue ?? null), B = c({
+			set: (e) => {
+				F.value = e, z.value = e;
+			},
+			get: () => M(F.value) ? z.value : F.value
+		}), { open: V, overlay: H, dateOnly: U, formField: W, inputBind: G, clearBind: K, clearValue: q, modelValue: J, showFooter: Y, pickerClass: X, clearIconSize: Z, showClearIcon: Q, handleOpenChange: $, handlePickerChange: te, handlePickerCancel: ne, overlayCustomProps: re, datePickerCustomProps: ie } = a(I, B, L);
+		return (e, a) => (S(), u(s, null, [m(D(i), { field: D(W) }, f({
+			default: k(() => [d("div", N, [d("input", x(g(D(G))), null, 16), D(Q) ? (S(), u("span", y({ key: 0 }, D(K), {
+				onClick: a[0] ||= (...e) => D(q) && D(q)(...e),
+				"aria-label": D(R)("Clear"),
+				onKeydown: [a[1] ||= A(j((...e) => D(q) && D(q)(...e), ["prevent"]), ["enter"]), a[2] ||= A(j((...e) => D(q) && D(q)(...e), ["prevent"]), ["space"])]
+			}), [m(D(n), y({
+				icon: "clear",
+				size: D(Z)
+			}, I.customProps?.clearIcon), null, 16, ["size"])], 16, P)) : l("", !0)])]),
+			_: 2
+		}, [w(D(t)(D(r), e.$slots), (t) => ({
+			name: t,
+			fn: k((n) => [T(e.$slots, t, x(g(n || {})))])
+		}))]), 1032, ["field"]), m(D(ee), {
+			modelValue: D(V),
+			"onUpdate:modelValue": [a[3] ||= (e) => _(V) ? V.value = e : null, D($)],
+			overlay: D(H),
+			"custom-props": D(re)
+		}, {
+			default: k(() => [m(D(o), {
+				value: D(J),
+				class: b(D(X)),
+				range: D(U).range,
+				"show-footer": D(Y),
+				"read-only": I.readonly,
+				"max-date": D(U).maxDate,
+				"min-date": D(U).minDate,
+				multiple: D(U).multiple,
+				"time-zone": D(U).timeZone,
+				"hide-years": D(U).hideYears,
+				onChange: D(te),
+				onCancel: D(ne),
+				"hide-months": D(U).hideMonths,
+				"default-view": D(U).defaultView,
+				color: D(W).merged.value.color,
+				"start-of-week": D(U).startOfWeek,
+				"custom-props": D(ie),
+				disabled: D(W).isDisabled.value,
+				"disable-dates": D(U).disableDates,
+				"hide-weekdays": D(U).hideWeekdays,
+				"disable-years": D(U).disableYears,
+				"disable-months": D(U).disableMonths,
+				rounded: D(W).merged.value.rounded,
+				"hide-outside-days": D(U).hideOutsideDays
+			}, {
+				day: k((t) => [T(e.$slots, "day", x(g(t)), () => [p(E(t.label), 1)])]),
+				_: 3
+			}, 8, [
+				"value",
+				"class",
+				"range",
+				"show-footer",
+				"read-only",
+				"max-date",
+				"min-date",
+				"multiple",
+				"time-zone",
+				"hide-years",
+				"onChange",
+				"onCancel",
+				"hide-months",
+				"default-view",
+				"color",
+				"start-of-week",
+				"custom-props",
+				"disabled",
+				"disable-dates",
+				"hide-weekdays",
+				"disable-years",
+				"disable-months",
+				"rounded",
+				"hide-outside-days"
+			])]),
+			_: 3
+		}, 8, [
+			"modelValue",
+			"overlay",
+			"custom-props",
+			"onUpdate:modelValue"
+		])], 64));
+	}
+});
+//#endregion
+export { F as default };