@bridge-ui/vue 0.0.6 → 0.0.8

package/dist/Components/Tabs/composables/useTabs.js

@@ -1,8 +1,8 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { TABS_INJECTION_KEY as r } from "../tabsInjectionKey.js";
 import { computed as i, provide as a, ref as o, useAttrs as s, useId as c } from "vue";
-import { get as l } from "es-toolkit/compat";
-import { cn as u, getTabId as d, mergeBridgeUILayeredClasses as f, splitComponentProps as p } from "@bridge-ui/core";
+import { cn as l, getTabId as u, mergeBridgeUILayeredClasses as d, splitComponentProps as f } from "@bridge-ui/core";
+import { get as p } from "es-toolkit/compat";
 import { colorProps as m, orientationProps as h, sizeProps as g, variantProps as _ } from "@bridge-ui/core/Tokens/Tabs";
 //#region src/Components/Tabs/composables/useTabs.ts
 var v = [
@@ -16,7 +16,7 @@ var v = [
 	"orientation"
 ];
 function y(y, b, x, S) {
-	let C = c(), w = s(), T = `bridge-tabs${C}`, E = o([]), D = o([]), O = o([]), k = i(() => p({
+	let C = c(), w = s(), T = `bridge-tabs${C}`, E = o([]), D = o([]), O = o([]), k = i(() => f({
 		bridgeKeys: v,
 		props: {
 			...w,
@@ -36,7 +36,7 @@ function y(y, b, x, S) {
 		};
 	}
 	function F(e) {
-		document.getElementById(d(T, e))?.focus();
+		document.getElementById(u(T, e))?.focus();
 	}
 	function I(e) {
 		let t = O.value.findIndex((t) => t.value === e.value);
@@ -52,7 +52,7 @@ function y(y, b, x, S) {
 	let L = n({
 		entry: j,
 		props: () => k.value.componentProps
-	}), R = i(() => f(g, j.value?.tokens?.size)), z = i(() => f(_, j.value?.tokens?.variant)), B = i(() => f(m, j.value?.tokens?.color)), V = i(() => f(h, j.value?.tokens?.orientation)), H = i(() => l(R.value, A.value.size)), U = i(() => l(z.value, A.value.variant)), W = i(() => l(B.value, A.value.color)), G = i(() => l(V.value, A.value.orientation)), K = i(() => ({
+	}), R = i(() => d(g, j.value?.tokens?.size)), z = i(() => d(_, j.value?.tokens?.variant)), B = i(() => d(m, j.value?.tokens?.color)), V = i(() => d(h, j.value?.tokens?.orientation)), H = i(() => p(R.value, A.value.size)), U = i(() => p(z.value, A.value.variant)), W = i(() => p(B.value, A.value.color)), G = i(() => p(V.value, A.value.orientation)), K = i(() => ({
 		focusTab: F,
 		id: T,
 		setSelected: N,
@@ -66,20 +66,20 @@ function y(y, b, x, S) {
 		activation: A.value.activation ?? "automatic",
 		orientation: A.value.orientation ?? "horizontal",
 		tokenClasses: {
-			tabSize: l(H.value, "tab"),
-			iconGap: l(H.value, "gap"),
-			iconSize: l(H.value, "icon"),
-			listSize: l(H.value, "list"),
-			panelSize: l(H.value, "panel"),
-			tabVariant: l(U.value, "tab"),
-			listVariant: l(U.value, "list"),
-			tabOrientation: l(G.value, "tab"),
-			colorSelected: l(W.value, "tabSelected"),
-			listOrientation: l(G.value, "list"),
-			rootOrientation: l(G.value, "root"),
-			panelOrientation: l(G.value, "panel"),
-			tabVariantSelected: l(U.value, "tabSelected"),
-			colorSelectedSoft: l(W.value, "tabSelectedSoft"),
+			tabSize: p(H.value, "tab"),
+			iconGap: p(H.value, "gap"),
+			iconSize: p(H.value, "icon"),
+			listSize: p(H.value, "list"),
+			panelSize: p(H.value, "panel"),
+			tabVariant: p(U.value, "tab"),
+			listVariant: p(U.value, "list"),
+			tabOrientation: p(G.value, "tab"),
+			colorSelected: p(W.value, "tabSelected"),
+			listOrientation: p(G.value, "list"),
+			rootOrientation: p(G.value, "root"),
+			panelOrientation: p(G.value, "panel"),
+			tabVariantSelected: p(U.value, "tabSelected"),
+			colorSelectedSoft: p(W.value, "tabSelectedSoft"),
 			softFill: A.value.variant === "pill" || A.value.variant === "solid"
 		}
 	}));
@@ -87,9 +87,9 @@ function y(y, b, x, S) {
 	let q = i(() => A.value.customProps);
 	return {
 		merged: A,
-		rootBind: i(() => e(q.value?.root, k.value.inheritedAttrs, { class: u({
-			[l(G.value, "root") ?? ""]: !0,
-			[l(L.value, "root") ?? ""]: !0
+		rootBind: i(() => e(q.value?.root, k.value.inheritedAttrs, { class: l({
+			[p(G.value, "root") ?? ""]: !0,
+			[p(L.value, "root") ?? ""]: !0
 		}) })),
 		tabItems: O,
 		contextValue: K

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

@@ -10,7 +10,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
 }>, {
-    withErrorIcon: boolean;
+    showErrorIcon: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/Components/TextField/TextField.vue_vue_type_script_setup_true_lang.js

@@ -20,20 +20,20 @@ var g = /* @__PURE__ */ a({
 		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: {}

package/dist/Components/TextField/composables/useTextField.d.ts

@@ -4,13 +4,13 @@ export declare function useTextField(props: TextFieldOwnProps): {
         slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
         }>;
-        merged: import('vue').ComputedRef<Omit<import('../../FormField').FormFieldOwnProps, "color" | "size" | "rounded" | "variant" | "errorIcon" | "withErrorIcon"> & {
+        merged: import('vue').ComputedRef<Omit<import('../../FormField').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: NonNullable<import('../../..').IconSource | undefined>;
-            withErrorIcon: NonNullable<boolean | 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, {}>>;
@@ -427,7 +427,7 @@ export declare function useTextField(props: TextFieldOwnProps): {
             onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-        }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "readonly" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>>;
+        }, Partial<Omit<Omit<import('../../FormField').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, {}>>;
@@ -675,5 +675,5 @@ export declare function useTextField(props: TextFieldOwnProps): {
         onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-    }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "readonly" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>>;
+    }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showErrorIcon" | "startIcon">>>>;
 };

package/dist/Components/TextField/composables/useTextField.js

@@ -13,8 +13,8 @@ function n(n) {
 		rounded: "md",
 		color: "primary",
 		variant: "outline",
-		withErrorIcon: !0
-	});
+		showErrorIcon: !0
+	}, { componentName: "TextField" });
 	return {
 		formField: i,
 		inputBind: i.inputBind

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

@@ -10,7 +10,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
 }>, {
-    withErrorIcon: boolean;
+    showErrorIcon: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/Components/Textarea/Textarea.vue_vue_type_script_setup_true_lang.js

@@ -23,20 +23,20 @@ var v = /* @__PURE__ */ a({
 		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: {}

package/dist/Components/Textarea/composables/useTextarea.d.ts

@@ -5,13 +5,13 @@ export declare function useTextarea(props: TextareaOwnProps, textareaRef: Ref<nu
         slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
         }>;
-        merged: import('vue').ComputedRef<Omit<import('../../FormField').FormFieldOwnProps, "color" | "size" | "rounded" | "variant" | "errorIcon" | "withErrorIcon"> & {
+        merged: import('vue').ComputedRef<Omit<import('../../FormField').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: NonNullable<import('../../..').IconSource | undefined>;
-            withErrorIcon: NonNullable<boolean | 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, {}>>;
@@ -428,7 +428,7 @@ export declare function useTextarea(props: TextareaOwnProps, textareaRef: Ref<nu
             onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-        }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "readonly" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>>;
+        }, Partial<Omit<Omit<import('../../FormField').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, {}>>;
@@ -677,7 +677,7 @@ export declare function useTextarea(props: TextareaOwnProps, textareaRef: Ref<nu
         onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-    }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "readonly" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>, {
+    }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showErrorIcon" | "startIcon">>>, {
         rows?: string | number | undefined;
         onInput?: ((event: Event) => void) | undefined;
     }>>;

package/dist/Components/Textarea/composables/useTextarea.js

@@ -1,8 +1,8 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { useFormField as r } from "../../FormField/composables/useFormField.js";
 import { computed as i, onMounted as a, useAttrs as o, watch as s } from "vue";
-import { get as c, isNil as l, omit as u } from "es-toolkit/compat";
-import { adjustAutosizeTextareaHeight as d, cn as f, mergeBridgeUILayeredClasses as p } from "@bridge-ui/core";
+import { adjustAutosizeTextareaHeight as c, cn as l, mergeBridgeUILayeredClasses as u } from "@bridge-ui/core";
+import { get as d, isNil as f, omit as p } from "es-toolkit/compat";
 import { resizeProps as m } from "@bridge-ui/core/Tokens/Textarea";
 //#region src/Components/Textarea/composables/useTextarea.ts
 function h(h, g) {
@@ -24,8 +24,8 @@ function h(h, g) {
 		let e = _.rows;
 		return S.value ? e ?? 1 : e;
 	}), T = r(() => ({
-		...u(_, ["rows"]),
-		...u(h, [
+		...p(_, ["rows"]),
+		...p(h, [
 			"autosize",
 			"resize",
 			"likeInput",
@@ -37,18 +37,19 @@ function h(h, g) {
 		rounded: "md",
 		color: "primary",
 		variant: "outline",
-		withErrorIcon: !0
+		showErrorIcon: !0
 	}, {
+		componentName: "Textarea",
 		control: () => "textarea",
 		likeInput: () => S.value
-	}), E = i(() => C.value ? "none" : b.value.resize ?? "none"), D = i(() => c(p(m, y.value?.tokens?.resize), E.value ?? "none")), O = i(() => _.onInput), k = (e) => {
-		!e || !C.value || d(e);
+	}), E = i(() => C.value ? "none" : b.value.resize ?? "none"), D = i(() => d(u(m, y.value?.tokens?.resize), E.value ?? "none")), O = i(() => _.onInput), k = (e) => {
+		!e || !C.value || c(e);
 	}, A = (e) => {
 		k(e.target), O.value?.(e);
 	}, j = i(() => e(T.inputBind.value, {
 		...C.value ? { onInput: A } : {},
-		...l(w.value) ? {} : { rows: w.value }
-	}, f({
+		...f(w.value) ? {} : { rows: w.value }
+	}, l({
 		"flex-1 min-w-0": S.value,
 		"overflow-hidden": C.value,
 		"min-w-0 flex-none": !S.value,

package/dist/Components/Tooltip/composables/useTooltip.js

@@ -1,7 +1,7 @@
 import { mergePartBind as e, resolveVnodeRefElement as t, useBridgeUIComponent as ee, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { computed as r, nextTick as i, onBeforeUnmount as a, ref as o, toValue as s, useAttrs as c, useId as l, watch as u } from "vue";
-import { get as d, omit as te } from "es-toolkit/compat";
-import { LAYER_STACK_BASE_Z_INDEX as f, acquireLayerStackOrder as p, cn as m, createPositionable as ne, mergeBridgeUILayeredClasses as h, pushLayerStack as g, splitComponentProps as _ } from "@bridge-ui/core";
+import { LAYER_STACK_BASE_Z_INDEX as d, acquireLayerStackOrder as f, cn as p, createPositionable as m, mergeBridgeUILayeredClasses as h, pushLayerStack as te, splitComponentProps as ne } from "@bridge-ui/core";
+import { get as g, omit as _ } from "es-toolkit/compat";
 import { colorProps as v, roundedProps as y, sizeProps as re } from "@bridge-ui/core/Tokens/Tooltip";
 //#region src/Components/Tooltip/composables/useTooltip.ts
 var b = [
@@ -21,11 +21,11 @@ var b = [
 	"customProps"
 ];
 function x(x, ie, S = {}) {
-	let C = c(), w = l(), T = o(!1), E = o(""), D = o(null), O = o(null), k = o(null), A = null, j = !1, M = null, N = null, P = null, F = null, I = o(f), L = r(() => s(S.show ?? !1));
+	let C = c(), w = l(), T = o(!1), E = o(""), D = o(null), O = o(null), k = o(null), A = null, j = !1, M = null, N = null, P = null, F = null, I = o(d), L = r(() => s(S.show ?? !1));
 	function R(e) {
 		S.show && (S.show.value = e), S.onShowChange?.(e);
 	}
-	let z = r(() => _({
+	let z = r(() => ne({
 		bridgeKeys: b,
 		props: {
 			...C,
@@ -38,7 +38,7 @@ function x(x, ie, S = {}) {
 	}), H = r(() => B.value.customProps), U = n({
 		entry: V,
 		props: () => z.value.componentProps
-	}), W = r(() => B.value.teleportTo !== !1), G = r(() => d(h(v, V.value?.tokens?.color), B.value.color)), K = r(() => d(h(re, V.value?.tokens?.size), B.value.size)), q = r(() => d(h(y, V.value?.tokens?.rounded), B.value.rounded)), J = r(() => te(z.value.inheritedAttrs, ["anchorEl", "onShowChange"]));
+	}), W = r(() => B.value.teleportTo !== !1), G = r(() => g(h(v, V.value?.tokens?.color), B.value.color)), K = r(() => g(h(re, V.value?.tokens?.size), B.value.size)), q = r(() => g(h(y, V.value?.tokens?.rounded), B.value.rounded)), J = r(() => _(z.value.inheritedAttrs, ["anchorEl", "onShowChange"]));
 	function Y() {
 		P !== null && (clearTimeout(P), P = null), F !== null && (clearTimeout(F), F = null);
 	}
@@ -89,7 +89,7 @@ function x(x, ie, S = {}) {
 	function de() {
 		Q();
 		let e = ae(), t = O.value;
-		!L.value || !e || !t || (N = ne({
+		!L.value || !e || !t || (N = m({
 			floating: t,
 			reference: e,
 			shiftCrossAxis: !1,
@@ -105,18 +105,18 @@ function x(x, ie, S = {}) {
 		}));
 	}
 	function $() {
-		M?.release(), M = null, E.value = "", I.value = f;
+		M?.release(), M = null, E.value = "", I.value = d;
 	}
 	function fe() {
 		if ($(), !L.value) {
 			A = null;
 			return;
 		}
-		A === null && (A = p());
+		A === null && (A = f());
 		function e() {
 			L.value && (Y(), R(!1));
 		}
-		M = g({
+		M = te({
 			order: A,
 			lockScroll: !1,
 			onEscape: e
@@ -156,9 +156,9 @@ function x(x, ie, S = {}) {
 	}, { immediate: !0 }), a(() => {
 		Y(), Q(), $();
 	});
-	let ge = r(() => e(H.value?.root, J.value, m({
+	let ge = r(() => e(H.value?.root, J.value, p({
 		"relative inline-flex": !0,
-		[d(U.value, "root") ?? ""]: !0
+		[g(U.value, "root") ?? ""]: !0
 	}))), _e = r(() => e(H.value?.trigger, {}, {
 		onBlur: le,
 		onFocus: ce,
@@ -166,20 +166,20 @@ function x(x, ie, S = {}) {
 		onPointerenter: oe,
 		onPointerleave: se,
 		"aria-describedby": L.value ? w : void 0,
-		class: m({
+		class: p({
 			"inline-flex w-fit max-w-full outline-hidden": !0,
-			[d(U.value, "trigger") ?? ""]: !0
+			[g(U.value, "trigger") ?? ""]: !0
 		})
 	})), ve = r(() => e(H.value?.content, {}, {
 		id: w,
 		role: "tooltip",
 		style: { zIndex: I.value },
-		class: m({
+		class: p({
 			"pointer-events-none absolute w-max max-w-xs font-medium shadow-md": !0,
 			[G.value?.content ?? ""]: !0,
 			[K.value?.content ?? ""]: !0,
 			[q.value ?? ""]: !0,
-			[d(U.value, "content") ?? ""]: !0
+			[g(U.value, "content") ?? ""]: !0
 		})
 	}));
 	return {
@@ -190,10 +190,10 @@ function x(x, ie, S = {}) {
 		tooltipId: w,
 		arrowBind: r(() => B.value.arrow ? e(H.value?.arrow, {}, {
 			"aria-hidden": !0,
-			class: m({
+			class: p({
 				"pointer-events-none absolute size-2 rotate-45": !0,
 				[G.value?.arrow ?? ""]: !0,
-				[d(U.value, "arrow") ?? ""]: !0
+				[g(U.value, "arrow") ?? ""]: !0
 			})
 		}) : null),
 		isPortaled: W,

package/dist/Provider/bridgeUITypes.d.ts

@@ -1,8 +1,11 @@
 import { ComputedRef } from 'vue';
-import { BridgeUIComponentsConfig, BridgeUIGlobal } from '@bridge-ui/core';
+import { BridgeUIComponentsConfig, BridgeUIGlobal, Direction } from '@bridge-ui/core';
 export interface BridgeUIContextApi {
     components: ComputedRef<BridgeUIComponentsConfig>;
     global: ComputedRef<BridgeUIGlobal>;
     setComponents: (patch: BridgeUIComponentsConfig) => void;
+    setDirection: (direction: Direction) => void;
     setGlobal: (patch: Partial<BridgeUIGlobal>) => void;
+    setLocale: (locale: string) => void;
+    setTheme: (theme: string) => void;
 }

package/dist/Provider/createBridgeUIApi.js

@@ -21,6 +21,15 @@ function o(o, s) {
 		t !== void 0 && (r.icons = t), c.value = r;
 	}
 	function h(e) {
+		m({ theme: e });
+	}
+	function g(e) {
+		m({ locale: e }), d.value.i18n?.setLocale?.(e);
+	}
+	function _(e) {
+		m({ direction: e });
+	}
+	function v(e) {
 		l.value = r({
 			partials: [e],
 			base: l.value
@@ -28,9 +37,12 @@ function o(o, s) {
 	}
 	return {
 		global: d,
+		setTheme: h,
 		setGlobal: m,
+		setLocale: g,
 		components: p,
-		setComponents: h
+		setDirection: _,
+		setComponents: v
 	};
 }
 //#endregion

package/dist/Utils/index.d.ts

@@ -4,7 +4,7 @@ import { FormFieldSize } from '@bridge-ui/core/Tokens/FormField';
 import { IconSize } from '@bridge-ui/core/Tokens/Icon';
 import { useBridgeUI } from '../Provider/useBridgeUI';
 type RegistryEntryFor<K extends keyof BridgeUIComponentsConfig> = NonNullable<BridgeUIComponentsConfig[K]>;
-export type UseBridgeUIComponentReturn<P extends object, K extends keyof BridgeUIComponentsConfig> = {
+export type UseBridgeUIComponentReturn<P extends object, K extends keyof BridgeUIComponentsConfig = keyof BridgeUIComponentsConfig> = {
     bridge: ReturnType<typeof useBridgeUI>;
     components: ComputedRef<null | BridgeUIComponentsConfig>;
     entry: ComputedRef<undefined | RegistryEntryFor<K>>;
@@ -28,8 +28,8 @@ export declare const mergeNestedComponentProps: <P extends {
 /**
  * Registry entry + props merged with Bridge defaults for a named component.
  */
-export declare function useBridgeUIComponent<P extends object, K extends keyof BridgeUIComponentsConfig>({ props, libDefaults, componentName, }: {
-    componentName: K;
+export declare function useBridgeUIComponent<P extends object, K extends keyof BridgeUIComponentsConfig = keyof BridgeUIComponentsConfig>({ props, libDefaults, componentName, }: {
+    componentName?: K;
     libDefaults?: Partial<P>;
     props: MaybeRefOrGetter<Partial<P>>;
 }): UseBridgeUIComponentReturn<P, K>;

package/dist/Utils/index.js

@@ -3,8 +3,8 @@ import { hasNamedSlot as t, hasSlotOrProp as n, isPropPresent as r, resolveNamed
 import { useBreakpoint as o } from "./useBreakpoint.js";
 import { useHoldRepeat as s } from "./useHoldRepeat.js";
 import { computed as c, defineComponent as l, toValue as u, unref as d } from "vue";
-import { get as f, isNil as p } from "es-toolkit/compat";
-import { createMergeNestedComponentProps as m, createMergePartBind as h } from "@bridge-ui/core";
+import { createMergeNestedComponentProps as f, createMergePartBind as p } from "@bridge-ui/core";
+import { get as m, isNil as h } from "es-toolkit/compat";
 import { mergeBridgeUILayeredClasses as g, mergePropsWithBridgeUIDefaults as _ } from "@bridge-ui/core/Utils";
 //#region src/Utils/index.ts
 function v(e) {
@@ -15,26 +15,29 @@ function v(e) {
 		}
 	});
 }
-var y = h("class"), b = m(y);
+var y = p("class"), b = f(y);
 function x({ props: t, libDefaults: n, componentName: r }) {
-	let i = e(), a = c(() => p(i) ? null : d(i.components));
+	let i = e(), a = c(() => h(i) ? null : d(i.components));
 	return {
-		entry: c(() => f(a.value, r)),
+		entry: c(() => {
+			if (r) return m(a.value, r);
+		}),
 		bridge: i,
 		merged: c(() => _({
 			libDefaults: n,
 			componentName: r,
 			props: u(t),
-			components: a.value
+			components: a.value,
+			formDefaults: i?.global.value.formDefaults
 		})),
 		components: a
 	};
 }
 function S({ entry: e, props: t }) {
-	return c(() => g(f(e.value, "classes"), u(t).classes));
+	return c(() => g(m(e.value, "classes"), u(t).classes));
 }
 function C(e) {
-	return f({
+	return m({
 		xs: "xs",
 		sm: "sm",
 		md: "md",

package/dist/Utils/useBreakpoint.js

@@ -1,24 +1,24 @@
 import { useBridgeUI as e } from "../Provider/useBridgeUI.js";
 import { onBeforeUnmount as t, reactive as n, toValue as r, watch as i } from "vue";
-import { isEmpty as a, isNil as o } from "es-toolkit/compat";
-import { buildBreakpointSnapshot as s, createBreakpointObserver as c, resolveBreakpoints as l } from "@bridge-ui/core";
+import { buildBreakpointSnapshot as a, createBreakpointObserver as o, resolveBreakpoints as s } from "@bridge-ui/core";
+import { isEmpty as c, isNil as l } from "es-toolkit/compat";
 import { toMerged as u } from "es-toolkit/object";
 //#region src/Utils/useBreakpoint.ts
 function d(d) {
-	let f = e(), p = n(s(0, 0, l(), "sm")), m, h;
+	let f = e(), p = n(a(0, 0, s(), "sm")), m, h;
 	function g(e) {
 		Object.assign(p, e);
 	}
 	function _(e) {
 		let t = u(f?.global.value.breakpoints ?? {}, e?.breakpoints ?? {});
 		return {
-			breakpoints: a(t) ? void 0 : t,
-			mobileBreakpoint: o(e?.mobileBreakpoint) ? f?.global.value.mobileBreakpoint : e.mobileBreakpoint
+			breakpoints: c(t) ? void 0 : t,
+			mobileBreakpoint: l(e?.mobileBreakpoint) ? f?.global.value.mobileBreakpoint : e.mobileBreakpoint
 		};
 	}
 	function v(e) {
-		h?.(), h = void 0, m = c(_(e)), g(m.getSnapshot()), h = m.subscribe(() => {
-			o(m) || g(m.getSnapshot());
+		h?.(), h = void 0, m = o(_(e)), g(m.getSnapshot()), h = m.subscribe(() => {
+			l(m) || g(m.getSnapshot());
 		});
 	}
 	return v(r(d)), i(() => [