@bridge-ui/vue 0.0.1-beta.2 → 0.0.1-beta.4

package/dist/Components/FormField/composables/useFormField.js

@@ -3,7 +3,7 @@ import { mergePartBind as n, useBridgeUIComponent as r, useBridgeUIMergedRegistr
 import { computed as a, toValue as o, useId as s, useSlots as c } from "vue";
 import { get as l, omit as u } from "es-toolkit/compat";
 import { cn as d, mergeBridgeUILayeredClasses as f, splitComponentProps as p } from "@bridge-ui/core";
-import { CircleAlert as m } from "lucide-vue-next";
+import { CircleAlert as m } from "@lucide/vue";
 import { colorProps as h, invalidatedProps as g, roundedProps as _, sizeProps as v, variantProps as y } from "@bridge-ui/core/Components/FormField";
 //#region src/Components/FormField/composables/useFormField.ts
 var b = [

package/dist/Components/FormField/formField.types.d.ts

@@ -1,4 +1,4 @@
-import { LucideIcon } from 'lucide-vue-next';
+import { LucideIcon } from '@lucide/vue';
 import { HTMLAttributes, InputHTMLAttributes, Slot } from 'vue';
 import { FormFieldColor, FormFieldInvalidated, FormFieldRounded, FormFieldSize, FormFieldVariant, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
 import { UseFormFieldReturn } from './composables/useFormField';

package/dist/Components/Icon/icon.types.d.ts

@@ -1,4 +1,4 @@
-import { LucideIcon } from 'lucide-vue-next';
+import { LucideIcon } from '@lucide/vue';
 import { SVGAttributes } from 'vue';
 import { IconSize, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
 export interface IconSizeOverrides {}

package/dist/Components/Link/link.types.d.ts

@@ -1,4 +1,4 @@
-import { LucideIcon } from 'lucide-vue-next';
+import { LucideIcon } from '@lucide/vue';
 import { AnchorHTMLAttributes, HTMLAttributes, Slot } from 'vue';
 import { LinkColor, LinkSize, LinkUnderline, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
 import { IconProps } from '../Icon';

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

@@ -15,6 +15,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
     "onShow-change"?: ((show: boolean) => any) | undefined;
 }>, {
     color: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').ListboxColor, import('./listbox.types').ListboxColorOverrides>;
+    size: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').ListboxSize, import('./listbox.types').ListboxSizeOverrides>;
     loading: boolean;
     multiple: boolean;
     disableAutoFocus: boolean;
@@ -22,6 +23,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
     emptyMessage: string;
     hideEmptyMessage: boolean;
     highlightedIndex: number;
+    loadingMessage: string;
     showCheckmark: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/Components/Listbox/Listbox.vue_vue_type_script_setup_true_lang.js

@@ -3,19 +3,13 @@ import n from "../List/List.js";
 import { useListbox as r } from "./composables/useListbox.js";
 import i from "../ListItem/ListItem.js";
 import a from "../Menu/Menu.js";
-import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createSlots as d, createVNode as f, defineComponent as p, mergeModels as m, mergeProps as h, normalizeClass as g, normalizeProps as _, openBlock as v, renderList as y, renderSlot as b, resolveDynamicComponent as x, toDisplayString as S, unref as C, useModel as w, useSlots as T, watch as E, withCtx as D } from "vue";
-import { cn as O } from "@bridge-ui/core";
-import { Check as k } from "lucide-vue-next";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createSlots as f, createVNode as p, defineComponent as m, guardReactiveProps as h, mergeModels as g, mergeProps as _, normalizeClass as v, normalizeProps as y, openBlock as b, renderList as x, renderSlot as S, resolveDynamicComponent as C, toDisplayString as w, unref as T, useModel as E, useSlots as D, watch as O, withCtx as k } from "vue";
+import { cn as A } from "@bridge-ui/core";
+import { Check as j } from "@lucide/vue";
 //#region src/Components/Listbox/Listbox.vue?vue&type=script&setup=true&lang.ts
-var A = {
-	key: 1,
-	class: "px-4 py-3 text-sm text-gray-500"
-}, j = { key: 1 }, M = {
-	key: 3,
-	class: "px-4 py-3 text-sm text-gray-500"
-}, N = /* @__PURE__ */ p({
+var M = { key: 1 }, N = /* @__PURE__ */ m({
 	__name: "Listbox",
-	props: /* @__PURE__ */ m({
+	props: /* @__PURE__ */ g({
 		anchorEl: {},
 		classes: {},
 		color: { default: "primary" },
@@ -39,6 +33,7 @@ var A = {
 			type: Boolean,
 			default: !1
 		},
+		loadingMessage: { default: "Loading..." },
 		maxHeight: {},
 		multiple: {
 			type: Boolean,
@@ -49,7 +44,8 @@ var A = {
 		showCheckmark: {
 			type: Boolean,
 			default: !0
-		}
+		},
+		size: { default: "md" }
 	}, {
 		modelValue: {
 			type: Boolean,
@@ -57,52 +53,60 @@ var A = {
 		},
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ m(["select", "show-change"], ["update:modelValue"]),
-	setup(p, { emit: m }) {
-		let N = T(), P = m, F = w(p, "modelValue");
-		E(F, (e) => {
+	emits: /* @__PURE__ */ g(["select", "show-change"], ["update:modelValue"]),
+	setup(m, { emit: g }) {
+		let N = D(), P = g, F = E(m, "modelValue");
+		O(F, (e) => {
 			P("show-change", e);
 		});
-		let I = p, { merged: L, checkClass: R, scrollBind: z, mergedClasses: B, optionSelectedClass: V, optionHighlightedClass: H } = r(I, { color: "primary" }), U = s(() => !I.loading && I.options.length === 0 && I.hideEmptyMessage !== !0), W = s(() => O(R.value, B.value.check));
-		function G(e) {
+		let I = m, { merged: L, checkClass: R, scrollBind: z, messageBind: B, loadingBind: V, sizeClasses: H, mergedClasses: U, loadingTrackBind: W, optionSelectedClass: G, optionHighlightedClass: K } = r(I, {
+			size: "md",
+			color: "primary"
+		}), q = s(() => !I.loading && I.options.length === 0 && I.hideEmptyMessage !== !0), J = s(() => A(R.value, U.value.check));
+		function Y(e) {
 			return I.isSelected?.(e) ?? !1;
 		}
-		function K(e) {
+		function X(e) {
 			return I.highlightedIndex === e;
 		}
-		function q(e) {
+		function Z(e) {
 			e.preventDefault();
 		}
-		function J(e, t) {
+		function Q(e, t) {
 			let n = {
 				tabindex: -1,
-				onMousedown: q
+				onMousedown: Z,
+				class: A(H.value?.option)
+			};
+			return Y(e.value) ? n.class = A(n.class, G.value, U.value.optionSelected) : X(t) && (n.class = A(n.class, K.value, U.value.optionHighlighted)), {
+				interactive: n,
+				primary: { class: H.value?.primary },
+				secondary: { class: H.value?.secondary }
 			};
-			return G(e.value) ? n.class = O(V.value, B.value.optionSelected) : K(t) && (n.class = O(H.value, B.value.optionHighlighted)), { interactive: n };
 		}
-		function Y(e) {
+		function $(e) {
 			e.disabled || P("select", e);
 		}
-		return (r, s) => (v(), c(C(a), {
+		return (r, s) => (b(), c(T(a), {
 			modelValue: F.value,
 			"onUpdate:modelValue": s[0] ||= (e) => F.value = e,
-			"anchor-el": p.anchorEl,
-			placement: p.placement,
+			"anchor-el": m.anchorEl,
+			placement: m.placement,
 			"close-on-click-away": !0,
-			"disable-auto-focus": p.disableAutoFocus,
-			"custom-props": { content: C(L).customProps?.content }
+			"disable-auto-focus": m.disableAutoFocus,
+			"custom-props": { content: T(L).customProps?.content }
 		}, {
-			default: D(() => [
-				C(e)(C(N), "beforeOptions") ? (v(), c(x(C(t)(C(N), "beforeOptions")), { key: 0 })) : l("", !0),
-				p.loading ? (v(), u("div", A, [C(e)(C(N), "loading") ? (v(), c(x(C(t)(C(N), "loading")), { key: 0 })) : (v(), u("span", j, "Loading..."))])) : (v(), u("div", _(h({ key: 2 }, C(z))), [f(C(n), {
+			default: k(() => [
+				T(e)(T(N), "beforeOptions") ? (b(), c(C(T(t)(T(N), "beforeOptions")), { key: 0 })) : l("", !0),
+				m.loading ? (b(), u(o, { key: 1 }, [d("div", y(h(T(W))), [d("div", y(h(T(V))), null, 16)], 16), d("div", y(h(T(B))), [T(e)(T(N), "loading") ? (b(), c(C(T(t)(T(N), "loading")), { key: 0 })) : (b(), u("span", M, w(m.loadingMessage), 1))], 16)], 64)) : (b(), u("div", y(_({ key: 2 }, T(z))), [p(T(n), {
 					dense: "",
 					role: "listbox",
 					padding: "none",
-					id: p.listboxId,
-					"aria-labelledby": p.labelledBy,
-					"aria-multiselectable": p.multiple || void 0
+					id: m.listboxId,
+					"aria-labelledby": m.labelledBy,
+					"aria-multiselectable": m.multiple || void 0
 				}, {
-					default: D(() => [(v(!0), u(o, null, y(p.options, (t, n) => (v(), c(C(i), {
+					default: k(() => [(b(!0), u(o, null, x(m.options, (t, n) => (b(), c(T(i), {
 						interactive: "",
 						role: "option",
 						selected: !1,
@@ -110,20 +114,20 @@ var A = {
 						key: String(t.value),
 						disabled: t.disabled,
 						secondary: t.description,
-						onClick: (e) => Y(t),
-						id: `${p.listboxId}-option-${n}`,
-						"aria-selected": G(t.value),
-						"custom-props": J(t, n)
-					}, d({ _: 2 }, [C(e)(C(N), "option") ? {
+						onClick: (e) => $(t),
+						id: `${m.listboxId}-option-${n}`,
+						"aria-selected": Y(t.value),
+						"custom-props": Q(t, n)
+					}, f({ _: 2 }, [T(e)(T(N), "option") ? {
 						name: "default",
-						fn: D(() => [b(r.$slots, "option", {
+						fn: k(() => [S(r.$slots, "option", {
 							option: t,
-							selected: G(t.value)
+							selected: Y(t.value)
 						})]),
 						key: "0"
-					} : void 0, p.showCheckmark && G(t.value) ? {
+					} : void 0, m.showCheckmark && Y(t.value) ? {
 						name: "end",
-						fn: D(() => [f(C(k), { class: g(["size-4", W.value]) }, null, 8, ["class"])]),
+						fn: k(() => [p(T(j), { class: v(J.value) }, null, 8, ["class"])]),
 						key: "1"
 					} : void 0]), 1032, [
 						"primary",
@@ -140,8 +144,8 @@ var A = {
 					"aria-labelledby",
 					"aria-multiselectable"
 				])], 16)),
-				U.value && !C(e)(C(N), "empty") ? (v(), u("div", M, S(p.emptyMessage), 1)) : U.value && C(e)(C(N), "empty") ? (v(), c(x(C(t)(C(N), "empty")), { key: 4 })) : l("", !0),
-				C(e)(C(N), "afterOptions") ? (v(), c(x(C(t)(C(N), "afterOptions")), { key: 5 })) : l("", !0)
+				q.value && !T(e)(T(N), "empty") ? (b(), u("div", y(_({ key: 3 }, T(B))), w(m.emptyMessage), 17)) : q.value && T(e)(T(N), "empty") ? (b(), c(C(T(t)(T(N), "empty")), { key: 4 })) : l("", !0),
+				T(e)(T(N), "afterOptions") ? (b(), c(C(T(t)(T(N), "afterOptions")), { key: 5 })) : l("", !0)
 			]),
 			_: 3
 		}, 8, [

package/dist/Components/Listbox/composables/useListbox.d.ts

@@ -1,12 +1,20 @@
 import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
 import { ListboxClasses, ListboxOwnProps } from '../listbox.types';
-type ListboxLibDefaults = LibDefaultsShape<ListboxOwnProps, "color">;
+export declare const listboxBridgeKeys: readonly ["size", "color", "classes", "maxHeight", "customProps", "invalidated", "disableMaxHeight"];
+type ListboxLibDefaults = LibDefaultsShape<ListboxOwnProps, "size" | "color">;
 type ListboxMerged = MergeLibDefaults<ListboxOwnProps, ListboxLibDefaults>;
 export declare function useListbox(props: ListboxOwnProps, libDefaults: ListboxLibDefaults): {
     merged: import('vue').ComputedRef<ListboxMerged>;
-    checkClass: import('vue').ComputedRef<string | undefined>;
+    checkClass: import('vue').ComputedRef<string>;
     scrollBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    messageBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
+    loadingBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    sizeClasses: import('vue').ComputedRef<import('@bridge-ui/core').ListboxSizeItem | undefined>;
     mergedClasses: import('vue').ComputedRef<Partial<ListboxClasses>>;
+    loadingTrackBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {
+        role: string;
+        "aria-hidden": boolean;
+    }>>;
     optionSelectedClass: import('vue').ComputedRef<string | undefined>;
     optionHighlightedClass: import('vue').ComputedRef<string | undefined>;
 };

package/dist/Components/Listbox/composables/useListbox.js

@@ -2,9 +2,10 @@ import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistr
 import { computed as r, useAttrs as i } from "vue";
 import { get as a } from "es-toolkit/compat";
 import { cn as o, mergeBridgeUILayeredClasses as s, splitComponentProps as c } from "@bridge-ui/core";
-import { colorProps as l, invalidatedProps as u } from "@bridge-ui/core/Components/Listbox";
+import { colorProps as l, invalidatedProps as u, sizeProps as d } from "@bridge-ui/core/Components/Listbox";
 //#region src/Components/Listbox/composables/useListbox.ts
-var d = [
+var f = [
+	"size",
 	"color",
 	"classes",
 	"maxHeight",
@@ -12,36 +13,50 @@ var d = [
 	"invalidated",
 	"disableMaxHeight"
 ];
-function f(f, p) {
-	let m = i(), h = r(() => c({
+function p(p, m) {
+	let h = i(), g = r(() => c({
 		props: {
-			...m,
-			...f
+			...h,
+			...p
 		},
-		bridgeKeys: d
-	})), { merged: g, entry: _ } = t({
-		libDefaults: p,
+		bridgeKeys: f
+	})), { merged: _, entry: v } = t({
+		libDefaults: m,
 		componentName: "Listbox",
-		props: () => h.value.componentProps
-	}), v = n({
-		entry: _,
-		props: () => h.value.componentProps
-	}), y = r(() => a(s(l, _.value?.customProps?.color), g.value.color ?? "primary")), b = r(() => s(u, _.value?.customProps?.invalidated)), x = r(() => g.value.invalidated ? b.value : y.value), S = r(() => x.value?.selected), C = r(() => x.value?.highlighted);
+		props: () => g.value.componentProps
+	}), y = n({
+		entry: v,
+		props: () => g.value.componentProps
+	}), b = r(() => a(s(l, v.value?.customProps?.color), _.value.color ?? "primary")), x = r(() => s(u, v.value?.customProps?.invalidated)), S = r(() => _.value.invalidated ? x.value : b.value), C = r(() => a(s(d, v.value?.customProps?.size), _.value.size ?? "md")), w = r(() => S.value?.selected), T = r(() => S.value?.highlighted), E = r(() => o(C.value?.check, S.value?.check)), D = r(() => {
+		let t = _.value.maxHeight ?? "max-h-60", n = _.value.disableMaxHeight === !0;
+		return e(_.value.customProps?.scroll, {}, o({
+			"overflow-y-auto overscroll-contain": !n,
+			[t]: !n,
+			[y.value.scroll ?? ""]: !0
+		}));
+	}), O = r(() => e({}, {
+		role: "progressbar",
+		"aria-hidden": !0
+	}, o({ "h-0.5 w-full shrink-0 overflow-hidden": !0 }))), k = r(() => e(_.value.customProps?.loading, {}, o({
+		"h-full w-1/3 animate-bridge-listbox-indeterminate": !0,
+		[b.value?.progressColor ?? ""]: !0,
+		[y.value.loading ?? ""]: !0
+	})));
 	return {
-		merged: g,
-		checkClass: r(() => x.value?.check),
-		scrollBind: r(() => {
-			let t = g.value.maxHeight ?? "max-h-60", n = g.value.disableMaxHeight === !0;
-			return e(g.value.customProps?.scroll, {}, o({
-				"overflow-y-auto overscroll-contain": !n,
-				[t]: !n,
-				[v.value.scroll ?? ""]: !0
-			}));
-		}),
-		mergedClasses: v,
-		optionSelectedClass: S,
-		optionHighlightedClass: C
+		merged: _,
+		checkClass: E,
+		scrollBind: D,
+		messageBind: r(() => e({}, {}, o({
+			"text-gray-500": !0,
+			[C.value?.message ?? ""]: !0
+		}))),
+		loadingBind: k,
+		sizeClasses: C,
+		mergedClasses: y,
+		loadingTrackBind: O,
+		optionSelectedClass: w,
+		optionHighlightedClass: T
 	};
 }
 //#endregion
-export { f as useListbox };
+export { p as useListbox };

package/dist/Components/Listbox/listbox.types.d.ts

@@ -1,11 +1,16 @@
 import { HTMLAttributes, Slot } from 'vue';
-import { ListboxColor, ListboxOption, ListboxValue, MergeHtmlProps, MergeProps, PositionPlacement } from '@bridge-ui/core';
+import { ListboxColor, ListboxOption, ListboxSize, ListboxValue, MergeHtmlProps, MergeProps, PositionPlacement } from '@bridge-ui/core';
+export interface ListboxSizeOverrides {}
 export interface ListboxColorOverrides {}
 export interface ListboxClasses {
     /**
      * Classes merged onto the check icon.
      */
     check?: string;
+    /**
+     * Classes merged onto the indeterminate loading progress bar.
+     */
+    loading?: string;
     /**
      * Classes merged onto keyboard-highlighted options.
      */
@@ -24,6 +29,10 @@ export interface ListboxCustomProps {
      * Props forwarded to the floating menu panel.
      */
     content?: HTMLAttributes;
+    /**
+     * Props forwarded to the indeterminate loading progress bar.
+     */
+    loading?: HTMLAttributes;
     /**
      * Props forwarded to the scrollable options container.
      */
@@ -110,9 +119,18 @@ export interface ListboxOwnProps {
      */
     listboxId: string;
     /**
-     * External loading state.
+     * When `true`, shows an indeterminate progress bar and loading text in the
+     * panel (options are hidden while loading).
+     *
+     * @default false
      */
     loading?: boolean;
+    /**
+     * Message shown while `loading` is true (ignored when the `loading` slot is set).
+     *
+     * @default "Loading..."
+     */
+    loadingMessage?: string;
     /**
      * Tailwind max-height class for the options scroll area (e.g. `max-h-80`).
      *
@@ -141,6 +159,12 @@ export interface ListboxOwnProps {
      * @default true
      */
     showCheckmark?: boolean;
+    /**
+     * Typography and option padding scale, aligned with `FormField` / `Select`.
+     *
+     * @default "md"
+     */
+    size?: MergeProps<ListboxSize, ListboxSizeOverrides>;
 }
 export interface ListboxSlots {
     /**
@@ -156,7 +180,8 @@ export interface ListboxSlots {
      */
     empty?: Slot;
     /**
-     * Custom loading content.
+     * Custom loading content. Replaces the default `loadingMessage` when set.
+     * The progress bar still renders above this content.
      */
     loading?: Slot;
     /**

package/dist/Components/NumberField/NumberField.vue_vue_type_script_setup_true_lang.js

@@ -5,7 +5,7 @@ import r from "../FormField/FormField.js";
 import { useNumberField as i } from "./composables/useNumberField.js";
 import { computed as a, createBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, isRef as u, mergeModels as d, mergeProps as f, normalizeClass as p, openBlock as m, unref as h, useModel as g, vModelDynamic as _, withCtx as v, withDirectives as y } from "vue";
 import { cn as b } from "@bridge-ui/core";
-import { ChevronDown as x, ChevronUp as S } from "lucide-vue-next";
+import { ChevronDown as x, ChevronUp as S } from "@lucide/vue";
 //#region src/Components/NumberField/NumberField.vue?vue&type=script&setup=true&lang.ts
 var C = { class: "bridge-end-adornment flex h-full min-w-9 flex-col gap-px overflow-hidden" }, w = ["disabled"], T = ["disabled"], E = /* @__PURE__ */ l({
 	inheritAttrs: !1,

package/dist/Components/NumberField/composables/useNumberField.d.ts

@@ -17,7 +17,7 @@ export declare function useNumberField(props: NumberFieldOwnProps, model: Ref<nu
             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-next').LucideIcon;
+            errorIcon: import('@lucide/vue').LucideIcon;
             withErrorIcon: NonNullable<boolean | undefined>;
         }>;
         control: import('vue').ComputedRef<string>;
@@ -213,7 +213,7 @@ export declare function useNumberField(props: NumberFieldOwnProps, model: Ref<nu
         }>>;
         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-next').LucideIcon>;
+        errorIcon: import('vue').ComputedRef<import('@lucide/vue').LucideIcon>;
         inputBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {
             id: string;
             disabled: boolean;

package/dist/Components/PasswordField/PasswordField.vue_vue_type_script_setup_true_lang.js

@@ -4,7 +4,7 @@ import n from "../FormField/FormField.js";
 import { usePasswordField as r } from "./composables/usePasswordField.js";
 import { computed as i, createBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, mergeModels as l, mergeProps as u, normalizeClass as d, openBlock as f, unref as p, useModel as m, vModelDynamic as h, withCtx as g, withDirectives as _ } from "vue";
 import { cn as v } from "@bridge-ui/core";
-import { Eye as y, EyeOff as b } from "lucide-vue-next";
+import { Eye as y, EyeOff as b } from "@lucide/vue";
 //#region src/Components/PasswordField/PasswordField.vue?vue&type=script&setup=true&lang.ts
 var x = ["disabled", "aria-label"], S = /* @__PURE__ */ c({
 	inheritAttrs: !1,

package/dist/Components/PasswordField/composables/usePasswordField.d.ts

@@ -15,7 +15,7 @@ export declare function usePasswordField(props: PasswordFieldOwnProps, options?:
             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-next').LucideIcon;
+            errorIcon: import('@lucide/vue').LucideIcon;
             withErrorIcon: NonNullable<boolean | undefined>;
         }>;
         control: import('vue').ComputedRef<string>;
@@ -211,7 +211,7 @@ export declare function usePasswordField(props: PasswordFieldOwnProps, options?:
         }>>;
         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-next').LucideIcon>;
+        errorIcon: import('vue').ComputedRef<import('@lucide/vue').LucideIcon>;
         inputBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {
             id: string;
             disabled: boolean;