@bridge-ui/vue 0.0.6 → 0.0.7

package/dist/Components/Switch/composables/useSwitch.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/Switch";
 //#region src/Components/Switch/composables/useSwitch.ts
 var g = [
@@ -19,9 +19,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,
@@ -34,22 +34,22 @@ function _(_, v, y) {
 	}), T = i(() => C.value.customProps), E = n({
 		entry: w,
 		props: () => S.value.componentProps
-	}), D = i(() => !!a(y)), 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)), 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,
 		role: "switch",
 		type: "checkbox"
-	}, c(S.value.inheritedAttrs, ["class"]), l({
+	}, d(S.value.inheritedAttrs, ["class"]), s({
 		"sr-only": !0,
 		[E.value.input ?? ""]: !0
-	}))), P = i(() => e(T.value?.track, { "aria-hidden": !0 }, l({
+	}))), P = i(() => e(T.value?.track, { "aria-hidden": !0 }, s({
 		"block cursor-pointer transition ease-in-out duration-100": !0,
 		[j.value?.track ?? ""]: !0,
 		[M.value ?? ""]: !0,
 		[A.value?.track ?? ""]: !D.value,
 		[A.value?.trackChecked ?? ""]: D.value,
 		[E.value.track ?? ""]: !0
-	}))), F = i(() => e(T.value?.thumb, { "aria-hidden": !0 }, l({
+	}))), F = i(() => e(T.value?.thumb, { "aria-hidden": !0 }, s({
 		"pointer-events-none absolute start-0.5 top-1/2 -translate-y-1/2 rounded-full shadow-sm transition ease-in-out duration-200": !0,
 		[j.value?.thumb ?? ""]: !0,
 		[j.value?.thumbCheckedTranslate ?? ""]: D.value,
@@ -57,7 +57,7 @@ function _(_, v, y) {
 		[E.value.thumb ?? ""]: !0
 	})));
 	return {
-		fieldBind: i(() => e({}, {}, l({
+		fieldBind: i(() => e({}, {}, s({
 			"relative inline-flex shrink-0 select-none": !0,
 			"has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-offset-2": !0,
 			[M.value ?? ""]: !0,

package/dist/Components/Tab/composables/useTab.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 "../../Tabs/tabsInjectionKey.js";
 import { computed as i, inject as a, onBeforeUnmount as o, onMounted as s, useAttrs as c, watch as l } from "vue";
-import { get as u } from "es-toolkit/compat";
-import { cn as d, getTabId as f, getTabPanelId as p, splitComponentProps as m } from "@bridge-ui/core";
+import { cn as u, getTabId as d, getTabPanelId as f, splitComponentProps as p } from "@bridge-ui/core";
+import { get as m } from "es-toolkit/compat";
 //#region src/Components/Tab/composables/useTab.ts
 var h = [
 	"value",
@@ -15,7 +15,7 @@ var h = [
 function g(g) {
 	let _ = c(), v = a(r, null);
 	if (!v) throw Error("Tab must be used within a Tabs provider");
-	let y = v, b = i(() => m({
+	let y = v, b = i(() => p({
 		bridgeKeys: h,
 		props: {
 			..._,
@@ -56,9 +56,9 @@ function g(g) {
 				onKeydown: A,
 				"aria-selected": T.value,
 				tabindex: T.value ? 0 : -1,
-				id: f(t.id, C.value),
-				"aria-controls": p(t.id, C.value),
-				class: d({
+				id: d(t.id, C.value),
+				"aria-controls": f(t.id, C.value),
+				class: u({
 					"inline-flex cursor-pointer items-center justify-center transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/40 disabled:pointer-events-none disabled:opacity-50": !0,
 					[t.tokenClasses.iconGap ?? ""]: !0,
 					[t.tokenClasses.tabSize ?? ""]: !0,
@@ -67,19 +67,19 @@ function g(g) {
 					[t.tokenClasses.tabVariantSelected ?? ""]: T.value,
 					[t.tokenClasses.colorSelected ?? ""]: T.value,
 					[t.tokenClasses.colorSelectedSoft ?? ""]: T.value && t.tokenClasses.softFill === !0,
-					[u(O.value, "root") ?? ""]: !0
+					[m(O.value, "root") ?? ""]: !0
 				})
 			});
 		}),
 		selected: T,
-		endIconBind: i(() => e(j.value?.endIcon, {}, d({
+		endIconBind: i(() => e(j.value?.endIcon, {}, u({
 			"shrink-0": !0,
-			[u(O.value, "endIcon") ?? ""]: !0
+			[m(O.value, "endIcon") ?? ""]: !0
 		}))),
 		endSlotBind: i(() => e(j.value?.end, {}, "inline-flex shrink-0 items-center")),
-		startIconBind: i(() => e(j.value?.startIcon, {}, d({
+		startIconBind: i(() => e(j.value?.startIcon, {}, u({
 			"shrink-0": !0,
-			[u(O.value, "startIcon") ?? ""]: !0
+			[m(O.value, "startIcon") ?? ""]: !0
 		}))),
 		startSlotBind: i(() => e(j.value?.start, {}, "inline-flex shrink-0 items-center"))
 	};

package/dist/Components/TabList/composables/useTabList.js

@@ -1,14 +1,14 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { TABS_INJECTION_KEY as r } from "../../Tabs/tabsInjectionKey.js";
 import { computed as i, inject as a, useAttrs as o } from "vue";
-import { get as s } from "es-toolkit/compat";
-import { cn as c, getAdjacentTabValue as l, getTabId as u, splitComponentProps as d } from "@bridge-ui/core";
+import { cn as s, getAdjacentTabValue as c, getTabId as l, splitComponentProps as u } from "@bridge-ui/core";
+import { get as d } from "es-toolkit/compat";
 //#region src/Components/TabList/composables/useTabList.ts
 var f = ["classes", "customProps"];
 function p(p) {
 	let m = o(), h = a(r, null);
 	if (!h) throw Error("TabList must be used within a Tabs provider");
-	let g = h, _ = i(() => d({
+	let g = h, _ = i(() => u({
 		bridgeKeys: f,
 		props: {
 			...m,
@@ -22,10 +22,10 @@ function p(p) {
 		props: () => _.value.componentProps
 	});
 	function x(e) {
-		let t = g.value, n = t.orientation === "horizontal", r = n ? "ArrowRight" : "ArrowDown", i = n ? "ArrowLeft" : "ArrowUp", a = typeof document < "u" ? document.activeElement?.id : void 0, o = t.tabValues.find((e) => u(t.id, e) === a) ?? t.selected;
+		let t = g.value, n = t.orientation === "horizontal", r = n ? "ArrowRight" : "ArrowDown", i = n ? "ArrowLeft" : "ArrowUp", a = typeof document < "u" ? document.activeElement?.id : void 0, o = t.tabValues.find((e) => l(t.id, e) === a) ?? t.selected;
 		if (e.key === r || e.key === i) {
 			e.preventDefault();
-			let n = e.key === r ? 1 : -1, i = l(t.tabValues, o, n, new Set(t.disabledValues));
+			let n = e.key === r ? 1 : -1, i = c(t.tabValues, o, n, new Set(t.disabledValues));
 			t.focusTab(i), t.activation === "automatic" && t.setSelected(i);
 			return;
 		}
@@ -50,12 +50,12 @@ function p(p) {
 				role: "tablist",
 				onKeydown: x,
 				"aria-orientation": t.orientation,
-				class: c({
+				class: s({
 					flex: !0,
 					[t.tokenClasses.listOrientation ?? ""]: !0,
 					[t.tokenClasses.listSize ?? ""]: !0,
 					[t.tokenClasses.listVariant ?? ""]: !0,
-					[s(b.value, "root") ?? ""]: !0
+					[d(b.value, "root") ?? ""]: !0
 				})
 			});
 		})

package/dist/Components/TabPanel/composables/useTabPanel.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 "../../Tabs/tabsInjectionKey.js";
 import { computed as i, getCurrentInstance as a, inject as o, useAttrs as s } from "vue";
-import { get as c } from "es-toolkit/compat";
-import { cn as l, getTabId as u, getTabPanelId as d, splitComponentProps as f } from "@bridge-ui/core";
+import { cn as c, getTabId as l, getTabPanelId as u, splitComponentProps as d } from "@bridge-ui/core";
+import { get as f } from "es-toolkit/compat";
 //#region src/Components/TabPanel/composables/useTabPanel.ts
 var p = [
 	"value",
@@ -13,7 +13,7 @@ var p = [
 function m(m) {
 	let h = s(), g = o(r, null);
 	if (!g) throw Error("TabPanel must be used within a Tabs provider");
-	let _ = g, v = i(() => f({
+	let _ = g, v = i(() => d({
 		props: {
 			...h,
 			...m
@@ -34,12 +34,12 @@ function m(m) {
 				role: "tabpanel",
 				hidden: !S.value,
 				tabindex: S.value ? 0 : -1,
-				id: d(t.id, x.value),
-				"aria-labelledby": u(t.id, x.value),
-				class: l({
+				id: u(t.id, x.value),
+				"aria-labelledby": l(t.id, x.value),
+				class: c({
 					[t.tokenClasses.panelSize ?? ""]: !0,
 					[t.tokenClasses.panelOrientation ?? ""]: !0,
-					[c(w.value, "root") ?? ""]: !0
+					[f(w.value, "root") ?? ""]: !0
 				})
 			});
 		}),

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" | "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, {}>>;
@@ -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" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "hideErrorMessage" | "readonly" | "errorIcon" | "showErrorIcon" | "corner">>>>;
 };

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

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

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" | "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, {}>>;
@@ -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" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "hideErrorMessage" | "readonly" | "errorIcon" | "showErrorIcon" | "corner">>>, {
         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,18 @@ function h(h, g) {
 		rounded: "md",
 		color: "primary",
 		variant: "outline",
-		withErrorIcon: !0
+		showErrorIcon: !0
 	}, {
 		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;
 }