@bridge-ui/vue 0.0.1-beta.4 → 0.0.1-beta.6

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

@@ -1,4 +1,5 @@
-import { ListboxOption, ListboxOwnProps, ListboxSlots } from './listbox.types';
+import { ListboxOption } from '@bridge-ui/core';
+import { ListboxOwnProps, ListboxSlots } from './listbox.types';
 type __VLS_Slots = ListboxSlots;
 type __VLS_Props = ListboxOwnProps;
 type __VLS_ModelProps = {
@@ -9,21 +10,23 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
     select: (option: ListboxOption) => any;
     "update:modelValue": (value: boolean) => any;
     "show-change": (show: boolean) => any;
+    "registered-options-change": (options: ListboxOption[]) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onSelect?: ((option: ListboxOption) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     "onShow-change"?: ((show: boolean) => 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>;
     loading: boolean;
     multiple: boolean;
     disableAutoFocus: boolean;
-    placement: import('@floating-ui/utils').Placement;
     emptyMessage: string;
     hideEmptyMessage: boolean;
     highlightedIndex: number;
     loadingMessage: string;
+    placement: import('@floating-ui/utils').Placement;
     showCheckmark: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/Components/Listbox/Listbox.vue_vue_type_script_setup_true_lang.js

@@ -1,15 +1,17 @@
 import { hasNamedSlot as e, resolveNamedSlot as t } from "../../Utils/slotOrProp.js";
 import n from "../List/List.js";
 import { useListbox as r } from "./composables/useListbox.js";
-import i from "../ListItem/ListItem.js";
-import a from "../Menu/Menu.js";
-import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createSlots as f, createVNode as p, defineComponent as m, guardReactiveProps as h, mergeModels as g, mergeProps as _, normalizeClass as v, normalizeProps as y, openBlock as b, renderList as x, renderSlot as S, resolveDynamicComponent as C, toDisplayString as w, unref as T, useModel as E, useSlots as D, watch as O, withCtx as k } from "vue";
-import { cn as A } from "@bridge-ui/core";
-import { Check as j } from "@lucide/vue";
+import { LISTBOX_INJECTION_KEY as i } from "./listboxInjectionKey.js";
+import ee from "../ListItem/ListItem.js";
+import a from "../ListSection/ListSection.js";
+import te from "../Menu/Menu.js";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createSlots as ne, createVNode as f, defineComponent as p, guardReactiveProps as m, mergeModels as h, mergeProps as g, normalizeClass as re, normalizeProps as _, openBlock as v, provide as ie, ref as y, renderList as b, renderSlot as x, resolveDynamicComponent as S, toDisplayString as C, unref as w, useModel as T, useSlots as E, watch as D, withCtx as O } from "vue";
+import { cn as k, entriesFromListboxOptions as A, flattenListboxOptions as j, mapListboxEntriesToRows as ae } from "@bridge-ui/core";
+import { Check as oe } from "@lucide/vue";
 //#region src/Components/Listbox/Listbox.vue?vue&type=script&setup=true&lang.ts
-var M = { key: 1 }, N = /* @__PURE__ */ m({
+var se = { key: 1 }, M = /* @__PURE__ */ p({
 	__name: "Listbox",
-	props: /* @__PURE__ */ g({
+	props: /* @__PURE__ */ h({
 		anchorEl: {},
 		classes: {},
 		color: { default: "primary" },
@@ -20,6 +22,7 @@ var M = { key: 1 }, N = /* @__PURE__ */ m({
 		},
 		disableMaxHeight: { type: Boolean },
 		emptyMessage: { default: "No options" },
+		entries: {},
 		hideEmptyMessage: {
 			type: Boolean,
 			default: !1
@@ -53,99 +56,135 @@ var M = { key: 1 }, N = /* @__PURE__ */ m({
 		},
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ g(["select", "show-change"], ["update:modelValue"]),
-	setup(m, { emit: g }) {
-		let N = D(), P = g, F = E(m, "modelValue");
-		O(F, (e) => {
-			P("show-change", e);
+	emits: /* @__PURE__ */ h([
+		"registered-options-change",
+		"select",
+		"show-change"
+	], ["update:modelValue"]),
+	setup(p, { emit: h }) {
+		let M = E(), N = h, P = T(p, "modelValue");
+		D(P, (e) => {
+			N("show-change", e);
 		});
-		let I = m, { merged: L, checkClass: R, scrollBind: z, messageBind: B, loadingBind: V, sizeClasses: H, mergedClasses: U, loadingTrackBind: W, optionSelectedClass: G, optionHighlightedClass: K } = r(I, {
+		let F = p, { merged: I, checkClass: L, scrollBind: R, messageBind: z, loadingBind: B, sizeClasses: V, mergedClasses: H, loadingTrackBind: U, optionSelectedClass: W, optionHighlightedClass: G } = r(F, {
 			size: "md",
 			color: "primary"
-		}), q = s(() => !I.loading && I.options.length === 0 && I.hideEmptyMessage !== !0), J = s(() => A(R.value, U.value.check));
-		function Y(e) {
-			return I.isSelected?.(e) ?? !1;
+		}), ce = s(() => F.options ?? []), K = s(() => F.entries ? F.entries : A(ce.value)), q = s(() => j(K.value)), J = s(() => e(M, "default")), Y = s(() => !F.loading && !J.value && q.value.length === 0 && F.hideEmptyMessage !== !0), X = s(() => k(L.value, H.value.check)), Z = y([]);
+		function Q(e) {
+			return F.isSelected?.(e) ?? !1;
 		}
-		function X(e) {
-			return I.highlightedIndex === e;
+		function le(e) {
+			return F.highlightedIndex === e;
 		}
-		function Z(e) {
+		function ue(e) {
 			e.preventDefault();
 		}
-		function Q(e, t) {
+		function de(e, t) {
 			let n = {
 				tabindex: -1,
-				onMousedown: Z,
-				class: A(H.value?.option)
+				onMousedown: ue,
+				class: k(V.value?.option)
 			};
-			return Y(e.value) ? n.class = A(n.class, G.value, U.value.optionSelected) : X(t) && (n.class = A(n.class, K.value, U.value.optionHighlighted)), {
+			return Q(e.value) ? n.class = k(n.class, W.value, H.value.optionSelected) : le(t) && (n.class = k(n.class, G.value, H.value.optionHighlighted)), {
 				interactive: n,
-				primary: { class: H.value?.primary },
-				secondary: { class: H.value?.secondary }
+				primary: { class: V.value?.primary },
+				secondary: { class: V.value?.secondary }
 			};
 		}
 		function $(e) {
-			e.disabled || P("select", e);
+			e.disabled || N("select", e);
 		}
-		return (r, s) => (b(), c(T(a), {
-			modelValue: F.value,
-			"onUpdate:modelValue": s[0] ||= (e) => F.value = e,
-			"anchor-el": m.anchorEl,
-			placement: m.placement,
+		function fe(e) {
+			return Z.value.some((t) => String(t.value) === String(e.value)) || (Z.value = [...Z.value, e]), () => {
+				Z.value = Z.value.filter((t) => String(t.value) !== String(e.value));
+			};
+		}
+		function pe(e) {
+			return (J.value ? Z.value : q.value).findIndex((t) => String(t.value) === String(e));
+		}
+		D(Z, (e) => {
+			J.value && N("registered-options-change", e);
+		}, { deep: !0 }), ie(i, s(() => ({
+			getOptionIndex: pe,
+			registerOption: fe,
+			onSelect: $,
+			listboxId: F.listboxId,
+			isSelected: Q,
+			sizeClasses: V.value,
+			showCheckmark: F.showCheckmark,
+			checkClass: X.value,
+			highlightedIndex: F.highlightedIndex,
+			optionSelectedClass: W.value,
+			optionHighlightedClass: G.value,
+			mergedClasses: {
+				optionSelected: H.value.optionSelected,
+				optionHighlighted: H.value.optionHighlighted
+			}
+		})));
+		let me = s(() => ae(K.value, Q));
+		return (r, i) => (v(), c(w(te), {
+			modelValue: P.value,
+			"onUpdate:modelValue": i[0] ||= (e) => P.value = e,
+			"anchor-el": p.anchorEl,
+			placement: p.placement,
 			"close-on-click-away": !0,
-			"disable-auto-focus": m.disableAutoFocus,
-			"custom-props": { content: T(L).customProps?.content }
+			"disable-auto-focus": p.disableAutoFocus,
+			"custom-props": { content: w(I).customProps?.content }
 		}, {
-			default: k(() => [
-				T(e)(T(N), "beforeOptions") ? (b(), c(C(T(t)(T(N), "beforeOptions")), { key: 0 })) : l("", !0),
-				m.loading ? (b(), u(o, { key: 1 }, [d("div", y(h(T(W))), [d("div", y(h(T(V))), null, 16)], 16), d("div", y(h(T(B))), [T(e)(T(N), "loading") ? (b(), c(C(T(t)(T(N), "loading")), { key: 0 })) : (b(), u("span", M, w(m.loadingMessage), 1))], 16)], 64)) : (b(), u("div", y(_({ key: 2 }, T(z))), [p(T(n), {
+			default: O(() => [
+				w(e)(w(M), "beforeOptions") ? (v(), c(S(w(t)(w(M), "beforeOptions")), { key: 0 })) : l("", !0),
+				p.loading ? (v(), u(o, { key: 1 }, [d("div", _(m(w(U))), [d("div", _(m(w(B))), null, 16)], 16), d("div", _(m(w(z))), [w(e)(w(M), "loading") ? (v(), c(S(w(t)(w(M), "loading")), { key: 0 })) : (v(), u("span", se, C(p.loadingMessage), 1))], 16)], 64)) : (v(), u("div", _(g({ key: 2 }, w(R))), [f(w(n), {
 					dense: "",
+					class: "p-0",
 					role: "listbox",
-					padding: "none",
-					id: m.listboxId,
-					"aria-labelledby": m.labelledBy,
-					"aria-multiselectable": m.multiple || void 0
+					id: p.listboxId,
+					"aria-labelledby": p.labelledBy,
+					"aria-multiselectable": p.multiple || void 0
 				}, {
-					default: k(() => [(b(!0), u(o, null, x(m.options, (t, n) => (b(), c(T(i), {
+					default: O(() => [J.value ? x(r.$slots, "default", { key: 0 }) : (v(!0), u(o, { key: 1 }, b(me.value, (t) => (v(), u(o, { key: t.key }, [t.kind === "section" ? (v(), c(w(a), {
+						key: 0,
+						title: t.title,
+						sticky: t.sticky
+					}, null, 8, ["title", "sticky"])) : (v(), c(w(ee), {
+						key: 1,
 						interactive: "",
 						role: "option",
 						selected: !1,
-						primary: t.label,
-						key: String(t.value),
-						disabled: t.disabled,
-						secondary: t.description,
-						onClick: (e) => $(t),
-						id: `${m.listboxId}-option-${n}`,
-						"aria-selected": Y(t.value),
-						"custom-props": Q(t, n)
-					}, f({ _: 2 }, [T(e)(T(N), "option") ? {
+						"aria-selected": t.selected,
+						disabled: t.option.disabled,
+						secondary: t.option.description,
+						onClick: (e) => $(t.option),
+						id: `${p.listboxId}-option-${t.index}`,
+						"custom-props": de(t.option, t.index),
+						primary: w(e)(w(M), "option") ? void 0 : t.option.label
+					}, ne({ _: 2 }, [w(e)(w(M), "option") ? {
 						name: "default",
-						fn: k(() => [S(r.$slots, "option", {
-							option: t,
-							selected: Y(t.value)
+						fn: O(() => [x(r.$slots, "option", {
+							option: t.option,
+							selected: t.selected
 						})]),
 						key: "0"
-					} : void 0, m.showCheckmark && Y(t.value) ? {
+					} : void 0, p.showCheckmark && t.selected ? {
 						name: "end",
-						fn: k(() => [p(T(j), { class: v(J.value) }, null, 8, ["class"])]),
+						fn: O(() => [f(w(oe), { class: re(X.value) }, null, 8, ["class"])]),
 						key: "1"
 					} : void 0]), 1032, [
-						"primary",
+						"aria-selected",
 						"disabled",
 						"secondary",
 						"onClick",
 						"id",
-						"aria-selected",
-						"custom-props"
-					]))), 128))]),
+						"custom-props",
+						"primary"
+					]))], 64))), 128))]),
 					_: 3
 				}, 8, [
 					"id",
 					"aria-labelledby",
 					"aria-multiselectable"
 				])], 16)),
-				q.value && !T(e)(T(N), "empty") ? (b(), u("div", y(_({ key: 3 }, T(B))), w(m.emptyMessage), 17)) : q.value && T(e)(T(N), "empty") ? (b(), c(C(T(t)(T(N), "empty")), { key: 4 })) : l("", !0),
-				T(e)(T(N), "afterOptions") ? (b(), c(C(T(t)(T(N), "afterOptions")), { key: 5 })) : l("", !0)
+				Y.value && !w(e)(w(M), "empty") ? (v(), u("div", _(g({ key: 3 }, w(z))), C(p.emptyMessage), 17)) : Y.value && w(e)(w(M), "empty") ? (v(), c(S(w(t)(w(M), "empty")), { key: 4 })) : l("", !0),
+				w(e)(w(M), "afterOptions") ? (v(), c(S(w(t)(w(M), "afterOptions")), { key: 5 })) : l("", !0)
 			]),
 			_: 3
 		}, 8, [
@@ -158,4 +197,4 @@ var M = { key: 1 }, N = /* @__PURE__ */ m({
 	}
 });
 //#endregion
-export { N as default };
+export { M as default };

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

@@ -1,4 +1,5 @@
 export { useListbox } from './composables/useListbox';
 export { findFirstEnabledOptionIndex, findLastEnabledOptionIndex, getListboxActiveDescendantId, getListboxOptionId, moveListboxHighlight, useListboxNavigation, } from './composables/useListboxNavigation';
-export type { ListboxClasses, ListboxColorOverrides, ListboxCustomProps, ListboxEmits, ListboxOption, ListboxOwnProps, ListboxProps, ListboxSlots, ListboxValue, } from './listbox.types';
+export type { ListboxClasses, ListboxColorOverrides, ListboxCustomProps, ListboxEmits, ListboxEntry, ListboxOption, ListboxOwnProps, ListboxProps, ListboxSlots, ListboxValue, } from './listbox.types';
 export { default as Listbox } from './Listbox.vue';
+export { LISTBOX_INJECTION_KEY, type ListboxContextValue, } from './listboxInjectionKey';

package/dist/Components/Listbox/index.js

@@ -1,4 +1,5 @@
 import { useListbox as e } from "./composables/useListbox.js";
 import { findFirstEnabledOptionIndex as t, findLastEnabledOptionIndex as n, getListboxActiveDescendantId as r, getListboxOptionId as i, moveListboxHighlight as a, useListboxNavigation as o } from "./composables/useListboxNavigation.js";
-import s from "./Listbox.js";
-export { s as Listbox, t as findFirstEnabledOptionIndex, n as findLastEnabledOptionIndex, r as getListboxActiveDescendantId, i as getListboxOptionId, a as moveListboxHighlight, e as useListbox, o as useListboxNavigation };
+import { LISTBOX_INJECTION_KEY as s } from "./listboxInjectionKey.js";
+import c from "./Listbox.js";
+export { s as LISTBOX_INJECTION_KEY, c as Listbox, t as findFirstEnabledOptionIndex, n as findLastEnabledOptionIndex, r as getListboxActiveDescendantId, i as getListboxOptionId, a as moveListboxHighlight, e as useListbox, o as useListboxNavigation };

package/dist/Components/Listbox/listbox.types.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, Slot } from 'vue';
-import { ListboxColor, ListboxOption, ListboxSize, ListboxValue, MergeHtmlProps, MergeProps, PositionPlacement } from '@bridge-ui/core';
+import { ListboxColor, ListboxEntry, ListboxOption, ListboxSize, ListboxValue, MergeHtmlProps, MergeProps, PositionPlacement } from '@bridge-ui/core';
 export interface ListboxSizeOverrides {}
 export interface ListboxColorOverrides {}
 export interface ListboxClasses {
@@ -38,8 +38,12 @@ export interface ListboxCustomProps {
      */
     scroll?: HTMLAttributes;
 }
-export type { ListboxOption, ListboxValue } from '@bridge-ui/core';
+export type { ListboxEntry, ListboxOption, ListboxValue, } from '@bridge-ui/core';
 export interface ListboxEmits {
+    /**
+     * Emitted when composed `ListItem` options register or unregister.
+     */
+    "registered-options-change": [options: ListboxOption[]];
     /**
      * Emitted when the user activates an option.
      */
@@ -88,6 +92,11 @@ export interface ListboxOwnProps {
      * @default "No options"
      */
     emptyMessage?: string;
+    /**
+     * Structured entries (sections + options). When set, preferred over a flat
+     * `options` map for rendering section headers.
+     */
+    entries?: ListboxEntry[];
     /**
      * Hides the empty-state message.
      *
@@ -144,9 +153,12 @@ export interface ListboxOwnProps {
      */
     multiple?: boolean;
     /**
-     * Options to render.
+     * Options to render. Used for empty-state and as a flat fallback when
+     * `entries` is omitted. Ignored for list body when the default slot is set.
+     *
+     * @default []
      */
-    options: ListboxOption[];
+    options?: ListboxOption[];
     /**
      * Preferred placement of the panel relative to the anchor.
      *
@@ -175,6 +187,11 @@ export interface ListboxSlots {
      * Content above the list.
      */
     beforeOptions?: Slot;
+    /**
+     * Composed list content (`ListSection` / `ListItem`). When set, replaces the
+     * mapped `options` / `entries` render inside the list.
+     */
+    default?: Slot;
     /**
      * Custom empty-state content.
      */

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

@@ -0,0 +1,23 @@
+import { ComputedRef, InjectionKey } from 'vue';
+import { ListboxOption, ListboxSizeItem, ListboxValue } from '@bridge-ui/core';
+/**
+ * Shared listbox state for composed `ListItem` children with `value`.
+ */
+export type ListboxContextValue = {
+    checkClass?: string;
+    getOptionIndex: (value: ListboxValue) => number;
+    highlightedIndex: number;
+    isSelected: (value: ListboxValue) => boolean;
+    listboxId?: string;
+    mergedClasses: {
+        optionHighlighted?: string;
+        optionSelected?: string;
+    };
+    onSelect: (option: ListboxOption) => void;
+    optionHighlightedClass?: string;
+    optionSelectedClass?: string;
+    registerOption: (option: ListboxOption) => () => void;
+    showCheckmark: boolean;
+    sizeClasses?: ListboxSizeItem;
+};
+export declare const LISTBOX_INJECTION_KEY: InjectionKey<ComputedRef<ListboxContextValue>>;

package/dist/Components/Listbox/listboxInjectionKey.js

@@ -0,0 +1,4 @@
+//#region src/Components/Listbox/listboxInjectionKey.ts
+var e = Symbol("bridge-listbox");
+//#endregion
+export { e as LISTBOX_INJECTION_KEY };

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

@@ -16,13 +16,13 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
     rounded: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').MenuRounded, import('./menu.types').MenuRoundedOverrides>;
     shadow: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').MenuShadow, import('./menu.types').MenuShadowOverrides>;
     anchorEl: null | HTMLElement;
+    disableAutoFocus: boolean;
+    placement: import('@floating-ui/utils').Placement;
     closeOnClickAway: boolean;
     closeOnEscape: boolean;
-    disableAutoFocus: boolean;
     disableScrollLock: boolean;
     keepMounted: boolean;
     persistent: boolean;
-    placement: import('@floating-ui/utils').Placement;
     strategy: import('@bridge-ui/core').PositionStrategy;
     teleportTo: false | string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/Components/Menu/composables/useMenu.d.ts

@@ -24,9 +24,7 @@ export declare function useMenu(props: MenuOwnProps, libDefaults: MenuLibDefault
     merged: import('vue').ComputedRef<MenuMerged>;
     menuId: string;
     mounted: Ref<boolean, boolean>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
-        class: string;
-    }, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<MenuProps, "offset" | "classes" | "customProps" | "rounded" | "shadow" | "closeOnClickAway" | "closeOnEscape" | "disableAutoFocus" | "disableScrollLock" | "keepMounted" | "persistent" | "placement" | "strategy" | "teleportTo">, "anchorEl" | "onShowChange">>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<MenuProps, "offset" | "classes" | "customProps" | "rounded" | "shadow" | "disableAutoFocus" | "placement" | "closeOnClickAway" | "closeOnEscape" | "disableScrollLock" | "keepMounted" | "persistent" | "strategy" | "teleportTo">, "anchorEl" | "onShowChange">>>;
     isPortaled: import('vue').ComputedRef<boolean>;
     triggerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
         tabindex: number;

package/dist/Components/Menu/composables/useMenu.js

@@ -139,10 +139,10 @@ function y(y, le, b = {}) {
 	function $() {
 		j?.(), j = null, A?.(), A = null, O?.(), O = null, D?.release(), D = null, E = null, C.value = "", N.value = u, Y();
 	}
-	let xe = r(() => e(z.value?.root, pe.value, { class: f({
+	let xe = r(() => e(z.value?.root, pe.value, f({
 		"relative inline-block text-left": !0,
 		[c(B.value, "root") ?? ""]: !0
-	}) })), Se = r(() => e(z.value?.trigger, {}, {
+	}))), Se = r(() => e(z.value?.trigger, {}, {
 		tabindex: 0,
 		role: "button",
 		"aria-expanded": P.value,

package/dist/Components/Modal/composables/useModal.d.ts

@@ -34,7 +34,7 @@ export declare function useModal(props: ModalOwnProps, libDefaults: ModalLibDefa
         };
         "aria-hidden": boolean | undefined;
         class: string;
-    }, "class", import('vue').HTMLAttributes | undefined, Omit<ModalProps, "size" | "classes" | "customProps" | "align" | "closeOnEscape" | "disableScrollLock" | "keepMounted" | "persistent" | "teleportTo" | "blur" | "scroll" | "autoFocus" | "closeOnOverlay" | "disableEnforceFocus" | "disableRestoreFocus" | "hideBackdrop" | "stackId" | "transition">>>;
+    }, "class", import('vue').HTMLAttributes | undefined, Omit<ModalProps, "size" | "classes" | "customProps" | "closeOnEscape" | "disableScrollLock" | "keepMounted" | "persistent" | "teleportTo" | "blur" | "scroll" | "align" | "autoFocus" | "closeOnOverlay" | "disableEnforceFocus" | "disableRestoreFocus" | "hideBackdrop" | "stackId" | "transition">>>;
     panelBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
         "data-modal-part": string;
         "data-state": "open" | "closed";

package/dist/Components/Select/Select.vue_vue_type_script_setup_true_lang.js

@@ -1,23 +1,27 @@
 import { hasNamedSlot as e, resolveNamedSlot as t } from "../../Utils/slotOrProp.js";
-import n from "../Icon/Icon.js";
-import r from "../Chip/Chip.js";
-import i from "../FormField/FormField.js";
-import a from "../Listbox/Listbox.js";
-import { useSelect as o } from "./composables/useSelect.js";
-import { SELECT_OPTION_KEY as s } from "./selectInjectionKey.js";
-import { Fragment as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as p, createTextVNode as m, 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, resolveDynamicComponent as D, toDisplayString as O, unref as k, useModel as A, useTemplateRef as j, withCtx as M, withKeys as N, withModifiers as P } from "vue";
-import { X as F } from "@lucide/vue";
+import ee from "../Icon/Icon.js";
+import n from "../Chip/Chip.js";
+import r from "../FormField/FormField.js";
+import i from "../Listbox/Listbox.js";
+import { useSelect as a } from "./composables/useSelect.js";
+import { SELECT_OPTION_KEY as o } from "./selectInjectionKey.js";
+import { Fragment as s, createBlock 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, normalizeProps as b, openBlock as x, provide as S, ref as C, renderList as w, renderSlot as T, resolveDynamicComponent as E, toDisplayString as D, unref as O, useModel as k, useTemplateRef as A, withCtx as j, withKeys as M, withModifiers as N } from "vue";
+import { X as P } from "@lucide/vue";
 //#region src/Components/Select/Select.vue?vue&type=script&setup=true&lang.ts
-var I = {
+var F = {
 	key: 0,
 	class: "flex min-w-0 flex-1 flex-wrap items-center gap-0.5"
-}, L = {
+}, I = {
 	key: 1,
 	class: "flex min-w-0 flex-1 items-center gap-1"
-}, R = /* @__PURE__ */ g({
+}, L = {
+	key: 0,
+	hidden: "",
+	"aria-hidden": "true"
+}, R = /* @__PURE__ */ h({
 	inheritAttrs: !1,
 	__name: "Select",
-	props: /* @__PURE__ */ y({
+	props: /* @__PURE__ */ v({
 		asyncData: {},
 		clearable: {
 			type: Boolean,
@@ -72,7 +76,7 @@ var I = {
 		modelValue: {},
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ y([
+	emits: /* @__PURE__ */ v([
 		"change",
 		"clear",
 		"close",
@@ -82,9 +86,9 @@ var I = {
 		"select",
 		"update:modelValue"
 	], ["update:modelValue"]),
-	setup(g, { emit: y }) {
-		let R = A(g, "modelValue"), z = g, B = y, V = j("trigger"), H = w([]);
-		C(s, {
+	setup(h, { emit: v }) {
+		let R = k(h, "modelValue"), z = h, B = v, V = A("trigger"), H = C([]);
+		S(o, {
 			unregister(e) {
 				H.value = H.value.filter((t) => String(t.value) !== String(e));
 			},
@@ -92,20 +96,20 @@ var I = {
 				H.value.some((t) => String(t.value) === String(e.value)) || (H.value = [...H.value, e]);
 			}
 		});
-		let { open: U, slots: W, hasValue: G, multiple: K, formField: q, clearable: J, clearBind: Y, clearValue: X, removeChip: Z, triggerBind: Q, selectOption: $, containerRef: ee, listboxProps: te, clearIconSize: ne, mergedClasses: re, selectedOptions: ie } = o(z, R, V, B, H);
-		return (o, s) => (S(), d(c, null, [
-			h(k(i), { field: k(q) }, {
-				default: M(() => [k(K) ? (S(), d("div", I, [(S(!0), d(c, null, T(k(ie), (e) => (S(), l(k(r), {
+		let { open: U, slots: W, hasValue: G, multiple: K, formField: q, clearable: J, clearBind: Y, clearValue: X, removeChip: Z, triggerBind: Q, selectOption: te, containerRef: ne, listboxProps: re, clearIconSize: ie, mergedClasses: ae, selectedOptions: oe, hasComposedList: $, handleRegisteredOptionsChange: se } = a(z, R, V, B, H);
+		return (a, o) => (x(), u(s, null, [
+			m(O(r), { field: O(q) }, {
+				default: j(() => [O(K) ? (x(), u("div", F, [(x(!0), u(s, null, w(O(oe), (e) => (x(), c(O(n), {
 					dismissible: "",
 					key: String(e.value),
-					size: k(q).merged.value.size,
-					"custom-props": { clear: k(Y) },
-					disabled: k(q).isDisabled.value,
+					size: O(q).merged.value.size,
+					"custom-props": { clear: O(Y) },
+					disabled: O(q).isDisabled.value,
 					"clear-label": `Remove ${e.label}`,
-					classes: { root: k(re).chip },
-					onDismiss: (t) => k(Z)(e, t)
+					classes: { root: O(ae).chip },
+					onDismiss: (t) => O(Z)(e, t)
 				}, {
-					default: M(() => [E(o.$slots, "chip", { option: e }, () => [m(O(e.label), 1)])]),
+					default: j(() => [T(a.$slots, "chip", { option: e }, () => [p(D(e.label), 1)])]),
 					_: 2
 				}, 1032, [
 					"size",
@@ -114,56 +118,63 @@ var I = {
 					"clear-label",
 					"classes",
 					"onDismiss"
-				]))), 128)), f("textarea", b({ ref: "trigger" }, k(Q)), null, 16)])) : (S(), d("div", L, [f("input", b({
+				]))), 128)), d("textarea", y({ ref: "trigger" }, O(Q)), null, 16)])) : (x(), u("div", I, [d("input", y({
 					ref: "trigger",
 					class: "min-w-0 flex-1"
-				}, k(Q)), null, 16), k(J) && k(G) && !k(q).isDisabled.value ? (S(), d("span", b({ key: 0 }, k(Y), {
-					onClick: s[0] ||= (...e) => k(X) && k(X)(...e),
+				}, O(Q)), null, 16), O(J) && O(G) && !O(q).isDisabled.value ? (x(), u("span", y({ key: 0 }, O(Y), {
+					onClick: o[0] ||= (...e) => O(X) && O(X)(...e),
 					"aria-label": "Clear selection",
-					onKeydown: [s[1] ||= N(P((...e) => k(X) && k(X)(...e), ["prevent"]), ["enter"]), s[2] ||= N(P((...e) => k(X) && k(X)(...e), ["prevent"]), ["space"])]
-				}), [h(k(n), {
-					icon: k(F),
-					size: k(ne)
-				}, null, 8, ["icon", "size"])], 16)) : u("", !0)]))]),
+					onKeydown: [o[1] ||= M(N((...e) => O(X) && O(X)(...e), ["prevent"]), ["enter"]), o[2] ||= M(N((...e) => O(X) && O(X)(...e), ["prevent"]), ["space"])]
+				}), [m(O(ee), {
+					icon: O(P),
+					size: O(ie)
+				}, null, 8, ["icon", "size"])], 16)) : l("", !0)]))]),
 				_: 3
 			}, 8, ["field"]),
-			h(k(a), b(k(te), {
-				modelValue: k(U),
-				"onUpdate:modelValue": s[3] ||= (e) => v(U) ? U.value = e : null,
-				"anchor-el": k(ee),
-				onSelect: k($)
-			}), p({ _: 2 }, [
-				k(e)(k(W), "beforeOptions") ? {
-					name: "beforeOptions",
-					fn: M(() => [(S(), l(D(k(t)(k(W), "beforeOptions"))))]),
+			m(O(i), y(O(re), {
+				modelValue: O(U),
+				"onUpdate:modelValue": o[3] ||= (e) => _(U) ? U.value = e : null,
+				"anchor-el": O(ne),
+				onSelect: O(te),
+				onRegisteredOptionsChange: O(se)
+			}), f({ _: 2 }, [
+				O($) ? {
+					name: "default",
+					fn: j(() => [T(a.$slots, "default")]),
 					key: "0"
 				} : void 0,
-				k(e)(k(W), "loading") ? {
-					name: "loading",
-					fn: M(() => [(S(), l(D(k(t)(k(W), "loading"))))]),
+				O(e)(O(W), "beforeOptions") ? {
+					name: "beforeOptions",
+					fn: j(() => [(x(), c(E(O(t)(O(W), "beforeOptions"))))]),
 					key: "1"
 				} : void 0,
-				k(e)(k(W), "option") ? {
-					name: "option",
-					fn: M((e) => [E(o.$slots, "option", x(_(e)))]),
+				O(e)(O(W), "loading") ? {
+					name: "loading",
+					fn: j(() => [(x(), c(E(O(t)(O(W), "loading"))))]),
 					key: "2"
 				} : void 0,
-				k(e)(k(W), "empty") ? {
-					name: "empty",
-					fn: M(() => [(S(), l(D(k(t)(k(W), "empty"))))]),
+				O(e)(O(W), "option") ? {
+					name: "option",
+					fn: j((e) => [T(a.$slots, "option", b(g(e)))]),
 					key: "3"
 				} : void 0,
-				k(e)(k(W), "afterOptions") ? {
-					name: "afterOptions",
-					fn: M(() => [(S(), l(D(k(t)(k(W), "afterOptions"))))]),
+				O(e)(O(W), "empty") ? {
+					name: "empty",
+					fn: j(() => [(x(), c(E(O(t)(O(W), "empty"))))]),
 					key: "4"
+				} : void 0,
+				O(e)(O(W), "afterOptions") ? {
+					name: "afterOptions",
+					fn: j(() => [(x(), c(E(O(t)(O(W), "afterOptions"))))]),
+					key: "5"
 				} : void 0
 			]), 1040, [
 				"modelValue",
 				"anchor-el",
-				"onSelect"
+				"onSelect",
+				"onRegisteredOptionsChange"
 			]),
-			E(o.$slots, "default")
+			O($) ? l("", !0) : (x(), u("div", L, [T(a.$slots, "default")]))
 		], 64));
 	}
 });

package/dist/Components/Select/SelectOption.vue_vue_type_script_setup_true_lang.js

@@ -5,6 +5,8 @@ var s = {
 	hidden: "",
 	"aria-hidden": "true"
 }, c = /* @__PURE__ */ n({
+	inheritAttrs: !1,
+	name: "SelectOption",
 	__name: "SelectOption",
 	props: {
 		description: {},