@bridge-ui/vue 0.0.9 → 0.0.11

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 { isUndefined as j } from "es-toolkit/compat";
+import { cn as M } from "@bridge-ui/core/Utils";
 //#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,
@@ -55,7 +56,10 @@ var P = {
 			type: Boolean,
 			default: !0
 		},
-		showFooter: { type: Boolean },
+		showFooter: {
+			type: Boolean,
+			default: void 0
+		},
 		classes: {},
 		color: {},
 		controlId: {},
@@ -85,7 +89,8 @@ var P = {
 		modelValue: {},
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ v([
+	emits: /*@__PURE__*/ y([
+		"apply",
 		"cancel",
 		"change",
 		"clear",
@@ -96,14 +101,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: () => j(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,82 +116,90 @@ 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(M)({
 						"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") ? {
-					name: "afterOptions",
-					fn: k(() => [(x(), u(T(E(n)(E(K), "afterOptions"))))]),
+				D(t)(D(K), "footer") ? {
+					name: "footer",
+					fn: O((t) => [E(e.$slots, "footer", x(_(t)))]),
 					key: "5"
+				} : void 0,
+				D(t)(D(K), "afterOptions") ? {
+					name: "afterOptions",
+					fn: O(() => [E(e.$slots, "afterOptions")]),
+					key: "6"
 				} : void 0
 			]), 1040, [
 				"modelValue",
@@ -196,9 +209,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/Autocomplete/autocomplete.types.d.ts

@@ -1,10 +1,11 @@
 import { InputHTMLAttributes, Slot, TextareaHTMLAttributes } from 'vue';
-import { FieldOverlayMode, ListboxOptionsInput, MergeHtmlProps, SelectAsyncData, SelectModel, SelectOption, SelectValue } from '@bridge-ui/core';
+import { FieldOverlayFooterSlotProps, FieldOverlayMode, ListboxOptionsInput, SelectAsyncData, SelectModel, SelectOption, SelectValue } from '@bridge-ui/core/Domain';
+import { MergeHtmlProps } from '@bridge-ui/core/Utils';
 import { ChipOwnProps } from '../Chip/chip.types';
 import { FormFieldClasses, FormFieldCustomProps, FormFieldOwnProps, FormFieldSlots } from '../FormField/formField.types';
 import { IconProps } from '../Icon';
 import { ListboxOwnProps } from '../Listbox/listbox.types';
-export type { ListboxOptionGroup, ListboxOptionsInput, SelectAsyncData, SelectModel, SelectOption, SelectOptionInput, SelectOptionLike, SelectValue, } from '@bridge-ui/core';
+export type { ListboxOptionGroup, ListboxOptionsInput, SelectAsyncData, SelectModel, SelectOption, SelectOptionInput, SelectOptionLike, SelectValue, } from '@bridge-ui/core/Domain';
 export interface AutocompleteClasses extends FormFieldClasses {
     /**
      * The classes to apply to selected chips (multiple mode).
@@ -50,6 +51,10 @@ export interface AutocompleteCustomProps extends FormFieldCustomProps {
     listbox?: Partial<ListboxOwnProps>;
 }
 export interface AutocompleteEmits {
+    /**
+     * Emitted when Apply is pressed on the listbox footer (`showFooter`).
+     */
+    apply: [];
     /**
      * Emitted when Cancel is pressed on the listbox footer (`showFooter`).
      */
@@ -232,10 +237,10 @@ export interface AutocompleteOwnProps extends Omit<FormFieldOwnProps, "field"> {
      */
     searchable?: boolean;
     /**
-     * Shows Cancel / Apply on the nested listbox. When unset, defaults to `true`
-     * on mobile. Selection stays draft until Apply.
+     * Shows Cancel / Apply on the nested listbox. When unset, defaults to `true` for dialog
+     * shells (`modal` / `drawer`). Selection stays draft until Apply.
      *
-     * @default false
+     * @default false (`true` for `modal` / `drawer` when unset)
      */
     showFooter?: boolean;
 }
@@ -264,6 +269,13 @@ export interface AutocompleteSlots extends FormFieldSlots {
      * 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.
      */

package/dist/Components/Autocomplete/composables/useAutocomplete.d.ts

@@ -1,5 +1,5 @@
 import { Ref, SetupContext } from 'vue';
-import { ListboxEntry } from '@bridge-ui/core';
+import { ListboxEntry } from '@bridge-ui/core/Domain';
 import { AutocompleteClasses, AutocompleteEmits, AutocompleteOwnProps, SelectOption, SelectValue } from '../autocomplete.types';
 import { FormFieldOwnProps } from '../../FormField/formField.types';
 export declare function useAutocomplete(props: AutocompleteOwnProps, model: Ref<null | undefined | SelectValue | SelectValue[]>, triggerRef: Ref<null | HTMLInputElement | HTMLTextAreaElement>, emit: SetupContext<AutocompleteEmits>["emit"], declarativeOptions: Ref<SelectOption[]>): {
@@ -14,16 +14,16 @@ export declare function useAutocomplete(props: AutocompleteOwnProps, model: Ref<
             [name: string]: import('vue').Slot<any> | undefined;
         }>;
         merged: import('vue').ComputedRef<Omit<FormFieldOwnProps, "color" | "size" | "rounded" | "variant" | "errorIcon" | "showErrorIcon"> & {
-            color: NonNullable<keyof import('@bridge-ui/core').FormFieldColor | undefined>;
-            size: NonNullable<keyof import('@bridge-ui/core').FormFieldSize | undefined>;
-            rounded: NonNullable<keyof import('@bridge-ui/core').FormFieldRounded | undefined>;
-            variant: NonNullable<keyof import('@bridge-ui/core').FormFieldVariant | undefined>;
+            color: NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldColor | undefined>;
+            size: NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldSize | undefined>;
+            rounded: NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldRounded | undefined>;
+            variant: NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldVariant | undefined>;
             errorIcon: NonNullable<import('../../..').IconSource | undefined>;
             showErrorIcon: NonNullable<boolean | undefined>;
         }>;
         control: import('vue').ComputedRef<string>;
-        endBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+        endBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
             onCopy?: ((payload: ClipboardEvent) => void) | undefined;
             onCut?: ((payload: ClipboardEvent) => void) | undefined;
             onPaste?: ((payload: ClipboardEvent) => void) | undefined;
@@ -143,7 +143,7 @@ export declare function useAutocomplete(props: AutocompleteOwnProps, model: Ref<
             'aria-expanded'?: (boolean | "true" | "false") | undefined;
             'aria-flowto'?: string | undefined | undefined;
             'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-            'aria-haspopup'?: (boolean | "true" | "false") | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+            'aria-haspopup'?: "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | "dialog" | undefined;
             'aria-hidden'?: (boolean | "true" | "false") | undefined;
             'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
             'aria-keyshortcuts'?: string | undefined | undefined;
@@ -179,7 +179,7 @@ export declare function useAutocomplete(props: AutocompleteOwnProps, model: Ref<
             dir?: string | undefined | undefined;
             draggable?: (boolean | "true" | "false") | undefined;
             enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-            enterKeyHint?: "done" | "enter" | "go" | "next" | "previous" | "search" | "send" | undefined;
+            enterKeyHint?: "done" | "search" | "enter" | "go" | "next" | "previous" | "send" | undefined;
             hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
             inert?: (boolean | "true" | "false") | undefined;
             placeholder?: string | undefined | undefined;
@@ -213,9 +213,9 @@ export declare function useAutocomplete(props: AutocompleteOwnProps, model: Ref<
             class: string;
         }>>;
         controlId: import('vue').ComputedRef<string>;
-        errorBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        errorBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         errorIcon: import('vue').ComputedRef<NonNullable<import('../../..').IconSource | undefined>>;
-        inputBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {
+        inputBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {
             id: string;
             disabled: boolean;
             readonly: boolean;
@@ -439,33 +439,33 @@ export declare function useAutocomplete(props: AutocompleteOwnProps, model: Ref<
         }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showErrorIcon" | "startIcon">>>>;
         isNotched: import('vue').ComputedRef<boolean>;
         isStacked: import('vue').ComputedRef<boolean>;
-        startBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        cornerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        headerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        cornerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        headerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         isDisabled: import('vue').ComputedRef<boolean>;
         isReadonly: import('vue').ComputedRef<boolean>;
-        variantKey: import('vue').ComputedRef<NonNullable<keyof import('@bridge-ui/core').FormFieldVariant | undefined>>;
-        endIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
-        endSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        variantKey: import('vue').ComputedRef<NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldVariant | undefined>>;
+        endIconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
+        endSlotBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         invalidated: import('vue').ComputedRef<boolean>;
-        containerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
-            "data-bridge-rounded": NonNullable<keyof import('@bridge-ui/core').FormFieldRounded | undefined>;
+        containerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+            "data-bridge-rounded": NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldRounded | undefined>;
         }>>;
-        startIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
-        startSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        startIconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
+        startSlotBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         fieldLabelProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
         ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
-        descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        stackedBodyBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
+        descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        stackedBodyBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
         hasInsetLabelRow: import('vue').ComputedRef<boolean>;
-        insetLabelRowBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
+        insetLabelRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
         showErrorMessageContent: import('vue').ComputedRef<boolean>;
         reservesErrorMessageSpace: import('vue').ComputedRef<boolean>;
     };
     isLoading: import('vue').ComputedRef<boolean>;
     clearable: import('vue').ComputedRef<boolean>;
-    clearBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+    clearBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         tabindex: number;
         role: string;
         "data-autocomplete-clear": boolean;
@@ -475,7 +475,7 @@ export declare function useAutocomplete(props: AutocompleteOwnProps, model: Ref<
     isSelected: (value: SelectValue) => boolean;
     clearValue: (event?: Event) => void;
     removeChip: (option: SelectOption, event: Event) => void;
-    triggerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {
+    triggerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {
         rows: number;
         onInput: (event: Event) => void;
         role: string;
@@ -498,7 +498,7 @@ export declare function useAutocomplete(props: AutocompleteOwnProps, model: Ref<
         placeholder: string | undefined;
         "aria-autocomplete": string | undefined;
         "aria-activedescendant": string | undefined;
-    }, import('@bridge-ui/core').MergePartBind<object, "class", {
+    }, import('@bridge-ui/core/Utils').MergePartBind<object, "class", {
         id: string;
         disabled: boolean;
         readonly: boolean;
@@ -737,28 +737,28 @@ export declare function useAutocomplete(props: AutocompleteOwnProps, model: Ref<
         hideEmptyMessage: boolean;
         highlightedIndex: number;
         invalidated: boolean;
-        isSelected: (value: import('@bridge-ui/core').ListboxValue) => boolean;
+        isSelected: (value: import('@bridge-ui/core/Domain').ListboxValue) => boolean;
         labelledBy: string;
         listboxId: string;
         loading: boolean;
         loadingMessage: string;
         maxHeight: string;
         multiple: boolean;
-        options: import('@bridge-ui/core').ListboxOption[];
-        overlay: import('@bridge-ui/core').FieldOverlayMode;
+        options: import('@bridge-ui/core/Domain').ListboxOption[];
+        overlay: import('@bridge-ui/core/Domain').FieldOverlayMode;
         placement?: import('@floating-ui/utils').Placement;
         rounded: "2xl" | "lg" | "md" | "sm" | "xl" | "xs" | "none" | "3xl" | "4xl" | "full";
         showCheckmark?: boolean;
         showFooter: boolean;
         size: "2xl" | "2xs" | "lg" | "md" | "sm" | "xl" | "xs";
     }>;
-    clearIconSize: import('vue').ComputedRef<keyof import('@bridge-ui/core').IconSize>;
+    clearIconSize: import('vue').ComputedRef<keyof import('@bridge-ui/core/Tokens').IconSize>;
     mergedClasses: import('vue').ComputedRef<Partial<AutocompleteClasses>>;
     showClearIcon: import('vue').ComputedRef<boolean>;
-    visibleOptions: import('vue').ComputedRef<import('@bridge-ui/core').ListboxOption[]>;
+    visibleOptions: import('vue').ComputedRef<import('@bridge-ui/core/Domain').ListboxOption[]>;
     isSearchActive: import('vue').ComputedRef<boolean>;
     open: import('vue').WritableComputedRef<boolean, boolean>;
-    selectedOptions: import('vue').ComputedRef<import('@bridge-ui/core').ListboxOption[]>;
+    selectedOptions: import('vue').ComputedRef<import('@bridge-ui/core/Domain').ListboxOption[]>;
     hasComposedList: import('vue').ComputedRef<boolean>;
     highlightedIndex: Ref<number, number>;
     handleRegisteredOptionsChange: (options: SelectOption[]) => void;