@bridge-ui/vue 0.0.9 → 0.0.10

package/dist/Components/Tab/Tab.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,9 @@
-import { hasNamedSlot as e, resolveNamedSlot as t } from "../../Utils/slotOrProp.js";
-import n from "../Icon/Icon.js";
-import { useTab as r } from "./composables/useTab.js";
-import { createBlock as i, createCommentVNode as a, createElementBlock as o, defineComponent as s, guardReactiveProps as c, mergeProps as l, normalizeProps as u, openBlock as d, resolveDynamicComponent as f, unref as p, useSlots as m } from "vue";
+import { hasNamedSlot as e } from "../../Utils/slotOrProp.js";
+import t from "../Icon/Icon.js";
+import { useTab as n } from "./composables/useTab.js";
+import { createBlock as r, createCommentVNode as i, createElementBlock as a, defineComponent as o, guardReactiveProps as s, mergeProps as c, normalizeProps as l, openBlock as u, renderSlot as d, unref as f, useSlots as p } from "vue";
 //#region src/Components/Tab/Tab.vue?vue&type=script&setup=true&lang.ts
-var h = /*@__PURE__*/ s({
+var m = /*@__PURE__*/ o({
 	inheritAttrs: !1,
 	__name: "Tab",
 	props: {
@@ -14,20 +14,20 @@ var h = /*@__PURE__*/ s({
 		startIcon: {},
 		value: {}
 	},
-	setup(s) {
-		let h = m(), { merged: g, iconSize: _, rootBind: v, endIconBind: y, endSlotBind: b, startIconBind: x, startSlotBind: S } = r(s);
-		return (r, s) => (d(), o("button", u(c(p(v))), [
-			p(g).startIcon ? (d(), i(p(n), l({
+	setup(o) {
+		let m = p(), { merged: h, iconSize: g, rootBind: _, endIconBind: v, endSlotBind: y, startIconBind: b, startSlotBind: x } = n(o);
+		return (n, o) => (u(), a("button", l(s(f(_))), [
+			f(h).startIcon ? (u(), r(f(t), c({
 				key: 0,
-				size: p(_)
-			}, p(x), { icon: p(g).startIcon }), null, 16, ["size", "icon"])) : p(e)(p(h), "start") ? (d(), o("div", u(l({ key: 1 }, p(S))), [(d(), i(f(p(t)(p(h), "start"))))], 16)) : a("", !0),
-			(d(), i(f(p(t)(p(h), "default")))),
-			p(g).endIcon ? (d(), i(p(n), l({
+				size: f(g)
+			}, f(b), { icon: f(h).startIcon }), null, 16, ["size", "icon"])) : f(e)(f(m), "start") ? (u(), a("div", l(c({ key: 1 }, f(x))), [d(n.$slots, "start")], 16)) : i("", !0),
+			d(n.$slots, "default"),
+			f(h).endIcon ? (u(), r(f(t), c({
 				key: 2,
-				size: p(_)
-			}, p(y), { icon: p(g).endIcon }), null, 16, ["size", "icon"])) : p(e)(p(h), "end") ? (d(), o("div", u(l({ key: 3 }, p(b))), [(d(), i(f(p(t)(p(h), "end"))))], 16)) : a("", !0)
+				size: f(g)
+			}, f(v), { icon: f(h).endIcon }), null, 16, ["size", "icon"])) : f(e)(f(m), "end") ? (u(), a("div", l(c({ key: 3 }, f(y))), [d(n.$slots, "end")], 16)) : i("", !0)
 		], 16));
 	}
 });
 //#endregion
-export { h as default };
+export { m as default };

package/dist/Components/TabList/TabList.vue_vue_type_script_setup_true_lang.js

@@ -1,18 +1,17 @@
-import { resolveNamedSlot as e } from "../../Utils/slotOrProp.js";
-import { useTabList as t } from "./composables/useTabList.js";
-import { createBlock as n, createElementBlock as r, defineComponent as i, guardReactiveProps as a, normalizeProps as o, openBlock as s, resolveDynamicComponent as c, unref as l, useSlots as u } from "vue";
+import { useTabList as e } from "./composables/useTabList.js";
+import { createElementBlock as t, defineComponent as n, guardReactiveProps as r, normalizeProps as i, openBlock as a, renderSlot as o, unref as s } from "vue";
 //#region src/Components/TabList/TabList.vue?vue&type=script&setup=true&lang.ts
-var d = /*@__PURE__*/ i({
+var c = /*@__PURE__*/ n({
 	inheritAttrs: !1,
 	__name: "TabList",
 	props: {
 		classes: {},
 		customProps: {}
 	},
-	setup(i) {
-		let d = u(), { rootBind: f } = t(i);
-		return (t, i) => (s(), r("div", o(a(l(f))), [(s(), n(c(l(e)(l(d), "default"))))], 16));
+	setup(n) {
+		let { rootBind: c } = e(n);
+		return (e, n) => (a(), t("div", i(r(s(c))), [o(e.$slots, "default")], 16));
 	}
 });
 //#endregion
-export { d as default };
+export { c as default };

package/dist/Components/TabPanel/TabPanel.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,7 @@
-import { resolveNamedSlot as e } from "../../Utils/slotOrProp.js";
-import { useTabPanel as t } from "./composables/useTabPanel.js";
-import { createBlock as n, createCommentVNode as r, createElementBlock as i, defineComponent as a, mergeProps as o, normalizeProps as s, openBlock as c, resolveDynamicComponent as l, unref as u, useSlots as d } from "vue";
+import { useTabPanel as e } from "./composables/useTabPanel.js";
+import { createCommentVNode as t, createElementBlock as n, defineComponent as r, mergeProps as i, normalizeProps as a, openBlock as o, renderSlot as s, unref as c } from "vue";
 //#region src/Components/TabPanel/TabPanel.vue?vue&type=script&setup=true&lang.ts
-var f = /*@__PURE__*/ a({
+var l = /*@__PURE__*/ r({
 	inheritAttrs: !1,
 	__name: "TabPanel",
 	props: {
@@ -11,10 +10,10 @@ var f = /*@__PURE__*/ a({
 		keepMounted: { type: Boolean },
 		value: {}
 	},
-	setup(a) {
-		let f = d(), { rootBind: p, selected: m, keepMounted: h } = t(a);
-		return (t, a) => u(m) || u(h) ? (c(), i("div", s(o({ key: 0 }, u(p))), [(c(), n(l(u(e)(u(f), "default"))))], 16)) : r("", !0);
+	setup(r) {
+		let { rootBind: l, selected: u, keepMounted: d } = e(r);
+		return (e, r) => c(u) || c(d) ? (o(), n("div", a(i({ key: 0 }, c(l))), [s(e.$slots, "default")], 16)) : t("", !0);
 	}
 });
 //#endregion
-export { f as default };
+export { l as default };

package/dist/Components/Tabs/Tabs.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,11 @@
-import { resolveNamedSlot as e } from "../../Utils/slotOrProp.js";
+import { RenderFn as e } from "../../Utils/slotOrProp.js";
 import t from "../Tab/Tab.js";
 import n from "../TabList/TabList.js";
 import r from "../TabPanel/TabPanel.js";
 import { useTabs as i } from "./composables/useTabs.js";
-import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createSlots as u, createTextVNode as d, createVNode as f, defineComponent as p, guardReactiveProps as m, mergeModels as h, mergeProps as g, normalizeProps as _, openBlock as v, renderList as y, resolveDynamicComponent as b, toDisplayString as x, unref as S, useModel as C, useSlots as w, withCtx as T } from "vue";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createSlots as u, createTextVNode as d, createVNode as f, defineComponent as p, guardReactiveProps as m, mergeModels as h, mergeProps as g, normalizeProps as _, openBlock as v, renderList as y, renderSlot as b, toDisplayString as x, unref as S, useModel as C, withCtx as w } from "vue";
 //#region src/Components/Tabs/Tabs.vue?vue&type=script&setup=true&lang.ts
-var E = /*@__PURE__*/ p({
+var T = /*@__PURE__*/ p({
 	inheritAttrs: !1,
 	__name: "Tabs",
 	props: /*@__PURE__*/ h({
@@ -26,31 +26,34 @@ var E = /*@__PURE__*/ p({
 	}),
 	emits: /*@__PURE__*/ h(["change", "update:modelValue"], ["update:modelValue"]),
 	setup(p, { emit: h }) {
-		let E = w(), D = h, O = p, k = C(p, "modelValue"), { rootBind: A, tabItems: j } = i(O, {
+		let T = h, E = p, D = C(p, "modelValue"), { rootBind: O, tabItems: k } = i(E, {
 			size: "md",
 			variant: "line",
 			color: "primary",
 			keepMounted: !0,
 			activation: "automatic",
 			orientation: "horizontal"
-		}, k, D), M = o(() => j.value.length > 0);
-		return (i, o) => (v(), l("div", _(m(S(A))), [M.value ? (v(), l(a, { key: 0 }, [f(n, _(m(O.customProps?.tabList)), {
-			default: T(() => [(v(!0), l(a, null, y(S(j), (e) => (v(), s(t, g({
-				key: e.value,
-				value: e.value,
-				"end-icon": e.endIcon,
-				disabled: e.disabled,
-				"start-icon": e.startIcon
-			}, { ref_for: !0 }, O.customProps?.tab), u({
-				default: T(() => [typeof e.label == "string" ? (v(), l(a, { key: 0 }, [d(x(e.label), 1)], 64)) : (v(), s(b(e.label), { key: 1 }))]),
+		}, D, T), A = o(() => k.value.length > 0);
+		return (i, o) => (v(), l("div", _(m(S(O))), [A.value ? (v(), l(a, { key: 0 }, [f(n, _(m(E.customProps?.tabList)), {
+			default: w(() => [(v(!0), l(a, null, y(S(k), (n) => (v(), s(t, g({
+				key: n.value,
+				value: n.value,
+				"end-icon": n.endIcon,
+				disabled: n.disabled,
+				"start-icon": n.startIcon
+			}, { ref_for: !0 }, E.customProps?.tab), u({
+				default: w(() => [typeof n.label == "string" ? (v(), l(a, { key: 0 }, [d(x(n.label), 1)], 64)) : (v(), s(S(e), {
+					key: 1,
+					fn: n.label
+				}, null, 8, ["fn"]))]),
 				_: 2
-			}, [e.slots?.start ? {
+			}, [n.slots?.start ? {
 				name: "start",
-				fn: T(() => [(v(), s(b(e.slots.start)))]),
+				fn: w(() => [f(S(e), { fn: n.slots.start }, null, 8, ["fn"])]),
 				key: "0"
-			} : void 0, e.slots?.end ? {
+			} : void 0, n.slots?.end ? {
 				name: "end",
-				fn: T(() => [(v(), s(b(e.slots.end)))]),
+				fn: w(() => [f(S(e), { fn: n.slots.end }, null, 8, ["fn"])]),
 				key: "1"
 			} : void 0]), 1040, [
 				"value",
@@ -59,15 +62,15 @@ var E = /*@__PURE__*/ p({
 				"start-icon"
 			]))), 128))]),
 			_: 1
-		}, 16), (v(!0), l(a, null, y(S(j), (e) => (v(), s(r, g({
-			key: e.value,
-			value: e.value,
-			"keep-mounted": e.keepMounted
-		}, { ref_for: !0 }, O.customProps?.tabPanel), {
-			default: T(() => [(v(), s(b(e.panel)))]),
+		}, 16), (v(!0), l(a, null, y(S(k), (t) => (v(), s(r, g({
+			key: t.value,
+			value: t.value,
+			"keep-mounted": t.keepMounted
+		}, { ref_for: !0 }, E.customProps?.tabPanel), {
+			default: w(() => [f(S(e), { fn: t.panel }, null, 8, ["fn"])]),
 			_: 2
-		}, 1040, ["value", "keep-mounted"]))), 128))], 64)) : c("", !0), (v(), s(b(S(e)(S(E), "default"))))], 16));
+		}, 1040, ["value", "keep-mounted"]))), 128))], 64)) : c("", !0), b(i.$slots, "default")], 16));
 	}
 });
 //#endregion
-export { E as default };
+export { T as default };

package/dist/Components/TextField/TextField.vue_vue_type_script_setup_true_lang.js

@@ -1,12 +1,14 @@
-import e from "../FormField/FormField.js";
-import { useTextField as t } from "./composables/useTextField.js";
-import { computed as n, createBlock as r, createElementVNode as i, defineComponent as a, mergeModels as o, mergeProps as s, openBlock as c, ref as l, unref as u, useModel as d, vModelDynamic as f, withCtx as p, withDirectives as m } from "vue";
-import { isUndefined as h } from "es-toolkit/compat";
+import { presentSlotNames as e } from "../../Utils/slotOrProp.js";
+import { FORM_FIELD_CHROME_SLOT_NAMES as t } from "../FormField/formField.types.js";
+import n from "../FormField/FormField.js";
+import { useTextField as r } from "./composables/useTextField.js";
+import { computed as i, createBlock as a, createElementVNode as o, createSlots as s, defineComponent as c, guardReactiveProps as l, mergeModels as u, mergeProps as d, normalizeProps as f, openBlock as p, ref as m, renderList as h, renderSlot as g, unref as _, useModel as v, vModelDynamic as y, withCtx as b, withDirectives as x } from "vue";
+import { isUndefined as S } from "es-toolkit/compat";
 //#region src/Components/TextField/TextField.vue?vue&type=script&setup=true&lang.ts
-var g = /*@__PURE__*/ a({
+var C = /*@__PURE__*/ c({
 	inheritAttrs: !1,
 	__name: "TextField",
-	props: /*@__PURE__*/ o({
+	props: /*@__PURE__*/ u({
 		defaultValue: {},
 		classes: {},
 		color: {},
@@ -39,18 +41,21 @@ var g = /*@__PURE__*/ a({
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(a) {
-		let o = d(a, "modelValue"), g = a, _ = l(g.defaultValue), v = n({
+	setup(c) {
+		let u = v(c, "modelValue"), C = c, w = m(C.defaultValue), T = i({
 			set: (e) => {
-				o.value = e, _.value = e;
+				u.value = e, w.value = e;
 			},
-			get: () => h(o.value) ? _.value : o.value
-		}), { formField: y, inputBind: b } = t(g);
-		return (t, n) => (c(), r(u(e), { field: u(y) }, {
-			default: p(() => [m(i("input", s({ "onUpdate:modelValue": n[0] ||= (e) => v.value = e }, u(b)), null, 16), [[f, v.value]])]),
-			_: 1
-		}, 8, ["field"]));
+			get: () => S(u.value) ? w.value : u.value
+		}), { formField: E, inputBind: D } = r(C);
+		return (r, i) => (p(), a(_(n), { field: _(E) }, s({
+			default: b(() => [x(o("input", d({ "onUpdate:modelValue": i[0] ||= (e) => T.value = e }, _(D)), null, 16), [[y, T.value]])]),
+			_: 2
+		}, [h(_(e)(_(t), r.$slots), (e) => ({
+			name: e,
+			fn: b((t) => [g(r.$slots, e, f(l(t || {})))])
+		}))]), 1032, ["field"]));
 	}
 });
 //#endregion
-export { g as default };
+export { C as default };

package/dist/Components/Textarea/Textarea.vue_vue_type_script_setup_true_lang.js

@@ -1,12 +1,14 @@
-import e from "../FormField/FormField.js";
-import { useTextarea as t } from "./composables/useTextarea.js";
-import { computed as n, createBlock as r, createElementVNode as i, defineComponent as a, mergeModels as o, mergeProps as s, openBlock as c, ref as l, unref as u, useModel as d, useTemplateRef as f, vModelText as p, watch as m, withCtx as h, withDirectives as g } from "vue";
-import { isUndefined as _ } from "es-toolkit/compat";
+import { presentSlotNames as e } from "../../Utils/slotOrProp.js";
+import { FORM_FIELD_CHROME_SLOT_NAMES as t } from "../FormField/formField.types.js";
+import n from "../FormField/FormField.js";
+import { useTextarea as r } from "./composables/useTextarea.js";
+import { computed as i, createBlock as a, createElementVNode as o, createSlots as s, defineComponent as c, guardReactiveProps as l, mergeModels as u, mergeProps as d, normalizeProps as f, openBlock as p, ref as m, renderList as h, renderSlot as g, unref as _, useModel as v, useTemplateRef as y, vModelText as b, watch as x, withCtx as S, withDirectives as C } from "vue";
+import { isUndefined as w } from "es-toolkit/compat";
 //#region src/Components/Textarea/Textarea.vue?vue&type=script&setup=true&lang.ts
-var v = /*@__PURE__*/ a({
+var T = /*@__PURE__*/ c({
 	inheritAttrs: !1,
 	__name: "Textarea",
-	props: /*@__PURE__*/ o({
+	props: /*@__PURE__*/ u({
 		autosize: { type: Boolean },
 		defaultValue: {},
 		likeInput: { type: Boolean },
@@ -42,23 +44,26 @@ var v = /*@__PURE__*/ a({
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(a) {
-		let o = d(a, "modelValue"), v = a, y = l(v.defaultValue), b = n({
+	setup(c) {
+		let u = v(c, "modelValue"), T = c, E = m(T.defaultValue), D = i({
 			set: (e) => {
-				o.value = e, y.value = e;
+				u.value = e, E.value = e;
 			},
-			get: () => _(o.value) ? y.value : o.value
-		}), x = f("textarea"), { formField: S, textareaBind: C, adjustHeight: w } = t(v, x);
-		return m(b, () => {
-			w(x.value);
-		}), (t, n) => (c(), r(u(e), { field: u(S) }, {
-			default: h(() => [g(i("textarea", s({
+			get: () => w(u.value) ? E.value : u.value
+		}), O = y("textarea"), { formField: k, textareaBind: A, adjustHeight: j } = r(T, O);
+		return x(D, () => {
+			j(O.value);
+		}), (r, i) => (p(), a(_(n), { field: _(k) }, s({
+			default: S(() => [C(o("textarea", d({
 				ref: "textarea",
-				"onUpdate:modelValue": n[0] ||= (e) => b.value = e
-			}, u(C)), null, 16), [[p, b.value]])]),
-			_: 1
-		}, 8, ["field"]));
+				"onUpdate:modelValue": i[0] ||= (e) => D.value = e
+			}, _(A)), null, 16), [[b, D.value]])]),
+			_: 2
+		}, [h(_(e)(_(t), r.$slots), (e) => ({
+			name: e,
+			fn: S((t) => [g(r.$slots, e, f(l(t || {})))])
+		}))]), 1032, ["field"]));
 	}
 });
 //#endregion
-export { v as default };
+export { T as default };

package/dist/Components/TimeField/TimeField.vue_vue_type_script_setup_true_lang.js

@@ -1,16 +1,18 @@
 import { useResolveMessage as e } from "../../Adapters/I18n/useI18nAdapter.js";
-import t from "../Icon/Icon.js";
-import n from "../FormField/FormField.js";
-import r from "../FieldOverlay/FieldOverlay.js";
-import { useTimeField as i } from "./composables/useTimeField.js";
-import a from "../TimePicker/TimePicker.js";
-import { Fragment as o, computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, isRef as m, mergeModels as h, mergeProps as g, normalizeClass as _, normalizeProps as v, openBlock as y, ref as b, unref as x, useModel as S, withCtx as C, withKeys as w, withModifiers as T } from "vue";
-import { isUndefined as E } from "es-toolkit/compat";
+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 a from "../FieldOverlay/FieldOverlay.js";
+import { useTimeField as o } from "./composables/useTimeField.js";
+import s from "../TimePicker/TimePicker.js";
+import { Fragment as c, computed as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots 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, unref as E, useModel as D, withCtx as O, withKeys as k, withModifiers as A } from "vue";
+import { isUndefined as j } from "es-toolkit/compat";
 //#region src/Components/TimeField/TimeField.vue?vue&type=script&setup=true&lang.ts
-var D = { class: "flex min-w-0 flex-1 items-center gap-1" }, O = ["aria-label"], k = /*@__PURE__*/ f({
+var M = { class: "flex min-w-0 flex-1 items-center gap-1" }, N = ["aria-label"], P = /*@__PURE__*/ h({
 	inheritAttrs: !1,
 	__name: "TimeField",
-	props: /*@__PURE__*/ h({
+	props: /*@__PURE__*/ v({
 		ampm: { type: Boolean },
 		classes: {},
 		clearable: {
@@ -55,53 +57,56 @@ var D = { class: "flex min-w-0 flex-1 items-center gap-1" }, O = ["aria-label"],
 		modelValue: {},
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ h([
+	emits: /*@__PURE__*/ v([
 		"change",
 		"clear",
 		"close",
 		"open"
 	], ["update:modelValue"]),
-	setup(f, { emit: h }) {
-		let k = S(f, "modelValue"), A = f, j = h, M = e(), N = b(A.defaultValue ?? null), P = s({
+	setup(h, { emit: v }) {
+		let P = D(h, "modelValue"), F = h, I = v, L = e(), R = C(F.defaultValue ?? null), z = l({
 			set: (e) => {
-				k.value = e, N.value = e;
+				P.value = e, R.value = e;
 			},
-			get: () => E(k.value) ? N.value : k.value
-		}), { open: F, overlay: I, timeOnly: L, formField: R, inputBind: z, clearBind: B, clearValue: V, modelValue: H, showFooter: U, pickerClass: W, clearIconSize: G, showClearIcon: K, handleOpenChange: q, handlePickerChange: J, handlePickerCancel: Y, overlayCustomProps: X, timePickerCustomProps: Z } = i(A, P, j);
-		return (e, i) => (y(), l(o, null, [d(x(n), { field: x(R) }, {
-			default: C(() => [u("div", D, [u("input", v(p(x(z))), null, 16), x(K) ? (y(), l("span", g({ key: 0 }, x(B), {
-				onClick: i[0] ||= (...e) => x(V) && x(V)(...e),
-				"aria-label": x(M)("Clear"),
-				onKeydown: [i[1] ||= w(T((...e) => x(V) && x(V)(...e), ["prevent"]), ["enter"]), i[2] ||= w(T((...e) => x(V) && x(V)(...e), ["prevent"]), ["space"])]
-			}), [d(x(t), g({
+			get: () => j(P.value) ? R.value : P.value
+		}), { open: B, overlay: V, timeOnly: H, formField: U, inputBind: W, clearBind: G, clearValue: K, modelValue: q, showFooter: J, pickerClass: Y, clearIconSize: X, showClearIcon: Z, handleOpenChange: Q, handlePickerChange: $, handlePickerCancel: ee, overlayCustomProps: te, timePickerCustomProps: ne } = o(F, z, I);
+		return (e, o) => (S(), d(c, null, [m(E(i), { field: E(U) }, p({
+			default: O(() => [f("div", M, [f("input", x(g(E(W))), null, 16), E(Z) ? (S(), d("span", y({ key: 0 }, E(G), {
+				onClick: o[0] ||= (...e) => E(K) && E(K)(...e),
+				"aria-label": E(L)("Clear"),
+				onKeydown: [o[1] ||= k(A((...e) => E(K) && E(K)(...e), ["prevent"]), ["enter"]), o[2] ||= k(A((...e) => E(K) && E(K)(...e), ["prevent"]), ["space"])]
+			}), [m(E(n), y({
 				icon: "clear",
-				size: x(G)
-			}, A.customProps?.clearIcon), null, 16, ["size"])], 16, O)) : c("", !0)])]),
-			_: 1
-		}, 8, ["field"]), d(x(r), {
-			modelValue: x(F),
-			"onUpdate:modelValue": [i[3] ||= (e) => m(F) ? F.value = e : null, x(q)],
-			overlay: x(I),
-			"custom-props": x(X)
+				size: E(X)
+			}, F.customProps?.clearIcon), null, 16, ["size"])], 16, N)) : u("", !0)])]),
+			_: 2
+		}, [w(E(t)(E(r), e.$slots), (t) => ({
+			name: t,
+			fn: O((n) => [T(e.$slots, t, x(g(n || {})))])
+		}))]), 1032, ["field"]), m(E(a), {
+			modelValue: E(B),
+			"onUpdate:modelValue": [o[3] ||= (e) => _(B) ? B.value = e : null, E(Q)],
+			overlay: E(V),
+			"custom-props": E(te)
 		}, {
-			default: C(() => [d(x(a), {
-				value: x(H),
-				class: _(x(W)),
-				ampm: x(L).ampm,
-				"show-footer": x(U),
-				"read-only": A.readonly,
-				"max-time": x(L).maxTime,
-				"min-time": x(L).minTime,
-				interval: x(L).interval,
-				"time-zone": x(L).timeZone,
-				onChange: x(J),
-				onCancel: x(Y),
-				"show-seconds": x(L).showSeconds,
-				color: x(R).merged.value.color,
-				"custom-props": x(Z),
-				disabled: x(R).isDisabled.value,
-				"disable-times": x(L).disableTimes,
-				rounded: x(R).merged.value.rounded
+			default: O(() => [m(E(s), {
+				value: E(q),
+				class: b(E(Y)),
+				ampm: E(H).ampm,
+				"show-footer": E(J),
+				"read-only": F.readonly,
+				"max-time": E(H).maxTime,
+				"min-time": E(H).minTime,
+				interval: E(H).interval,
+				"time-zone": E(H).timeZone,
+				onChange: E($),
+				onCancel: E(ee),
+				"show-seconds": E(H).showSeconds,
+				color: E(U).merged.value.color,
+				"custom-props": E(ne),
+				disabled: E(U).isDisabled.value,
+				"disable-times": E(H).disableTimes,
+				rounded: E(U).merged.value.rounded
 			}, null, 8, [
 				"value",
 				"class",
@@ -131,4 +136,4 @@ var D = { class: "flex min-w-0 flex-1 items-center gap-1" }, O = ["aria-label"],
 	}
 });
 //#endregion
-export { k as default };
+export { P as default };

package/dist/Components/TimeField/composables/useTimeField.d.ts

@@ -710,8 +710,8 @@ export declare function useTimeField(props: TimeFieldOwnProps, model: Ref<null |
     handlePickerChange: (next: null | TimeValue) => void;
     handlePickerCancel: () => void;
     overlayCustomProps: import('vue').ComputedRef<{
-        modal: Partial<Pick<import('../../Modal').ModalOwnProps, "size" | "classes" | "customProps" | "blur" | "transition" | "align">> | undefined;
-        drawer: Partial<Pick<import('../../Drawer').DrawerOwnProps, "size" | "classes" | "customProps" | "blur" | "placement" | "transition">> | undefined;
+        modal: Partial<import('../../Modal').ModalOwnProps> | undefined;
+        drawer: Partial<import('../../Drawer').DrawerOwnProps> | undefined;
         menu: {
             classes: {
                 content: string;
@@ -722,11 +722,21 @@ export declare function useTimeField(props: TimeFieldOwnProps, model: Ref<null |
                 separator?: string;
                 trigger?: string;
             };
+            anchorEl: null | HTMLElement;
+            closeOnClickAway?: boolean;
+            closeOnEscape?: boolean;
             customProps?: import('../../Menu').MenuCustomProps;
+            disableAutoFocus?: boolean;
+            disableScrollLock?: boolean;
+            keepMounted?: boolean;
+            offset?: number;
+            onShowChange?: (show: boolean) => void;
+            persistent?: boolean;
+            placement: import('@floating-ui/utils').Placement;
             rounded?: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').MenuRounded, import('../../Menu').MenuRoundedOverrides>;
             shadow?: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').MenuShadow, import('../../Menu').MenuShadowOverrides>;
-            placement: import('@floating-ui/utils').Placement;
-            anchorEl: HTMLElement | null;
+            strategy?: import('@bridge-ui/core').PositionStrategy;
+            teleportTo?: false | string;
         };
     }>;
     timePickerCustomProps: import('vue').ComputedRef<import('../../TimePicker').TimePickerCustomProps | undefined>;

package/dist/Components/TimeField/timeField.types.d.ts

@@ -24,19 +24,19 @@ export interface TimeFieldCustomProps extends FormFieldCustomProps {
      *
      * @default undefined
      */
-    drawer?: Partial<Pick<DrawerOwnProps, "blur" | "size" | "classes" | "placement" | "transition" | "customProps">>;
+    drawer?: Partial<DrawerOwnProps>;
     /**
      * Props forwarded to the floating `Menu` when overlay resolves to menu.
      *
      * @default undefined
      */
-    menu?: Partial<Pick<MenuOwnProps, "shadow" | "classes" | "rounded" | "placement" | "customProps">>;
+    menu?: Partial<MenuOwnProps>;
     /**
      * Props forwarded to the nested `Modal` when overlay resolves to modal.
      *
      * @default undefined
      */
-    modal?: Partial<Pick<ModalOwnProps, "blur" | "size" | "align" | "classes" | "transition" | "customProps">>;
+    modal?: Partial<ModalOwnProps>;
     /**
      * Props forwarded to the nested `TimePicker`.
      *