@bridge-ui/vue 0.0.8 → 0.0.10

package/dist/Components/Link/Link.vue_vue_type_script_setup_true_lang.js

@@ -1,14 +1,14 @@
-import { hasNamedSlot as e, resolveNamedSlot as t } from "../../Utils/slotOrProp.js";
-import n from "../Icon/Icon.js";
-import { useLink as r } from "./composables/useLink.js";
-import { createBlock as i, createCommentVNode as a, createElementBlock as o, defineComponent as s, mergeProps as c, openBlock as l, resolveDynamicComponent as u, unref as d } from "vue";
+import { hasNamedSlot as e } from "../../Utils/slotOrProp.js";
+import t from "../Icon/Icon.js";
+import { useLink as n } from "./composables/useLink.js";
+import { createBlock as r, createCommentVNode as i, createElementBlock as a, defineComponent as o, mergeProps as s, openBlock as c, renderSlot as l, unref as u } from "vue";
 //#region src/Components/Link/Link.vue?vue&type=script&setup=true&lang.ts
-var f = [
+var d = [
 	"rel",
 	"href",
 	"target",
 	"aria-disabled"
-], p = /* @__PURE__ */ s({
+], f = /*@__PURE__*/ o({
 	inheritAttrs: !1,
 	__name: "Link",
 	props: {
@@ -23,30 +23,30 @@ var f = [
 		size: {},
 		underline: {}
 	},
-	setup(s) {
-		let { slots: p, merged: m, rootRel: h, rootBind: g, rootHref: _, rootTarget: v, leftIconBind: y, rightIconBind: b, rootAriaDisabled: x } = r(s, {
+	setup(o) {
+		let { slots: f, merged: p, rootRel: m, rootBind: h, rootHref: g, rootTarget: _, leftIconBind: v, rightIconBind: y, rootAriaDisabled: b } = n(o, {
 			size: "md",
 			color: "primary",
 			underline: "hover"
 		});
-		return (r, s) => (l(), o("a", c({
-			rel: d(h),
-			href: d(_)
-		}, d(g), {
-			target: d(v),
-			"aria-disabled": d(x)
+		return (n, o) => (c(), a("a", s({
+			rel: u(m),
+			href: u(g)
+		}, u(h), {
+			target: u(_),
+			"aria-disabled": u(b)
 		}), [
-			d(e)(d(p), "prepend") ? (l(), i(u(d(t)(d(p), "prepend")), { key: 0 })) : d(m).leftIcon ? (l(), i(d(n), c({
+			u(e)(u(f), "prepend") ? l(n.$slots, "prepend", {}, void 0, void 0, 0) : u(p).leftIcon ? (c(), r(u(t), s({
 				key: 1,
-				size: d(m).size
-			}, d(y), { icon: d(m).leftIcon }), null, 16, ["size", "icon"])) : a("", !0),
-			(l(), i(u(d(t)(d(p), "default")))),
-			d(e)(d(p), "append") ? (l(), i(u(d(t)(d(p), "append")), { key: 2 })) : d(m).rightIcon ? (l(), i(d(n), c({
+				size: u(p).size
+			}, u(v), { icon: u(p).leftIcon }), null, 16, ["size", "icon"])) : i("", !0),
+			l(n.$slots, "default"),
+			u(e)(u(f), "append") ? l(n.$slots, "append", {}, void 0, void 0, 2) : u(p).rightIcon ? (c(), r(u(t), s({
 				key: 3,
-				size: d(m).size
-			}, d(b), { icon: d(m).rightIcon }), null, 16, ["size", "icon"])) : a("", !0)
-		], 16, f));
+				size: u(p).size
+			}, u(y), { icon: u(p).rightIcon }), null, 16, ["size", "icon"])) : i("", !0)
+		], 16, d));
 	}
 });
 //#endregion
-export { p as default };
+export { f as default };

package/dist/Components/Link/composables/useLink.js

@@ -34,7 +34,16 @@ function m(m, h) {
 		if (y.value.external && !C.value) return "_blank";
 	}), D = r(() => {
 		if (y.value.external && !C.value) return "noopener noreferrer";
-	}), O = r(() => l(s(d, b.value?.tokens?.size), y.value.size)), k = r(() => l(s(u, b.value?.tokens?.color), y.value.color)), A = r(() => l(s(f, b.value?.tokens?.underline), y.value.underline));
+	}), O = r(() => {
+		let e = s(d, b.value?.tokens?.size);
+		return l(e, y.value.size);
+	}), k = r(() => {
+		let e = s(u, b.value?.tokens?.color);
+		return l(e, y.value.color);
+	}), A = r(() => {
+		let e = s(f, b.value?.tokens?.underline);
+		return l(e, y.value.underline);
+	});
 	return {
 		slots: _,
 		merged: y,

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

@@ -1,8 +1,18 @@
 import { ListOwnProps } from './list.types';
-declare const __VLS_export: import('vue').DefineComponent<ListOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ListOwnProps> & Readonly<{}>, {
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<ListOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ListOwnProps> & Readonly<{}>, {
     as: "ol" | "ul" | "nav";
     dense: boolean;
     nested: 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/List/List.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,7 @@
-import { resolveNamedSlot as e } from "../../Utils/slotOrProp.js";
-import { useList as t } from "./composables/useList.js";
-import { computed as n, createBlock as r, defineComponent as i, guardReactiveProps as a, normalizeProps as o, openBlock as s, resolveDynamicComponent as c, unref as l, useSlots as u, withCtx as d } from "vue";
+import { useList as e } from "./composables/useList.js";
+import { computed as t, createBlock as n, defineComponent as r, guardReactiveProps as i, normalizeProps as a, openBlock as o, renderSlot as s, resolveDynamicComponent as c, unref as l, withCtx as u } from "vue";
 //#region src/Components/List/List.vue?vue&type=script&setup=true&lang.ts
-var f = /* @__PURE__ */ i({
+var d = /*@__PURE__*/ r({
 	inheritAttrs: !1,
 	__name: "List",
 	props: {
@@ -18,13 +17,13 @@ var f = /* @__PURE__ */ i({
 			default: !1
 		}
 	},
-	setup(i) {
-		let f = u(), { merged: p, rootBind: m } = t(i), h = n(() => p.value.as ?? "ul");
-		return (t, n) => (s(), r(c(h.value), o(a(l(m))), {
-			default: d(() => [(s(), r(c(l(e)(l(f), "default"))))]),
-			_: 1
+	setup(r) {
+		let { merged: d, rootBind: f } = e(r), p = t(() => d.value.as ?? "ul");
+		return (e, t) => (o(), n(c(p.value), a(i(l(f))), {
+			default: u(() => [s(e.$slots, "default")]),
+			_: 3
 		}, 16));
 	}
 });
 //#endregion
-export { f as default };
+export { d as default };

package/dist/Components/List/composables/useList.js

@@ -24,12 +24,12 @@ function f(f) {
 	}), _ = i(() => h.value.customProps), v = n({
 		entry: g,
 		props: () => m.value.componentProps
-	});
-	a(r, i(() => ({ dense: h.value.dense === !0 })));
-	let y = i(() => u(m.value.inheritedAttrs, []));
+	}), y = i(() => ({ dense: h.value.dense === !0 }));
+	a(r, y);
+	let b = i(() => u(m.value.inheritedAttrs, []));
 	return {
 		merged: h,
-		rootBind: i(() => e(_.value?.root, y.value, s({
+		rootBind: i(() => e(_.value?.root, b.value, s({
 			"m-0 list-none py-2 text-dark-900 dark:text-dark-100": !0,
 			"pl-4": h.value.nested,
 			[l(v.value, "root") ?? ""]: !0

package/dist/Components/ListItem/ListItem.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,9 @@
-import { hasNamedSlot as e, resolveNamedSlot as t, resolveSlotOrProp as n } from "../../Utils/slotOrProp.js";
-import r from "../Icon/Icon.js";
-import { resolveListItemPrimary as i, useListItem as a } from "./composables/useListItem.js";
-import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, normalizeClass as m, normalizeProps as h, openBlock as g, resolveDynamicComponent as _, unref as v, useSlots as y, withCtx as b } from "vue";
+import { hasNamedSlot as e, isPropPresent as t } from "../../Utils/slotOrProp.js";
+import n from "../Icon/Icon.js";
+import { useListItem as r } from "./composables/useListItem.js";
+import { Fragment as i, computed 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, normalizeClass as m, normalizeProps as h, openBlock as g, renderSlot as _, resolveDynamicComponent as v, toDisplayString as y, unref as b, useSlots as x, withCtx as S } from "vue";
 //#region src/Components/ListItem/ListItem.vue?vue&type=script&setup=true&lang.ts
-var x = /* @__PURE__ */ d({
+var C = /*@__PURE__*/ d({
 	inheritAttrs: !1,
 	__name: "ListItem",
 	props: {
@@ -34,23 +34,23 @@ var x = /* @__PURE__ */ d({
 		value: {}
 	},
 	setup(d) {
-		let x = y(), S = d, { merged: C, hasEnd: w, endBind: T, rootBind: E, rowClass: D, hasStart: O, startBind: k, hasPrimary: A, contentBind: j, primaryBind: M, hasSecondary: N, secondaryBind: P, interactiveBind: F, selectedIconBind: I, resolvedSelectedIcon: L } = a(S, { role: "button" }, x), R = o(() => C.value.as ?? "li"), z = o(() => i(x, S.primary)), B = o(() => n(x, "secondary", S.secondary)), V = o(() => e(x, "end"));
-		return (e, n) => (g(), s(_(R.value), h(f(v(E))), {
-			default: b(() => [v(F) ? (g(), l("div", h(p({ key: 0 }, v(F))), [u("div", { class: m(v(D)) }, [
-				v(O) ? (g(), l("div", h(p({ key: 0 }, v(k))), [(g(), s(_(v(t)(v(x), "start"))))], 16)) : c("", !0),
-				u("div", h(f(v(j))), [v(A) ? (g(), l("span", h(p({ key: 0 }, v(M))), [(g(), s(_(z.value)))], 16)) : c("", !0), v(N) ? (g(), l("span", h(p({ key: 1 }, v(P))), [(g(), s(_(B.value)))], 16)) : c("", !0)], 16),
-				v(w) ? (g(), l("div", h(p({ key: 1 }, v(T))), [V.value ? (g(), s(_(v(t)(v(x), "end")), { key: 0 })) : v(L) ? (g(), s(r, p({ key: 1 }, v(I), { icon: v(L) }), null, 16, ["icon"])) : c("", !0)], 16)) : c("", !0)
-			], 2)], 16)) : (g(), l("div", {
+		let C = x(), { merged: w, hasEnd: T, endBind: E, rootBind: D, rowClass: O, startBind: k, hasPrimary: A, contentBind: j, primaryBind: M, hasSecondary: N, secondaryBind: P, interactiveBind: F, selectedIconBind: I, resolvedSelectedIcon: L } = r(d, { role: "button" }, C), R = a(() => w.value.as ?? "li");
+		return (r, a) => (g(), o(v(R.value), h(f(b(D))), {
+			default: S(() => [b(F) ? (g(), c("div", h(p({ key: 0 }, b(F))), [l("div", { class: m(b(O)) }, [
+				b(e)(b(C), "start") ? (g(), c("div", h(p({ key: 0 }, b(k))), [_(r.$slots, "start")], 16)) : s("", !0),
+				l("div", h(f(b(j))), [b(A) ? (g(), c("span", h(p({ key: 0 }, b(M))), [b(e)(b(C), "primary") ? _(r.$slots, "primary", {}, void 0, void 0, 0) : b(e)(b(C), "default") ? _(r.$slots, "default", {}, void 0, void 0, 1) : b(t)(b(w).primary) ? (g(), c(i, { key: 2 }, [u(y(b(w).primary), 1)], 64)) : s("", !0)], 16)) : s("", !0), b(N) ? (g(), c("span", h(p({ key: 1 }, b(P))), [b(e)(b(C), "secondary") ? _(r.$slots, "secondary", {}, void 0, void 0, 0) : b(t)(b(w).secondary) ? (g(), c(i, { key: 1 }, [u(y(b(w).secondary), 1)], 64)) : s("", !0)], 16)) : s("", !0)], 16),
+				b(T) ? (g(), c("div", h(p({ key: 1 }, b(E))), [b(e)(b(C), "end") ? _(r.$slots, "end", {}, void 0, void 0, 0) : b(L) ? (g(), o(n, p({ key: 1 }, b(I), { icon: b(L) }), null, 16, ["icon"])) : s("", !0)], 16)) : s("", !0)
+			], 2)], 16)) : (g(), c("div", {
 				key: 1,
-				class: m(v(D))
+				class: m(b(O))
 			}, [
-				v(O) ? (g(), l("div", h(p({ key: 0 }, v(k))), [(g(), s(_(v(t)(v(x), "start"))))], 16)) : c("", !0),
-				u("div", h(f(v(j))), [v(A) ? (g(), l("span", h(p({ key: 0 }, v(M))), [(g(), s(_(z.value)))], 16)) : c("", !0), v(N) ? (g(), l("span", h(p({ key: 1 }, v(P))), [(g(), s(_(B.value)))], 16)) : c("", !0)], 16),
-				v(w) ? (g(), l("div", h(p({ key: 1 }, v(T))), [V.value ? (g(), s(_(v(t)(v(x), "end")), { key: 0 })) : v(L) ? (g(), s(r, p({ key: 1 }, v(I), { icon: v(L) }), null, 16, ["icon"])) : c("", !0)], 16)) : c("", !0)
+				b(e)(b(C), "start") ? (g(), c("div", h(p({ key: 0 }, b(k))), [_(r.$slots, "start")], 16)) : s("", !0),
+				l("div", h(f(b(j))), [b(A) ? (g(), c("span", h(p({ key: 0 }, b(M))), [b(e)(b(C), "primary") ? _(r.$slots, "primary", {}, void 0, void 0, 0) : b(e)(b(C), "default") ? _(r.$slots, "default", {}, void 0, void 0, 1) : b(t)(b(w).primary) ? (g(), c(i, { key: 2 }, [u(y(b(w).primary), 1)], 64)) : s("", !0)], 16)) : s("", !0), b(N) ? (g(), c("span", h(p({ key: 1 }, b(P))), [b(e)(b(C), "secondary") ? _(r.$slots, "secondary", {}, void 0, void 0, 0) : b(t)(b(w).secondary) ? (g(), c(i, { key: 1 }, [u(y(b(w).secondary), 1)], 64)) : s("", !0)], 16)) : s("", !0)], 16),
+				b(T) ? (g(), c("div", h(p({ key: 1 }, b(E))), [b(e)(b(C), "end") ? _(r.$slots, "end", {}, void 0, void 0, 0) : b(L) ? (g(), o(n, p({ key: 1 }, b(I), { icon: b(L) }), null, 16, ["icon"])) : s("", !0)], 16)) : s("", !0)
 			], 2))]),
-			_: 1
+			_: 3
 		}, 16));
 	}
 });
 //#endregion
-export { x as default };
+export { C as default };

package/dist/Components/ListItem/composables/useListItem.d.ts

@@ -1,4 +1,4 @@
-import { useSlots, Slot } from 'vue';
+import { useSlots } from 'vue';
 import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
 import { IconSource } from '../../../Adapters/Icon';
 import { ListItemOwnProps, ListItemProps } from '../listItem.types';
@@ -13,7 +13,6 @@ export declare function useListItem(props: ListItemOwnProps, libDefaults: ListIt
         id: string | undefined;
     }, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<ListItemProps, "role" | "value" | "classes" | "customProps" | "primary" | "secondary" | "disabled" | "as" | "dense" | "divider" | "interactive" | "selected" | "selectedIcon">, never>>>;
     rowClass: import('vue').ComputedRef<string>;
-    hasStart: import('vue').ComputedRef<boolean>;
     startBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     hasPrimary: import('vue').ComputedRef<boolean>;
     contentBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
@@ -36,5 +35,4 @@ export declare function useListItem(props: ListItemOwnProps, libDefaults: ListIt
     }, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
     resolvedSelectedIcon: import('vue').ComputedRef<IconSource | null>;
 };
-export declare function resolveListItemPrimary(slots: ReturnType<typeof useSlots>, primary?: string): Slot | (() => null | string);
 export {};

package/dist/Components/ListItem/composables/useListItem.js

@@ -1,13 +1,13 @@
-import { hasNamedSlot as e, isPropPresent as t, resolveNamedSlot as n } from "../../../Utils/slotOrProp.js";
-import { mergePartBind as r, useBridgeUIComponent as i, useBridgeUIMergedRegistryClasses as a } from "../../../Utils/index.js";
-import { getListboxOptionId as o } from "../../Listbox/composables/useListboxNavigation.js";
-import { LIST_INJECTION_KEY as s } from "../../List/listInjectionKey.js";
-import { LISTBOX_INJECTION_KEY as c } from "../../Listbox/listboxInjectionKey.js";
-import { computed as l, getCurrentInstance as u, inject as d, onBeforeUnmount as f, toValue as p, useAttrs as m, watch as h } from "vue";
-import { cn as g, splitComponentProps as _ } from "@bridge-ui/core";
-import { get as v, isNull as y, omit as b } from "es-toolkit/compat";
+import { hasNamedSlot as e } from "../../../Utils/slotOrProp.js";
+import { mergePartBind as t, useBridgeUIComponent as n, useBridgeUIMergedRegistryClasses as r } from "../../../Utils/index.js";
+import { getListboxOptionId as i } from "../../Listbox/composables/useListboxNavigation.js";
+import { LIST_INJECTION_KEY as a } from "../../List/listInjectionKey.js";
+import { LISTBOX_INJECTION_KEY as o } from "../../Listbox/listboxInjectionKey.js";
+import { computed as s, getCurrentInstance as c, inject as l, onBeforeUnmount as u, toValue as d, useAttrs as f, watch as p } from "vue";
+import { cn as m, splitComponentProps as h } from "@bridge-ui/core";
+import { get as g, isNull as _, omit as v } from "es-toolkit/compat";
 //#region src/Components/ListItem/composables/useListItem.ts
-var x = [
+var y = [
 	"as",
 	"role",
 	"dense",
@@ -22,44 +22,44 @@ var x = [
 	"interactive",
 	"selectedIcon"
 ];
-function S(t, n, S) {
-	let C = m(), w = d(s, null), T = d(c, null), E = T != null, D = l(() => _({
+function b(b, x, S) {
+	let C = f(), w = l(a, null), T = l(o, null), E = T != null, D = s(() => h({
 		props: {
 			...C,
-			...t
+			...b
 		},
-		bridgeKeys: x
-	})), { merged: O, entry: k } = i({
-		libDefaults: n,
+		bridgeKeys: y
+	})), { merged: O, entry: k } = n({
+		libDefaults: x,
 		componentName: "ListItem",
 		props: () => D.value.componentProps
-	}), A = l(() => T ? p(T) : null), j = l(() => O.value.value == null || !E ? null : {
+	}), A = s(() => T ? d(T) : null), j = s(() => O.value.value == null || !E ? null : {
 		value: O.value.value,
 		description: O.value.secondary,
 		disabled: !!O.value.disabled,
 		label: O.value.primary ?? String(O.value.value)
 	}), M;
-	h(() => {
+	p(() => {
 		let e = j.value;
 		return e ? `${String(e.value)}:${e.label}:${e.disabled}:${e.description ?? ""}` : null;
 	}, () => {
 		M?.(), M = void 0;
 		let e = j.value;
-		!e || !T || (M = p(T).registerOption(e));
-	}, { immediate: !0 }), f(() => {
+		!e || !T || (M = d(T).registerOption(e));
+	}, { immediate: !0 }), u(() => {
 		M?.();
 	});
-	let N = l(() => j.value != null), P = l(() => !j.value || !A.value ? !1 : A.value.isSelected(j.value.value)), F = l(() => !j.value || !A.value ? -1 : A.value.getOptionIndex(j.value.value)), I = l(() => !A.value || F.value < 0 ? !1 : A.value.highlightedIndex === F.value), L = l(() => O.value.customProps), R = a({
+	let N = s(() => j.value != null), P = s(() => !j.value || !A.value ? !1 : A.value.isSelected(j.value.value)), F = s(() => !j.value || !A.value ? -1 : A.value.getOptionIndex(j.value.value)), I = s(() => !A.value || F.value < 0 ? !1 : A.value.highlightedIndex === F.value), L = s(() => O.value.customProps), R = r({
 		entry: k,
 		props: () => D.value.componentProps
-	}), z = l(() => "dense" in (u()?.vnode.props ?? {}) ? t.dense === !0 : t.dense === !0 ? !0 : w ? p(w).dense : !1), B = l(() => e(S, "primary") || e(S, "default") || !!O.value.primary), V = l(() => e(S, "secondary") || !!O.value.secondary), H = l(() => e(S, "start")), U = l(() => N.value ? !P.value || !A.value?.showCheckmark ? null : "check" : !O.value.selected || y(O.value.selectedIcon) ? null : O.value.selectedIcon ?? "check"), W = l(() => e(S, "end") || U.value != null), G = l(() => b(D.value.inheritedAttrs, [])), K = l(() => r(L.value?.root, G.value, {
-		class: g({
+	}), z = s(() => "dense" in (c()?.vnode.props ?? {}) ? b.dense === !0 : b.dense === !0 ? !0 : w ? d(w).dense : !1), B = s(() => e(S, "primary") || e(S, "default") || !!O.value.primary), V = s(() => e(S, "secondary") || !!O.value.secondary), H = s(() => N.value ? !P.value || !A.value?.showCheckmark ? null : "check" : !O.value.selected || _(O.value.selectedIcon) ? null : O.value.selectedIcon ?? "check"), U = s(() => e(S, "end") || H.value != null), W = s(() => v(D.value.inheritedAttrs, [])), G = s(() => t(L.value?.root, W.value, {
+		class: m({
 			"list-none": !0,
 			"border-b border-black/10 last:border-b-0 dark:border-white/10": O.value.divider,
-			[v(R.value, "root") ?? ""]: !0
+			[g(R.value, "root") ?? ""]: !0
 		}),
-		id: N.value && A.value?.listboxId && F.value >= 0 ? o(A.value.listboxId, F.value) : void 0
-	})), q = l(() => O.value.interactive || N.value ? r(L.value?.interactive, {}, {
+		id: N.value && A.value?.listboxId && F.value >= 0 ? i(A.value.listboxId, F.value) : void 0
+	})), K = s(() => O.value.interactive || N.value ? t(L.value?.interactive, {}, {
 		"aria-disabled": O.value.disabled ? !0 : void 0,
 		role: N.value ? "option" : O.value.role,
 		tabindex: O.value.disabled || N.value ? -1 : 0,
@@ -71,7 +71,7 @@ function S(t, n, S) {
 		onClick: N.value ? () => {
 			j.value && A.value?.onSelect(j.value);
 		} : void 0,
-		class: g({
+		class: m({
 			"flex w-full min-w-0 items-center gap-x-3 text-left text-dark-900 outline-hidden transition-colors dark:text-dark-100": !0,
 			"cursor-pointer select-none": !O.value.disabled,
 			"px-4": !0,
@@ -84,52 +84,44 @@ function S(t, n, S) {
 			[A.value?.optionHighlightedClass ?? ""]: N.value && I.value && !P.value,
 			[A.value?.mergedClasses.optionHighlighted ?? ""]: N.value && I.value && !P.value,
 			"opacity-50 pointer-events-none": O.value.disabled,
-			[v(R.value, "interactive") ?? ""]: !0,
+			[g(R.value, "interactive") ?? ""]: !0,
 			[A.value?.sizeClasses?.option ?? ""]: !0
 		})
-	}) : null), J = l(() => g({
+	}) : null), q = s(() => m({
 		"flex w-full min-w-0 gap-x-3": !0,
 		"items-center text-dark-900 dark:text-dark-100": !O.value.interactive,
 		"px-4": !O.value.interactive,
 		"py-2": !O.value.interactive && !z.value,
 		"py-1.5": !O.value.interactive && z.value
-	})), Y = l(() => r(L.value?.start, {}, g({
+	})), J = s(() => t(L.value?.start, {}, m({
 		"flex shrink-0 text-dark-600 dark:text-dark-300": !0,
-		[v(R.value, "start") ?? ""]: !0
-	}))), X = l(() => r(L.value?.content, {}, g({
+		[g(R.value, "start") ?? ""]: !0
+	}))), Y = s(() => t(L.value?.content, {}, m({
 		"min-w-0 flex-1": !0,
-		[v(R.value, "content") ?? ""]: !0
-	}))), Z = l(() => r(L.value?.primary, {}, g("block truncate text-sm font-medium", A.value?.sizeClasses?.primary, v(R.value, "primary")))), Q = l(() => r(L.value?.secondary, {}, g("mt-0.5 block truncate text-xs text-dark-500 dark:text-dark-400", A.value?.sizeClasses?.secondary, v(R.value, "secondary"))));
+		[g(R.value, "content") ?? ""]: !0
+	}))), X = s(() => t(L.value?.primary, {}, m("block truncate text-sm font-medium", A.value?.sizeClasses?.primary, g(R.value, "primary")))), Z = s(() => t(L.value?.secondary, {}, m("mt-0.5 block truncate text-xs text-dark-500 dark:text-dark-400", A.value?.sizeClasses?.secondary, g(R.value, "secondary"))));
 	return {
 		merged: O,
-		hasEnd: W,
-		endBind: l(() => r(L.value?.end, {}, g({
+		hasEnd: U,
+		endBind: s(() => t(L.value?.end, {}, m({
 			"ml-auto flex shrink-0 items-center": !0,
-			[v(R.value, "end") ?? ""]: !0
+			[g(R.value, "end") ?? ""]: !0
 		}))),
-		rootBind: K,
-		rowClass: J,
-		hasStart: H,
-		startBind: Y,
+		rootBind: G,
+		rowClass: q,
+		startBind: J,
 		hasPrimary: B,
-		contentBind: X,
-		primaryBind: Z,
+		contentBind: Y,
+		primaryBind: X,
 		hasSecondary: V,
-		secondaryBind: Q,
-		interactiveBind: q,
-		selectedIconBind: l(() => r(L.value?.selectedIcon, {}, {
+		secondaryBind: Z,
+		interactiveBind: K,
+		selectedIconBind: s(() => t(L.value?.selectedIcon, {}, {
 			size: "sm",
-			class: g("shrink-0", A.value?.checkClass, v(R.value, "selectedIcon"))
+			class: m("shrink-0", A.value?.checkClass, g(R.value, "selectedIcon"))
 		})),
-		resolvedSelectedIcon: U
+		resolvedSelectedIcon: H
 	};
 }
-function C(r, i) {
-	if (e(r, "primary")) return n(r, "primary");
-	if (e(r, "default")) return n(r, "default");
-	if (!t(i)) return () => null;
-	let a = String(i);
-	return () => a;
-}
 //#endregion
-export { C as resolveListItemPrimary, S as useListItem };
+export { b as useListItem };

package/dist/Components/ListSection/ListSection.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,8 @@
-import { useListSection as e } from "./composables/useListSection.js";
-import { computed as t, createBlock as n, createElementBlock as r, createElementVNode as i, defineComponent as a, guardReactiveProps as o, mergeProps as s, normalizeProps as c, openBlock as l, resolveDynamicComponent as u, unref as d, useSlots as f, withCtx as p } from "vue";
+import { hasNamedSlot as e, isPropPresent as t } from "../../Utils/slotOrProp.js";
+import { useListSection as n } from "./composables/useListSection.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, defineComponent as u, guardReactiveProps as d, mergeProps as f, normalizeProps as p, openBlock as m, renderSlot as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, useSlots as y, withCtx as b } from "vue";
 //#region src/Components/ListSection/ListSection.vue?vue&type=script&setup=true&lang.ts
-var m = /* @__PURE__ */ a({
+var x = /*@__PURE__*/ u({
 	inheritAttrs: !1,
 	__name: "ListSection",
 	props: {
@@ -18,13 +19,13 @@ var m = /* @__PURE__ */ a({
 		},
 		title: {}
 	},
-	setup(a) {
-		let { label: m, merged: h, rootBind: g, titleBind: _ } = e(a, f()), v = t(() => h.value.as ?? "li");
-		return (e, t) => v.value === "div" ? (l(), r("div", c(s({ key: 0 }, d(_))), [(l(), n(u(d(m))))], 16)) : (l(), n(u(v.value), c(s({ key: 1 }, d(g))), {
-			default: p(() => [i("div", c(o(d(_))), [(l(), n(u(d(m))))], 16)]),
-			_: 1
+	setup(u) {
+		let x = y(), { merged: S, rootBind: C, titleBind: w } = n(u), T = i(() => S.value.as ?? "li");
+		return (n, i) => T.value === "div" ? (m(), s("div", p(f({ key: 0 }, v(w))), [v(e)(v(x), "default") ? h(n.$slots, "default", {}, void 0, void 0, 0) : v(t)(v(S).title) ? (m(), s(r, { key: 1 }, [l(_(v(S).title), 1)], 64)) : o("", !0)], 16)) : (m(), a(g(T.value), p(f({ key: 1 }, v(C))), {
+			default: b(() => [c("div", p(d(v(w))), [v(e)(v(x), "default") ? h(n.$slots, "default", {}, void 0, void 0, 0) : v(t)(v(S).title) ? (m(), s(r, { key: 1 }, [l(_(v(S).title), 1)], 64)) : o("", !0)], 16)]),
+			_: 3
 		}, 16));
 	}
 });
 //#endregion
-export { m as default };
+export { x as default };

package/dist/Components/ListSection/composables/useListSection.d.ts

@@ -1,7 +1,5 @@
-import { useSlots } from 'vue';
 import { ListSectionOwnProps, ListSectionProps } from '../listSection.types';
-export declare function useListSection(props: ListSectionOwnProps, slots: ReturnType<typeof useSlots>): {
-    label: import('vue').ComputedRef<import('vue').Slot | (() => null | import('vue').VNodeChild)>;
+export declare function useListSection(props: ListSectionOwnProps): {
     merged: import('vue').ComputedRef<ListSectionOwnProps>;
     rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<ListSectionProps, "classes" | "customProps" | "title" | "as" | "inset" | "sticky">, never>>>;
     titleBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{

package/dist/Components/ListSection/composables/useListSection.js

@@ -1,11 +1,10 @@
-import { resolveSlotOrProp as e } from "../../../Utils/slotOrProp.js";
-import { mergePartBind as t, useBridgeUIComponent as n, useBridgeUIMergedRegistryClasses as r } from "../../../Utils/index.js";
-import { LIST_INJECTION_KEY as i } from "../../List/listInjectionKey.js";
-import { computed as a, inject as o, toValue as s, useAttrs as c } from "vue";
-import { cn as l, splitComponentProps as u } from "@bridge-ui/core";
-import { get as d, omit as f } from "es-toolkit/compat";
+import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
+import { LIST_INJECTION_KEY as r } from "../../List/listInjectionKey.js";
+import { computed as i, inject as a, toValue as o, useAttrs as s } from "vue";
+import { cn as c, splitComponentProps as l } from "@bridge-ui/core";
+import { get as u, omit as d } from "es-toolkit/compat";
 //#region src/Components/ListSection/composables/useListSection.ts
-var p = [
+var f = [
 	"as",
 	"inset",
 	"title",
@@ -13,40 +12,39 @@ var p = [
 	"classes",
 	"customProps"
 ];
-function m(m, h) {
-	let g = c(), _ = o(i, null), v = a(() => u({
+function p(p) {
+	let m = s(), h = a(r, null), g = i(() => l({
 		props: {
-			...g,
-			...m
+			...m,
+			...p
 		},
-		bridgeKeys: p
-	})), { merged: y, entry: b } = n({
+		bridgeKeys: f
+	})), { merged: _, entry: v } = t({
 		componentName: "ListSection",
-		props: () => v.value.componentProps
-	}), x = a(() => y.value.customProps), S = r({
-		entry: b,
-		props: () => v.value.componentProps
-	}), C = a(() => _ ? s(_).dense : !1), w = a(() => e(h, "default", y.value.title)), T = a(() => f(v.value.inheritedAttrs, [])), E = a(() => y.value.as === "div");
+		props: () => g.value.componentProps
+	}), y = i(() => _.value.customProps), b = n({
+		entry: v,
+		props: () => g.value.componentProps
+	}), x = i(() => h ? o(h).dense : !1), S = i(() => d(g.value.inheritedAttrs, [])), C = i(() => _.value.as === "div");
 	return {
-		label: w,
-		merged: y,
-		rootBind: a(() => t(x.value?.root, T.value, l({
+		merged: _,
+		rootBind: i(() => e(y.value?.root, S.value, c({
 			"list-none": !0,
-			"sticky top-0 z-10 bg-white dark:bg-dark-800": y.value.sticky && !E.value,
-			[d(S.value, "root") ?? ""]: !0
+			"sticky top-0 z-10 bg-white dark:bg-dark-800": _.value.sticky && !C.value,
+			[u(b.value, "root") ?? ""]: !0
 		}))),
-		titleBind: a(() => t(x.value?.title, {}, {
+		titleBind: i(() => e(y.value?.title, {}, {
 			role: "presentation",
-			class: l({
+			class: c({
 				"bg-white px-4 text-xs font-semibold tracking-wide text-dark-500 uppercase dark:bg-dark-800 dark:text-dark-300": !0,
-				"sticky top-0 z-10": y.value.sticky && E.value,
-				"py-2": !C.value,
-				"py-1.5": C.value,
-				"pl-14": y.value.inset,
-				[d(S.value, "title") ?? ""]: !0
+				"sticky top-0 z-10": _.value.sticky && C.value,
+				"py-2": !x.value,
+				"py-1.5": x.value,
+				"pl-14": _.value.inset,
+				[u(b.value, "title") ?? ""]: !0
 			})
 		}))
 	};
 }
 //#endregion
-export { m as useListSection };
+export { p as useListSection };

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

@@ -8,23 +8,28 @@ type __VLS_ModelProps = {
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     select: (option: ListboxOption) => any;
+    cancel: () => any;
     "update:modelValue": (value: boolean) => any;
-    "registered-options-change": (options: ListboxOption[]) => any;
     "show-change": (show: boolean) => any;
+    apply: () => any;
+    "registered-options-change": (options: ListboxOption[]) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onSelect?: ((option: ListboxOption) => any) | undefined;
+    onCancel?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    "onRegistered-options-change"?: ((options: ListboxOption[]) => any) | undefined;
     "onShow-change"?: ((show: boolean) => any) | undefined;
+    onApply?: (() => any) | undefined;
+    "onRegistered-options-change"?: ((options: ListboxOption[]) => any) | undefined;
 }>, {
     color: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').ListboxColor, import('./listbox.types').ListboxColorOverrides>;
     size: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').ListboxSize, import('./listbox.types').ListboxSizeOverrides>;
     multiple: boolean;
-    disableAutoFocus: boolean;
+    loading: boolean;
     placement: import('@floating-ui/utils').Placement;
+    disableAutoFocus: boolean;
     hideEmptyMessage: boolean;
     highlightedIndex: number;
-    loading: boolean;
+    overlay: import('@bridge-ui/core').FieldOverlayMode;
     showCheckmark: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;