@bridge-ui/vue 0.0.6 → 0.0.7

package/dist/Actions/Snackbar/BridgeSnackbarAction.vue_vue_type_script_setup_true_lang.js

@@ -2,8 +2,8 @@ import { mergeNestedComponentProps as e } from "../../Utils/index.js";
 import t from "../../Components/Button/Button.js";
 import n from "../../Components/Link/Link.js";
 import { computed as r, createBlock as i, createTextVNode as a, defineComponent as o, mergeProps as s, openBlock as c, toDisplayString as l, unref as u, withCtx as d } from "vue";
-import { get as f } from "es-toolkit/compat";
-import { cn as p, snackbarRoundedProps as m } from "@bridge-ui/core";
+import { cn as f, snackbarRoundedProps as p } from "@bridge-ui/core";
+import { get as m } from "es-toolkit/compat";
 //#region src/Actions/Snackbar/BridgeSnackbarAction.vue?vue&type=script&setup=true&lang.ts
 var h = /* @__PURE__ */ o({
 	__name: "BridgeSnackbarAction",
@@ -23,24 +23,24 @@ var h = /* @__PURE__ */ o({
 			let { onClick: e, ...t } = g.action.link;
 			return t;
 		}), x = r(() => {
-			let e = f(m, g.snackbarRounded ?? "lg"), t = f(e, "tr"), n = f(e, "br");
-			return f({
+			let e = m(p, g.snackbarRounded ?? "lg"), t = m(e, "tr"), n = m(e, "br");
+			return m({
 				trailing: "mr-4 shrink-0",
-				"right-accept": p({
+				"right-accept": f({
 					"w-full rounded-none": !0,
 					[t ?? ""]: !0,
 					[n ?? ""]: !g.hasReject
 				}),
-				"right-reject": p({
+				"right-reject": f({
 					"w-full rounded-none": !0,
 					[n ?? ""]: !0,
 					[t ?? ""]: !g.hasAccept
 				})
 			}, g.layout, "");
-		}), S = r(() => p({
+		}), S = r(() => f({
 			[x.value]: !0,
 			[g.action.className ?? ""]: !0
-		})), C = r(() => e(b.value, { classes: { root: S.value } })), w = r(() => e(g.action.button, { classes: { root: p({
+		})), C = r(() => e(b.value, { classes: { root: S.value } })), w = r(() => e(g.action.button, { classes: { root: f({
 			[S.value]: !0,
 			"w-full": g.layout === "right-accept" || g.layout === "right-reject"
 		}) } }));

package/dist/Actions/Snackbar/BridgeSnackbarHost.vue_vue_type_script_setup_true_lang.js

@@ -3,8 +3,8 @@ import { BRIDGE_SNACKBAR_INJECTION_KEY as t } from "./bridgeSnackbarInjectionKey
 import n from "./BridgeSnackbarItem.js";
 import { createBridgeSnackbarApi as r } from "./createBridgeSnackbarApi.js";
 import { Fragment as i, Teleport as a, computed as o, createBlock as s, createElementBlock as c, createElementVNode as l, defineComponent as u, inject as d, normalizeClass as f, openBlock as p, provide as m, renderList as h, renderSlot as g, unref as _ } from "vue";
-import { get as v } from "es-toolkit/compat";
-import { cn as y, mergeBridgeUILayeredClasses as b, snackbarPositionProps as x } from "@bridge-ui/core";
+import { cn as v, mergeBridgeUILayeredClasses as y, snackbarPositionProps as b } from "@bridge-ui/core";
+import { get as x } from "es-toolkit/compat";
 //#region src/Actions/Snackbar/BridgeSnackbarHost.vue?vue&type=script&setup=true&lang.ts
 var S = "[Bridge UI] Nested <BridgeSnackbarHost /> detected. useSnackbarAction() will target the nearest host only. Remove the extra host.", C = /* @__PURE__ */ u({
 	__name: "BridgeSnackbarHost",
@@ -26,17 +26,17 @@ var S = "[Bridge UI] Nested <BridgeSnackbarHost /> detected. useSnackbarAction()
 			timeout: C.timeout
 		}), T = e();
 		m(t, w);
-		let E = o(() => w.entries.value), D = o(() => T?.components.value.Snackbar), O = o(() => C.position ?? D.value?.defaultProps?.position ?? "bottom-center"), k = o(() => v(b(x, D.value?.tokens?.position), O.value)), A = o(() => C.teleportTo === !1), j = o(() => C.teleportTo === !1 ? "body" : C.teleportTo), M = o(() => O.value.startsWith("top") ? "flex-col" : "flex-col-reverse");
+		let E = o(() => w.entries.value), D = o(() => T?.components.value.Snackbar), O = o(() => C.position ?? D.value?.defaultProps?.position ?? "bottom-center"), k = o(() => x(y(b, D.value?.tokens?.position), O.value)), A = o(() => C.teleportTo === !1), j = o(() => C.teleportTo === !1 ? "body" : C.teleportTo), M = o(() => O.value.startsWith("top") ? "flex-col" : "flex-col-reverse");
 		return (e, t) => (p(), c(i, null, [g(e.$slots, "default"), (p(), s(a, {
 			to: j.value,
 			disabled: A.value
 		}, [l("div", {
 			"data-snackbar-host": "",
-			class: f(_(y)({
+			class: f(_(v)({
 				"fixed inset-0 z-40 flex pointer-events-none px-4 py-6 sm:p-5 sm:pt-4": !0,
 				[k.value ?? ""]: !0
 			}))
-		}, [l("div", { class: f(_(y)({
+		}, [l("div", { class: f(_(v)({
 			"flex w-full max-w-sm gap-y-2 pointer-events-auto": !0,
 			[M.value]: !0
 		})) }, [(p(!0), c(i, null, h(E.value, (e) => (p(), s(n, {

package/dist/Actions/Snackbar/createBridgeSnackbarApi.js

@@ -1,47 +1,47 @@
 import { shallowRef as e } from "vue";
-import { isNil as t } from "es-toolkit/compat";
-import { closeAllLayers as n, closeLayer as r, closeTopLayer as i, createLayerId as a, createOpenLayerEntry as o, isLayerMounted as s, removeLayer as c, syncLayerShow as l, trimLayersToMax as u, updateLayerMerged as d } from "@bridge-ui/core";
+import { closeAllLayers as t, closeLayer as n, closeTopLayer as r, createLayerId as i, createOpenLayerEntry as a, isLayerMounted as o, removeLayer as s, syncLayerShow as c, trimLayersToMax as l, updateLayerMerged as u } from "@bridge-ui/core";
+import { isNil as d } from "es-toolkit/compat";
 //#region src/Actions/Snackbar/createBridgeSnackbarApi.ts
 function f(e, t) {
 	let { onClose: n, onClosed: r, ...i } = t;
-	return o(e, {
+	return a(e, {
 		props: i,
 		onClose: n,
 		onClosed: r
 	});
 }
-function p(e, n) {
-	return !t(e.duration) || t(n) ? e : {
+function p(e, t) {
+	return !d(e.duration) || d(t) ? e : {
 		...e,
-		duration: n
+		duration: t
 	};
 }
-function m(t = {}) {
-	let { max: o, timeout: m = 5e3 } = t, h = e([]);
+function m(a = {}) {
+	let { max: d, timeout: m = 5e3 } = a, h = e([]);
 	function g(e) {
-		let t = a(), n = h.value;
-		return o != null && o > 0 && (n = u(n, o)), h.value = [...n, f(t, p(e, m))], t;
+		let t = i(), n = h.value;
+		return d != null && d > 0 && (n = l(n, d)), h.value = [...n, f(t, p(e, m))], t;
 	}
 	function _(e) {
-		h.value = r(h.value, e);
+		h.value = n(h.value, e);
 	}
 	function v() {
-		h.value = i(h.value);
+		h.value = r(h.value);
 	}
 	function y() {
-		h.value = n(h.value);
+		h.value = t(h.value);
 	}
 	function b(e) {
-		return s(h.value, e);
+		return o(h.value, e);
 	}
 	function x(e) {
-		h.value = c(h.value, e);
+		h.value = s(h.value, e);
 	}
 	function S(e, t) {
-		h.value = d(h.value, e, t, ["props"]);
+		h.value = u(h.value, e, t, ["props"]);
 	}
 	function C(e, t) {
-		h.value = l(h.value, e, t);
+		h.value = c(h.value, e, t);
 	}
 	return {
 		open: g,

package/dist/Adapters/I18n/index.d.ts

@@ -1 +1 @@
-export { setI18nAdapterForTests, useI18nAdapter, } from './useI18nAdapter';
+export { setI18nAdapterForTests, useI18nAdapter, useResolveMessage, } from './useI18nAdapter';

package/dist/Adapters/I18n/index.js

@@ -1,2 +1,2 @@
-import { setI18nAdapterForTests as e, useI18nAdapter as t } from "./useI18nAdapter.js";
-export { e as setI18nAdapterForTests, t as useI18nAdapter };
+import { setI18nAdapterForTests as e, useI18nAdapter as t, useResolveMessage as n } from "./useI18nAdapter.js";
+export { e as setI18nAdapterForTests, t as useI18nAdapter, n as useResolveMessage };

package/dist/Adapters/I18n/useI18nAdapter.d.ts

@@ -1,12 +1,16 @@
 import { ComputedRef } from 'vue';
-import { I18nAdapter } from '@bridge-ui/core';
+import { I18nAdapter, MessageParams } from '@bridge-ui/core';
 /**
  * Sets a process-wide i18n adapter fallback. For tests only.
  */
 export declare function setI18nAdapterForTests(adapter: undefined | I18nAdapter): void;
 /**
  * Returns the active i18n adapter from {@link BridgeUIProvider}.
- * When unset, `resolveMessage` returns the English source string
- * (see `examples/adapters/vue`).
+ * When unset, {@link useResolveMessage} returns the English source string
+ * (see `packages/vue/examples`).
  */
 export declare function useI18nAdapter(): ComputedRef<undefined | I18nAdapter>;
+/**
+ * Resolves Bridge chrome strings through the active i18n adapter.
+ */
+export declare function useResolveMessage(): (message: string, params?: MessageParams) => string;

package/dist/Adapters/I18n/useI18nAdapter.js

@@ -1,13 +1,18 @@
 import { useBridgeUI as e } from "../../Provider/useBridgeUI.js";
 import { computed as t } from "vue";
+import { resolveMessage as n } from "@bridge-ui/core";
 //#region src/Adapters/I18n/useI18nAdapter.ts
-var n;
-function r(e) {
-	n = e;
+var r;
+function i(e) {
+	r = e;
 }
-function i() {
-	let r = e();
-	return t(() => r?.global.value.i18n ?? n);
+function a() {
+	let n = e();
+	return t(() => n?.global.value.i18n ?? r);
+}
+function o() {
+	let e = a();
+	return (t, r) => n(t, e.value, r);
 }
 //#endregion
-export { r as setI18nAdapterForTests, i as useI18nAdapter };
+export { i as setI18nAdapterForTests, a as useI18nAdapter, o as useResolveMessage };

package/dist/Adapters/Icon/useIconAdapter.d.ts

@@ -6,6 +6,6 @@ import { IconAdapter } from '@bridge-ui/core';
 export declare function setIconAdapterForTests(adapter: undefined | IconAdapter): void;
 /**
  * Returns the active icon adapter from {@link BridgeUIProvider}.
- * Semantic icon names require `global.icons` (see `examples/adapters/vue`).
+ * Semantic icon names require `global.icons` (see `packages/vue/examples`).
  */
 export declare function useIconAdapter(): ComputedRef<undefined | IconAdapter>;

package/dist/Adapters/index.d.ts

@@ -1,3 +1,3 @@
-export { setI18nAdapterForTests, useI18nAdapter } from './I18n';
+export { setI18nAdapterForTests, useI18nAdapter, useResolveMessage, } from './I18n';
 export { setIconAdapterForTests, useIconAdapter } from './Icon';
 export type { IconElement, IconSource, IconSourceValueOverrides, SemanticIconName, } from './Icon';

package/dist/Adapters/index.js

@@ -1,3 +1,3 @@
-import { setI18nAdapterForTests as e, useI18nAdapter as t } from "./I18n/useI18nAdapter.js";
-import { setIconAdapterForTests as n, useIconAdapter as r } from "./Icon/useIconAdapter.js";
-export { e as setI18nAdapterForTests, n as setIconAdapterForTests, t as useI18nAdapter, r as useIconAdapter };
+import { setI18nAdapterForTests as e, useI18nAdapter as t, useResolveMessage as n } from "./I18n/useI18nAdapter.js";
+import { setIconAdapterForTests as r, useIconAdapter as i } from "./Icon/useIconAdapter.js";
+export { e as setI18nAdapterForTests, r as setIconAdapterForTests, t as useI18nAdapter, i as useIconAdapter, n as useResolveMessage };

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

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

package/dist/Components/Autocomplete/Autocomplete.js

@@ -0,0 +1,5 @@
+import e from "./Autocomplete.vue_vue_type_script_setup_true_lang.js";
+//#region src/Components/Autocomplete/Autocomplete.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,40 @@
+import { AutocompleteOwnProps, AutocompleteSlots, SelectValue } from './autocomplete.types';
+type __VLS_Slots = AutocompleteSlots;
+type __VLS_Props = AutocompleteOwnProps;
+type __VLS_ModelProps = {
+    modelValue?: null | SelectValue | SelectValue[];
+};
+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;
+    "update:modelValue": (...args: unknown[]) => any;
+    change: (value: import('@bridge-ui/core').SelectModel) => any;
+    close: () => any;
+    open: () => any;
+    deselect: (option: import('@bridge-ui/core').ListboxOption) => 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;
+    "onUpdate:modelValue"?: ((...args: unknown[]) => any) | undefined;
+    onChange?: ((value: import('@bridge-ui/core').SelectModel) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    onDeselect?: ((option: import('@bridge-ui/core').ListboxOption) => any) | undefined;
+}>, {
+    showErrorIcon: boolean;
+    clearable: boolean;
+    minItemsForSearch: number;
+    searchable: boolean;
+    freeSolo: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,197 @@
+import { useResolveMessage as e } from "../../Adapters/I18n/useI18nAdapter.js";
+import { hasNamedSlot as t, resolveNamedSlot 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 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";
+//#region src/Components/Autocomplete/Autocomplete.vue?vue&type=script&setup=true&lang.ts
+var P = {
+	key: 0,
+	class: "flex min-w-0 flex-1 flex-wrap items-center gap-0.5"
+}, F = {
+	key: 1,
+	class: "flex min-w-0 flex-1 items-center gap-1"
+}, I = ["aria-label"], L = {
+	key: 0,
+	hidden: "",
+	"aria-hidden": "true"
+}, R = /* @__PURE__ */ h({
+	inheritAttrs: !1,
+	__name: "Autocomplete",
+	props: /* @__PURE__ */ v({
+		asyncData: {},
+		clearable: {
+			type: Boolean,
+			default: !0
+		},
+		customProps: {},
+		defaultValue: {},
+		disableMaxHeight: { type: Boolean },
+		emptyMessage: {},
+		flipOptions: { type: Boolean },
+		freeSolo: {
+			type: Boolean,
+			default: !0
+		},
+		hideEmptyMessage: { type: Boolean },
+		loading: { type: Boolean },
+		loadingMessage: {},
+		maxHeight: {},
+		minItemsForSearch: { default: 11 },
+		multiple: { type: Boolean },
+		optionDescription: {},
+		optionLabel: {},
+		options: {},
+		optionValue: {},
+		placeholder: {},
+		searchable: {
+			type: Boolean,
+			default: !0
+		},
+		classes: {},
+		color: {},
+		controlId: {},
+		corner: {},
+		description: {},
+		disabled: { type: Boolean },
+		end: {},
+		endIcon: {},
+		error: { type: Boolean },
+		errorIcon: {},
+		errorMessage: {},
+		hideErrorMessage: { type: Boolean },
+		label: {},
+		readonly: { type: Boolean },
+		required: { type: Boolean },
+		rounded: {},
+		showErrorIcon: {
+			type: Boolean,
+			default: !0
+		},
+		size: {},
+		slots: {},
+		start: {},
+		startIcon: {},
+		variant: {}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ v([
+		"change",
+		"clear",
+		"close",
+		"deselect",
+		"open",
+		"search",
+		"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({
+			set: (e) => {
+				R.value = e, H.value = e;
+			},
+			get: () => N(R.value) ? H.value : R.value
+		}), U = O("trigger"), W = C([]);
+		S(a, {
+			unregister(e) {
+				W.value = W.value.filter((t) => String(t.value) !== String(e));
+			},
+			register(e) {
+				W.value.some((t) => String(t.value) === String(e.value)) || (W.value = [...W.value, e]);
+			}
+		});
+		let { open: G, slots: K, hasValue: q, multiple: se, formField: J, clearable: ce, clearBind: Y, clearValue: X, removeChip: le, triggerBind: Z, selectOption: ue, containerRef: Q, listboxProps: de, clearIconSize: fe, mergedClasses: pe, selectedOptions: me, hasComposedList: $, handleRegisteredOptionsChange: he } = o(z, oe, U, V, W);
+		return (e, a) => (x(), f(c, null, [
+			m(E(te), { field: E(J) }, {
+				default: k(() => [E(se) ? (x(), f("div", P, [(x(!0), f(c, null, ie(E(me), (t) => (x(), u(E(ee), y({
+					dismissible: "",
+					key: String(t.value),
+					size: E(J).merged.value.size,
+					disabled: E(J).isDisabled.value,
+					"clear-label": `Remove ${t.label}`,
+					onDismiss: (e) => E(le)(t, e)
+				}, { ref_for: !0 }, E(r)(z.customProps?.chip, {
+					customProps: { clear: E(Y) },
+					classes: { root: E(M)({
+						"bg-white ring-1 ring-inset ring-gray-200 dark:bg-gray-700 dark:ring-gray-600": !0,
+						[E(pe).chip ?? ""]: !0
+					}) }
+				})), {
+					default: k(() => [w(e.$slots, "chip", { option: t }, () => [re(ae(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({
+					ref: "trigger",
+					class: "min-w-0 flex-1"
+				}, E(Z)), null, 16), E(ce) && E(q) && !E(J).isDisabled.value ? (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({
+					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), {
+				"anchor-el": E(Q),
+				onSelect: E(ue),
+				onRegisteredOptionsChange: E(he)
+			}), ne({ _: 2 }, [
+				E($) ? {
+					name: "default",
+					fn: k(() => [w(e.$slots, "default")]),
+					key: "0"
+				} : void 0,
+				E(t)(E(K), "beforeOptions") ? {
+					name: "beforeOptions",
+					fn: k(() => [(x(), u(T(E(n)(E(K), "beforeOptions"))))]),
+					key: "1"
+				} : void 0,
+				E(t)(E(K), "loading") ? {
+					name: "loading",
+					fn: k(() => [(x(), u(T(E(n)(E(K), "loading"))))]),
+					key: "2"
+				} : void 0,
+				E(t)(E(K), "option") ? {
+					name: "option",
+					fn: k((t) => [w(e.$slots, "option", b(g(t)))]),
+					key: "3"
+				} : void 0,
+				E(t)(E(K), "empty") ? {
+					name: "empty",
+					fn: k(() => [(x(), u(T(E(n)(E(K), "empty"))))]),
+					key: "4"
+				} : void 0,
+				E(t)(E(K), "afterOptions") ? {
+					name: "afterOptions",
+					fn: k(() => [(x(), u(T(E(n)(E(K), "afterOptions"))))]),
+					key: "5"
+				} : void 0
+			]), 1040, [
+				"modelValue",
+				"anchor-el",
+				"onSelect",
+				"onRegisteredOptionsChange"
+			]),
+			E($) ? d("", !0) : (x(), f("div", L, [w(e.$slots, "default")]))
+		], 64));
+	}
+});
+//#endregion
+export { R as default };

package/dist/Components/Autocomplete/AutocompleteOption.js

@@ -0,0 +1,5 @@
+import e from "./AutocompleteOption.vue_vue_type_script_setup_true_lang.js";
+//#region src/Components/Autocomplete/AutocompleteOption.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,4 @@
+import { AutocompleteOptionProps } from './autocomplete.types';
+declare const __VLS_export: import('vue').DefineComponent<AutocompleteOptionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AutocompleteOptionProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,32 @@
+import { AUTOCOMPLETE_OPTION_KEY as e } from "./autocompleteInjectionKey.js";
+import { createElementBlock as t, defineComponent as n, inject as r, onBeforeUnmount as i, onMounted as a, openBlock as o } from "vue";
+//#region src/Components/Autocomplete/AutocompleteOption.vue?vue&type=script&setup=true&lang.ts
+var s = {
+	hidden: "",
+	"aria-hidden": "true"
+}, c = /* @__PURE__ */ n({
+	inheritAttrs: !1,
+	name: "AutocompleteOption",
+	__name: "AutocompleteOption",
+	props: {
+		description: {},
+		disabled: { type: Boolean },
+		label: {},
+		value: {}
+	},
+	setup(n) {
+		let c = n, l = r(e, null);
+		return a(() => {
+			l?.register({
+				label: c.label,
+				value: c.value,
+				disabled: c.disabled,
+				description: c.description
+			});
+		}), i(() => {
+			l?.unregister(c.value);
+		}), (e, n) => (o(), t("span", s));
+	}
+});
+//#endregion
+export { c as default };