@bridge-ui/vue 0.5.1 → 0.7.0

package/dist/Components/Slider/composables/useSlider.js

@@ -2,10 +2,10 @@ import { useBridgeUI as e } from "../../../Provider/useBridgeUI.js";
 import { mergePartBind as t, useBridgeUIComponent as n, useBridgeUIMergedRegistryClasses as r } from "../../../Utils/index.js";
 import { baseFieldBridgeKeys as i, useBaseField as a } from "../../BaseField/composables/useBaseField.js";
 import { computed as o, ref as s, toValue as ee, useAttrs as te, watch as ne } from "vue";
-import { get as c, omit as l, pick as u } from "es-toolkit/compat";
-import { getSliderBarGeometry as re, getSliderPointerClientX as d, isSliderStopCovered as ie, normalizeSliderStops as ae, percentFromSliderPointer as f, percentToValue as p, pickClosestSliderThumb as oe, resolveSliderBounds as m, snapSliderValue as h, sortSliderRangeValue as se, stepSliderValue as g, valueToPercent as _, writeSliderRangeThumb as v } from "@bridge-ui/core/Domain";
-import { sliderColorProps as ce, sliderRoundedProps as le, sliderSizeProps as ue } from "@bridge-ui/core/Tokens";
-import { cn as y, getColorToken as de, mergeBridgeUILayeredClasses as b, splitComponentProps as fe } from "@bridge-ui/core/Utils";
+import { get as c, isNumber as l, omit as u, pick as d } from "es-toolkit/compat";
+import { getSliderBarGeometry as re, getSliderPointerClientX as f, isSliderStopCovered as ie, normalizeSliderStops as ae, percentFromSliderPointer as p, percentToValue as m, pickClosestSliderThumb as oe, resolveSliderBounds as se, snapSliderValue as h, sortSliderRangeValue as ce, stepSliderValue as g, valueToPercent as _, writeSliderRangeThumb as v } from "@bridge-ui/core/Domain";
+import { sliderColorProps as le, sliderRoundedProps as ue, sliderSizeProps as de } from "@bridge-ui/core/Tokens";
+import { cn as y, getColorToken as fe, mergeBridgeUILayeredClasses as b, splitComponentProps as pe } from "@bridge-ui/core/Utils";
 //#region src/Components/Slider/composables/useSlider.ts
 var x = [
 	"max",
@@ -28,14 +28,14 @@ function w(e, t, n, r) {
 		value: n
 	} : v(e, t, n);
 }
-function T(v, T, E, pe = {}) {
-	let me = te(), he = e(), D = s(null), O = s(null), k = s(null), A = s(null), j = o(() => fe({
+function T(v, T, E, me = {}) {
+	let he = te(), ge = e(), D = s(null), O = s(null), k = s(null), A = s(null), j = o(() => pe({
 		bridgeKeys: S,
 		props: {
-			...me,
+			...he,
 			...ee(v)
 		}
-	})), ge = o(() => u(j.value.componentProps, i)), M = a(ge, {
+	})), _e = o(() => d(j.value.componentProps, i)), M = a(_e, {
 		error: !1,
 		hideErrorMessage: !1,
 		size: T.size ?? "md"
@@ -46,7 +46,7 @@ function T(v, T, E, pe = {}) {
 		libDefaults: T,
 		componentName: "Slider",
 		props: () => ({
-			...u(j.value.componentProps, x),
+			...d(j.value.componentProps, x),
 			size: M.merged.value.size,
 			classes: j.value.componentProps.classes,
 			customProps: j.value.componentProps.customProps
@@ -54,18 +54,18 @@ function T(v, T, E, pe = {}) {
 	}), F = o(() => N.value.customProps), I = r({
 		entry: P,
 		props: () => j.value.componentProps
-	}), L = o(() => m({
+	}), L = o(() => se({
 		min: N.value.min,
 		max: N.value.max,
 		step: N.value.step
-	})), R = o(() => !!N.value.range), z = o(() => N.value.showTooltip !== !1), B = o(() => he?.global.value.direction === "rtl"), { controlId: V, isDisabled: H, isReadonly: U, invalidated: W, ariaDescribedBy: _e } = M, G = o(() => {
+	})), R = o(() => !!N.value.range), z = o(() => N.value.showTooltip !== !1), B = o(() => ge?.global.value.direction === "rtl"), { controlId: V, isDisabled: H, isReadonly: U, invalidated: W, ariaDescribedBy: ve } = M, G = o(() => {
 		let e = E.value, t = L.value;
 		if (R.value) {
-			if (Array.isArray(e)) return se(h(e[0], t.min, t.max, t.step), h(e[1], t.min, t.max, t.step));
-			let n = h(typeof e == "number" ? e : t.min, t.min, t.max, t.step);
+			if (Array.isArray(e)) return ce(h(e[0], t.min, t.max, t.step), h(e[1], t.min, t.max, t.step));
+			let n = h(l(e) ? e : t.min, t.min, t.max, t.step);
 			return [n, n];
 		}
-		return h(Array.isArray(e) ? e[0] : typeof e == "number" ? e : t.min, t.min, t.max, t.step);
+		return h(Array.isArray(e) ? e[0] : l(e) ? e : t.min, t.min, t.max, t.step);
 	}), K = o(() => ae({
 		min: L.value.min,
 		max: L.value.max,
@@ -78,43 +78,43 @@ function T(v, T, E, pe = {}) {
 		max: L.value.max,
 		value: G.value
 	})), J = o(() => {
-		let e = b(ce, P.value?.tokens?.color);
-		return de({
+		let e = b(le, P.value?.tokens?.color);
+		return fe({
 			tokens: e,
 			color: N.value.color,
 			invalid: W.value
 		});
 	}), Y = o(() => {
-		let e = b(ue, P.value?.tokens?.size);
+		let e = b(de, P.value?.tokens?.size);
 		return c(e, N.value.size ?? "md");
 	}), X = o(() => {
-		let e = b(le, P.value?.tokens?.rounded);
+		let e = b(ue, P.value?.tokens?.rounded);
 		return c(e, N.value.rounded ?? "full");
-	}), ve = o(() => K.value.some((e) => !!e.label)), Z = (e) => {
-		E.value = e, pe.onChange?.(e);
-	}, ye = (e) => {
+	}), ye = o(() => K.value.some((e) => !!e.label)), Z = (e) => {
+		E.value = e, me.onChange?.(e);
+	}, be = (e) => {
 		D.value &&= { thumbIndex: e }, O.value !== null && (O.value = e);
-	}, be = (e, t) => {
+	}, xe = (e, t) => {
 		if (H.value || U.value) return;
-		let n = L.value, r = p(t, n.min, n.max, n.step), i = w(G.value, e, r, R.value);
-		i.thumbIndex !== e && ye(i.thumbIndex), Z(i.value);
+		let n = L.value, r = m(t, n.min, n.max, n.step), i = w(G.value, e, r, R.value);
+		i.thumbIndex !== e && be(i.thumbIndex), Z(i.value);
 	}, Q = (e, t) => {
 		H.value || U.value || (e.preventDefault(), D.value = { thumbIndex: t }, O.value = t);
-	}, xe = (e) => {
+	}, Se = (e) => {
 		if (H.value || U.value || e.target.closest("[data-bridge-slider-thumb]")) return;
 		let t = A.value?.getBoundingClientRect();
 		if (!t) return;
-		let n = f({
+		let n = p({
 			rect: t,
 			isRtl: B.value,
-			clientX: d(e)
-		}), r = L.value, i = p(n, r.min, r.max, r.step), a = 0, o = G.value;
+			clientX: f(e)
+		}), r = L.value, i = m(n, r.min, r.max, r.step), a = 0, o = G.value;
 		R.value && Array.isArray(o) && (a = oe(i, o[0], o[1]));
 		let s = w(o, a, i, R.value);
 		Z(s.value), Q(e, s.thumbIndex);
-	}, Se = (e) => (t) => {
-		Q(t, e);
 	}, Ce = (e) => (t) => {
+		Q(t, e);
+	}, we = (e) => (t) => {
 		if (H.value || U.value) return;
 		let n = L.value, r = C(G.value, e, R.value), i = null, a = B.value;
 		switch (t.key) {
@@ -151,12 +151,12 @@ function T(v, T, E, pe = {}) {
 		let r = (e) => {
 			let t = A.value?.getBoundingClientRect();
 			if (!t || D.value === null) return;
-			let n = f({
+			let n = p({
 				rect: t,
 				isRtl: B.value,
-				clientX: d(e)
+				clientX: f(e)
 			});
-			be(D.value.thumbIndex, n);
+			xe(D.value.thumbIndex, n);
 		}, i = () => {
 			D.value = null, O.value = null;
 		};
@@ -164,9 +164,9 @@ function T(v, T, E, pe = {}) {
 			window.removeEventListener("pointermove", r), window.removeEventListener("pointerup", i), window.removeEventListener("pointercancel", i);
 		});
 	});
-	let we = o(() => t({}, {}, y("relative w-full min-w-0 flex-1"))), Te = o(() => t({
-		...l(F.value?.track ?? {}, ["style"]),
-		onPointerdown: xe
+	let $ = o(() => t({}, {}, y("relative w-full min-w-0 flex-1"))), Te = o(() => t({
+		...u(F.value?.track ?? {}, ["style"]),
+		onPointerdown: Se
 	}, {}, y({
 		"relative w-full select-none touch-none": !0,
 		"cursor-pointer": !H.value && !U.value,
@@ -175,7 +175,7 @@ function T(v, T, E, pe = {}) {
 		[X.value ?? ""]: !0,
 		[J.value?.track ?? ""]: !0,
 		[I.value.track ?? ""]: !0
-	}))), Ee = o(() => t(l(F.value?.bar ?? {}, ["style"]), {
+	}))), Ee = o(() => t(u(F.value?.bar ?? {}, ["style"]), {
 		"aria-hidden": !0,
 		style: {
 			width: q.value.width,
@@ -186,10 +186,10 @@ function T(v, T, E, pe = {}) {
 		[X.value ?? ""]: !0,
 		[J.value?.bar ?? ""]: !0,
 		[I.value.bar ?? ""]: !0
-	}))), $ = (e) => {
+	}))), De = (e) => {
 		let n = C(G.value, e, R.value), r = _(n, L.value.min, L.value.max), i = O.value === e;
 		return t({
-			...l(F.value?.thumb ?? {}, ["style"]),
+			...u(F.value?.thumb ?? {}, ["style"]),
 			role: "slider",
 			type: "button",
 			"aria-valuenow": n,
@@ -199,13 +199,13 @@ function T(v, T, E, pe = {}) {
 			"data-bridge-slider-thumb": e,
 			disabled: H.value || void 0,
 			"aria-orientation": "horizontal",
-			"aria-describedby": _e.value,
-			onKeydown: Ce(e),
+			"aria-describedby": ve.value,
+			onKeydown: we(e),
 			id: `${V.value}-thumb-${e}`,
 			"aria-disabled": H.value || void 0,
 			"aria-readonly": U.value || void 0,
 			"aria-invalid": W.value || void 0,
-			onPointerdown: Se(e),
+			onPointerdown: Ce(e),
 			style: { insetInlineStart: `${r}%` },
 			onFocus: () => {
 				k.value = e;
@@ -228,7 +228,7 @@ function T(v, T, E, pe = {}) {
 			[Y.value?.thumb ?? ""]: !0,
 			[I.value.thumb ?? ""]: !0
 		}));
-	}, De = (e) => {
+	}, Oe = (e) => {
 		let n = O.value === e;
 		return t(F.value?.thumbKnob, { "aria-hidden": !0 }, y({
 			"block rounded-full border-2 shadow-sm transition-transform duration-100": !0,
@@ -239,7 +239,7 @@ function T(v, T, E, pe = {}) {
 			[J.value?.thumb ?? ""]: !0,
 			[I.value.thumbKnob ?? ""]: !0
 		}));
-	}, Oe = (e) => {
+	}, ke = (e) => {
 		let n = _(e.value, L.value.min, L.value.max), r = ie({
 			range: R.value,
 			min: L.value.min,
@@ -247,7 +247,7 @@ function T(v, T, E, pe = {}) {
 			stopValue: e.value,
 			value: G.value
 		});
-		return t(l(F.value?.stop ?? {}, ["style"]), {
+		return t(u(F.value?.stop ?? {}, ["style"]), {
 			"aria-hidden": !0,
 			style: {
 				insetInlineStart: `${n}%`,
@@ -257,7 +257,7 @@ function T(v, T, E, pe = {}) {
 			"absolute top-1/2 h-2 w-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-white dark:bg-dark-400": !0,
 			[I.value.stop ?? ""]: !0
 		}));
-	}, ke = o(() => t(F.value?.stopLabels, { "aria-hidden": !0 }, y({
+	}, Ae = o(() => t(F.value?.stopLabels, { "aria-hidden": !0 }, y({
 		"relative h-[1lh] w-full text-xs": !0,
 		[I.value.stopLabels ?? ""]: !0
 	})));
@@ -269,26 +269,26 @@ function T(v, T, E, pe = {}) {
 		trackRef: A,
 		baseField: M,
 		trackBind: Te,
-		controlBind: we,
+		controlBind: $,
 		showTooltip: z,
-		getStopBind: Oe,
+		getStopBind: ke,
 		thumbIndexes: o(() => R.value ? [0, 1] : [0]),
-		getThumbBind: $,
+		getThumbBind: De,
 		resolvedStops: K,
 		resolvedValue: G,
 		isTooltipOpen: (e) => z.value && (O.value === e || k.value === e),
-		hasStopLabels: ve,
-		stopLabelsBind: ke,
+		hasStopLabels: ye,
+		stopLabelsBind: Ae,
 		getStopLabelBind: (e) => {
 			let n = _(e.value, L.value.min, L.value.max);
-			return t(l(F.value?.stopLabel ?? {}, ["style"]), { style: { insetInlineStart: `${n}%` } }, y({
+			return t(u(F.value?.stopLabel ?? {}, ["style"]), { style: { insetInlineStart: `${n}%` } }, y({
 				"absolute top-0 -translate-x-1/2 whitespace-nowrap": !0,
 				"text-dark-700 dark:text-dark-400": !W.value,
 				"text-error-600 dark:text-error-400": W.value,
 				[I.value.stopLabel ?? ""]: !0
 			}));
 		},
-		getThumbKnobBind: De,
+		getThumbKnobBind: Oe,
 		tooltipProps: o(() => F.value?.tooltip),
 		readThumbValue: (e) => C(G.value, e, R.value)
 	};

package/dist/Components/Snackbar/snackbarDefaultIcons.js

@@ -2,6 +2,7 @@
 var e = {
 	dark: "info",
 	info: "alert",
+	black: "info",
 	error: "error",
 	primary: "bell",
 	secondary: "info",

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

@@ -4,8 +4,9 @@ import n from "../TabList/TabList.js";
 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, renderSlot as b, toDisplayString as x, unref as S, useModel as C, withCtx as w } from "vue";
+import { isString as T } from "es-toolkit/compat";
 //#region src/Components/Tabs/Tabs.vue?vue&type=script&setup=true&lang.ts
-var T = /*@__PURE__*/ p({
+var E = /*@__PURE__*/ p({
 	inheritAttrs: !1,
 	__name: "Tabs",
 	props: /*@__PURE__*/ h({
@@ -26,23 +27,23 @@ var T = /*@__PURE__*/ p({
 	}),
 	emits: /*@__PURE__*/ h(["change", "update:modelValue"], ["update:modelValue"]),
 	setup(p, { emit: h }) {
-		let T = h, E = p, D = C(p, "modelValue"), { rootBind: O, tabItems: k } = i(E, {
+		let E = h, D = p, O = C(p, "modelValue"), { rootBind: k, tabItems: A } = i(D, {
 			size: "md",
-			variant: "line",
-			color: "primary",
+			color: "dark",
+			variant: "pill",
 			keepMounted: !0,
 			activation: "automatic",
 			orientation: "horizontal"
-		}, D, T), A = o(() => k.value.length > 0);
-		return (i, o) => (v(), l("div", _(m(S(O))), [A.value ? (v(), l(a, { key: 0 }, [f(n, _(m(E.customProps?.tabList)), {
-			default: w(() => [(v(!0), l(a, null, y(S(k), (n) => (v(), s(t, g({
+		}, O, E), 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(D.customProps?.tabList)), {
+			default: w(() => [(v(!0), l(a, null, y(S(A), (n) => (v(), s(t, g({
 				key: n.value,
 				value: n.value,
 				"end-icon": n.endIcon,
 				disabled: n.disabled,
 				"start-icon": n.startIcon
-			}, { ref_for: !0 }, E.customProps?.tab), u({
-				default: w(() => [typeof n.label == "string" ? (v(), l(a, { key: 0 }, [d(x(n.label), 1)], 64)) : (v(), s(S(e), {
+			}, { ref_for: !0 }, D.customProps?.tab), u({
+				default: w(() => [S(T)(n.label) ? (v(), l(a, { key: 0 }, [d(x(n.label), 1)], 64)) : (v(), s(S(e), {
 					key: 1,
 					fn: n.label
 				}, null, 8, ["fn"]))]),
@@ -62,15 +63,15 @@ var T = /*@__PURE__*/ p({
 				"start-icon"
 			]))), 128))]),
 			_: 1
-		}, 16), (v(!0), l(a, null, y(S(k), (t) => (v(), s(r, g({
+		}, 16), (v(!0), l(a, null, y(S(A), (t) => (v(), s(r, g({
 			key: t.value,
 			value: t.value,
 			"keep-mounted": t.keepMounted
-		}, { ref_for: !0 }, E.customProps?.tabPanel), {
+		}, { ref_for: !0 }, D.customProps?.tabPanel), {
 			default: w(() => [f(S(e), { fn: t.panel }, null, 8, ["fn"])]),
 			_: 2
 		}, 1040, ["value", "keep-mounted"]))), 128))], 64)) : c("", !0), b(i.$slots, "default")], 16));
 	}
 });
 //#endregion
-export { T as default };
+export { E as default };

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

@@ -53,7 +53,13 @@ function y(y, b, x, S) {
 	let L = n({
 		entry: j,
 		props: () => k.value.componentProps
-	}), R = i(() => g(p, j.value?.tokens?.size)), z = i(() => g(m, j.value?.tokens?.variant)), B = i(() => g(d, j.value?.tokens?.color)), V = i(() => g(f, 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(() => g(p, j.value?.tokens?.size)), z = i(() => g(m, j.value?.tokens?.variant)), B = i(() => g(d, j.value?.tokens?.color)), V = i(() => g(f, 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(() => A.value.orientation === "vertical"), q = i(() => h({
+		[l(G.value, "tab") ?? ""]: !0,
+		[l(U.value, "tabVertical") ?? ""]: K.value
+	})), J = i(() => h({
+		[l(G.value, "list") ?? ""]: !0,
+		[l(U.value, "listVertical") ?? ""]: K.value
+	})), Y = i(() => ({
 		focusTab: F,
 		id: T,
 		setSelected: N,
@@ -67,33 +73,33 @@ function y(y, b, x, S) {
 		activation: A.value.activation ?? "automatic",
 		orientation: A.value.orientation ?? "horizontal",
 		tokenClasses: {
-			tabSize: l(H.value, "tab"),
+			softFill: !1,
 			iconGap: l(H.value, "gap"),
+			tabSize: l(H.value, "tab"),
+			tabOrientation: q.value,
 			iconSize: l(H.value, "icon"),
 			listSize: l(H.value, "list"),
+			listOrientation: J.value,
 			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"),
-			softFill: A.value.variant === "pill" || A.value.variant === "solid"
+			colorSelectedSoft: l(W.value, "tabSelectedSoft")
 		}
 	}));
-	a(r, K);
-	let q = i(() => A.value.customProps);
+	a(r, Y);
+	let X = i(() => A.value.customProps);
 	return {
 		merged: A,
-		rootBind: i(() => e(q.value?.root, k.value.inheritedAttrs, { class: h({
+		rootBind: i(() => e(X.value?.root, k.value.inheritedAttrs, { class: h({
 			[l(G.value, "root") ?? ""]: !0,
 			[l(L.value, "root") ?? ""]: !0
 		}) })),
 		tabItems: O,
-		contextValue: K
+		contextValue: Y
 	};
 }
 //#endregion

package/dist/Components/Tabs/tabs.types.d.ts

@@ -70,9 +70,9 @@ export interface TabsOwnProps {
      */
     classes?: TabsClasses;
     /**
-     * Accent color for the selected tab.
+     * Optional text accent for the selected tab. Selected surface comes from `variant`.
      *
-     * @default "primary"
+     * @default "dark"
      */
     color?: MergeProps<TabsColor, TabsColorOverrides>;
     /**
@@ -103,7 +103,7 @@ export interface TabsOwnProps {
     /**
      * Visual style of the tab list / selected tab.
      *
-     * @default "line"
+     * @default "pill"
      */
     variant?: MergeProps<TabsVariant, TabsVariantOverrides>;
 }

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

@@ -431,7 +431,6 @@ export declare function useTextField(props: TextFieldOwnProps): {
         isNotched: import('vue').ComputedRef<boolean>;
         isStacked: import('vue').ComputedRef<boolean>;
         startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        cornerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         headerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         isDisabled: import('vue').ComputedRef<boolean>;
         isReadonly: import('vue').ComputedRef<boolean>;
@@ -449,6 +448,7 @@ export declare function useTextField(props: TextFieldOwnProps): {
         ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
         descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedBodyBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
+        fieldCornerProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
         hasInsetLabelRow: import('vue').ComputedRef<boolean>;
         insetLabelRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;

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

@@ -432,7 +432,6 @@ export declare function useTextarea(props: TextareaOwnProps, textareaRef: Ref<nu
         isNotched: import('vue').ComputedRef<boolean>;
         isStacked: import('vue').ComputedRef<boolean>;
         startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        cornerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         headerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         isDisabled: import('vue').ComputedRef<boolean>;
         isReadonly: import('vue').ComputedRef<boolean>;
@@ -450,6 +449,7 @@ export declare function useTextarea(props: TextareaOwnProps, textareaRef: Ref<nu
         ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
         descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedBodyBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
+        fieldCornerProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
         hasInsetLabelRow: import('vue').ComputedRef<boolean>;
         insetLabelRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;

package/dist/Components/TimeField/composables/useTimeField.d.ts

@@ -442,7 +442,6 @@ export declare function useTimeField(props: TimeFieldOwnProps, model: Ref<null |
         isNotched: import('vue').ComputedRef<boolean>;
         isStacked: import('vue').ComputedRef<boolean>;
         startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        cornerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         headerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         isDisabled: import('vue').ComputedRef<boolean>;
         isReadonly: import('vue').ComputedRef<boolean>;
@@ -460,6 +459,7 @@ export declare function useTimeField(props: TimeFieldOwnProps, model: Ref<null |
         ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
         descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedBodyBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
+        fieldCornerProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
         hasInsetLabelRow: import('vue').ComputedRef<boolean>;
         insetLabelRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;