@bridge-ui/vue 0.0.1 → 0.0.3

package/dist/Components/FormField/NotchedFormField.vue_vue_type_script_setup_true_lang.js

@@ -1,37 +1,35 @@
 import { hasNamedSlot as e, hasSlotOrProp as t, isPropPresent as n, resolveNamedSlot as r, resolveSlotOrProp as i } from "../../Utils/slotOrProp.js";
 import a from "../Icon/Icon.js";
-import { createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, normalizeProps as m, openBlock as h, renderSlot as g, resolveDynamicComponent as _, toDisplayString as v, unref as y } from "vue";
+import o from "./FormFieldLabel.js";
+import { createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, mergeProps as m, normalizeProps as h, openBlock as g, renderSlot as _, resolveDynamicComponent as v, toDisplayString as y, unref as b } from "vue";
 //#region src/Components/FormField/NotchedFormField.vue?vue&type=script&setup=true&lang.ts
-var b = [
+var x = [
 	"data-invalid",
 	"aria-disabled",
 	"aria-readonly"
-], x = ["for"], S = { class: "flex min-h-0 w-full flex-1 items-stretch gap-x-2" }, C = ["id"], w = ["id", "aria-hidden"], T = /* @__PURE__ */ d({
+], S = { class: "flex min-h-0 w-full flex-1 items-stretch gap-x-2" }, C = ["id"], w = ["id", "aria-hidden"], T = /* @__PURE__ */ f({
 	__name: "NotchedFormField",
 	props: { api: {} },
-	setup(d) {
-		return (T, E) => (h(), c("div", p(d.api.rootBind.value, {
-			"data-invalid": d.api.invalidated.value || void 0,
-			"aria-disabled": d.api.isDisabled.value || void 0,
-			"aria-readonly": d.api.isReadonly.value || void 0
+	setup(f) {
+		return (T, E) => (g(), l("div", m(f.api.rootBind.value, {
+			"data-invalid": f.api.invalidated.value || void 0,
+			"aria-disabled": f.api.isDisabled.value || void 0,
+			"aria-readonly": f.api.isReadonly.value || void 0
 		}), [
-			l("div", m(f(d.api.containerBind.value)), [d.api.hasInsetLabelRow.value ? (h(), c("div", m(p({ key: 0 }, d.api.insetLabelRowBind.value)), [y(t)(d.api.slots, "label", d.api.merged.value.label) ? (h(), c("label", p({
-				key: 0,
-				for: d.api.controlId.value
-			}, d.api.labelBind.value), [(h(), o(_(y(i)(d.api.slots, "label", d.api.merged.value.label)))), d.api.merged.value.required ? (h(), c("span", m(p({ key: 0 }, d.api.requiredBind.value)), " * ", 16)) : s("", !0)], 16, x)) : s("", !0), y(t)(d.api.slots, "corner", d.api.merged.value.corner) ? (h(), c("span", m(p({ key: 1 }, d.api.cornerBind.value)), [(h(), o(_(y(i)(d.api.slots, "corner", d.api.merged.value.corner))))], 16)) : s("", !0)], 16)) : s("", !0), l("div", S, [
-				y(e)(d.api.slots, "start") ? (h(), c("div", m(p({ key: 0 }, d.api.startSlotBind.value)), [(h(), o(_(y(r)(d.api.slots, "start"))))], 16)) : y(n)(d.api.merged.value.start) ? (h(), c("div", m(p({ key: 1 }, d.api.startBind.value)), v(d.api.merged.value.start), 17)) : d.api.merged.value.startIcon ? (h(), c("div", m(p({ key: 2 }, d.api.startBind.value)), [u(y(a), p({ size: d.api.merged.value.size }, d.api.startIconBind.value, { icon: d.api.merged.value.startIcon }), null, 16, ["size", "icon"])], 16)) : s("", !0),
-				g(T.$slots, "default"),
-				y(e)(d.api.slots, "end") ? (h(), c("div", m(p({ key: 3 }, d.api.endSlotBind.value)), [(h(), o(_(y(r)(d.api.slots, "end"))))], 16)) : y(n)(d.api.merged.value.end) ? (h(), c("div", m(p({ key: 4 }, d.api.endBind.value)), v(d.api.merged.value.end), 17)) : d.api.invalidated.value && d.api.merged.value.withErrorIcon !== !1 ? (h(), c("div", m(p({ key: 5 }, d.api.endBind.value)), [u(y(a), p({
-					icon: d.api.errorIcon.value,
-					size: d.api.merged.value.size
-				}, d.api.endIconBind.value), null, 16, ["icon", "size"])], 16)) : d.api.merged.value.endIcon ? (h(), c("div", m(p({ key: 6 }, d.api.endBind.value)), [u(y(a), p({ size: d.api.merged.value.size }, d.api.endIconBind.value, { icon: d.api.merged.value.endIcon }), null, 16, ["size", "icon"])], 16)) : s("", !0)
+			u("div", h(p(f.api.containerBind.value)), [f.api.hasInsetLabelRow.value ? (g(), l("div", h(m({ key: 0 }, f.api.insetLabelRowBind.value)), [d(o, { api: f.api }, null, 8, ["api"]), b(t)(f.api.slots, "corner", f.api.merged.value.corner) ? (g(), l("span", h(m({ key: 0 }, f.api.cornerBind.value)), [(g(), s(v(b(i)(f.api.slots, "corner", f.api.merged.value.corner))))], 16)) : c("", !0)], 16)) : c("", !0), u("div", S, [
+				b(e)(f.api.slots, "start") ? (g(), l("div", h(m({ key: 0 }, f.api.startSlotBind.value)), [(g(), s(v(b(r)(f.api.slots, "start"))))], 16)) : b(n)(f.api.merged.value.start) ? (g(), l("div", h(m({ key: 1 }, f.api.startBind.value)), y(f.api.merged.value.start), 17)) : f.api.merged.value.startIcon ? (g(), l("div", h(m({ key: 2 }, f.api.startBind.value)), [d(b(a), m({ size: f.api.merged.value.size }, f.api.startIconBind.value, { icon: f.api.merged.value.startIcon }), null, 16, ["size", "icon"])], 16)) : c("", !0),
+				_(T.$slots, "default"),
+				b(e)(f.api.slots, "end") ? (g(), l("div", h(m({ key: 3 }, f.api.endSlotBind.value)), [(g(), s(v(b(r)(f.api.slots, "end"))))], 16)) : b(n)(f.api.merged.value.end) ? (g(), l("div", h(m({ key: 4 }, f.api.endBind.value)), y(f.api.merged.value.end), 17)) : f.api.invalidated.value && f.api.merged.value.withErrorIcon !== !1 ? (g(), l("div", h(m({ key: 5 }, f.api.endBind.value)), [d(b(a), m({
+					icon: f.api.errorIcon.value,
+					size: f.api.merged.value.size
+				}, f.api.endIconBind.value), null, 16, ["icon", "size"])], 16)) : f.api.merged.value.endIcon ? (g(), l("div", h(m({ key: 6 }, f.api.endBind.value)), [d(b(a), m({ size: f.api.merged.value.size }, f.api.endIconBind.value, { icon: f.api.merged.value.endIcon }), null, 16, ["size", "icon"])], 16)) : c("", !0)
 			])], 16),
-			!d.api.invalidated.value && y(t)(d.api.slots, "description", d.api.merged.value.description) ? (h(), c("p", p({ key: 0 }, d.api.descriptionBind.value, { id: `${d.api.controlId.value}-description` }), [(h(), o(_(y(i)(d.api.slots, "description", d.api.merged.value.description))))], 16, C)) : s("", !0),
-			d.api.merged.value.withoutErrorMessage ? s("", !0) : (h(), c("p", p({ key: 1 }, d.api.errorBind.value, {
-				id: `${d.api.controlId.value}-error`,
-				"aria-hidden": d.api.showErrorMessageContent.value ? void 0 : !0
-			}), [d.api.showErrorMessageContent.value ? (h(), o(_(y(i)(d.api.slots, "errorMessage", d.api.merged.value.errorMessage)), { key: 0 })) : s("", !0)], 16, w))
-		], 16, b));
+			!f.api.invalidated.value && b(t)(f.api.slots, "description", f.api.merged.value.description) ? (g(), l("p", m({ key: 0 }, f.api.descriptionBind.value, { id: `${f.api.controlId.value}-description` }), [(g(), s(v(b(i)(f.api.slots, "description", f.api.merged.value.description))))], 16, C)) : c("", !0),
+			f.api.merged.value.withoutErrorMessage ? c("", !0) : (g(), l("p", m({ key: 1 }, f.api.errorBind.value, {
+				id: `${f.api.controlId.value}-error`,
+				"aria-hidden": f.api.showErrorMessageContent.value ? void 0 : !0
+			}), [f.api.showErrorMessageContent.value ? (g(), s(v(b(i)(f.api.slots, "errorMessage", f.api.merged.value.errorMessage)), { key: 0 })) : c("", !0)], 16, w))
+		], 16, x));
 	}
 });
 //#endregion

package/dist/Components/FormField/OutlinedFormField.vue_vue_type_script_setup_true_lang.js

@@ -1,38 +1,36 @@
 import { hasNamedSlot as e, hasSlotOrProp as t, isPropPresent as n, resolveNamedSlot as r, resolveSlotOrProp as i } from "../../Utils/slotOrProp.js";
 import a from "../Icon/Icon.js";
-import { createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, normalizeProps as m, openBlock as h, renderSlot as g, resolveDynamicComponent as _, toDisplayString as v, unref as y } from "vue";
+import o from "./FormFieldLabel.js";
+import { createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, mergeProps as m, normalizeProps as h, openBlock as g, renderSlot as _, resolveDynamicComponent as v, toDisplayString as y, unref as b } from "vue";
 //#region src/Components/FormField/OutlinedFormField.vue?vue&type=script&setup=true&lang.ts
-var b = [
+var x = [
 	"data-invalid",
 	"aria-disabled",
 	"aria-readonly"
-], x = ["for"], S = ["id"], C = ["id", "aria-hidden"], w = /* @__PURE__ */ d({
+], S = ["id"], C = ["id", "aria-hidden"], w = /* @__PURE__ */ f({
 	__name: "OutlinedFormField",
 	props: { api: {} },
-	setup(d) {
-		return (w, T) => (h(), c("div", p(d.api.rootBind.value, {
-			"data-invalid": d.api.invalidated.value || void 0,
-			"aria-disabled": d.api.isDisabled.value || void 0,
-			"aria-readonly": d.api.isReadonly.value || void 0
+	setup(f) {
+		return (w, T) => (g(), l("div", m(f.api.rootBind.value, {
+			"data-invalid": f.api.invalidated.value || void 0,
+			"aria-disabled": f.api.isDisabled.value || void 0,
+			"aria-readonly": f.api.isReadonly.value || void 0
 		}), [
-			y(t)(d.api.slots, "label", d.api.merged.value.label) || y(t)(d.api.slots, "corner", d.api.merged.value.corner) ? (h(), c("div", m(p({ key: 0 }, d.api.headerBind.value)), [y(t)(d.api.slots, "label", d.api.merged.value.label) ? (h(), c("label", p({
-				key: 0,
-				for: d.api.controlId.value
-			}, d.api.labelBind.value), [(h(), o(_(y(i)(d.api.slots, "label", d.api.merged.value.label)))), d.api.merged.value.required ? (h(), c("span", m(p({ key: 0 }, d.api.requiredBind.value)), " * ", 16)) : s("", !0)], 16, x)) : s("", !0), y(t)(d.api.slots, "corner", d.api.merged.value.corner) ? (h(), c("span", m(p({ key: 1 }, d.api.cornerBind.value)), [(h(), o(_(y(i)(d.api.slots, "corner", d.api.merged.value.corner))))], 16)) : s("", !0)], 16)) : s("", !0),
-			l("div", m(f(d.api.containerBind.value)), [
-				y(e)(d.api.slots, "start") ? (h(), c("div", m(p({ key: 0 }, d.api.startSlotBind.value)), [(h(), o(_(y(r)(d.api.slots, "start"))))], 16)) : y(n)(d.api.merged.value.start) ? (h(), c("div", m(p({ key: 1 }, d.api.startBind.value)), v(d.api.merged.value.start), 17)) : d.api.merged.value.startIcon ? (h(), c("div", m(p({ key: 2 }, d.api.startBind.value)), [u(y(a), p({ size: d.api.merged.value.size }, d.api.startIconBind.value, { icon: d.api.merged.value.startIcon }), null, 16, ["size", "icon"])], 16)) : s("", !0),
-				g(w.$slots, "default"),
-				y(e)(d.api.slots, "end") ? (h(), c("div", m(p({ key: 3 }, d.api.endSlotBind.value)), [(h(), o(_(y(r)(d.api.slots, "end"))))], 16)) : y(n)(d.api.merged.value.end) ? (h(), c("div", m(p({ key: 4 }, d.api.endBind.value)), v(d.api.merged.value.end), 17)) : d.api.invalidated.value && d.api.merged.value.withErrorIcon !== !1 ? (h(), c("div", m(p({ key: 5 }, d.api.endBind.value)), [u(y(a), p({
-					icon: d.api.errorIcon.value,
-					size: d.api.merged.value.size
-				}, d.api.endIconBind.value), null, 16, ["icon", "size"])], 16)) : d.api.merged.value.endIcon ? (h(), c("div", m(p({ key: 6 }, d.api.endBind.value)), [u(y(a), p({ size: d.api.merged.value.size }, d.api.endIconBind.value, { icon: d.api.merged.value.endIcon }), null, 16, ["size", "icon"])], 16)) : s("", !0)
+			b(t)(f.api.slots, "label", f.api.merged.value.label) || b(t)(f.api.slots, "corner", f.api.merged.value.corner) ? (g(), l("div", h(m({ key: 0 }, f.api.headerBind.value)), [d(o, { api: f.api }, null, 8, ["api"]), b(t)(f.api.slots, "corner", f.api.merged.value.corner) ? (g(), l("span", h(m({ key: 0 }, f.api.cornerBind.value)), [(g(), s(v(b(i)(f.api.slots, "corner", f.api.merged.value.corner))))], 16)) : c("", !0)], 16)) : c("", !0),
+			u("div", h(p(f.api.containerBind.value)), [
+				b(e)(f.api.slots, "start") ? (g(), l("div", h(m({ key: 0 }, f.api.startSlotBind.value)), [(g(), s(v(b(r)(f.api.slots, "start"))))], 16)) : b(n)(f.api.merged.value.start) ? (g(), l("div", h(m({ key: 1 }, f.api.startBind.value)), y(f.api.merged.value.start), 17)) : f.api.merged.value.startIcon ? (g(), l("div", h(m({ key: 2 }, f.api.startBind.value)), [d(b(a), m({ size: f.api.merged.value.size }, f.api.startIconBind.value, { icon: f.api.merged.value.startIcon }), null, 16, ["size", "icon"])], 16)) : c("", !0),
+				_(w.$slots, "default"),
+				b(e)(f.api.slots, "end") ? (g(), l("div", h(m({ key: 3 }, f.api.endSlotBind.value)), [(g(), s(v(b(r)(f.api.slots, "end"))))], 16)) : b(n)(f.api.merged.value.end) ? (g(), l("div", h(m({ key: 4 }, f.api.endBind.value)), y(f.api.merged.value.end), 17)) : f.api.invalidated.value && f.api.merged.value.withErrorIcon !== !1 ? (g(), l("div", h(m({ key: 5 }, f.api.endBind.value)), [d(b(a), m({
+					icon: f.api.errorIcon.value,
+					size: f.api.merged.value.size
+				}, f.api.endIconBind.value), null, 16, ["icon", "size"])], 16)) : f.api.merged.value.endIcon ? (g(), l("div", h(m({ key: 6 }, f.api.endBind.value)), [d(b(a), m({ size: f.api.merged.value.size }, f.api.endIconBind.value, { icon: f.api.merged.value.endIcon }), null, 16, ["size", "icon"])], 16)) : c("", !0)
 			], 16),
-			!d.api.invalidated.value && y(t)(d.api.slots, "description", d.api.merged.value.description) ? (h(), c("p", p({ key: 1 }, d.api.descriptionBind.value, { id: `${d.api.controlId.value}-description` }), [(h(), o(_(y(i)(d.api.slots, "description", d.api.merged.value.description))))], 16, S)) : s("", !0),
-			d.api.merged.value.withoutErrorMessage ? s("", !0) : (h(), c("p", p({ key: 2 }, d.api.errorBind.value, {
-				id: `${d.api.controlId.value}-error`,
-				"aria-hidden": d.api.showErrorMessageContent.value ? void 0 : !0
-			}), [d.api.showErrorMessageContent.value ? (h(), o(_(y(i)(d.api.slots, "errorMessage", d.api.merged.value.errorMessage)), { key: 0 })) : s("", !0)], 16, C))
-		], 16, b));
+			!f.api.invalidated.value && b(t)(f.api.slots, "description", f.api.merged.value.description) ? (g(), l("p", m({ key: 1 }, f.api.descriptionBind.value, { id: `${f.api.controlId.value}-description` }), [(g(), s(v(b(i)(f.api.slots, "description", f.api.merged.value.description))))], 16, S)) : c("", !0),
+			f.api.merged.value.withoutErrorMessage ? c("", !0) : (g(), l("p", m({ key: 2 }, f.api.errorBind.value, {
+				id: `${f.api.controlId.value}-error`,
+				"aria-hidden": f.api.showErrorMessageContent.value ? void 0 : !0
+			}), [f.api.showErrorMessageContent.value ? (g(), s(v(b(i)(f.api.slots, "errorMessage", f.api.merged.value.errorMessage)), { key: 0 })) : c("", !0)], 16, C))
+		], 16, x));
 	}
 });
 //#endregion

package/dist/Components/FormField/StackedFormField.vue_vue_type_script_setup_true_lang.js

@@ -1,41 +1,39 @@
 import { hasNamedSlot as e, hasSlotOrProp as t, isPropPresent as n, resolveNamedSlot as r, resolveSlotOrProp as i } from "../../Utils/slotOrProp.js";
 import a from "../Icon/Icon.js";
-import { createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, normalizeProps as m, openBlock as h, renderSlot as g, resolveDynamicComponent as _, toDisplayString as v, unref as y } from "vue";
+import o from "./FormFieldLabel.js";
+import { createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, mergeProps as m, normalizeProps as h, openBlock as g, renderSlot as _, resolveDynamicComponent as v, toDisplayString as y, unref as b } from "vue";
 //#region src/Components/FormField/StackedFormField.vue?vue&type=script&setup=true&lang.ts
-var b = [
+var x = [
 	"data-invalid",
 	"aria-disabled",
 	"aria-readonly"
-], x = ["for"], S = ["id"], C = ["id", "aria-hidden"], w = /* @__PURE__ */ d({
+], S = ["id"], C = ["id", "aria-hidden"], w = /* @__PURE__ */ f({
 	__name: "StackedFormField",
 	props: { api: {} },
-	setup(d) {
-		return (w, T) => (h(), c("div", p(d.api.rootBind.value, {
-			"data-invalid": d.api.invalidated.value || void 0,
-			"aria-disabled": d.api.isDisabled.value || void 0,
-			"aria-readonly": d.api.isReadonly.value || void 0
+	setup(f) {
+		return (w, T) => (g(), l("div", m(f.api.rootBind.value, {
+			"data-invalid": f.api.invalidated.value || void 0,
+			"aria-disabled": f.api.isDisabled.value || void 0,
+			"aria-readonly": f.api.isReadonly.value || void 0
 		}), [
-			l("div", m(f(d.api.containerBind.value)), [
-				y(e)(d.api.slots, "start") ? (h(), c("div", m(p({ key: 0 }, d.api.startSlotBind.value)), [(h(), o(_(y(r)(d.api.slots, "start"))))], 16)) : s("", !0),
-				l("div", m(f(d.api.stackedBodyBind.value)), [d.api.hasInsetLabelRow.value ? (h(), c("div", m(p({ key: 0 }, d.api.insetLabelRowBind.value)), [y(t)(d.api.slots, "label", d.api.merged.value.label) ? (h(), c("label", p({
-					key: 0,
-					for: d.api.controlId.value
-				}, d.api.labelBind.value), [(h(), o(_(y(i)(d.api.slots, "label", d.api.merged.value.label)))), d.api.merged.value.required ? (h(), c("span", m(p({ key: 0 }, d.api.requiredBind.value)), " * ", 16)) : s("", !0)], 16, x)) : s("", !0), y(t)(d.api.slots, "corner", d.api.merged.value.corner) ? (h(), c("span", m(p({ key: 1 }, d.api.cornerBind.value)), [(h(), o(_(y(i)(d.api.slots, "corner", d.api.merged.value.corner))))], 16)) : s("", !0)], 16)) : s("", !0), l("div", m(f(d.api.stackedInputRowBind.value)), [
-					y(n)(d.api.merged.value.start) ? (h(), c("div", m(p({ key: 0 }, d.api.startBind.value)), v(d.api.merged.value.start), 17)) : d.api.merged.value.startIcon ? (h(), c("div", m(p({ key: 1 }, d.api.startBind.value)), [u(y(a), p({ size: d.api.merged.value.size }, d.api.startIconBind.value, { icon: d.api.merged.value.startIcon }), null, 16, ["size", "icon"])], 16)) : s("", !0),
-					g(w.$slots, "default"),
-					y(n)(d.api.merged.value.end) ? (h(), c("div", m(p({ key: 2 }, d.api.endBind.value)), v(d.api.merged.value.end), 17)) : d.api.invalidated.value && d.api.merged.value.withErrorIcon !== !1 ? (h(), c("div", m(p({ key: 3 }, d.api.endBind.value)), [u(y(a), p({
-						icon: d.api.errorIcon.value,
-						size: d.api.merged.value.size
-					}, d.api.endIconBind.value), null, 16, ["icon", "size"])], 16)) : d.api.merged.value.endIcon ? (h(), c("div", m(p({ key: 4 }, d.api.endBind.value)), [u(y(a), p({ size: d.api.merged.value.size }, d.api.endIconBind.value, { icon: d.api.merged.value.endIcon }), null, 16, ["size", "icon"])], 16)) : s("", !0)
+			u("div", h(p(f.api.containerBind.value)), [
+				b(e)(f.api.slots, "start") ? (g(), l("div", h(m({ key: 0 }, f.api.startSlotBind.value)), [(g(), s(v(b(r)(f.api.slots, "start"))))], 16)) : c("", !0),
+				u("div", h(p(f.api.stackedBodyBind.value)), [f.api.hasInsetLabelRow.value ? (g(), l("div", h(m({ key: 0 }, f.api.insetLabelRowBind.value)), [d(o, { api: f.api }, null, 8, ["api"]), b(t)(f.api.slots, "corner", f.api.merged.value.corner) ? (g(), l("span", h(m({ key: 0 }, f.api.cornerBind.value)), [(g(), s(v(b(i)(f.api.slots, "corner", f.api.merged.value.corner))))], 16)) : c("", !0)], 16)) : c("", !0), u("div", h(p(f.api.stackedInputRowBind.value)), [
+					b(n)(f.api.merged.value.start) ? (g(), l("div", h(m({ key: 0 }, f.api.startBind.value)), y(f.api.merged.value.start), 17)) : f.api.merged.value.startIcon ? (g(), l("div", h(m({ key: 1 }, f.api.startBind.value)), [d(b(a), m({ size: f.api.merged.value.size }, f.api.startIconBind.value, { icon: f.api.merged.value.startIcon }), null, 16, ["size", "icon"])], 16)) : c("", !0),
+					_(w.$slots, "default"),
+					b(n)(f.api.merged.value.end) ? (g(), l("div", h(m({ key: 2 }, f.api.endBind.value)), y(f.api.merged.value.end), 17)) : f.api.invalidated.value && f.api.merged.value.withErrorIcon !== !1 ? (g(), l("div", h(m({ key: 3 }, f.api.endBind.value)), [d(b(a), m({
+						icon: f.api.errorIcon.value,
+						size: f.api.merged.value.size
+					}, f.api.endIconBind.value), null, 16, ["icon", "size"])], 16)) : f.api.merged.value.endIcon ? (g(), l("div", h(m({ key: 4 }, f.api.endBind.value)), [d(b(a), m({ size: f.api.merged.value.size }, f.api.endIconBind.value, { icon: f.api.merged.value.endIcon }), null, 16, ["size", "icon"])], 16)) : c("", !0)
 				], 16)], 16),
-				y(e)(d.api.slots, "end") ? (h(), c("div", m(p({ key: 1 }, d.api.endSlotBind.value)), [(h(), o(_(y(r)(d.api.slots, "end"))))], 16)) : s("", !0)
+				b(e)(f.api.slots, "end") ? (g(), l("div", h(m({ key: 1 }, f.api.endSlotBind.value)), [(g(), s(v(b(r)(f.api.slots, "end"))))], 16)) : c("", !0)
 			], 16),
-			!d.api.invalidated.value && y(t)(d.api.slots, "description", d.api.merged.value.description) ? (h(), c("p", p({ key: 0 }, d.api.descriptionBind.value, { id: `${d.api.controlId.value}-description` }), [(h(), o(_(y(i)(d.api.slots, "description", d.api.merged.value.description))))], 16, S)) : s("", !0),
-			d.api.merged.value.withoutErrorMessage ? s("", !0) : (h(), c("p", p({ key: 1 }, d.api.errorBind.value, {
-				id: `${d.api.controlId.value}-error`,
-				"aria-hidden": d.api.showErrorMessageContent.value ? void 0 : !0
-			}), [d.api.showErrorMessageContent.value ? (h(), o(_(y(i)(d.api.slots, "errorMessage", d.api.merged.value.errorMessage)), { key: 0 })) : s("", !0)], 16, C))
-		], 16, b));
+			!f.api.invalidated.value && b(t)(f.api.slots, "description", f.api.merged.value.description) ? (g(), l("p", m({ key: 0 }, f.api.descriptionBind.value, { id: `${f.api.controlId.value}-description` }), [(g(), s(v(b(i)(f.api.slots, "description", f.api.merged.value.description))))], 16, S)) : c("", !0),
+			f.api.merged.value.withoutErrorMessage ? c("", !0) : (g(), l("p", m({ key: 1 }, f.api.errorBind.value, {
+				id: `${f.api.controlId.value}-error`,
+				"aria-hidden": f.api.showErrorMessageContent.value ? void 0 : !0
+			}), [f.api.showErrorMessageContent.value ? (g(), s(v(b(i)(f.api.slots, "errorMessage", f.api.merged.value.errorMessage)), { key: 0 })) : c("", !0)], 16, C))
+		], 16, x));
 	}
 });
 //#endregion

package/dist/Components/FormField/UnderlinedFormField.vue_vue_type_script_setup_true_lang.js

@@ -1,38 +1,36 @@
 import { hasNamedSlot as e, hasSlotOrProp as t, isPropPresent as n, resolveNamedSlot as r, resolveSlotOrProp as i } from "../../Utils/slotOrProp.js";
 import a from "../Icon/Icon.js";
-import { createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, normalizeProps as m, openBlock as h, renderSlot as g, resolveDynamicComponent as _, toDisplayString as v, unref as y } from "vue";
+import o from "./FormFieldLabel.js";
+import { createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, mergeProps as m, normalizeProps as h, openBlock as g, renderSlot as _, resolveDynamicComponent as v, toDisplayString as y, unref as b } from "vue";
 //#region src/Components/FormField/UnderlinedFormField.vue?vue&type=script&setup=true&lang.ts
-var b = [
+var x = [
 	"data-invalid",
 	"aria-disabled",
 	"aria-readonly"
-], x = ["for"], S = ["id"], C = ["id", "aria-hidden"], w = /* @__PURE__ */ d({
+], S = ["id"], C = ["id", "aria-hidden"], w = /* @__PURE__ */ f({
 	__name: "UnderlinedFormField",
 	props: { api: {} },
-	setup(d) {
-		return (w, T) => (h(), c("div", p(d.api.rootBind.value, {
-			"data-invalid": d.api.invalidated.value || void 0,
-			"aria-disabled": d.api.isDisabled.value || void 0,
-			"aria-readonly": d.api.isReadonly.value || void 0
+	setup(f) {
+		return (w, T) => (g(), l("div", m(f.api.rootBind.value, {
+			"data-invalid": f.api.invalidated.value || void 0,
+			"aria-disabled": f.api.isDisabled.value || void 0,
+			"aria-readonly": f.api.isReadonly.value || void 0
 		}), [
-			y(t)(d.api.slots, "label", d.api.merged.value.label) || y(t)(d.api.slots, "corner", d.api.merged.value.corner) ? (h(), c("div", m(p({ key: 0 }, d.api.headerBind.value)), [y(t)(d.api.slots, "label", d.api.merged.value.label) ? (h(), c("label", p({
-				key: 0,
-				for: d.api.controlId.value
-			}, d.api.labelBind.value), [(h(), o(_(y(i)(d.api.slots, "label", d.api.merged.value.label)))), d.api.merged.value.required ? (h(), c("span", m(p({ key: 0 }, d.api.requiredBind.value)), " * ", 16)) : s("", !0)], 16, x)) : s("", !0), y(t)(d.api.slots, "corner", d.api.merged.value.corner) ? (h(), c("span", m(p({ key: 1 }, d.api.cornerBind.value)), [(h(), o(_(y(i)(d.api.slots, "corner", d.api.merged.value.corner))))], 16)) : s("", !0)], 16)) : s("", !0),
-			l("div", m(f(d.api.containerBind.value)), [
-				y(e)(d.api.slots, "start") ? (h(), c("div", m(p({ key: 0 }, d.api.startSlotBind.value)), [(h(), o(_(y(r)(d.api.slots, "start"))))], 16)) : y(n)(d.api.merged.value.start) ? (h(), c("div", m(p({ key: 1 }, d.api.startBind.value)), v(d.api.merged.value.start), 17)) : d.api.merged.value.startIcon ? (h(), c("div", m(p({ key: 2 }, d.api.startBind.value)), [u(y(a), p({ size: d.api.merged.value.size }, d.api.startIconBind.value, { icon: d.api.merged.value.startIcon }), null, 16, ["size", "icon"])], 16)) : s("", !0),
-				g(w.$slots, "default"),
-				y(e)(d.api.slots, "end") ? (h(), c("div", m(p({ key: 3 }, d.api.endSlotBind.value)), [(h(), o(_(y(r)(d.api.slots, "end"))))], 16)) : y(n)(d.api.merged.value.end) ? (h(), c("div", m(p({ key: 4 }, d.api.endBind.value)), v(d.api.merged.value.end), 17)) : d.api.invalidated.value && d.api.merged.value.withErrorIcon !== !1 ? (h(), c("div", m(p({ key: 5 }, d.api.endBind.value)), [u(y(a), p({
-					icon: d.api.errorIcon.value,
-					size: d.api.merged.value.size
-				}, d.api.endIconBind.value), null, 16, ["icon", "size"])], 16)) : d.api.merged.value.endIcon ? (h(), c("div", m(p({ key: 6 }, d.api.endBind.value)), [u(y(a), p({ size: d.api.merged.value.size }, d.api.endIconBind.value, { icon: d.api.merged.value.endIcon }), null, 16, ["size", "icon"])], 16)) : s("", !0)
+			b(t)(f.api.slots, "label", f.api.merged.value.label) || b(t)(f.api.slots, "corner", f.api.merged.value.corner) ? (g(), l("div", h(m({ key: 0 }, f.api.headerBind.value)), [d(o, { api: f.api }, null, 8, ["api"]), b(t)(f.api.slots, "corner", f.api.merged.value.corner) ? (g(), l("span", h(m({ key: 0 }, f.api.cornerBind.value)), [(g(), s(v(b(i)(f.api.slots, "corner", f.api.merged.value.corner))))], 16)) : c("", !0)], 16)) : c("", !0),
+			u("div", h(p(f.api.containerBind.value)), [
+				b(e)(f.api.slots, "start") ? (g(), l("div", h(m({ key: 0 }, f.api.startSlotBind.value)), [(g(), s(v(b(r)(f.api.slots, "start"))))], 16)) : b(n)(f.api.merged.value.start) ? (g(), l("div", h(m({ key: 1 }, f.api.startBind.value)), y(f.api.merged.value.start), 17)) : f.api.merged.value.startIcon ? (g(), l("div", h(m({ key: 2 }, f.api.startBind.value)), [d(b(a), m({ size: f.api.merged.value.size }, f.api.startIconBind.value, { icon: f.api.merged.value.startIcon }), null, 16, ["size", "icon"])], 16)) : c("", !0),
+				_(w.$slots, "default"),
+				b(e)(f.api.slots, "end") ? (g(), l("div", h(m({ key: 3 }, f.api.endSlotBind.value)), [(g(), s(v(b(r)(f.api.slots, "end"))))], 16)) : b(n)(f.api.merged.value.end) ? (g(), l("div", h(m({ key: 4 }, f.api.endBind.value)), y(f.api.merged.value.end), 17)) : f.api.invalidated.value && f.api.merged.value.withErrorIcon !== !1 ? (g(), l("div", h(m({ key: 5 }, f.api.endBind.value)), [d(b(a), m({
+					icon: f.api.errorIcon.value,
+					size: f.api.merged.value.size
+				}, f.api.endIconBind.value), null, 16, ["icon", "size"])], 16)) : f.api.merged.value.endIcon ? (g(), l("div", h(m({ key: 6 }, f.api.endBind.value)), [d(b(a), m({ size: f.api.merged.value.size }, f.api.endIconBind.value, { icon: f.api.merged.value.endIcon }), null, 16, ["size", "icon"])], 16)) : c("", !0)
 			], 16),
-			!d.api.invalidated.value && y(t)(d.api.slots, "description", d.api.merged.value.description) ? (h(), c("p", p({ key: 1 }, d.api.descriptionBind.value, { id: `${d.api.controlId.value}-description` }), [(h(), o(_(y(i)(d.api.slots, "description", d.api.merged.value.description))))], 16, S)) : s("", !0),
-			d.api.merged.value.withoutErrorMessage ? s("", !0) : (h(), c("p", p({ key: 2 }, d.api.errorBind.value, {
-				id: `${d.api.controlId.value}-error`,
-				"aria-hidden": d.api.showErrorMessageContent.value ? void 0 : !0
-			}), [d.api.showErrorMessageContent.value ? (h(), o(_(y(i)(d.api.slots, "errorMessage", d.api.merged.value.errorMessage)), { key: 0 })) : s("", !0)], 16, C))
-		], 16, b));
+			!f.api.invalidated.value && b(t)(f.api.slots, "description", f.api.merged.value.description) ? (g(), l("p", m({ key: 1 }, f.api.descriptionBind.value, { id: `${f.api.controlId.value}-description` }), [(g(), s(v(b(i)(f.api.slots, "description", f.api.merged.value.description))))], 16, S)) : c("", !0),
+			f.api.merged.value.withoutErrorMessage ? c("", !0) : (g(), l("p", m({ key: 2 }, f.api.errorBind.value, {
+				id: `${f.api.controlId.value}-error`,
+				"aria-hidden": f.api.showErrorMessageContent.value ? void 0 : !0
+			}), [f.api.showErrorMessageContent.value ? (g(), s(v(b(i)(f.api.slots, "errorMessage", f.api.merged.value.errorMessage)), { key: 0 })) : c("", !0)], 16, C))
+		], 16, x));
 	}
 });
 //#endregion

package/dist/Components/FormField/composables/useFormField.d.ts

@@ -1,6 +1,7 @@
 import { HTMLAttributes, MaybeRefOrGetter } from 'vue';
 import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
 import { FormFieldOwnProps, FormFieldSlots } from '../formField.types';
+import { LabelProps } from '../../Label/label.types';
 export type FormFieldReservedSlotName = Exclude<keyof FormFieldSlots, "default">;
 export type FormFieldOptions = {
     /**
@@ -442,10 +443,9 @@ export declare function useFormField(props: MaybeRefOrGetter<Omit<FormFieldOwnPr
         onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-    }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "color" | "end" | "size" | "classes" | "customProps" | "error" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "description" | "errorMessage" | "readonly" | "required" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>>;
+    }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "color" | "end" | "size" | "classes" | "customProps" | "error" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "readonly" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>>;
     isNotched: import('vue').ComputedRef<boolean>;
     isStacked: import('vue').ComputedRef<boolean>;
-    labelBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
     startBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
     cornerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
     headerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
@@ -455,12 +455,12 @@ export declare function useFormField(props: MaybeRefOrGetter<Omit<FormFieldOwnPr
     endIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
     endSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
     invalidated: import('vue').ComputedRef<boolean>;
-    requiredBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
     containerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {
         "data-bridge-rounded": NonNullable<keyof import('@bridge-ui/core').FormFieldRounded | undefined>;
     }>>;
     startIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
     startSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
+    fieldLabelProps: import('vue').ComputedRef<LabelProps>;
     ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
     descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
     stackedBodyBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;