@bridge-ui/vue 0.0.10 → 0.1.0

package/dist/Components/Alert/composables/useAlert.d.ts

@@ -1,4 +1,4 @@
-import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { IconSource } from '../../../Adapters/Icon';
 import { AlertOwnProps, AlertProps } from '..';
 type AlertLibDefaults = LibDefaultsShape<AlertOwnProps, "color" | "shadow" | "padding" | "rounded" | "variant">;
@@ -8,10 +8,10 @@ export declare function useAlert(props: AlertOwnProps, libDefaults: AlertLibDefa
         [name: string]: import('vue').Slot<any> | undefined;
     }>;
     merged: import('vue').ComputedRef<AlertMerged>;
-    bodyBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-    iconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<AlertProps, "color" | "icon" | "classes" | "customProps" | "title" | "padding" | "rounded" | "shadow" | "variant">>>;
-    titleBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    bodyBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    iconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<AlertProps, "color" | "icon" | "classes" | "customProps" | "title" | "padding" | "rounded" | "shadow" | "variant">>>;
+    titleBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     resolvedIcon: import('vue').ComputedRef<IconSource | null>;
     hasDefaultBody: import('vue').ComputedRef<boolean>;
 };

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

@@ -1,9 +1,9 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { alertDefaultIcons as r } from "../alertDefaultIcons.js";
 import { computed as i, useAttrs as a, useSlots as o } from "vue";
-import { cn as s, mergeBridgeUILayeredClasses as c, splitComponentProps as l } from "@bridge-ui/core";
-import { get as u, isNull as d } from "es-toolkit/compat";
-import { paddingProps as f, roundedProps as p, shadowProps as m, variantProps as h } from "@bridge-ui/core/Tokens/Alert";
+import { get as s, isNull as c } from "es-toolkit/compat";
+import { alertPaddingProps as l, alertRoundedProps as u, alertShadowProps as d, alertVariantProps as f } from "@bridge-ui/core/Tokens";
+import { cn as p, mergeBridgeUILayeredClasses as m, splitComponentProps as h } from "@bridge-ui/core/Utils";
 //#region src/Components/Alert/composables/useAlert.ts
 var g = [
 	"icon",
@@ -17,7 +17,7 @@ var g = [
 	"customProps"
 ];
 function _(_, v) {
-	let y = a(), b = o(), x = i(() => l({
+	let y = a(), b = o(), x = i(() => h({
 		bridgeKeys: g,
 		props: {
 			...y,
@@ -34,46 +34,46 @@ function _(_, v) {
 		let e = b.default?.();
 		return !!(e && e.length > 0);
 	}), D = i(() => {
-		let e = c(h, C.value?.tokens?.variant);
-		return u(e, [S.value.variant, S.value.color]);
+		let e = m(f, C.value?.tokens?.variant);
+		return s(e, [S.value.variant, S.value.color]);
 	}), O = i(() => {
-		let e = c(m, C.value?.tokens?.shadow);
-		return u(e, S.value.shadow);
+		let e = m(d, C.value?.tokens?.shadow);
+		return s(e, S.value.shadow);
 	}), k = i(() => {
-		let e = c(f, C.value?.tokens?.padding);
-		return u(e, S.value.padding);
+		let e = m(l, C.value?.tokens?.padding);
+		return s(e, S.value.padding);
 	}), A = i(() => {
-		let e = c(p, C.value?.tokens?.rounded);
-		return u(e, S.value.rounded);
-	}), j = i(() => d(S.value.icon) ? null : S.value.icon ? S.value.icon : u(D.value, "icon") ?? u(r, S.value.color));
+		let e = m(u, C.value?.tokens?.rounded);
+		return s(e, S.value.rounded);
+	}), j = i(() => c(S.value.icon) ? null : S.value.icon ? S.value.icon : s(D.value, "icon") ?? s(r, S.value.color));
 	return {
 		slots: b,
 		merged: S,
-		bodyBind: i(() => e(w.value?.body, {}, s({
+		bodyBind: i(() => e(w.value?.body, {}, p({
 			"grow text-sm text-start": !0,
 			[k.value ?? ""]: !0,
-			[u(D.value, "text") ?? ""]: !0,
-			[u(T.value, "body") ?? ""]: !0
+			[s(D.value, "text") ?? ""]: !0,
+			[s(T.value, "body") ?? ""]: !0
 		}))),
-		iconBind: i(() => e(w.value?.icon, {}, s({
+		iconBind: i(() => e(w.value?.icon, {}, p({
 			"w-5 h-5 shrink-0": !0,
-			[u(D.value, "iconColor") ?? ""]: !0,
-			[u(T.value, "icon") ?? ""]: !0
+			[s(D.value, "iconColor") ?? ""]: !0,
+			[s(T.value, "icon") ?? ""]: !0
 		}))),
-		rootBind: i(() => e(w.value?.root, x.value.inheritedAttrs, s({
+		rootBind: i(() => e(w.value?.root, x.value.inheritedAttrs, p({
 			"w-full flex flex-col p-4": !0,
 			[O.value ?? ""]: !0,
 			[A.value ?? ""]: !0,
-			[u(D.value, "border") ?? ""]: !0,
-			[u(D.value, "background") ?? ""]: !0,
-			[u(T.value, "root") ?? ""]: !0
+			[s(D.value, "border") ?? ""]: !0,
+			[s(D.value, "background") ?? ""]: !0,
+			[s(T.value, "root") ?? ""]: !0
 		}))),
-		titleBind: i(() => e(w.value?.title, {}, s({
+		titleBind: i(() => e(w.value?.title, {}, p({
 			"text-start text-sm whitespace-normal": !0,
 			"font-normal": !E.value,
 			"font-semibold": E.value,
-			[u(D.value, "text") ?? ""]: !0,
-			[u(T.value, "title") ?? ""]: !0
+			[s(D.value, "text") ?? ""]: !0,
+			[s(T.value, "title") ?? ""]: !0
 		}))),
 		resolvedIcon: j,
 		hasDefaultBody: E

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

@@ -8,24 +8,27 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     clear: () => any;
     search: (query: string) => any;
-    select: (option: import('@bridge-ui/core').ListboxOption) => any;
+    select: (option: import('@bridge-ui/core/Domain').ListboxOption) => any;
+    apply: () => any;
     cancel: () => any;
-    change: (value: import('@bridge-ui/core').SelectModel) => any;
+    change: (value: import('@bridge-ui/core/Domain').SelectModel) => any;
     close: () => any;
-    deselect: (option: import('@bridge-ui/core').ListboxOption) => any;
+    deselect: (option: import('@bridge-ui/core/Domain').ListboxOption) => any;
     open: () => any;
     "update:modelValue": (...args: unknown[]) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onClear?: (() => any) | undefined;
     onSearch?: ((query: string) => any) | undefined;
-    onSelect?: ((option: import('@bridge-ui/core').ListboxOption) => any) | undefined;
+    onSelect?: ((option: import('@bridge-ui/core/Domain').ListboxOption) => any) | undefined;
+    onApply?: (() => any) | undefined;
     onCancel?: (() => any) | undefined;
-    onChange?: ((value: import('@bridge-ui/core').SelectModel) => any) | undefined;
+    onChange?: ((value: import('@bridge-ui/core/Domain').SelectModel) => any) | undefined;
     onClose?: (() => any) | undefined;
-    onDeselect?: ((option: import('@bridge-ui/core').ListboxOption) => any) | undefined;
+    onDeselect?: ((option: import('@bridge-ui/core/Domain').ListboxOption) => any) | undefined;
     onOpen?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((...args: unknown[]) => any) | undefined;
 }>, {
+    showFooter: boolean;
     showErrorIcon: boolean;
     clearable: boolean;
     freeSolo: boolean;

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

@@ -9,8 +9,8 @@ import { FORM_FIELD_CHROME_SLOT_NAMES as te } from "../FormField/formField.types
 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 m, createTextVNode as re, createVNode as h, defineComponent as g, guardReactiveProps as _, isRef as v, mergeModels as y, mergeProps as b, normalizeProps as x, openBlock as S, provide as C, ref as w, renderList as T, renderSlot as E, toDisplayString as ie, unref as D, useModel as ae, useTemplateRef as oe, withCtx as O, withKeys as k, withModifiers as A } from "vue";
-import { cn as j } from "@bridge-ui/core";
-import { isUndefined as M } from "es-toolkit/compat";
+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 N = {
 	key: 0,
@@ -56,7 +56,10 @@ var N = {
 			type: Boolean,
 			default: !0
 		},
-		showFooter: { type: Boolean },
+		showFooter: {
+			type: Boolean,
+			default: void 0
+		},
 		classes: {},
 		color: {},
 		controlId: {},
@@ -87,6 +90,7 @@ var N = {
 		modelModifiers: {}
 	}),
 	emits: /*@__PURE__*/ y([
+		"apply",
 		"cancel",
 		"change",
 		"clear",
@@ -102,7 +106,7 @@ var N = {
 			set: (e) => {
 				L.value = e, V.value = e;
 			},
-			get: () => M(L.value) ? V.value : L.value
+			get: () => j(L.value) ? V.value : L.value
 		}), U = oe("trigger"), W = w([]);
 		C(a, {
 			unregister(e) {
@@ -124,7 +128,7 @@ var N = {
 					onDismiss: (e) => D(se)(t, e)
 				}, { ref_for: !0 }, D(r)(R.customProps?.chip, {
 					customProps: { clear: D(Y) },
-					classes: { root: D(j)({
+					classes: { root: D(M)({
 						"bg-white ring-1 ring-inset ring-dark-200 dark:bg-dark-700 dark:ring-dark-600": !0,
 						[D(pe).chip ?? ""]: !0
 					}) }
@@ -187,10 +191,15 @@ var N = {
 					fn: O(() => [E(e.$slots, "empty")]),
 					key: "4"
 				} : void 0,
+				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: "5"
+					key: "6"
 				} : void 0
 			]), 1040, [
 				"modelValue",

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;
@@ -734,31 +734,31 @@ export declare function useAutocomplete(props: AutocompleteOwnProps, model: Ref<
         disableMaxHeight: boolean;
         emptyMessage: string;
         entries: ListboxEntry[];
+        error: boolean;
         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;