@bridge-ui/vue 0.0.7 → 0.0.9

package/dist/Components/Snackbar/composables/useSnackbar.js

@@ -36,10 +36,23 @@ function m(m, h, g = {}) {
 	}), F = r(() => N.value.customProps), I = r(() => ge(M.value.inheritedAttrs, ["onShowChange"])), L = n({
 		entry: P,
 		props: () => M.value.componentProps
-	}), R = r(() => pe(g.show) ? !1 : ne(g.show)), z = r(() => {
+	}), R = r(() => !pe(g.show) && ne(g.show)), z = r(() => {
 		let e = N.value.transition ?? "none";
 		return e in ue ? e : "none";
-	}), B = r(() => d(z.value)), ye = r(() => u(z.value)), V = r(() => p(f(oe, P.value?.tokens?.color), N.value.color)), H = r(() => p(f(se, P.value?.tokens?.padding), N.value.padding)), be = r(() => p(f(le, P.value?.tokens?.rounded), N.value.rounded)), xe = r(() => me(N.value.icon) ? null : N.value.icon ? N.value.icon : p(V.value, "icon") ?? p(ee, N.value.color)), U = r(() => N.value.duration === !1 ? 0 : N.value.duration ?? 0), W = r(() => R.value && _.value && U.value > 0 && N.value.progressbar !== !1), G = r(() => N.value.teleportTo !== !1), Se = r(() => G.value ? p(f(ce, P.value?.tokens?.position), N.value.position ?? "bottom-center") : "");
+	}), B = r(() => d(z.value)), ye = r(() => u(z.value)), V = r(() => {
+		let e = f(oe, P.value?.tokens?.color);
+		return p(e, N.value.color);
+	}), H = r(() => {
+		let e = f(se, P.value?.tokens?.padding);
+		return p(e, N.value.padding);
+	}), be = r(() => {
+		let e = f(le, P.value?.tokens?.rounded);
+		return p(e, N.value.rounded);
+	}), xe = r(() => me(N.value.icon) ? null : N.value.icon ? N.value.icon : p(V.value, "icon") ?? p(ee, N.value.color)), U = r(() => N.value.duration === !1 ? 0 : N.value.duration ?? 0), W = r(() => R.value && _.value && U.value > 0 && N.value.progressbar !== !1), G = r(() => N.value.teleportTo !== !1), Se = r(() => {
+		if (!G.value) return "";
+		let e = f(ce, P.value?.tokens?.position);
+		return p(e, N.value.position ?? "bottom-center");
+	});
 	function K() {
 		O.value &&= (clearTimeout(O.value), null);
 	}
@@ -90,7 +103,7 @@ function m(m, h, g = {}) {
 		}), Z(e);
 	}
 	function Ee(e) {
-		!_.value || D.value !== "closed" || e.target === e.currentTarget && (e.propertyName === "none" || e.elapsedTime === 0 || J());
+		!_.value || D.value !== "closed" || e.target === e.currentTarget && e.propertyName !== "none" && e.elapsedTime !== 0 && J();
 	}
 	o(R, (e) => {
 		if (e) {

package/dist/Components/Spinner/Spinner.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { useSpinner as e } from "./composables/useSpinner.js";
 import { createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, guardReactiveProps as a, mergeProps as o, normalizeProps as s, openBlock as c, unref as l } from "vue";
 //#region src/Components/Spinner/Spinner.vue?vue&type=script&setup=true&lang.ts
-var u = /* @__PURE__ */ i({
+var u = /*@__PURE__*/ i({
 	inheritAttrs: !1,
 	__name: "Spinner",
 	props: {

package/dist/Components/Spinner/composables/useSpinner.js

@@ -32,7 +32,16 @@ function v(f, v) {
 	}), C = n({
 		entry: S,
 		props: () => b.value.componentProps
-	}), w = r(() => x.value.customProps), T = r(() => d(l(p, S.value?.tokens?.color), x.value.color)), E = r(() => d(l(m, S.value?.tokens?.size), x.value.size)), D = r(() => d(l(h, S.value?.tokens?.variant), x.value.variant)), O = r(() => x.value.thickness ?? a), k = r(() => c(O.value)), A = o / 2, j = r(() => _(x.value.value)), M = r(() => !!x.value.enableTrack), N = r(() => !!x.value.disableShrink), P = r(() => x.value.variant === "determinate"), F = r(() => x.value.variant === "indeterminate"), I = r(() => e(w.value?.root, b.value.inheritedAttrs, {
+	}), w = r(() => x.value.customProps), T = r(() => {
+		let e = l(p, S.value?.tokens?.color);
+		return d(e, x.value.color);
+	}), E = r(() => {
+		let e = l(m, S.value?.tokens?.size);
+		return d(e, x.value.size);
+	}), D = r(() => {
+		let e = l(h, S.value?.tokens?.variant);
+		return d(e, x.value.variant);
+	}), O = r(() => x.value.thickness ?? a), k = r(() => c(O.value)), A = o / 2, j = r(() => _(x.value.value)), M = r(() => !!x.value.enableTrack), N = r(() => !!x.value.disableShrink), P = r(() => x.value.variant === "determinate"), F = r(() => x.value.variant === "indeterminate"), I = r(() => e(w.value?.root, b.value.inheritedAttrs, {
 		role: "progressbar",
 		...P.value ? {
 			"aria-valuemin": 0,

package/dist/Components/Switch/Switch.vue_vue_type_script_setup_true_lang.js

@@ -2,10 +2,10 @@ import e from "../FormControl/FormControl.js";
 import { useSwitch as t } from "./composables/useSwitch.js";
 import { computed as n, createBlock as r, createElementVNode as i, defineComponent as a, guardReactiveProps as o, mergeModels as s, mergeProps as c, normalizeProps as l, openBlock as u, ref as d, unref as f, useAttrs as p, useModel as m, withCtx as h } from "vue";
 //#region src/Components/Switch/Switch.vue?vue&type=script&setup=true&lang.ts
-var g = ["checked"], _ = /* @__PURE__ */ a({
+var g = ["checked"], _ = /*@__PURE__*/ a({
 	inheritAttrs: !1,
 	__name: "Switch",
-	props: /* @__PURE__ */ s({
+	props: /*@__PURE__*/ s({
 		classes: {},
 		color: {},
 		customProps: {},
@@ -32,26 +32,26 @@ var g = ["checked"], _ = /* @__PURE__ */ a({
 	}),
 	emits: ["update:modelValue"],
 	setup(a) {
-		let s = p(), _ = a, v = d(!!_.defaultChecked), y = m(a, "modelValue"), { fieldBind: b, inputBind: x, isChecked: S, thumbBind: C, trackBind: w, formControl: T } = t(() => ({
+		let s = p(), _ = a, v = d(!!_.defaultChecked), y = m(a, "modelValue"), b = n(() => y.value ?? v.value), { fieldBind: x, inputBind: S, isChecked: C, thumbBind: w, trackBind: T, formControl: E } = t(() => ({
 			...s,
 			..._
 		}), {
 			size: "md",
 			rounded: "full",
 			color: "primary"
-		}, n(() => y.value ?? v.value));
-		function E(e) {
+		}, b);
+		function D(e) {
 			let t = e.target;
 			y.value = t.checked, v.value = t.checked;
 		}
-		return (t, n) => (u(), r(f(e), { field: f(T) }, {
-			default: h(() => [i("label", l(o(f(b))), [
-				i("input", c(f(x), {
-					checked: f(S),
-					onChange: E
+		return (t, n) => (u(), r(f(e), { field: f(E) }, {
+			default: h(() => [i("label", l(o(f(x))), [
+				i("input", c(f(S), {
+					checked: f(C),
+					onChange: D
 				}), null, 16, g),
-				i("span", l(o(f(w))), null, 16),
-				i("span", l(o(f(C))), null, 16)
+				i("span", l(o(f(T))), null, 16),
+				i("span", l(o(f(w))), null, 16)
 			], 16)]),
 			_: 1
 		}, 8, ["field"]));

package/dist/Components/Switch/composables/useSwitch.d.ts

@@ -243,7 +243,7 @@ export declare function useSwitch(props: MaybeRefOrGetter<SwitchOwnProps>, libDe
             hideErrorMessage: NonNullable<boolean | undefined>;
         }>;
         rowBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<Omit<import('../../FormControl').FormControlOwnProps, "field">, "error" | "size" | "classes" | "customProps" | "disabled" | "required" | "controlId" | "description" | "endLabel" | "errorMessage" | "hideErrorMessage" | "readonly" | "startLabel">>>>;
+        rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<Omit<import('../../FormControl').FormControlOwnProps, "field">, "error" | "size" | "classes" | "customProps" | "disabled" | "required" | "description" | "errorMessage" | "controlId" | "hideErrorMessage" | "readonly" | "endLabel" | "startLabel">>>>;
         controlId: import('vue').ComputedRef<string>;
         isDisabled: import('vue').ComputedRef<boolean>;
         isReadonly: import('vue').ComputedRef<boolean>;

package/dist/Components/Switch/composables/useSwitch.js

@@ -21,7 +21,7 @@ function _(_, v, y) {
 		error: !1,
 		hideErrorMessage: !1,
 		size: v.size ?? "sm"
-	}), S = i(() => l({
+	}, { componentName: "Switch" }), S = i(() => l({
 		bridgeKeys: g,
 		props: {
 			...b,
@@ -34,7 +34,16 @@ function _(_, v, y) {
 	}), T = i(() => C.value.customProps), E = n({
 		entry: w,
 		props: () => S.value.componentProps
-	}), 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({
+	}), D = i(() => !!a(y)), O = i(() => {
+		let e = c(f, w.value?.tokens?.color);
+		return u(e, C.value.color ?? "primary");
+	}), k = i(() => c(p, w.value?.tokens?.invalidated)), A = i(() => x.invalidated.value ? k.value : O.value), j = i(() => {
+		let e = c(h, w.value?.tokens?.size);
+		return u(e, C.value.size ?? "sm");
+	}), M = i(() => {
+		let e = c(m, w.value?.tokens?.rounded);
+		return u(e, C.value.rounded ?? "full");
+	}), N = i(() => e({
 		...T.value?.input,
 		...x.controlBind.value,
 		role: "switch",

package/dist/Components/Tab/Tab.vue_vue_type_script_setup_true_lang.js

@@ -3,7 +3,7 @@ import n from "../Icon/Icon.js";
 import { useTab as r } from "./composables/useTab.js";
 import { createBlock as i, createCommentVNode as a, createElementBlock as o, defineComponent as s, guardReactiveProps as c, mergeProps as l, normalizeProps as u, openBlock as d, resolveDynamicComponent as f, unref as p, useSlots as m } from "vue";
 //#region src/Components/Tab/Tab.vue?vue&type=script&setup=true&lang.ts
-var h = /* @__PURE__ */ s({
+var h = /*@__PURE__*/ s({
 	inheritAttrs: !1,
 	__name: "Tab",
 	props: {

package/dist/Components/TabItem/TabItem.vue_vue_type_script_setup_true_lang.js

@@ -4,7 +4,7 @@ import { createElementBlock as t, defineComponent as n, openBlock as r, useSlots
 var a = {
 	hidden: "",
 	"aria-hidden": "true"
-}, o = /* @__PURE__ */ n({
+}, o = /*@__PURE__*/ n({
 	name: "TabItem",
 	inheritAttrs: !1,
 	__name: "TabItem",
@@ -18,7 +18,8 @@ var a = {
 		value: {}
 	},
 	setup(n) {
-		return e(n, i()), (e, n) => (r(), t("span", a));
+		let o = i();
+		return e(n, o), (e, n) => (r(), t("span", a));
 	}
 });
 //#endregion

package/dist/Components/TabList/TabList.vue_vue_type_script_setup_true_lang.js

@@ -2,7 +2,7 @@ import { resolveNamedSlot as e } from "../../Utils/slotOrProp.js";
 import { useTabList as t } from "./composables/useTabList.js";
 import { createBlock as n, createElementBlock as r, defineComponent as i, guardReactiveProps as a, normalizeProps as o, openBlock as s, resolveDynamicComponent as c, unref as l, useSlots as u } from "vue";
 //#region src/Components/TabList/TabList.vue?vue&type=script&setup=true&lang.ts
-var d = /* @__PURE__ */ i({
+var d = /*@__PURE__*/ i({
 	inheritAttrs: !1,
 	__name: "TabList",
 	props: {

package/dist/Components/TabPanel/TabPanel.vue_vue_type_script_setup_true_lang.js

@@ -2,7 +2,7 @@ import { resolveNamedSlot as e } from "../../Utils/slotOrProp.js";
 import { useTabPanel as t } from "./composables/useTabPanel.js";
 import { createBlock as n, createCommentVNode as r, createElementBlock as i, defineComponent as a, mergeProps as o, normalizeProps as s, openBlock as c, resolveDynamicComponent as l, unref as u, useSlots as d } from "vue";
 //#region src/Components/TabPanel/TabPanel.vue?vue&type=script&setup=true&lang.ts
-var f = /* @__PURE__ */ a({
+var f = /*@__PURE__*/ a({
 	inheritAttrs: !1,
 	__name: "TabPanel",
 	props: {

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

@@ -6,11 +6,11 @@ type __VLS_ModelProps = {
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (...args: unknown[]) => any;
     change: (value: string) => any;
+    "update:modelValue": (...args: unknown[]) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((...args: unknown[]) => any) | undefined;
     onChange?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: unknown[]) => any) | undefined;
 }>, {
     keepMounted: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/Components/Tabs/Tabs.vue_vue_type_script_setup_true_lang.js

@@ -5,10 +5,10 @@ import r from "../TabPanel/TabPanel.js";
 import { useTabs as i } from "./composables/useTabs.js";
 import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createSlots as u, createTextVNode as d, createVNode as f, defineComponent as p, guardReactiveProps as m, mergeModels as h, mergeProps as g, normalizeProps as _, openBlock as v, renderList as y, resolveDynamicComponent as b, toDisplayString as x, unref as S, useModel as C, useSlots as w, withCtx as T } from "vue";
 //#region src/Components/Tabs/Tabs.vue?vue&type=script&setup=true&lang.ts
-var E = /* @__PURE__ */ p({
+var E = /*@__PURE__*/ p({
 	inheritAttrs: !1,
 	__name: "Tabs",
-	props: /* @__PURE__ */ h({
+	props: /*@__PURE__*/ h({
 		activation: {},
 		classes: {},
 		color: {},
@@ -24,18 +24,18 @@ var E = /* @__PURE__ */ p({
 		modelValue: { default: "" },
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ h(["change", "update:modelValue"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ h(["change", "update:modelValue"], ["update:modelValue"]),
 	setup(p, { emit: h }) {
-		let E = w(), D = h, O = p, { rootBind: k, tabItems: A } = i(O, {
+		let E = w(), D = h, O = p, k = C(p, "modelValue"), { rootBind: A, tabItems: j } = i(O, {
 			size: "md",
 			variant: "line",
 			color: "primary",
 			keepMounted: !0,
 			activation: "automatic",
 			orientation: "horizontal"
-		}, C(p, "modelValue"), D), j = o(() => A.value.length > 0);
-		return (i, o) => (v(), l("div", _(m(S(k))), [j.value ? (v(), l(a, { key: 0 }, [f(n, _(m(O.customProps?.tabList)), {
-			default: T(() => [(v(!0), l(a, null, y(S(A), (e) => (v(), s(t, g({
+		}, k, D), M = o(() => j.value.length > 0);
+		return (i, o) => (v(), l("div", _(m(S(A))), [M.value ? (v(), l(a, { key: 0 }, [f(n, _(m(O.customProps?.tabList)), {
+			default: T(() => [(v(!0), l(a, null, y(S(j), (e) => (v(), s(t, g({
 				key: e.value,
 				value: e.value,
 				"end-icon": e.endIcon,
@@ -59,7 +59,7 @@ var E = /* @__PURE__ */ p({
 				"start-icon"
 			]))), 128))]),
 			_: 1
-		}, 16), (v(!0), l(a, null, y(S(A), (e) => (v(), s(r, g({
+		}, 16), (v(!0), l(a, null, y(S(j), (e) => (v(), s(r, g({
 			key: e.value,
 			value: e.value,
 			"keep-mounted": e.keepMounted

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

@@ -3,10 +3,10 @@ import { useTextField as t } from "./composables/useTextField.js";
 import { computed as n, createBlock as r, createElementVNode as i, defineComponent as a, mergeModels as o, mergeProps as s, openBlock as c, ref as l, unref as u, useModel as d, vModelDynamic as f, withCtx as p, withDirectives as m } from "vue";
 import { isUndefined as h } from "es-toolkit/compat";
 //#region src/Components/TextField/TextField.vue?vue&type=script&setup=true&lang.ts
-var g = /* @__PURE__ */ a({
+var g = /*@__PURE__*/ a({
 	inheritAttrs: !1,
 	__name: "TextField",
-	props: /* @__PURE__ */ o({
+	props: /*@__PURE__*/ o({
 		defaultValue: {},
 		classes: {},
 		color: {},

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

@@ -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" | "hideErrorMessage" | "readonly" | "errorIcon" | "showErrorIcon" | "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" | "hideErrorMessage" | "readonly" | "errorIcon" | "showErrorIcon" | "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

@@ -14,7 +14,7 @@ function n(n) {
 		color: "primary",
 		variant: "outline",
 		showErrorIcon: !0
-	});
+	}, { componentName: "TextField" });
 	return {
 		formField: i,
 		inputBind: i.inputBind

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

@@ -3,10 +3,10 @@ import { useTextarea as t } from "./composables/useTextarea.js";
 import { computed as n, createBlock as r, createElementVNode as i, defineComponent as a, mergeModels as o, mergeProps as s, openBlock as c, ref as l, unref as u, useModel as d, useTemplateRef as f, vModelText as p, watch as m, withCtx as h, withDirectives as g } from "vue";
 import { isUndefined as _ } from "es-toolkit/compat";
 //#region src/Components/Textarea/Textarea.vue?vue&type=script&setup=true&lang.ts
-var v = /* @__PURE__ */ a({
+var v = /*@__PURE__*/ a({
 	inheritAttrs: !1,
 	__name: "Textarea",
-	props: /* @__PURE__ */ o({
+	props: /*@__PURE__*/ o({
 		autosize: { type: Boolean },
 		defaultValue: {},
 		likeInput: { type: Boolean },

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

@@ -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" | "hideErrorMessage" | "readonly" | "errorIcon" | "showErrorIcon" | "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" | "hideErrorMessage" | "readonly" | "errorIcon" | "showErrorIcon" | "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

@@ -39,9 +39,13 @@ function h(h, g) {
 		variant: "outline",
 		showErrorIcon: !0
 	}, {
+		componentName: "Textarea",
 		control: () => "textarea",
 		likeInput: () => S.value
-	}), 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 = i(() => C.value ? "none" : b.value.resize ?? "none"), D = i(() => {
+		let e = u(m, y.value?.tokens?.resize);
+		return d(e, E.value ?? "none");
+	}), O = i(() => _.onInput), k = (e) => {
 		!e || !C.value || c(e);
 	}, A = (e) => {
 		k(e.target), O.value?.(e);

package/dist/Components/TimeField/TimeField.js

@@ -0,0 +1,5 @@
+import e from "./TimeField.vue_vue_type_script_setup_true_lang.js";
+//#region src/Components/TimeField/TimeField.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,32 @@
+import { TimeValue } from '@bridge-ui/core';
+import { TimeFieldOwnProps, TimeFieldSlots } from './timeField.types';
+type __VLS_Slots = TimeFieldSlots;
+type __VLS_Props = TimeFieldOwnProps;
+type __VLS_ModelProps = {
+    modelValue?: null | TimeValue;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    clear: () => any;
+    change: (value: Date | null) => any;
+    close: () => any;
+    open: () => any;
+    "update:modelValue": (value: Date | null | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClear?: (() => any) | undefined;
+    onChange?: ((value: Date | null) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: Date | null | undefined) => any) | undefined;
+}>, {
+    showErrorIcon: boolean;
+    clearable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Components/TimeField/TimeField.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,134 @@
+import { useResolveMessage as e } from "../../Adapters/I18n/useI18nAdapter.js";
+import t from "../Icon/Icon.js";
+import n from "../FormField/FormField.js";
+import r from "../FieldOverlay/FieldOverlay.js";
+import { useTimeField as i } from "./composables/useTimeField.js";
+import a from "../TimePicker/TimePicker.js";
+import { Fragment as o, computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, isRef as m, mergeModels as h, mergeProps as g, normalizeClass as _, normalizeProps as v, openBlock as y, ref as b, unref as x, useModel as S, withCtx as C, withKeys as w, withModifiers as T } from "vue";
+import { isUndefined as E } from "es-toolkit/compat";
+//#region src/Components/TimeField/TimeField.vue?vue&type=script&setup=true&lang.ts
+var D = { class: "flex min-w-0 flex-1 items-center gap-1" }, O = ["aria-label"], k = /*@__PURE__*/ f({
+	inheritAttrs: !1,
+	__name: "TimeField",
+	props: /*@__PURE__*/ h({
+		ampm: { type: Boolean },
+		classes: {},
+		clearable: {
+			type: Boolean,
+			default: !0
+		},
+		customProps: {},
+		defaultValue: {},
+		disableTimes: {},
+		interval: {},
+		maxTime: {},
+		minTime: {},
+		overlay: {},
+		showFooter: { type: Boolean },
+		showSeconds: { type: Boolean },
+		timeZone: {},
+		color: {},
+		controlId: {},
+		corner: {},
+		description: {},
+		disabled: { type: Boolean },
+		end: {},
+		endIcon: {},
+		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: {}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ h([
+		"change",
+		"clear",
+		"close",
+		"open"
+	], ["update:modelValue"]),
+	setup(f, { emit: h }) {
+		let k = S(f, "modelValue"), A = f, j = h, M = e(), N = b(A.defaultValue ?? null), P = s({
+			set: (e) => {
+				k.value = e, N.value = e;
+			},
+			get: () => E(k.value) ? N.value : k.value
+		}), { open: F, overlay: I, timeOnly: L, formField: R, inputBind: z, clearBind: B, clearValue: V, modelValue: H, showFooter: U, pickerClass: W, clearIconSize: G, showClearIcon: K, handleOpenChange: q, handlePickerChange: J, handlePickerCancel: Y, overlayCustomProps: X, timePickerCustomProps: Z } = i(A, P, j);
+		return (e, i) => (y(), l(o, null, [d(x(n), { field: x(R) }, {
+			default: C(() => [u("div", D, [u("input", v(p(x(z))), null, 16), x(K) ? (y(), l("span", g({ key: 0 }, x(B), {
+				onClick: i[0] ||= (...e) => x(V) && x(V)(...e),
+				"aria-label": x(M)("Clear"),
+				onKeydown: [i[1] ||= w(T((...e) => x(V) && x(V)(...e), ["prevent"]), ["enter"]), i[2] ||= w(T((...e) => x(V) && x(V)(...e), ["prevent"]), ["space"])]
+			}), [d(x(t), g({
+				icon: "clear",
+				size: x(G)
+			}, A.customProps?.clearIcon), null, 16, ["size"])], 16, O)) : c("", !0)])]),
+			_: 1
+		}, 8, ["field"]), d(x(r), {
+			modelValue: x(F),
+			"onUpdate:modelValue": [i[3] ||= (e) => m(F) ? F.value = e : null, x(q)],
+			overlay: x(I),
+			"custom-props": x(X)
+		}, {
+			default: C(() => [d(x(a), {
+				value: x(H),
+				class: _(x(W)),
+				ampm: x(L).ampm,
+				"show-footer": x(U),
+				"read-only": A.readonly,
+				"max-time": x(L).maxTime,
+				"min-time": x(L).minTime,
+				interval: x(L).interval,
+				"time-zone": x(L).timeZone,
+				onChange: x(J),
+				onCancel: x(Y),
+				"show-seconds": x(L).showSeconds,
+				color: x(R).merged.value.color,
+				"custom-props": x(Z),
+				disabled: x(R).isDisabled.value,
+				"disable-times": x(L).disableTimes,
+				rounded: x(R).merged.value.rounded
+			}, null, 8, [
+				"value",
+				"class",
+				"ampm",
+				"show-footer",
+				"read-only",
+				"max-time",
+				"min-time",
+				"interval",
+				"time-zone",
+				"onChange",
+				"onCancel",
+				"show-seconds",
+				"color",
+				"custom-props",
+				"disabled",
+				"disable-times",
+				"rounded"
+			])]),
+			_: 1
+		}, 8, [
+			"modelValue",
+			"overlay",
+			"custom-props",
+			"onUpdate:modelValue"
+		])], 64));
+	}
+});
+//#endregion
+export { k as default };