@bridge-ui/vue 0.0.5 → 0.0.7

package/dist/Components/PasswordField/composables/usePasswordField.js

@@ -15,7 +15,7 @@ function l(l, u = {}) {
 		return {
 			...d,
 			...r,
-			withErrorIcon: !1,
+			showErrorIcon: !1,
 			classes: v.value
 		};
 	}, {
@@ -23,7 +23,7 @@ function l(l, u = {}) {
 		rounded: "md",
 		color: "primary",
 		variant: "outline",
-		withErrorIcon: !1
+		showErrorIcon: !1
 	}, { reservedSlots: () => ["end"] });
 	return {
 		formField: y,

package/dist/Components/Progress/composables/useProgress.js

@@ -1,7 +1,7 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { computed as r, useAttrs as i } from "vue";
-import { get as a, isNil as o } from "es-toolkit/compat";
-import { cn as s, mergeBridgeUILayeredClasses as c, splitComponentProps as l } from "@bridge-ui/core";
+import { cn as a, mergeBridgeUILayeredClasses as o, splitComponentProps as s } from "@bridge-ui/core";
+import { get as c, isNil as l } from "es-toolkit/compat";
 import { colorProps as u, roundedProps as d, sizeProps as f, variantProps as p } from "@bridge-ui/core/Tokens/Progress";
 //#region src/Components/Progress/composables/useProgress.ts
 var m = [
@@ -15,13 +15,13 @@ var m = [
 	"valueBuffer"
 ];
 function h(e) {
-	return o(e) || Number.isNaN(e) ? 0 : Math.min(100, Math.max(0, e));
+	return l(e) || Number.isNaN(e) ? 0 : Math.min(100, Math.max(0, e));
 }
-function g(o, g) {
-	let _ = i(), v = r(() => l({
+function g(l, g) {
+	let _ = i(), v = r(() => s({
 		props: {
 			..._,
-			...o
+			...l
 		},
 		bridgeKeys: m
 	})), { merged: y, entry: b } = t({
@@ -31,25 +31,25 @@ function g(o, g) {
 	}), x = n({
 		entry: b,
 		props: () => v.value.componentProps
-	}), S = r(() => y.value.customProps), C = r(() => a(c(u, b.value?.tokens?.color), y.value.color)), w = r(() => a(c(f, b.value?.tokens?.size), y.value.size)), T = r(() => a(c(d, b.value?.tokens?.rounded), y.value.rounded)), E = r(() => a(c(p, b.value?.tokens?.variant), y.value.variant)), D = r(() => y.value.variant === "buffer"), O = r(() => y.value.variant === "determinate" || y.value.variant === "buffer"), k = r(() => y.value.variant === "indeterminate" || y.value.variant === "query"), A = r(() => h(y.value.value)), j = r(() => h(y.value.valueBuffer)), M = r(() => e(S.value?.root, v.value.inheritedAttrs, {
+	}), S = r(() => y.value.customProps), C = r(() => c(o(u, b.value?.tokens?.color), y.value.color)), w = r(() => c(o(f, b.value?.tokens?.size), y.value.size)), T = r(() => c(o(d, b.value?.tokens?.rounded), y.value.rounded)), E = r(() => c(o(p, b.value?.tokens?.variant), y.value.variant)), D = r(() => y.value.variant === "buffer"), O = r(() => y.value.variant === "determinate" || y.value.variant === "buffer"), k = r(() => y.value.variant === "indeterminate" || y.value.variant === "query"), A = r(() => h(y.value.value)), j = r(() => h(y.value.valueBuffer)), M = r(() => e(S.value?.root, v.value.inheritedAttrs, {
 		role: "progressbar",
 		...O.value ? {
 			"aria-valuemin": 0,
 			"aria-valuemax": 100,
 			"aria-valuenow": A.value
 		} : {},
-		class: s({
+		class: a({
 			"relative w-full overflow-hidden": !0,
 			[w.value ?? ""]: !0,
 			[T.value ?? ""]: !0,
 			[x.value.root ?? ""]: !0
 		})
-	})), N = r(() => e(S.value?.track, {}, s({
+	})), N = r(() => e(S.value?.track, {}, a({
 		"absolute inset-0": !0,
 		[C.value?.track ?? ""]: !0,
 		[T.value ?? ""]: !0,
 		[x.value.track ?? ""]: !0
-	}))), P = r(() => D.value ? e(S.value?.buffer, { style: { width: `${j.value}%` } }, s({
+	}))), P = r(() => D.value ? e(S.value?.buffer, { style: { width: `${j.value}%` } }, a({
 		"absolute top-0 left-0 h-full transition-[width] duration-200 ease-linear": !0,
 		[C.value?.buffer ?? ""]: !0,
 		[T.value ?? ""]: !0,
@@ -57,7 +57,7 @@ function g(o, g) {
 	})) : null);
 	return {
 		merged: y,
-		barBind: r(() => e(S.value?.bar, O.value ? { style: { width: `${A.value}%` } } : {}, s({
+		barBind: r(() => e(S.value?.bar, O.value ? { style: { width: `${A.value}%` } } : {}, a({
 			"absolute top-0 left-0 h-full": !0,
 			"transition-[width] duration-200 ease-linear": O.value,
 			[E.value ?? ""]: k.value,

package/dist/Components/Radio/Radio.vue_vue_type_script_setup_true_lang.js

@@ -22,10 +22,10 @@ var _ = ["for"], v = ["checked"], y = /* @__PURE__ */ a({
 		endLabel: {},
 		error: { type: Boolean },
 		errorMessage: {},
+		hideErrorMessage: { type: Boolean },
 		readonly: { type: Boolean },
 		required: { type: Boolean },
-		startLabel: {},
-		withoutErrorMessage: { type: Boolean }
+		startLabel: {}
 	}, {
 		modelValue: {},
 		modelModifiers: {}

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

@@ -234,13 +234,13 @@ export declare function useRadio(props: MaybeRefOrGetter<RadioOwnProps>, libDefa
         slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
         }>;
-        merged: import('vue').ComputedRef<Omit<import('../../FormControl').FormControlOwnProps, "size" | "error" | "withoutErrorMessage"> & {
-            size: NonNullable<keyof import('@bridge-ui/core').LabelSize | undefined>;
+        merged: import('vue').ComputedRef<Omit<import('../../FormControl').FormControlOwnProps, "error" | "size" | "hideErrorMessage"> & {
             error: NonNullable<boolean | undefined>;
-            withoutErrorMessage: NonNullable<boolean | undefined>;
+            size: NonNullable<keyof import('@bridge-ui/core').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">, "size" | "classes" | "customProps" | "error" | "disabled" | "required" | "controlId" | "description" | "endLabel" | "errorMessage" | "readonly" | "startLabel" | "withoutErrorMessage">>>>;
+        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" | "controlId" | "description" | "endLabel" | "errorMessage" | "hideErrorMessage" | "readonly" | "startLabel">>>>;
         controlId: import('vue').ComputedRef<string>;
         isDisabled: import('vue').ComputedRef<boolean>;
         isReadonly: import('vue').ComputedRef<boolean>;

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

@@ -1,8 +1,8 @@
 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 { get as s, omit 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, 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";
 //#region src/Components/Radio/composables/useRadio.ts
 var g = [
@@ -21,9 +21,9 @@ function _(_, v, y) {
 		...a(_)
 	}), {
 		error: !1,
-		withoutErrorMessage: !1,
+		hideErrorMessage: !1,
 		size: v.size ?? "sm"
-	}), S = i(() => d({
+	}), S = i(() => l({
 		bridgeKeys: g,
 		props: {
 			...b,
@@ -36,16 +36,16 @@ function _(_, v, y) {
 	}), T = i(() => C.value.customProps), E = n({
 		entry: w,
 		props: () => S.value.componentProps
-	}), D = i(() => a(y) === C.value.value), O = i(() => s(u(f, w.value?.tokens?.color), C.value.color ?? "primary")), k = i(() => u(p, w.value?.tokens?.invalidated)), A = i(() => x.invalidated.value ? k.value : O.value), j = i(() => s(u(h, w.value?.tokens?.size), C.value.size ?? "sm")), M = i(() => s(u(m, w.value?.tokens?.rounded), C.value.rounded ?? "full")), N = i(() => e({
+	}), D = i(() => a(y) === C.value.value), O = i(() => u(c(f, w.value?.tokens?.color), C.value.color ?? "primary")), k = i(() => c(p, w.value?.tokens?.invalidated)), A = i(() => x.invalidated.value ? k.value : O.value), j = i(() => u(c(h, w.value?.tokens?.size), C.value.size ?? "sm")), M = i(() => u(c(m, w.value?.tokens?.rounded), C.value.rounded ?? "full")), N = i(() => e({
 		...T.value?.input,
 		...x.controlBind.value,
 		type: "radio",
 		name: C.value.name,
 		value: C.value.value
-	}, c(S.value.inheritedAttrs, ["class"]), l({
+	}, d(S.value.inheritedAttrs, ["class"]), s({
 		"sr-only": !0,
 		[E.value.input ?? ""]: !0
-	}))), P = i(() => e(T.value?.control, { "aria-hidden": !0 }, l({
+	}))), P = i(() => e(T.value?.control, { "aria-hidden": !0 }, s({
 		"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,
@@ -56,14 +56,14 @@ function _(_, v, y) {
 	})));
 	return {
 		merged: C,
-		dotBind: i(() => e(T.value?.dot, {}, l({
+		dotBind: i(() => e(T.value?.dot, {}, s({
 			"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({}, {}, l({
+		fieldBind: i(() => e({}, {}, s({
 			"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/Select/Select.vue.d.ts

@@ -24,8 +24,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
     onOpen?: (() => any) | undefined;
     onDeselect?: ((option: import('@bridge-ui/core').ListboxOption) => any) | undefined;
 }>, {
-    withErrorIcon: boolean;
-    emptyMessage: string;
+    showErrorIcon: boolean;
     clearable: boolean;
     minItemsForSearch: number;
     searchable: boolean;

package/dist/Components/Select/Select.vue_vue_type_script_setup_true_lang.js

@@ -1,26 +1,27 @@
-import { hasNamedSlot as e, resolveNamedSlot as t } from "../../Utils/slotOrProp.js";
-import { mergeNestedComponentProps as n } from "../../Utils/index.js";
+import { useResolveMessage as e } from "../../Adapters/I18n/useI18nAdapter.js";
+import { hasNamedSlot as t, resolveNamedSlot as n } from "../../Utils/slotOrProp.js";
+import { mergeNestedComponentProps as ee } from "../../Utils/index.js";
 import r from "../Icon/Icon.js";
-import ee from "../Chip/Chip.js";
-import i from "../FormField/FormField.js";
-import a from "../Listbox/Listbox.js";
+import i from "../Chip/Chip.js";
+import a from "../FormField/FormField.js";
+import te 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 te, createTextVNode as ne, 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 re, ref as S, renderList as C, renderSlot as w, resolveDynamicComponent as T, toDisplayString as ie, unref as E, useModel as ae, useTemplateRef as D, withCtx as O, withKeys as k, withModifiers as A } from "vue";
-import { isUndefined as j } from "es-toolkit/compat";
-import { X as M } from "@lucide/vue";
+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/Select/Select.vue?vue&type=script&setup=true&lang.ts
-var N = {
+var P = {
 	key: 0,
 	class: "flex min-w-0 flex-1 flex-wrap items-center gap-0.5"
-}, P = {
+}, F = {
 	key: 1,
 	class: "flex min-w-0 flex-1 items-center gap-1"
-}, F = {
+}, I = ["aria-label"], L = {
 	key: 0,
 	hidden: "",
 	"aria-hidden": "true"
-}, I = /* @__PURE__ */ h({
+}, R = /* @__PURE__ */ h({
 	inheritAttrs: !1,
 	__name: "Select",
 	props: /* @__PURE__ */ v({
@@ -32,7 +33,7 @@ var N = {
 		customProps: {},
 		defaultValue: {},
 		disableMaxHeight: { type: Boolean },
-		emptyMessage: { default: "No options" },
+		emptyMessage: {},
 		flipOptions: { type: Boolean },
 		hideEmptyMessage: { type: Boolean },
 		loading: { type: Boolean },
@@ -60,20 +61,20 @@ var N = {
 		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: {},
-		withErrorIcon: {
-			type: Boolean,
-			default: !0
-		},
-		withoutErrorMessage: { type: Boolean }
+		variant: {}
 	}, {
 		modelValue: {},
 		modelModifiers: {}
@@ -89,90 +90,93 @@ var N = {
 		"update:modelValue"
 	], ["update:modelValue"]),
 	setup(h, { emit: v }) {
-		let I = ae(h, "modelValue"), L = h, R = v, z = S(L.defaultValue), B = l({
+		let R = D(h, "modelValue"), z = h, B = v, V = e(), H = C(z.defaultValue), oe = l({
 			set: (e) => {
-				I.value = e, z.value = e;
+				R.value = e, H.value = e;
 			},
-			get: () => j(I.value) ? z.value : I.value
-		}), V = D("trigger"), H = S([]);
-		re(s, {
+			get: () => N(R.value) ? H.value : R.value
+		}), U = O("trigger"), W = C([]);
+		S(s, {
 			unregister(e) {
-				H.value = H.value.filter((t) => String(t.value) !== String(e));
+				W.value = W.value.filter((t) => String(t.value) !== String(e));
 			},
 			register(e) {
-				H.value.some((t) => String(t.value) === String(e.value)) || (H.value = [...H.value, e]);
+				W.value.some((t) => String(t.value) === String(e.value)) || (W.value = [...W.value, e]);
 			}
 		});
-		let { open: U, slots: W, hasValue: G, multiple: K, formField: q, clearable: J, clearBind: Y, clearValue: X, removeChip: oe, triggerBind: Z, selectOption: se, containerRef: ce, listboxProps: le, clearIconSize: ue, mergedClasses: Q, selectedOptions: de, hasComposedList: $, handleRegisteredOptionsChange: fe } = o(L, B, V, R, H);
-		return (o, s) => (x(), f(c, null, [
-			m(E(i), { field: E(q) }, {
-				default: O(() => [E(K) ? (x(), f("div", N, [(x(!0), f(c, null, C(E(de), (e) => (x(), u(E(ee), y({
+		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, B, W);
+		return (e, o) => (x(), f(c, null, [
+			m(E(a), { field: E(J) }, {
+				default: k(() => [E(se) ? (x(), f("div", P, [(x(!0), f(c, null, ie(E(me), (t) => (x(), u(E(i), y({
 					dismissible: "",
-					key: String(e.value),
-					size: E(q).merged.value.size,
-					disabled: E(q).isDisabled.value,
-					"clear-label": `Remove ${e.label}`,
-					onDismiss: (t) => E(oe)(e, t)
-				}, { ref_for: !0 }, E(n)(L.customProps?.chip, {
-					classes: { root: E(Q).chip },
-					customProps: { clear: E(Y) }
+					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(ee)(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: O(() => [w(o.$slots, "chip", { option: e }, () => [ne(ie(e.label), 1)])]),
+					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", P, [p("input", y({
+				]))), 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(J) && E(G) && !E(q).isDisabled.value ? (x(), f("span", y({ key: 0 }, E(Y), {
-					onClick: s[0] ||= (...e) => E(X) && E(X)(...e),
-					"aria-label": "Clear selection",
-					onKeydown: [s[1] ||= k(A((...e) => E(X) && E(X)(...e), ["prevent"]), ["enter"]), s[2] ||= k(A((...e) => E(X) && E(X)(...e), ["prevent"]), ["space"])]
+				}, E(Z)), null, 16), E(ce) && E(q) && !E(J).isDisabled.value ? (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({
-					icon: E(M),
-					size: E(ue)
-				}, L.customProps?.clearIcon), null, 16, ["icon", "size"])], 16)) : d("", !0)]))]),
+					icon: "clear",
+					size: E(fe)
+				}, z.customProps?.clearIcon), null, 16, ["size"])], 16, I)) : d("", !0)]))]),
 				_: 3
 			}, 8, ["field"]),
-			m(E(a), y({
-				modelValue: E(U),
-				"onUpdate:modelValue": s[3] ||= (e) => _(U) ? U.value = e : null
-			}, E(le), {
-				"anchor-el": E(ce),
-				onSelect: E(se),
-				onRegisteredOptionsChange: E(fe)
-			}), te({ _: 2 }, [
+			m(E(te), y({
+				modelValue: E(G),
+				"onUpdate:modelValue": o[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: O(() => [w(o.$slots, "default")]),
+					fn: k(() => [w(e.$slots, "default")]),
 					key: "0"
 				} : void 0,
-				E(e)(E(W), "beforeOptions") ? {
+				E(t)(E(K), "beforeOptions") ? {
 					name: "beforeOptions",
-					fn: O(() => [(x(), u(T(E(t)(E(W), "beforeOptions"))))]),
+					fn: k(() => [(x(), u(T(E(n)(E(K), "beforeOptions"))))]),
 					key: "1"
 				} : void 0,
-				E(e)(E(W), "loading") ? {
+				E(t)(E(K), "loading") ? {
 					name: "loading",
-					fn: O(() => [(x(), u(T(E(t)(E(W), "loading"))))]),
+					fn: k(() => [(x(), u(T(E(n)(E(K), "loading"))))]),
 					key: "2"
 				} : void 0,
-				E(e)(E(W), "option") ? {
+				E(t)(E(K), "option") ? {
 					name: "option",
-					fn: O((e) => [w(o.$slots, "option", b(g(e)))]),
+					fn: k((t) => [w(e.$slots, "option", b(g(t)))]),
 					key: "3"
 				} : void 0,
-				E(e)(E(W), "empty") ? {
+				E(t)(E(K), "empty") ? {
 					name: "empty",
-					fn: O(() => [(x(), u(T(E(t)(E(W), "empty"))))]),
+					fn: k(() => [(x(), u(T(E(n)(E(K), "empty"))))]),
 					key: "4"
 				} : void 0,
-				E(e)(E(W), "afterOptions") ? {
+				E(t)(E(K), "afterOptions") ? {
 					name: "afterOptions",
-					fn: O(() => [(x(), u(T(E(t)(E(W), "afterOptions"))))]),
+					fn: k(() => [(x(), u(T(E(n)(E(K), "afterOptions"))))]),
 					key: "5"
 				} : void 0
 			]), 1040, [
@@ -181,9 +185,9 @@ var N = {
 				"onSelect",
 				"onRegisteredOptionsChange"
 			]),
-			E($) ? d("", !0) : (x(), f("div", F, [w(o.$slots, "default")]))
+			E($) ? d("", !0) : (x(), f("div", L, [w(e.$slots, "default")]))
 		], 64));
 	}
 });
 //#endregion
-export { I as default };
+export { R as default };

package/dist/Components/Select/composables/useSelect.d.ts

@@ -14,13 +14,13 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
         slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
         }>;
-        merged: import('vue').ComputedRef<Omit<FormFieldOwnProps, "color" | "size" | "rounded" | "variant" | "errorIcon" | "withErrorIcon"> & {
+        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>;
-            errorIcon: import('@lucide/vue').LucideIcon;
-            withErrorIcon: NonNullable<boolean | 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, {}>>;
@@ -175,13 +175,13 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
             'aria-valuenow'?: (string | number) | undefined;
             'aria-valuetext'?: string | undefined | undefined;
             accesskey?: string | undefined | undefined;
-            contenteditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+            contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
             contextmenu?: string | undefined | undefined;
             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;
-            hidden?: "" | "until-found" | (boolean | "true" | "false") | "hidden" | undefined;
+            hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
             inert?: (boolean | "true" | "false") | undefined;
             placeholder?: string | undefined | undefined;
             spellcheck?: (boolean | "true" | "false") | undefined;
@@ -215,7 +215,7 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
         }>>;
         controlId: import('vue').ComputedRef<string>;
         errorBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        errorIcon: import('vue').ComputedRef<import('@lucide/vue').LucideIcon>;
+        errorIcon: import('vue').ComputedRef<NonNullable<import('../../..').IconSource | undefined>>;
         inputBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {
             id: string;
             disabled: boolean;
@@ -437,7 +437,7 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
             onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-        }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "color" | "end" | "size" | "classes" | "customProps" | "error" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "readonly" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>>;
+        }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "hideErrorMessage" | "readonly" | "errorIcon" | "showErrorIcon" | "corner">>>>;
         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, {}>>;
@@ -720,13 +720,13 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
         onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-    }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "color" | "end" | "size" | "classes" | "customProps" | "error" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "readonly" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>>>;
+    }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "hideErrorMessage" | "readonly" | "errorIcon" | "showErrorIcon" | "corner">>>>>;
     selectOption: (option: SelectOption) => void;
     containerRef: Ref<HTMLElement | null, HTMLElement | null>;
     listboxProps: import('vue').ComputedRef<{
         anchorEl?: null | HTMLElement;
         classes?: import('../../Listbox').ListboxClasses;
-        color: "dark" | "error" | "info" | "primary" | "secondary" | "success" | "warning";
+        color: "info" | "error" | "success" | "warning" | "dark" | "primary" | "secondary";
         customProps?: import('../../Listbox').ListboxCustomProps;
         disableAutoFocus: boolean;
         disableMaxHeight: boolean;
@@ -756,7 +756,7 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
     hasComposedList: import('vue').ComputedRef<boolean>;
     highlightedIndex: Ref<number, number>;
     handleRegisteredOptionsChange: (options: SelectOption[]) => void;
-    emptyMessage: import('vue').ComputedRef<string>;
     hideEmptyMessage: import('vue').ComputedRef<boolean>;
+    emptyMessage: import('vue').ComputedRef<string>;
     loadingMessage: import('vue').ComputedRef<string>;
 };