@bridge-ui/vue 0.0.9 → 0.0.11

package/dist/Components/Radio/composables/useRadio.d.ts

@@ -1,13 +1,13 @@
 import { MaybeRefOrGetter } from 'vue';
-import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { RadioOwnProps } from '../radio.types';
 type RadioLibDefaults = LibDefaultsShape<RadioOwnProps, "size" | "color" | "rounded">;
 type RadioMerged = MergeLibDefaults<RadioOwnProps, RadioLibDefaults>;
 export declare function useRadio(props: MaybeRefOrGetter<RadioOwnProps>, libDefaults: RadioLibDefaults, modelValue: MaybeRefOrGetter<number | string | undefined>): {
     merged: import('vue').ComputedRef<RadioMerged>;
-    dotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').InputHTMLAttributes | undefined, {}>>;
-    fieldBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
-    inputBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {
+    dotBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').InputHTMLAttributes | undefined, {}>>;
+    fieldBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
+    inputBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {
         type: string;
         name: string | undefined;
         value: string | number | undefined;
@@ -236,11 +236,11 @@ export declare function useRadio(props: MaybeRefOrGetter<RadioOwnProps>, libDefa
         }>;
         merged: import('vue').ComputedRef<Omit<import('../../FormControl').FormControlOwnProps, "error" | "size" | "hideErrorMessage"> & {
             error: NonNullable<boolean | undefined>;
-            size: NonNullable<keyof import('@bridge-ui/core').LabelSize | undefined>;
+            size: NonNullable<keyof import('@bridge-ui/core/Tokens').LabelSize | undefined>;
             hideErrorMessage: NonNullable<boolean | undefined>;
         }>;
-        rowBind: 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, Partial<Omit<Omit<import('../../FormControl').FormControlOwnProps, "field">, "error" | "size" | "classes" | "customProps" | "disabled" | "required" | "description" | "errorMessage" | "controlId" | "hideErrorMessage" | "readonly" | "endLabel" | "startLabel">>>>;
+        rowBind: 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, Partial<Omit<Omit<import('../../FormControl').FormControlOwnProps, "field">, "error" | "size" | "classes" | "customProps" | "disabled" | "required" | "description" | "errorMessage" | "controlId" | "hideErrorMessage" | "readonly" | "endLabel" | "startLabel">>>>;
         controlId: import('vue').ComputedRef<string>;
         isDisabled: import('vue').ComputedRef<boolean>;
         isReadonly: import('vue').ComputedRef<boolean>;
@@ -257,16 +257,16 @@ export declare function useRadio(props: MaybeRefOrGetter<RadioOwnProps>, libDefa
             endLabel: import('../../Label').LabelProps;
             startLabel: import('../../Label').LabelProps;
         }>;
-        descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+        descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
             id: string;
         }>>;
-        errorMessageBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+        errorMessageBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
             id: string;
         }>>;
         showErrorMessageContent: import('vue').ComputedRef<boolean>;
         reservesErrorMessageSpace: import('vue').ComputedRef<boolean>;
     };
-    controlBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').InputHTMLAttributes | undefined, {
+    controlBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').InputHTMLAttributes | undefined, {
         "aria-hidden": boolean;
     }>>;
 };

package/dist/Components/Radio/composables/useRadio.js

@@ -1,9 +1,9 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { useFormControl as r } from "../../FormControl/composables/useFormControl.js";
 import { computed as i, toValue as a, useAttrs as o } from "vue";
-import { cn as s, mergeBridgeUILayeredClasses as c, splitComponentProps as l } from "@bridge-ui/core";
-import { get as u, omit as d } from "es-toolkit/compat";
-import { colorProps as f, invalidatedProps as p, roundedProps as m, sizeProps as h } from "@bridge-ui/core/Tokens/Radio";
+import { get as s, omit as c } from "es-toolkit/compat";
+import { radioColorProps as l, radioInvalidatedProps as u, radioRoundedProps as d, radioSizeProps 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/Radio/composables/useRadio.ts
 var g = [
 	"name",
@@ -23,7 +23,7 @@ function _(_, v, y) {
 		error: !1,
 		hideErrorMessage: !1,
 		size: v.size ?? "sm"
-	}, { componentName: "Radio" }), S = i(() => l({
+	}, { componentName: "Radio" }), S = i(() => h({
 		bridgeKeys: g,
 		props: {
 			...b,
@@ -37,24 +37,24 @@ function _(_, v, y) {
 		entry: w,
 		props: () => S.value.componentProps
 	}), D = i(() => a(y) === C.value.value), O = i(() => {
-		let e = c(f, w.value?.tokens?.color);
-		return u(e, C.value.color ?? "primary");
-	}), k = i(() => c(p, w.value?.tokens?.invalidated)), A = i(() => x.invalidated.value ? k.value : O.value), j = i(() => {
-		let e = c(h, w.value?.tokens?.size);
-		return u(e, C.value.size ?? "sm");
+		let e = m(l, w.value?.tokens?.color);
+		return s(e, C.value.color ?? "primary");
+	}), k = i(() => m(u, w.value?.tokens?.invalidated)), A = i(() => x.invalidated.value ? k.value : O.value), j = i(() => {
+		let e = m(f, w.value?.tokens?.size);
+		return s(e, C.value.size ?? "sm");
 	}), M = i(() => {
-		let e = c(m, w.value?.tokens?.rounded);
-		return u(e, C.value.rounded ?? "full");
+		let e = m(d, w.value?.tokens?.rounded);
+		return s(e, C.value.rounded ?? "full");
 	}), N = i(() => e({
 		...T.value?.input,
 		...x.controlBind.value,
 		type: "radio",
 		name: C.value.name,
 		value: C.value.value
-	}, d(S.value.inheritedAttrs, ["class"]), s({
+	}, c(S.value.inheritedAttrs, ["class"]), p({
 		"sr-only": !0,
 		[E.value.input ?? ""]: !0
-	}))), P = i(() => e(T.value?.control, { "aria-hidden": !0 }, s({
+	}))), P = i(() => e(T.value?.control, { "aria-hidden": !0 }, p({
 		"inline-flex shrink-0 items-center justify-center border shadow-sm transition ease-in-out duration-100": !0,
 		"pointer-events-none": !0,
 		[j.value ?? ""]: !0,
@@ -65,14 +65,14 @@ function _(_, v, y) {
 	})));
 	return {
 		merged: C,
-		dotBind: i(() => e(T.value?.dot, {}, s({
+		dotBind: i(() => e(T.value?.dot, {}, p({
 			"rounded-full bg-white transition-transform duration-100": !0,
 			"scale-0": !D.value,
 			"scale-100": D.value,
 			"h-[42%] w-[42%]": !0,
 			[E.value.dot ?? ""]: !0
 		}))),
-		fieldBind: i(() => e({}, {}, s({
+		fieldBind: i(() => e({}, {}, p({
 			"relative inline-flex shrink-0 cursor-pointer items-center": !0,
 			"has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-offset-2": !0,
 			[M.value ?? ""]: !0,

package/dist/Components/Radio/radio.types.d.ts

@@ -1,5 +1,6 @@
 import { InputHTMLAttributes } from 'vue';
-import { MergeHtmlProps, MergeProps, RadioColor, RadioRounded, RadioSize } from '@bridge-ui/core';
+import { RadioColor, RadioRounded, RadioSize } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 import { FormControlClasses, FormControlCustomProps, FormControlOwnProps, FormControlSlots } from '../FormControl/formControl.types';
 export interface RadioSizeOverrides {}
 export interface RadioColorOverrides {}

package/dist/Components/Select/Select.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;
     minItemsForSearch: number;

package/dist/Components/Select/Select.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 ee } from "../../Utils/index.js";
 import r from "../Icon/Icon.js";
 import i from "../Chip/Chip.js";
+import { FORM_FIELD_CHROME_SLOT_NAMES as te } from "../FormField/formField.types.js";
 import a from "../FormField/FormField.js";
-import te from "../Listbox/Listbox.js";
+import ne from "../Listbox/Listbox.js";
 import { useSelect as o } from "./composables/useSelect.js";
 import { SELECT_OPTION_KEY as s } from "./selectInjectionKey.js";
-import { Fragment as c, 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/Select/Select.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: "Select",
-	props: /*@__PURE__*/ v({
+	props: /*@__PURE__*/ y({
 		asyncData: {},
 		clearable: {
 			type: Boolean,
@@ -51,7 +52,10 @@ var P = {
 			type: Boolean,
 			default: !1
 		},
-		showFooter: { type: Boolean },
+		showFooter: {
+			type: Boolean,
+			default: void 0
+		},
 		classes: {},
 		color: {},
 		controlId: {},
@@ -81,7 +85,8 @@ var P = {
 		modelValue: {},
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ v([
+	emits: /*@__PURE__*/ y([
+		"apply",
 		"cancel",
 		"change",
 		"clear",
@@ -92,14 +97,14 @@ var P = {
 		"select",
 		"update:modelValue"
 	], ["update:modelValue"]),
-	setup(h, { emit: v }) {
-		let R = D(h, "modelValue"), z = h, B = v, V = e(), H = C(z.defaultValue), oe = l({
+	setup(g, { emit: y }) {
+		let L = ae(g, "modelValue"), R = g, z = y, B = e(), 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(s, {
+			get: () => j(L.value) ? V.value : L.value
+		}), U = oe("trigger"), W = w([]);
+		C(s, {
 			unregister(e) {
 				W.value = W.value.filter((t) => String(t.value) !== String(e));
 			},
@@ -107,82 +112,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, B, W);
-		return (e, o) => (x(), f(c, null, [
-			m(E(a), { field: E(J) }, {
-				default: k(() => [E(q) ? (x(), f("div", P, [(x(!0), f(c, null, ie(E(he), (t) => (x(), u(E(i), 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 } = o(R, H, U, z, W);
+		return (e, o) => (S(), f(c, null, [
+			h(D(a), { field: D(J) }, m({
+				default: O(() => [D(q) ? (S(), f("div", N, [(S(!0), f(c, null, T(D(he), (t) => (S(), u(D(i), 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(ee)(z.customProps?.chip, {
-					customProps: { clear: E(Y) },
-					classes: { root: E(M)({
+					onDismiss: (e) => D(se)(t, e)
+				}, { ref_for: !0 }, D(ee)(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: o[0] ||= (...e) => E(X) && E(X)(...e),
-					onKeydown: [o[1] ||= A(j((...e) => E(X) && E(X)(...e), ["prevent"]), ["enter"]), o[2] ||= A(j((...e) => E(X) && E(X)(...e), ["prevent"]), ["space"])],
-					"aria-label": E(V)("Clear selection")
-				}), [m(E(r), y({
+				}, D(Z)), null, 16), D(me) ? (S(), f("span", b({ key: 0 }, D(Y), {
+					onClick: o[0] ||= (...e) => D(X) && D(X)(...e),
+					onKeydown: [o[1] ||= k(A((...e) => D(X) && D(X)(...e), ["prevent"]), ["enter"]), o[2] ||= k(A((...e) => D(X) && D(X)(...e), ["prevent"]), ["space"])],
+					"aria-label": D(B)("Clear selection")
+				}), [h(D(r), b({
 					icon: "clear",
-					size: E(fe)
-				}, z.customProps?.clearIcon), null, 16, ["size"])], 16, I)) : d("", !0)]))]),
-				_: 3
-			}, 8, ["field"]),
-			m(E(te), y({
-				modelValue: E(G),
-				"onUpdate:modelValue": o[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(ne), b({
+				modelValue: D(G),
+				"onUpdate:modelValue": o[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",
@@ -192,9 +205,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/Select/composables/useSelect.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 { FormFieldOwnProps } from '../../FormField/formField.types';
 import { SelectClasses, SelectEmits, SelectOption, SelectOwnProps, SelectValue } from '../select.types';
 export declare function useSelect(props: SelectOwnProps, model: Ref<null | undefined | SelectValue | SelectValue[]>, triggerRef: Ref<null | HTMLInputElement | HTMLTextAreaElement>, emit: SetupContext<SelectEmits>["emit"], declarativeOptions: Ref<SelectOption[]>): {
@@ -15,16 +15,16 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
             [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;
@@ -144,7 +144,7 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
             '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;
@@ -180,7 +180,7 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
             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;
@@ -214,9 +214,9 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
             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;
@@ -440,33 +440,33 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
         }, 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-select-clear": boolean;
@@ -476,7 +476,7 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
     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;
@@ -499,7 +499,7 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
         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;
@@ -738,27 +738,27 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
         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<SelectClasses>>;
     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>;
-    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;