@bridge-ui/vue 0.0.10 → 0.0.11

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

@@ -1,5 +1,8 @@
 import { ButtonHTMLAttributes, HTMLAttributes, Slot } from 'vue';
-import { FieldOverlayMode, ListboxColor, ListboxEntry, ListboxOption, ListboxSize, ListboxValue, MenuRounded, MergeHtmlProps, MergeProps, PositionPlacement } from '@bridge-ui/core';
+import { FieldOverlayFooterSlotProps, FieldOverlayMode, ListboxEntry, ListboxOption, ListboxValue } from '@bridge-ui/core/Domain';
+import { PositionPlacement } from '@bridge-ui/core/Runtime';
+import { ListboxColor, ListboxRounded, ListboxSize } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 import { ButtonOwnProps } from '../Button';
 import { DrawerOwnProps } from '../Drawer/drawer.types';
 import { ListOwnProps } from '../List/list.types';
@@ -32,6 +35,10 @@ export interface ListboxClasses {
      * Classes merged onto keyboard-highlighted options.
      */
     optionHighlighted?: string;
+    /**
+     * Classes merged onto hovered options (pointer).
+     */
+    optionHover?: string;
     /**
      * Classes merged onto selected options.
      */
@@ -111,7 +118,7 @@ export interface ListboxCustomProps {
      */
     scroll?: HTMLAttributes;
 }
-export type { ListboxEntry, ListboxOption, ListboxValue, } from '@bridge-ui/core';
+export type { ListboxEntry, ListboxOption, ListboxValue, } from '@bridge-ui/core/Domain';
 export interface ListboxEmits {
     /**
      * Emitted when Apply is pressed (`showFooter`).
@@ -233,6 +240,8 @@ export interface ListboxOwnProps {
     loadingMessage?: string;
     /**
      * Tailwind max-height class for the options scroll area (e.g. `max-h-80`).
+     * Dialog overlays (`modal` / `drawer`) default to `max-h-[min(60dvh,28rem)]`
+     * when unset; menus default to `max-h-60`.
      *
      * @default "max-h-60"
      */
@@ -264,13 +273,16 @@ export interface ListboxOwnProps {
      */
     placement?: PositionPlacement;
     /**
-     * Roundedness of the floating panel (`Menu`). When omitted, `Menu` defaults
-     * apply (including `Menu.defaultProps.rounded`).
+     * Roundedness of the panel surface. Applied to `Menu` when the overlay is a
+     * menu, and to the Listbox surface when the overlay is a dialog (`modal`
+     * uses full corners; `drawer` flushes the bottom edge).
+     *
+     * When omitted, defaults to `md`.
      *
      * `Select` always forwards its own `rounded` here so the dropdown matches the
      * field, independent of `Menu.defaultProps`.
      */
-    rounded?: MergeProps<MenuRounded, ListboxRoundedOverrides>;
+    rounded?: MergeProps<ListboxRounded, ListboxRoundedOverrides>;
     /**
      * Shows a check icon on selected options.
      *
@@ -278,14 +290,16 @@ export interface ListboxOwnProps {
      */
     showCheckmark?: boolean;
     /**
-     * Shows Cancel / Apply footer. When unset, defaults to `true` on mobile.
+     * Shows Cancel / Apply footer. When unset, defaults to `true` for dialog shells (`modal` / `drawer`).
      * Parents (e.g. Select) typically keep selection as draft until Apply.
      *
-     * @default false
+     * @default false (`true` for `modal` / `drawer` when unset)
      */
     showFooter?: boolean;
     /**
      * Typography and option padding scale, aligned with `FormField` / `Select`.
+     * Dialog overlays (`modal` / `drawer`) use the `panel` part of the size
+     * token (larger padding / type for touch). Menu overlays use `menu`.
      *
      * @default "md"
      */
@@ -309,6 +323,13 @@ export interface ListboxSlots {
      * Custom empty-state content.
      */
     empty?: Slot<undefined>;
+    /**
+     * Custom footer. Replaces Cancel / Apply. Call `apply()` to commit and close
+     * the overlay, or `cancel()` to discard and close.
+     *
+     * @default undefined
+     */
+    footer?: Slot<FieldOverlayFooterSlotProps>;
     /**
      * Custom loading content. Replaces the default `loadingMessage` when set.
      * The progress bar still renders above this content.

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

@@ -1,5 +1,6 @@
 import { ComputedRef, InjectionKey } from 'vue';
-import { ListboxOption, ListboxSizeItem, ListboxValue } from '@bridge-ui/core';
+import { ListboxOption, ListboxValue } from '@bridge-ui/core/Domain';
+import { ListboxSizeOverlayItem } from '@bridge-ui/core/Tokens';
 /**
  * Shared listbox state for composed `ListItem` children with `value`.
  */
@@ -11,13 +12,15 @@ export type ListboxContextValue = {
     listboxId?: string;
     mergedClasses: {
         optionHighlighted?: string;
+        optionHover?: string;
         optionSelected?: string;
     };
     onSelect: (option: ListboxOption) => void;
     optionHighlightedClass?: string;
+    optionHoverClass?: string;
     optionSelectedClass?: string;
     registerOption: (option: ListboxOption) => () => void;
     showCheckmark: boolean;
-    sizeClasses?: ListboxSizeItem;
+    sizeClasses?: ListboxSizeOverlayItem;
 };
 export declare const LISTBOX_INJECTION_KEY: InjectionKey<ComputedRef<ListboxContextValue>>;

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

@@ -13,8 +13,8 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     offset: number;
-    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>;
+    rounded: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').MenuRounded, import('./menu.types').MenuRoundedOverrides>;
+    shadow: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').MenuShadow, import('./menu.types').MenuShadowOverrides>;
     closeOnEscape: boolean;
     disableScrollLock: boolean;
     keepMounted: boolean;
@@ -24,7 +24,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
     anchorEl: null | HTMLElement;
     closeOnClickAway: boolean;
     disableAutoFocus: boolean;
-    strategy: import('@bridge-ui/core').PositionStrategy;
+    strategy: import('@bridge-ui/core/Runtime').PositionStrategy;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1,5 +1,5 @@
 import { ComponentPublicInstance, Ref } from 'vue';
-import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { MenuOwnProps, MenuProps } from '../menu.types';
 type MenuLibDefaults = LibDefaultsShape<MenuOwnProps, "offset" | "shadow" | "rounded" | "strategy" | "placement" | "teleportTo" | "closeOnEscape" | "closeOnClickAway" | "disableScrollLock">;
 type MenuMerged = MergeLibDefaults<MenuOwnProps, MenuLibDefaults>;
@@ -24,9 +24,9 @@ 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<object, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<MenuProps, "offset" | "classes" | "customProps" | "rounded" | "shadow" | "closeOnEscape" | "disableScrollLock" | "keepMounted" | "persistent" | "placement" | "teleportTo" | "closeOnClickAway" | "disableAutoFocus" | "strategy">, "anchorEl" | "onShowChange">>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<MenuProps, "offset" | "classes" | "customProps" | "rounded" | "shadow" | "closeOnEscape" | "disableScrollLock" | "keepMounted" | "persistent" | "placement" | "teleportTo" | "closeOnClickAway" | "disableAutoFocus" | "strategy">, "anchorEl" | "onShowChange">>>;
     isPortaled: import('vue').ComputedRef<boolean>;
-    triggerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+    triggerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         tabindex: number;
         role: string;
         "aria-expanded": boolean;
@@ -36,7 +36,7 @@ export declare function useMenu(props: MenuOwnProps, libDefaults: MenuLibDefault
         "aria-controls": string | undefined;
         class: string;
     }, "class", import('vue').HTMLAttributes | undefined, {}>>;
-    contentBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+    contentBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         id: string;
         role: string;
         onKeydown: (event: KeyboardEvent) => void;

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

@@ -1,10 +1,12 @@
 import { mergePartBind as e, resolveVnodeRefElement as t, useBridgeUIComponent as n, useBridgeUIMergedRegistryClasses as ee } from "../../../Utils/index.js";
-import { computed as r, nextTick as i, onBeforeUnmount as a, ref as o, toValue as te, useAttrs as s, useId as ne, watch as c } from "vue";
-import { LAYER_STACK_BASE_Z_INDEX as l, acquireLayerStackOrder as u, claimOpenMenu as re, cn as d, createFocusable as f, createPositionable as p, getLayerStackEntry as m, mergeBridgeUILayeredClasses as h, pushLayerStack as ie, splitComponentProps as ae, subscribeLayerStack as oe } from "@bridge-ui/core";
-import { get as g, omit as _ } from "es-toolkit/compat";
-import { roundedProps as v, shadowProps as se } from "@bridge-ui/core/Tokens/Menu";
+import { computed as r, nextTick as i, onBeforeUnmount as te, ref as a, toValue as o, useAttrs as ne, useId as re, watch as s } from "vue";
+import { get as c, omit as l } from "es-toolkit/compat";
+import { menuRoundedProps as ie, menuShadowProps as ae } from "@bridge-ui/core/Tokens";
+import { cn as u, mergeBridgeUILayeredClasses as d, splitComponentProps as f } from "@bridge-ui/core/Utils";
+import { createFocusable as p, createPositionable as oe } from "@bridge-ui/core/Runtime";
+import { LAYER_STACK_BASE_Z_INDEX as m, acquireLayerStackOrder as h, claimOpenMenu as g, getLayerStackEntry as _, pushLayerStack as se, subscribeLayerStack as ce } from "@bridge-ui/core/Layer";
 //#region src/Components/Menu/composables/useMenu.ts
-var ce = [
+var le = [
 	"offset",
 	"shadow",
 	"classes",
@@ -20,59 +22,59 @@ var ce = [
 	"disableAutoFocus",
 	"disableScrollLock"
 ];
-function y(y, le, b = {}) {
-	let ue = s(), x = ne(), S = o(!1), C = o(""), w = o(null), T = o(null), E = null, D = null, O = null, k = null, A = null, j = null, M = !1, N = o(l), P = r(() => te(b.show ?? !1));
+function v(v, ue, y = {}) {
+	let b = ne(), x = re(), S = a(!1), C = a(""), w = a(null), T = a(null), E = null, D = null, O = null, k = null, A = null, j = null, M = !1, N = a(m), P = r(() => o(y.show ?? !1));
 	function F(e) {
-		e || b.onClose?.(), b.show && (b.show.value = e), b.onShowChange?.(e);
+		e || y.onClose?.(), y.show && (y.show.value = e), y.onShowChange?.(e);
 	}
-	let I = r(() => ae({
-		bridgeKeys: ce,
+	let I = r(() => f({
+		bridgeKeys: le,
 		props: {
-			...ue,
-			...y
+			...b,
+			...v
 		}
 	})), { merged: L, entry: R } = n({
-		libDefaults: le,
+		libDefaults: ue,
 		componentName: "Menu",
 		props: () => I.value.componentProps
 	}), z = r(() => L.value.customProps), B = ee({
 		entry: R,
 		props: () => I.value.componentProps
 	}), V = r(() => L.value.keepMounted && !P.value), H = r(() => L.value.teleportTo !== !1), de = r(() => {
-		let e = h(v, R.value?.tokens?.rounded);
-		return g(e, L.value.rounded);
+		let e = d(ie, R.value?.tokens?.rounded);
+		return c(e, L.value.rounded);
 	}), fe = r(() => {
-		let e = h(se, R.value?.tokens?.shadow);
-		return g(e, L.value.shadow);
-	}), U = r(() => !L.value.persistent), W = r(() => _(I.value.inheritedAttrs, ["anchorEl", "onShowChange"]));
-	function G() {
-		return y.anchorEl ?? w.value;
+		let e = d(ae, R.value?.tokens?.shadow);
+		return c(e, L.value.shadow);
+	}), U = r(() => !L.value.persistent), pe = r(() => l(I.value.inheritedAttrs, ["anchorEl", "onShowChange"]));
+	function W() {
+		return v.anchorEl ?? w.value;
 	}
-	function K() {
-		G()?.focus({ preventScroll: !0 });
+	function G() {
+		W()?.focus({ preventScroll: !0 });
 	}
-	function q(e) {
-		return G()?.contains(e) ?? !1;
+	function K(e) {
+		return W()?.contains(e) ?? !1;
 	}
-	function pe(e) {
-		return !(e instanceof Element) || q(e) || T.value?.contains(e) ? !1 : !!e.closest("[aria-haspopup=\"menu\"], button, [role=\"button\"]");
+	function me(e) {
+		return !(e instanceof Element) || K(e) || T.value?.contains(e) ? !1 : !!e.closest("[aria-haspopup=\"menu\"], button, [role=\"button\"]");
 	}
-	function J() {
+	function q() {
 		!U.value || !P.value || F(!1);
 	}
-	function me() {
+	function he() {
 		L.value.persistent && P.value || F(!P.value);
 	}
-	function he(e) {
+	function J(e) {
 		(e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") && (e.preventDefault(), P.value || F(!0));
 	}
 	function ge(e) {
 		let t = T.value;
 		if (!t) return;
-		let n = f(t);
+		let n = p(t);
 		switch (e.key) {
 			case "Escape":
-				e.preventDefault(), J(), K();
+				e.preventDefault(), q(), G();
 				break;
 			case "ArrowDown":
 				e.preventDefault(), n.next()?.focus({ preventScroll: !0 });
@@ -91,22 +93,22 @@ function y(y, le, b = {}) {
 	}
 	function X() {
 		Y();
-		let e = G(), t = T.value;
-		!P.value || !e || !t || (k = p({
+		let e = W(), t = T.value;
+		!P.value || !e || !t || (k = oe({
 			floating: t,
 			reference: e,
 			offset: L.value.offset,
 			strategy: L.value.strategy,
 			placement: L.value.placement,
 			onReferenceHidden: () => {
-				!M || !U.value || !P.value || J();
+				!M || !U.value || !P.value || q();
 			}
 		}), k.start(), i(() => {
 			M = !0;
 		}));
 	}
 	function Z() {
-		!P.value || L.value.disableAutoFocus || !T.value || f(T.value).focusFirst();
+		!P.value || L.value.disableAutoFocus || !T.value || p(T.value).focusFirst();
 	}
 	function _e() {
 		if (A?.(), !P.value) {
@@ -115,7 +117,7 @@ function y(y, le, b = {}) {
 		}
 		function e(e) {
 			let t = e.target;
-			q(t) || T.value?.contains(t) || L.value.closeOnClickAway === !1 || !U.value || pe(t) || J();
+			K(t) || T.value?.contains(t) || L.value.closeOnClickAway === !1 || !U.value || me(t) || q();
 		}
 		document.addEventListener("pointerdown", e, !0), A = () => {
 			document.removeEventListener("pointerdown", e, !0);
@@ -134,29 +136,29 @@ function y(y, le, b = {}) {
 		}));
 	}
 	function be() {
-		!P.value || L.value.closeOnEscape === !1 || !U.value || (J(), K());
+		!P.value || L.value.closeOnEscape === !1 || !U.value || (q(), G());
 	}
 	function Q() {
-		let e = m(C.value);
+		let e = _(C.value);
 		e && (N.value = e.zIndex);
 	}
 	function $() {
-		j?.(), j = null, A?.(), A = null, O?.(), O = null, D?.release(), D = null, E = null, C.value = "", N.value = l, Y();
+		j?.(), j = null, A?.(), A = null, O?.(), O = null, D?.release(), D = null, E = null, C.value = "", N.value = m, Y();
 	}
-	let xe = r(() => e(z.value?.root, W.value, d({
+	let xe = r(() => e(z.value?.root, pe.value, u({
 		"relative inline-block text-left": !0,
-		[g(B.value, "root") ?? ""]: !0
+		[c(B.value, "root") ?? ""]: !0
 	}))), Se = r(() => e(z.value?.trigger, {}, {
 		tabindex: 0,
 		role: "button",
 		"aria-expanded": P.value,
-		onKeydown: he,
+		onKeydown: J,
 		"aria-haspopup": "menu",
-		onClickCapture: me,
+		onClickCapture: he,
 		"aria-controls": P.value ? x : void 0,
-		class: d({
+		class: u({
 			"inline-block w-fit max-w-full cursor-pointer outline-hidden": !0,
-			[g(B.value, "trigger") ?? ""]: !0
+			[c(B.value, "trigger") ?? ""]: !0
 		})
 	})), Ce = r(() => e(z.value?.content, {}, {
 		id: x,
@@ -164,34 +166,34 @@ function y(y, le, b = {}) {
 		onKeydown: ge,
 		style: { zIndex: N.value },
 		"aria-hidden": V.value ? !0 : void 0,
-		class: d({
+		class: u({
 			"bg-white text-dark-900 dark:bg-dark-800 dark:text-dark-100 ring-1 ring-black/5 dark:ring-white/10 outline-hidden overflow-hidden min-w-32 w-max max-w-[calc(100vw-16px)]": !0,
 			"invisible pointer-events-none": V.value,
 			[de.value ?? ""]: !0,
 			[fe.value ?? ""]: !0,
-			[g(B.value, "content") ?? ""]: !0
+			[c(B.value, "content") ?? ""]: !0
 		})
 	}));
-	return c(P, (e) => {
+	return s(P, (e) => {
 		if (e) {
 			S.value = !0, i(() => {
-				P.value && (j = re({
+				P.value && (j = g({
 					id: x,
-					requestClose: J
+					requestClose: q
 				}));
-			}), E = u(), D = ie({
+			}), E = h(), D = se({
 				order: E,
 				onEscape: be,
 				lockScroll: L.value.disableScrollLock !== !0
-			}), C.value = D.id, N.value = D.zIndex, Q(), O = oe(Q), i(() => {
+			}), C.value = D.id, N.value = D.zIndex, Q(), O = ce(Q), i(() => {
 				X(), Z(), _e();
 			});
 			return;
 		}
 		$(), L.value.keepMounted || (S.value = !1);
-	}, { immediate: !0 }), c([
+	}, { immediate: !0 }), s([
 		P,
-		() => y.anchorEl,
+		() => v.anchorEl,
 		() => L.value.offset,
 		() => L.value.strategy,
 		() => L.value.placement
@@ -199,11 +201,11 @@ function y(y, le, b = {}) {
 		i(() => {
 			X();
 		});
-	}), c([P, () => L.value.disableAutoFocus], () => {
+	}), s([P, () => L.value.disableAutoFocus], () => {
 		i(() => {
 			Z();
 		});
-	}), a(() => {
+	}), te(() => {
 		$();
 	}), {
 		merged: L,
@@ -218,4 +220,4 @@ function y(y, le, b = {}) {
 	};
 }
 //#endregion
-export { y as useMenu };
+export { v as useMenu };

package/dist/Components/Menu/menu.types.d.ts

@@ -1,5 +1,7 @@
 import { HTMLAttributes, Slot } from 'vue';
-import { MenuRounded, MenuShadow, MergeHtmlProps, MergeProps, PositionPlacement, PositionStrategy } from '@bridge-ui/core';
+import { PositionPlacement, PositionStrategy } from '@bridge-ui/core/Runtime';
+import { MenuRounded, MenuShadow } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 export interface MenuShadowOverrides {}
 export interface MenuRoundedOverrides {}
 export interface MenuClasses {

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

@@ -25,7 +25,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {
     hideBackdrop: boolean;
     keepMounted: boolean;
     persistent: boolean;
-    scroll: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').ModalScroll, import('./modal.types').ModalScrollOverrides>;
+    scroll: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').ModalScroll, import('./modal.types').ModalScrollOverrides>;
     teleportTo: false | string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1,5 +1,5 @@
 import { ComponentPublicInstance, Ref } from 'vue';
-import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { ModalOwnProps, ModalProps } from '../modal.types';
 type ModalLibDefaults = LibDefaultsShape<ModalOwnProps, "blur" | "size" | "align" | "scroll" | "autoFocus" | "teleportTo" | "transition" | "closeOnEscape" | "closeOnOverlay">;
 type ModalMerged = MergeLibDefaults<ModalOwnProps, ModalLibDefaults>;
@@ -27,7 +27,7 @@ export type ModalOptions = {
 export declare function useModal(props: ModalOwnProps, libDefaults: ModalLibDefaults, options?: ModalOptions): {
     merged: import('vue').ComputedRef<ModalMerged>;
     mounted: Ref<boolean, boolean>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         onTransitionend: (event: TransitionEvent) => void;
         style: {
             zIndex: number;
@@ -35,7 +35,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" | "autoFocus" | "blur" | "closeOnEscape" | "closeOnOverlay" | "disableEnforceFocus" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "persistent" | "scroll" | "stackId" | "teleportTo" | "transition" | "align">>>;
-    panelBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+    panelBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         "data-modal-part": string;
         "data-state": "open" | "closed";
         class: string;
@@ -43,14 +43,14 @@ export declare function useModal(props: ModalOwnProps, libDefaults: ModalLibDefa
         role: string;
         "aria-modal": boolean;
     }>>;
-    overlayBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+    overlayBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         "data-modal-part": string;
         "data-state": "open" | "closed";
         class: string;
     }, "class", import('vue').HTMLAttributes | undefined, {
         onClick: () => void;
     }>>;
-    wrapperBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+    wrapperBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
         onClick: (event: MouseEvent) => void;
     }>>;
     setPanelRef: (element: null | Element | ComponentPublicInstance) => void;