@bridge-ui/vue 0.0.9 → 0.0.10

package/dist/Components/AccordionItem/index.js

@@ -0,0 +1,3 @@
+import { useAccordionItem as e } from "./composables/useAccordionItem.js";
+import t from "./AccordionItem.js";
+export { t as AccordionItem, e as useAccordionItem };

package/dist/Components/Alert/Alert.vue_vue_type_script_setup_true_lang.js

@@ -1,12 +1,12 @@
-import { hasNamedSlot as e, hasSlotOrProp as t, resolveNamedSlot as n, resolveSlotOrProp as r } from "../../Utils/slotOrProp.js";
+import { hasNamedSlot as e, hasSlotOrProp as t, isPropPresent as n } from "../../Utils/slotOrProp.js";
+import r from "../Icon/Icon.js";
 import { useAlert as i } from "./composables/useAlert.js";
-import a from "../Icon/Icon.js";
-import { Fragment as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, normalizeProps as m, openBlock as h, resolveDynamicComponent as g, unref as _ } from "vue";
+import { Fragment as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, normalizeProps as m, openBlock as h, renderSlot as g, toDisplayString as _, unref as v } from "vue";
 //#region src/Components/Alert/Alert.vue?vue&type=script&setup=true&lang.ts
-var v = {
+var y = {
 	key: 1,
 	class: "flex justify-between items-start"
-}, y = { class: "flex items-start gap-x-3" }, b = /*@__PURE__*/ d({
+}, b = { class: "flex items-start gap-x-3" }, x = /*@__PURE__*/ d({
 	inheritAttrs: !1,
 	__name: "Alert",
 	props: {
@@ -21,19 +21,19 @@ var v = {
 		variant: {}
 	},
 	setup(d) {
-		let { slots: b, merged: x, bodyBind: S, iconBind: C, rootBind: w, titleBind: T, resolvedIcon: E, hasDefaultBody: D } = i(d, {
+		let { slots: x, merged: S, bodyBind: C, iconBind: w, rootBind: T, titleBind: E, resolvedIcon: D, hasDefaultBody: O } = i(d, {
 			shadow: "sm",
 			rounded: "sm",
 			variant: "flat",
 			color: "primary",
 			padding: "medium"
 		});
-		return (i, d) => (h(), l("div", m(f(_(w))), [
-			_(e)(_(b), "header") ? (h(), s(g(_(n)(_(b), "header")), { key: 0 })) : _(t)(_(b), "title", _(x).title) ? (h(), l("div", v, [u("div", y, [_(e)(_(b), "icon") || _(E) ? (h(), l(o, { key: 0 }, [_(e)(_(b), "icon") ? (h(), s(g(_(n)(_(b), "icon")), { key: 0 })) : _(E) ? (h(), s(a, p({ key: 1 }, _(C), { icon: _(E) }), null, 16, ["icon"])) : c("", !0)], 64)) : c("", !0), u("div", m(f(_(T))), [(h(), s(g(_(r)(_(b), "title", _(x).title))))], 16)]), (h(), s(g(_(n)(_(b), "action"))))])) : c("", !0),
-			_(D) ? (h(), l("div", m(p({ key: 2 }, _(S))), [(h(), s(g(_(n)(_(b), "default"))))], 16)) : c("", !0),
-			(h(), s(g(_(n)(_(b), "footer"))))
+		return (i, d) => (h(), c("div", m(f(v(T))), [
+			v(e)(v(x), "header") ? g(i.$slots, "header", {}, void 0, void 0, 0) : v(t)(v(x), "title", v(S).title) ? (h(), c("div", y, [l("div", b, [v(e)(v(x), "icon") ? g(i.$slots, "icon", {}, void 0, void 0, 0) : v(D) ? (h(), o(r, p({ key: 1 }, v(w), { icon: v(D) }), null, 16, ["icon"])) : s("", !0), l("div", m(f(v(E))), [v(e)(v(x), "title") ? g(i.$slots, "title", {}, void 0, void 0, 0) : v(n)(v(S).title) ? (h(), c(a, { key: 1 }, [u(_(v(S).title), 1)], 64)) : s("", !0)], 16)]), g(i.$slots, "action")])) : s("", !0),
+			v(O) ? (h(), c("div", m(p({ key: 2 }, v(C))), [g(i.$slots, "default")], 16)) : s("", !0),
+			g(i.$slots, "footer")
 		], 16));
 	}
 });
 //#endregion
-export { b as default };
+export { x as default };

package/dist/Components/Alert/composables/useAlert.js

@@ -1,5 +1,5 @@
-import { alertDefaultIcons as e } from "../alertDefaultIcons.js";
-import { mergePartBind as t, useBridgeUIComponent as n, useBridgeUIMergedRegistryClasses as r } from "../../../Utils/index.js";
+import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
+import { alertDefaultIcons as r } from "../alertDefaultIcons.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, isNull as d } from "es-toolkit/compat";
@@ -23,11 +23,11 @@ function _(_, v) {
 			...y,
 			..._
 		}
-	})), { merged: S, entry: C } = n({
+	})), { merged: S, entry: C } = t({
 		libDefaults: v,
 		componentName: "Alert",
 		props: () => x.value.componentProps
-	}), w = i(() => S.value.customProps), T = r({
+	}), w = i(() => S.value.customProps), T = n({
 		entry: C,
 		props: () => x.value.componentProps
 	}), E = i(() => {
@@ -45,22 +45,22 @@ function _(_, v) {
 	}), A = i(() => {
 		let e = c(p, C.value?.tokens?.rounded);
 		return u(e, S.value.rounded);
-	}), j = i(() => d(S.value.icon) ? null : S.value.icon ? S.value.icon : u(D.value, "icon") ?? u(e, S.value.color));
+	}), j = i(() => d(S.value.icon) ? null : S.value.icon ? S.value.icon : u(D.value, "icon") ?? u(r, S.value.color));
 	return {
 		slots: b,
 		merged: S,
-		bodyBind: i(() => t(w.value?.body, {}, s({
+		bodyBind: i(() => e(w.value?.body, {}, s({
 			"grow text-sm text-start": !0,
 			[k.value ?? ""]: !0,
 			[u(D.value, "text") ?? ""]: !0,
 			[u(T.value, "body") ?? ""]: !0
 		}))),
-		iconBind: i(() => t(w.value?.icon, {}, s({
+		iconBind: i(() => e(w.value?.icon, {}, s({
 			"w-5 h-5 shrink-0": !0,
 			[u(D.value, "iconColor") ?? ""]: !0,
 			[u(T.value, "icon") ?? ""]: !0
 		}))),
-		rootBind: i(() => t(w.value?.root, x.value.inheritedAttrs, s({
+		rootBind: i(() => e(w.value?.root, x.value.inheritedAttrs, s({
 			"w-full flex flex-col p-4": !0,
 			[O.value ?? ""]: !0,
 			[A.value ?? ""]: !0,
@@ -68,7 +68,7 @@ function _(_, v) {
 			[u(D.value, "background") ?? ""]: !0,
 			[u(T.value, "root") ?? ""]: !0
 		}))),
-		titleBind: i(() => t(w.value?.title, {}, s({
+		titleBind: i(() => e(w.value?.title, {}, s({
 			"text-start text-sm whitespace-normal": !0,
 			"font-normal": !E.value,
 			"font-semibold": E.value,

package/dist/Components/Autocomplete/Autocomplete.vue_vue_type_script_setup_true_lang.js

@@ -1,30 +1,31 @@
 import { useResolveMessage as e } from "../../Adapters/I18n/useI18nAdapter.js";
-import { hasNamedSlot as t, resolveNamedSlot as n } from "../../Utils/slotOrProp.js";
+import { hasNamedSlot as t, presentSlotNames as n } from "../../Utils/slotOrProp.js";
 import { mergeNestedComponentProps as r } from "../../Utils/index.js";
 import i from "../Icon/Icon.js";
 import { AUTOCOMPLETE_OPTION_KEY as a } from "./autocompleteInjectionKey.js";
-import { useAutocomplete as o } from "./composables/useAutocomplete.js";
-import ee from "../Chip/Chip.js";
-import te from "../FormField/FormField.js";
+import { useAutocomplete as ee } from "./composables/useAutocomplete.js";
+import o from "../Chip/Chip.js";
+import { FORM_FIELD_CHROME_SLOT_NAMES as te } from "../FormField/formField.types.js";
+import ne from "../FormField/FormField.js";
 import s from "../Listbox/Listbox.js";
-import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as ne, createTextVNode as re, createVNode as m, defineComponent as h, guardReactiveProps as g, isRef as _, mergeModels as v, mergeProps as y, normalizeProps as b, openBlock as x, provide as S, ref as C, renderList as ie, renderSlot as w, resolveDynamicComponent as T, toDisplayString as ae, unref as E, useModel as D, useTemplateRef as O, withCtx as k, withKeys as A, withModifiers as j } from "vue";
-import { cn as M } from "@bridge-ui/core";
-import { isUndefined as N } from "es-toolkit/compat";
+import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as m, createTextVNode as re, createVNode as h, defineComponent as g, guardReactiveProps as _, isRef as v, mergeModels as y, mergeProps as b, normalizeProps as x, openBlock as S, provide as C, ref as w, renderList as T, renderSlot as E, toDisplayString as ie, unref as D, useModel as ae, useTemplateRef as oe, withCtx as O, withKeys as k, withModifiers as A } from "vue";
+import { cn as j } from "@bridge-ui/core";
+import { isUndefined as M } from "es-toolkit/compat";
 //#region src/Components/Autocomplete/Autocomplete.vue?vue&type=script&setup=true&lang.ts
-var P = {
+var N = {
 	key: 0,
 	class: "flex min-w-0 flex-1 flex-wrap items-center gap-0.5"
-}, F = {
+}, P = {
 	key: 1,
 	class: "flex min-w-0 flex-1 items-center gap-1"
-}, I = ["aria-label"], L = {
+}, F = ["aria-label"], I = {
 	key: 0,
 	hidden: "",
 	"aria-hidden": "true"
-}, R = /*@__PURE__*/ h({
+}, L = /*@__PURE__*/ g({
 	inheritAttrs: !1,
 	__name: "Autocomplete",
-	props: /*@__PURE__*/ v({
+	props: /*@__PURE__*/ y({
 		asyncData: {},
 		clearable: {
 			type: Boolean,
@@ -85,7 +86,7 @@ var P = {
 		modelValue: {},
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ v([
+	emits: /*@__PURE__*/ y([
 		"cancel",
 		"change",
 		"clear",
@@ -96,14 +97,14 @@ var P = {
 		"select",
 		"update:modelValue"
 	], ["update:modelValue"]),
-	setup(h, { emit: v }) {
-		let R = D(h, "modelValue"), z = h, B = e(), V = v, H = C(z.defaultValue), oe = l({
+	setup(g, { emit: y }) {
+		let L = ae(g, "modelValue"), R = g, z = e(), B = y, V = w(R.defaultValue), H = l({
 			set: (e) => {
-				R.value = e, H.value = e;
+				L.value = e, V.value = e;
 			},
-			get: () => N(R.value) ? H.value : R.value
-		}), U = O("trigger"), W = C([]);
-		S(a, {
+			get: () => M(L.value) ? V.value : L.value
+		}), U = oe("trigger"), W = w([]);
+		C(a, {
 			unregister(e) {
 				W.value = W.value.filter((t) => String(t.value) !== String(e));
 			},
@@ -111,81 +112,84 @@ var P = {
 				W.value.some((t) => String(t.value) === String(e.value)) || (W.value = [...W.value, e]);
 			}
 		});
-		let { open: G, slots: K, multiple: q, formField: J, clearBind: Y, clearValue: X, removeChip: se, triggerBind: Z, handleApply: ce, selectOption: le, handleCancel: ue, containerRef: Q, listboxProps: de, clearIconSize: fe, mergedClasses: pe, showClearIcon: me, selectedOptions: he, hasComposedList: $, handleRegisteredOptionsChange: ge } = o(z, oe, U, V, W);
-		return (e, a) => (x(), f(c, null, [
-			m(E(te), { field: E(J) }, {
-				default: k(() => [E(q) ? (x(), f("div", P, [(x(!0), f(c, null, ie(E(he), (t) => (x(), u(E(ee), y({
+		let { open: G, slots: K, multiple: q, formField: J, clearBind: Y, clearValue: X, removeChip: se, triggerBind: Z, handleApply: ce, selectOption: le, handleCancel: ue, containerRef: Q, listboxProps: de, clearIconSize: fe, mergedClasses: pe, showClearIcon: me, selectedOptions: he, hasComposedList: $, handleRegisteredOptionsChange: ge } = ee(R, H, U, B, W);
+		return (e, a) => (S(), f(c, null, [
+			h(D(ne), { field: D(J) }, m({
+				default: O(() => [D(q) ? (S(), f("div", N, [(S(!0), f(c, null, T(D(he), (t) => (S(), u(D(o), b({
 					dismissible: "",
 					key: String(t.value),
-					size: E(J).merged.value.size,
-					disabled: E(J).isDisabled.value,
+					size: D(J).merged.value.size,
+					disabled: D(J).isDisabled.value,
 					"clear-label": `Remove ${t.label}`,
-					onDismiss: (e) => E(se)(t, e)
-				}, { ref_for: !0 }, E(r)(z.customProps?.chip, {
-					customProps: { clear: E(Y) },
-					classes: { root: E(M)({
+					onDismiss: (e) => D(se)(t, e)
+				}, { ref_for: !0 }, D(r)(R.customProps?.chip, {
+					customProps: { clear: D(Y) },
+					classes: { root: D(j)({
 						"bg-white ring-1 ring-inset ring-dark-200 dark:bg-dark-700 dark:ring-dark-600": !0,
-						[E(pe).chip ?? ""]: !0
+						[D(pe).chip ?? ""]: !0
 					}) }
 				})), {
-					default: k(() => [w(e.$slots, "chip", { option: t }, () => [re(ae(t.label), 1)])]),
+					default: O(() => [E(e.$slots, "chip", { option: t }, () => [re(ie(t.label), 1)])]),
 					_: 2
 				}, 1040, [
 					"size",
 					"disabled",
 					"clear-label",
 					"onDismiss"
-				]))), 128)), p("textarea", y({ ref: "trigger" }, E(Z)), null, 16)])) : (x(), f("div", F, [p("input", y({
+				]))), 128)), p("textarea", b({ ref: "trigger" }, D(Z)), null, 16)])) : (S(), f("div", P, [p("input", b({
 					ref: "trigger",
 					class: "min-w-0 flex-1"
-				}, E(Z)), null, 16), E(me) ? (x(), f("span", y({ key: 0 }, E(Y), {
-					onClick: a[0] ||= (...e) => E(X) && E(X)(...e),
-					onKeydown: [a[1] ||= A(j((...e) => E(X) && E(X)(...e), ["prevent"]), ["enter"]), a[2] ||= A(j((...e) => E(X) && E(X)(...e), ["prevent"]), ["space"])],
-					"aria-label": E(B)("Clear selection")
-				}), [m(E(i), y({
+				}, D(Z)), null, 16), D(me) ? (S(), f("span", b({ key: 0 }, D(Y), {
+					onClick: a[0] ||= (...e) => D(X) && D(X)(...e),
+					onKeydown: [a[1] ||= k(A((...e) => D(X) && D(X)(...e), ["prevent"]), ["enter"]), a[2] ||= k(A((...e) => D(X) && D(X)(...e), ["prevent"]), ["space"])],
+					"aria-label": D(z)("Clear selection")
+				}), [h(D(i), b({
 					icon: "clear",
-					size: E(fe)
-				}, z.customProps?.clearIcon), null, 16, ["size"])], 16, I)) : d("", !0)]))]),
-				_: 3
-			}, 8, ["field"]),
-			m(E(s), y({
-				modelValue: E(G),
-				"onUpdate:modelValue": a[3] ||= (e) => _(G) ? G.value = e : null
-			}, E(de), {
-				onApply: E(ce),
-				"anchor-el": E(Q),
-				onCancel: E(ue),
-				onSelect: E(le),
-				onRegisteredOptionsChange: E(ge)
-			}), ne({ _: 2 }, [
-				E($) ? {
+					size: D(fe)
+				}, R.customProps?.clearIcon), null, 16, ["size"])], 16, F)) : d("", !0)]))]),
+				_: 2
+			}, [T(D(n)(D(te), e.$slots), (t) => ({
+				name: t,
+				fn: O((n) => [E(e.$slots, t, x(_(n || {})))])
+			}))]), 1032, ["field"]),
+			h(D(s), b({
+				modelValue: D(G),
+				"onUpdate:modelValue": a[3] ||= (e) => v(G) ? G.value = e : null
+			}, D(de), {
+				onApply: D(ce),
+				"anchor-el": D(Q),
+				onCancel: D(ue),
+				onSelect: D(le),
+				onRegisteredOptionsChange: D(ge)
+			}), m({ _: 2 }, [
+				D($) ? {
 					name: "default",
-					fn: k(() => [w(e.$slots, "default")]),
+					fn: O(() => [E(e.$slots, "default")]),
 					key: "0"
 				} : void 0,
-				E(t)(E(K), "beforeOptions") ? {
+				D(t)(D(K), "beforeOptions") ? {
 					name: "beforeOptions",
-					fn: k(() => [(x(), u(T(E(n)(E(K), "beforeOptions"))))]),
+					fn: O(() => [E(e.$slots, "beforeOptions")]),
 					key: "1"
 				} : void 0,
-				E(t)(E(K), "loading") ? {
+				D(t)(D(K), "loading") ? {
 					name: "loading",
-					fn: k(() => [(x(), u(T(E(n)(E(K), "loading"))))]),
+					fn: O(() => [E(e.$slots, "loading")]),
 					key: "2"
 				} : void 0,
-				E(t)(E(K), "option") ? {
+				D(t)(D(K), "option") ? {
 					name: "option",
-					fn: k((t) => [w(e.$slots, "option", b(g(t)))]),
+					fn: O((t) => [E(e.$slots, "option", x(_(t)))]),
 					key: "3"
 				} : void 0,
-				E(t)(E(K), "empty") ? {
+				D(t)(D(K), "empty") ? {
 					name: "empty",
-					fn: k(() => [(x(), u(T(E(n)(E(K), "empty"))))]),
+					fn: O(() => [E(e.$slots, "empty")]),
 					key: "4"
 				} : void 0,
-				E(t)(E(K), "afterOptions") ? {
+				D(t)(D(K), "afterOptions") ? {
 					name: "afterOptions",
-					fn: k(() => [(x(), u(T(E(n)(E(K), "afterOptions"))))]),
+					fn: O(() => [E(e.$slots, "afterOptions")]),
 					key: "5"
 				} : void 0
 			]), 1040, [
@@ -196,9 +200,9 @@ var P = {
 				"onSelect",
 				"onRegisteredOptionsChange"
 			]),
-			E($) ? d("", !0) : (x(), f("div", L, [w(e.$slots, "default")]))
+			D($) ? d("", !0) : (S(), f("div", I, [E(e.$slots, "default")]))
 		], 64));
 	}
 });
 //#endregion
-export { R as default };
+export { L as default };

package/dist/Components/Avatar/Avatar.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
-import { resolveNamedSlot as e } from "../../Utils/slotOrProp.js";
+import { hasNamedSlot as e } from "../../Utils/slotOrProp.js";
 import t from "../Icon/Icon.js";
 import { useAvatar as n } from "./composables/useAvatar.js";
-import { createBlock as r, createElementBlock as i, defineComponent as a, guardReactiveProps as o, mergeProps as s, normalizeProps as c, openBlock as l, resolveDynamicComponent as u, toDisplayString as d, unref as f } from "vue";
+import { createBlock as r, createElementBlock as i, defineComponent as a, guardReactiveProps as o, mergeProps as s, normalizeProps as c, openBlock as l, renderSlot as u, toDisplayString as d, unref as f } from "vue";
 //#region src/Components/Avatar/Avatar.vue?vue&type=script&setup=true&lang.ts
 var p = /*@__PURE__*/ a({
 	inheritAttrs: !1,
@@ -18,12 +18,12 @@ var p = /*@__PURE__*/ a({
 		src: {}
 	},
 	setup(a) {
-		let { slots: p, merged: m, rootBind: h, iconBind: g, hasImage: _, imageBind: v, fallbackBind: y, resolvedIcon: b, hasFallbackSlot: x, hasFallbackText: S, hasCustomContent: C } = n(a, {
+		let { slots: p, merged: m, rootBind: h, iconBind: g, hasImage: _, imageBind: v, fallbackBind: y, resolvedIcon: b, hasFallbackText: x, hasCustomContent: S } = n(a, {
 			size: "md",
 			rounded: "full",
 			color: "secondary"
 		});
-		return (n, a) => (l(), i("div", c(o(f(h))), [f(C) ? (l(), r(u(f(e)(f(p), "default")), { key: 0 })) : f(_) ? (l(), i("img", c(s({ key: 1 }, f(v))), null, 16)) : f(x) ? (l(), r(u(f(e)(f(p), "fallback")), { key: 2 })) : f(S) ? (l(), i("span", c(s({ key: 3 }, f(y))), d(f(m).fallback), 17)) : (l(), r(f(t), s({
+		return (n, a) => (l(), i("div", c(o(f(h))), [f(S) ? u(n.$slots, "default", {}, void 0, void 0, 0) : f(_) ? (l(), i("img", c(s({ key: 1 }, f(v))), null, 16)) : f(e)(f(p), "fallback") ? u(n.$slots, "fallback", {}, void 0, void 0, 2) : f(x) ? (l(), i("span", c(s({ key: 3 }, f(y))), d(f(m).fallback), 17)) : (l(), r(f(t), s({
 			key: 4,
 			icon: f(b)
 		}, f(g)), null, 16, ["icon"]))], 16));

package/dist/Components/Avatar/composables/useAvatar.d.ts

@@ -16,7 +16,6 @@ export declare function useAvatar(props: AvatarProps, libDefaults: AvatarLibDefa
     }>>;
     fallbackBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     resolvedIcon: import('vue').ComputedRef<import('../../..').IconSource>;
-    hasFallbackSlot: import('vue').ComputedRef<boolean>;
     hasFallbackText: import('vue').ComputedRef<boolean>;
     hasCustomContent: import('vue').ComputedRef<boolean>;
 };

package/dist/Components/Avatar/composables/useAvatar.js

@@ -30,54 +30,53 @@ function v(v, y) {
 	}), T = r({
 		entry: w,
 		props: () => S.value.componentProps
-	}), E = i(() => e(x, "default")), D = i(() => !f(C.value.src) && !d(C.value.src)), O = i(() => e(x, "fallback")), k = i(() => !f(C.value.fallback) && !d(C.value.fallback)), A = i(() => C.value.icon ?? "user"), j = i(() => !D.value && !E.value), M = i(() => {
+	}), E = i(() => e(x, "default")), D = i(() => !f(C.value.src) && !d(C.value.src)), O = i(() => !f(C.value.fallback) && !d(C.value.fallback)), k = i(() => C.value.icon ?? "user"), A = i(() => !D.value && !E.value), j = i(() => {
 		let e = c(g, w.value?.tokens?.size);
 		return u(e, C.value.size);
-	}), N = i(() => {
+	}), M = i(() => {
 		let e = c(p, w.value?.tokens?.color);
 		return u(e, C.value.color);
-	}), P = i(() => {
+	}), N = i(() => {
 		let e = c(h, w.value?.tokens?.rounded);
 		return u(e, C.value.rounded);
-	}), F = i(() => {
+	}), P = i(() => {
 		let e = c(m, w.value?.tokens?.iconSize);
 		return u(e, C.value.size);
-	}), I = i(() => C.value.customProps), L = i(() => t(I.value?.root, S.value.inheritedAttrs, s({
+	}), F = i(() => C.value.customProps), I = i(() => t(F.value?.root, S.value.inheritedAttrs, s({
 		"inline-flex shrink-0 items-center justify-center overflow-hidden": !0,
 		[T.value.root ?? ""]: !0,
-		[P.value ?? ""]: !0,
-		[M.value ?? ""]: j.value || E.value || D.value,
-		[u(N.value, "background") ?? ""]: j.value,
-		[u(N.value, "text") ?? ""]: j.value
-	}))), R = i(() => t(I.value?.image, {
+		[N.value ?? ""]: !0,
+		[j.value ?? ""]: A.value || E.value || D.value,
+		[u(M.value, "background") ?? ""]: A.value,
+		[u(M.value, "text") ?? ""]: A.value
+	}))), L = i(() => t(F.value?.image, {
 		alt: C.value.alt,
 		src: C.value.src
 	}, s({
 		"shrink-0 object-cover object-center": !0,
-		[M.value ?? ""]: !0,
-		[P.value ?? ""]: !0,
+		[j.value ?? ""]: !0,
+		[N.value ?? ""]: !0,
 		[T.value.image ?? ""]: !0
-	}))), z = i(() => t(I.value?.fallback, {}, s({
+	}))), R = i(() => t(F.value?.fallback, {}, s({
 		"font-medium": !0,
-		[u(F.value, "label") ?? ""]: !0,
-		[u(N.value, "text") ?? ""]: !0,
+		[u(P.value, "label") ?? ""]: !0,
+		[u(M.value, "text") ?? ""]: !0,
 		[T.value.fallback ?? ""]: !0
 	})));
 	return {
 		slots: x,
 		merged: C,
-		rootBind: L,
-		iconBind: i(() => t(I.value?.icon, {}, s({
+		rootBind: I,
+		iconBind: i(() => t(F.value?.icon, {}, s({
 			"shrink-0": !0,
-			[u(F.value, "icon") ?? ""]: !0,
-			[u(N.value, "text") ?? ""]: !0
+			[u(P.value, "icon") ?? ""]: !0,
+			[u(M.value, "text") ?? ""]: !0
 		}))),
 		hasImage: D,
-		imageBind: R,
-		fallbackBind: z,
-		resolvedIcon: A,
-		hasFallbackSlot: O,
-		hasFallbackText: k,
+		imageBind: L,
+		fallbackBind: R,
+		resolvedIcon: k,
+		hasFallbackText: O,
 		hasCustomContent: E
 	};
 }

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

@@ -1,4 +1,14 @@
 import { BadgeOwnProps } from './badge.types';
-declare const __VLS_export: import('vue').DefineComponent<BadgeOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BadgeOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<BadgeOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BadgeOwnProps> & 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/Badge/Badge.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,7 @@
-import { resolveNamedSlot as e } from "../../Utils/slotOrProp.js";
-import { useBadge as t } from "./composables/useBadge.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 { useBadge as e } from "./composables/useBadge.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/Badge/Badge.vue?vue&type=script&setup=true&lang.ts
-var d = /*@__PURE__*/ i({
+var c = /*@__PURE__*/ n({
 	inheritAttrs: !1,
 	__name: "Badge",
 	props: {
@@ -14,16 +13,16 @@ var d = /*@__PURE__*/ i({
 		size: {},
 		variant: {}
 	},
-	setup(i) {
-		let d = u(), { rootBind: f } = t(i, {
+	setup(n) {
+		let { rootBind: c } = e(n, {
 			size: "sm",
 			rounded: "md",
 			variant: "flat",
 			color: "primary",
 			density: "default"
 		});
-		return (t, i) => (s(), r("span", o(a(l(f))), [(s(), n(c(l(e)(l(d), "default"))))], 16));
+		return (e, n) => (a(), t("span", i(r(s(c))), [o(e.$slots, "default")], 16));
 	}
 });
 //#endregion
-export { d as default };
+export { c as default };

package/dist/Components/BaseField/BaseField.vue_vue_type_script_setup_true_lang.js

@@ -1,41 +1,45 @@
-import { hasNamedSlot as e, hasSlotOrProp as t, resolveNamedSlot as n, resolveSlotOrProp as r } from "../../Utils/slotOrProp.js";
-import i from "./BaseFieldLabel.js";
-import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, normalizeProps as m, openBlock as h, renderSlot as g, resolveDynamicComponent as _, unref as v, useSlots as y } from "vue";
+import { hasNamedSlot as e, hasSlotOrProp as t, isPropPresent as n } from "../../Utils/slotOrProp.js";
+import r from "./BaseFieldLabel.js";
+import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, createTextVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, mergeProps as m, normalizeProps as h, openBlock as g, renderSlot as _, toDisplayString as v, unref as y, useSlots as b, withCtx as x } from "vue";
 //#region src/Components/BaseField/BaseField.vue?vue&type=script&setup=true&lang.ts
-var b = [
+var S = [
 	"data-invalid",
 	"aria-disabled",
 	"aria-readonly"
-], x = ["id"], S = ["id", "aria-hidden"], C = /*@__PURE__*/ d({
+], C = ["id"], w = ["id", "aria-hidden"], T = /*@__PURE__*/ f({
 	inheritAttrs: !1,
 	__name: "BaseField",
 	props: { field: {} },
-	setup(d) {
-		let C = d, w = y(), T = a(() => ({
-			...C.field,
+	setup(f) {
+		let T = f, E = b(), D = a(() => ({
+			...T.field,
 			slots: {
-				...C.field.slots,
-				...w
+				...T.field.slots,
+				...E
 			}
-		})), E = a(() => t(T.value.slots, "label", T.value.merged.value.label) || t(T.value.slots, "corner", T.value.merged.value.corner));
-		return (a, d) => (h(), c("div", p(T.value.rootBind.value, {
-			"data-invalid": T.value.invalidated.value || void 0,
-			"aria-disabled": T.value.isDisabled.value || void 0,
-			"aria-readonly": T.value.isReadonly.value || void 0
+		})), O = a(() => t(E, "label", D.value.merged.value.label) || t(E, "corner", D.value.merged.value.corner));
+		return (a, f) => (g(), s("div", m(D.value.rootBind.value, {
+			"data-invalid": D.value.invalidated.value || void 0,
+			"aria-disabled": D.value.isDisabled.value || void 0,
+			"aria-readonly": D.value.isReadonly.value || void 0
 		}), [
-			E.value ? (h(), c("div", m(p({ key: 0 }, T.value.headerBind.value)), [u(i, { api: T.value }, null, 8, ["api"]), v(t)(T.value.slots, "corner", T.value.merged.value.corner) ? (h(), c("span", m(p({ key: 0 }, T.value.cornerBind.value)), [(h(), o(_(v(r)(T.value.slots, "corner", T.value.merged.value.corner))))], 16)) : s("", !0)], 16)) : s("", !0),
-			l("div", m(f(T.value.groupBind.value)), [
-				v(e)(T.value.slots, "start") ? (h(), c("div", m(p({ key: 0 }, T.value.startSlotBind.value)), [(h(), o(_(v(n)(T.value.slots, "start"))))], 16)) : s("", !0),
-				g(a.$slots, "default"),
-				v(e)(T.value.slots, "end") ? (h(), c("div", m(p({ key: 1 }, T.value.endSlotBind.value)), [(h(), o(_(v(n)(T.value.slots, "end"))))], 16)) : s("", !0)
+			O.value ? (g(), s("div", h(m({ key: 0 }, D.value.headerBind.value)), [d(r, { api: D.value }, l({ _: 2 }, [y(e)(y(E), "label") ? {
+				name: "label",
+				fn: x(() => [_(a.$slots, "label")]),
+				key: "0"
+			} : void 0]), 1032, ["api"]), y(t)(y(E), "corner", D.value.merged.value.corner) ? (g(), s("span", h(m({ key: 0 }, D.value.cornerBind.value)), [y(e)(y(E), "corner") ? _(a.$slots, "corner", {}, void 0, void 0, 0) : y(n)(D.value.merged.value.corner) ? (g(), s(i, { key: 1 }, [u(v(D.value.merged.value.corner), 1)], 64)) : o("", !0)], 16)) : o("", !0)], 16)) : o("", !0),
+			c("div", h(p(D.value.groupBind.value)), [
+				y(e)(y(E), "start") ? (g(), s("div", h(m({ key: 0 }, D.value.startSlotBind.value)), [_(a.$slots, "start")], 16)) : o("", !0),
+				_(a.$slots, "default"),
+				y(e)(y(E), "end") ? (g(), s("div", h(m({ key: 1 }, D.value.endSlotBind.value)), [_(a.$slots, "end")], 16)) : o("", !0)
 			], 16),
-			!T.value.invalidated.value && v(t)(T.value.slots, "description", T.value.merged.value.description) ? (h(), c("p", p({ key: 1 }, T.value.descriptionBind.value, { id: `${T.value.controlId.value}-description` }), [(h(), o(_(v(r)(T.value.slots, "description", T.value.merged.value.description))))], 16, x)) : s("", !0),
-			T.value.merged.value.hideErrorMessage ? s("", !0) : (h(), c("p", p({ key: 2 }, T.value.errorBind.value, {
-				id: `${T.value.controlId.value}-error`,
-				"aria-hidden": !T.value.showErrorMessageContent.value || void 0
-			}), [T.value.showErrorMessageContent.value ? (h(), o(_(v(r)(T.value.slots, "errorMessage", T.value.merged.value.errorMessage)), { key: 0 })) : s("", !0)], 16, S))
-		], 16, b));
+			!D.value.invalidated.value && y(t)(y(E), "description", D.value.merged.value.description) ? (g(), s("p", m({ key: 1 }, D.value.descriptionBind.value, { id: `${D.value.controlId.value}-description` }), [y(e)(y(E), "description") ? _(a.$slots, "description", {}, void 0, void 0, 0) : y(n)(D.value.merged.value.description) ? (g(), s(i, { key: 1 }, [u(v(D.value.merged.value.description), 1)], 64)) : o("", !0)], 16, C)) : o("", !0),
+			D.value.merged.value.hideErrorMessage ? o("", !0) : (g(), s("p", m({ key: 2 }, D.value.errorBind.value, {
+				id: `${D.value.controlId.value}-error`,
+				"aria-hidden": !D.value.showErrorMessageContent.value || void 0
+			}), [D.value.showErrorMessageContent.value ? (g(), s(i, { key: 0 }, [y(e)(y(E), "errorMessage") ? _(a.$slots, "errorMessage", {}, void 0, void 0, 0) : y(n)(D.value.merged.value.errorMessage) ? (g(), s(i, { key: 1 }, [u(v(D.value.merged.value.errorMessage), 1)], 64)) : o("", !0)], 64)) : o("", !0)], 16, w))
+		], 16, S));
 	}
 });
 //#endregion
-export { C as default };
+export { T as default };

package/dist/Components/BaseField/BaseFieldLabel.vue.d.ts

@@ -2,6 +2,16 @@ import { UseBaseFieldReturn } from './composables/useBaseField';
 type __VLS_Props = {
     api: UseBaseFieldReturn;
 };
-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 var __VLS_8: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_8) => any;
+};
+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;
+    };
+};