@bridge-ui/vue 0.6.0 → 0.7.0

package/dist/Adapters/I18n/useI18nAdapter.d.ts

@@ -13,4 +13,4 @@ export declare function useI18nAdapter(): ComputedRef<undefined | I18nAdapter>;
 /**
  * Resolves Bridge chrome strings through the active i18n adapter.
  */
-export declare function useResolveMessage(): (message: string, params?: MessageParams) => string;
+export declare function useResolveMessage(): (message: string, countOrParams?: number | MessageParams, params?: MessageParams) => string;

package/dist/Adapters/I18n/useI18nAdapter.js

@@ -12,7 +12,10 @@ function a() {
 }
 function o() {
 	let e = a();
-	return (t, r) => n(t, e.value, r);
+	function t(t, r, i) {
+		return n(t, e.value, r, i);
+	}
+	return t;
 }
 //#endregion
 export { i as setI18nAdapterForTests, a as useI18nAdapter, o as useResolveMessage };

package/dist/Components/Accordion/Accordion.vue_vue_type_script_setup_true_lang.js

@@ -26,9 +26,9 @@ var u = /*@__PURE__*/ n({
 	setup(n, { emit: i }) {
 		let u = i, d = n, f = l(n, "modelValue"), { rootBind: p } = e(d, {
 			size: "md",
+			color: "dark",
 			multiple: !1,
 			disabled: !1,
-			color: "primary",
 			variant: "default"
 		}, f, u);
 		return (e, n) => (o(), t("div", a(r(c(p))), [s(e.$slots, "default")], 16));

package/dist/Components/Accordion/accordion.types.d.ts

@@ -40,9 +40,9 @@ export interface AccordionOwnProps {
      */
     classes?: AccordionClasses;
     /**
-     * Accent color for the expanded indicator and trigger.
+     * Optional text accent for the expanded trigger and indicator.
      *
-     * @default "primary"
+     * @default "dark"
      */
     color?: MergeProps<AccordionColor, AccordionColorOverrides>;
     /**

package/dist/Components/Autocomplete/composables/useAutocomplete.d.ts

@@ -440,7 +440,6 @@ export declare function useAutocomplete(props: AutocompleteOwnProps, model: Ref<
         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>;
@@ -458,6 +457,7 @@ export declare function useAutocomplete(props: AutocompleteOwnProps, model: Ref<
         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/BaseField/BaseField.vue_vue_type_script_setup_true_lang.js

@@ -1,45 +1,50 @@
 import { hasNamedSlot as e, hasSlotOrProp as t, isPropPresent as n } from "../../Utils/slotOrProp.js";
-import r from "./BaseFieldLabel.js";
-import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, createTextVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, mergeProps as m, normalizeProps as h, openBlock as g, renderSlot as _, toDisplayString as v, unref as y, useSlots as b, withCtx as x } from "vue";
+import r from "./BaseFieldCorner.js";
+import i from "./BaseFieldLabel.js";
+import { Fragment as a, computed as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createSlots as u, createTextVNode as d, createVNode as f, defineComponent as p, guardReactiveProps as m, mergeProps as h, normalizeProps as g, openBlock as _, renderSlot as v, toDisplayString as y, unref as b, useSlots as x, withCtx as S } from "vue";
 //#region src/Components/BaseField/BaseField.vue?vue&type=script&setup=true&lang.ts
-var S = [
+var C = [
 	"data-invalid",
 	"aria-disabled",
 	"aria-readonly"
-], C = ["id"], w = ["id", "aria-hidden"], T = /*@__PURE__*/ f({
+], w = ["id"], T = ["id", "aria-hidden"], E = /*@__PURE__*/ p({
 	inheritAttrs: !1,
 	__name: "BaseField",
 	props: { field: {} },
-	setup(f) {
-		let T = f, E = b(), D = a(() => ({
-			...T.field,
+	setup(p) {
+		let E = p, D = x(), O = o(() => ({
+			...E.field,
 			slots: {
-				...T.field.slots,
-				...E
+				...E.field.slots,
+				...D
 			}
-		})), O = a(() => t(E, "label", D.value.merged.value.label) || t(E, "corner", D.value.merged.value.corner));
-		return (a, f) => (g(), s("div", m(D.value.rootBind.value, {
-			"data-invalid": D.value.invalidated.value || void 0,
-			"aria-disabled": D.value.isDisabled.value || void 0,
-			"aria-readonly": D.value.isReadonly.value || void 0
+		})), k = o(() => t(D, "label", O.value.merged.value.label) || t(D, "corner", O.value.merged.value.corner));
+		return (o, p) => (_(), c("div", h(O.value.rootBind.value, {
+			"data-invalid": O.value.invalidated.value || void 0,
+			"aria-disabled": O.value.isDisabled.value || void 0,
+			"aria-readonly": O.value.isReadonly.value || void 0
 		}), [
-			O.value ? (g(), s("div", h(m({ key: 0 }, D.value.headerBind.value)), [d(r, { api: D.value }, l({ _: 2 }, [y(e)(y(E), "label") ? {
+			k.value ? (_(), c("div", g(h({ key: 0 }, O.value.headerBind.value)), [f(i, { api: O.value }, u({ _: 2 }, [b(e)(b(D), "label") ? {
 				name: "label",
-				fn: x(() => [_(a.$slots, "label")]),
+				fn: S(() => [v(o.$slots, "label")]),
 				key: "0"
-			} : void 0]), 1032, ["api"]), y(t)(y(E), "corner", D.value.merged.value.corner) ? (g(), s("span", h(m({ key: 0 }, D.value.cornerBind.value)), [y(e)(y(E), "corner") ? _(a.$slots, "corner", {}, void 0, void 0, 0) : y(n)(D.value.merged.value.corner) ? (g(), s(i, { key: 1 }, [u(v(D.value.merged.value.corner), 1)], 64)) : o("", !0)], 16)) : o("", !0)], 16)) : o("", !0),
-			c("div", h(p(D.value.groupBind.value)), [
-				y(e)(y(E), "start") ? (g(), s("div", h(m({ key: 0 }, D.value.startSlotBind.value)), [_(a.$slots, "start")], 16)) : o("", !0),
-				_(a.$slots, "default"),
-				y(e)(y(E), "end") ? (g(), s("div", h(m({ key: 1 }, D.value.endSlotBind.value)), [_(a.$slots, "end")], 16)) : o("", !0)
+			} : void 0]), 1032, ["api"]), f(r, { api: O.value }, u({ _: 2 }, [b(e)(b(D), "corner") ? {
+				name: "corner",
+				fn: S(() => [v(o.$slots, "corner")]),
+				key: "0"
+			} : void 0]), 1032, ["api"])], 16)) : s("", !0),
+			l("div", g(m(O.value.groupBind.value)), [
+				b(e)(b(D), "start") ? (_(), c("div", g(h({ key: 0 }, O.value.startSlotBind.value)), [v(o.$slots, "start")], 16)) : s("", !0),
+				v(o.$slots, "default"),
+				b(e)(b(D), "end") ? (_(), c("div", g(h({ key: 1 }, O.value.endSlotBind.value)), [v(o.$slots, "end")], 16)) : s("", !0)
 			], 16),
-			!D.value.invalidated.value && y(t)(y(E), "description", D.value.merged.value.description) ? (g(), s("p", m({ key: 1 }, D.value.descriptionBind.value, { id: `${D.value.controlId.value}-description` }), [y(e)(y(E), "description") ? _(a.$slots, "description", {}, void 0, void 0, 0) : y(n)(D.value.merged.value.description) ? (g(), s(i, { key: 1 }, [u(v(D.value.merged.value.description), 1)], 64)) : o("", !0)], 16, C)) : o("", !0),
-			D.value.merged.value.hideErrorMessage ? o("", !0) : (g(), s("p", m({ key: 2 }, D.value.errorBind.value, {
-				id: `${D.value.controlId.value}-error`,
-				"aria-hidden": !D.value.showErrorMessageContent.value || void 0
-			}), [D.value.showErrorMessageContent.value ? (g(), s(i, { key: 0 }, [y(e)(y(E), "errorMessage") ? _(a.$slots, "errorMessage", {}, void 0, void 0, 0) : y(n)(D.value.merged.value.errorMessage) ? (g(), s(i, { key: 1 }, [u(v(D.value.merged.value.errorMessage), 1)], 64)) : o("", !0)], 64)) : o("", !0)], 16, w))
-		], 16, S));
+			!O.value.invalidated.value && b(t)(b(D), "description", O.value.merged.value.description) ? (_(), c("p", h({ key: 1 }, O.value.descriptionBind.value, { id: `${O.value.controlId.value}-description` }), [b(e)(b(D), "description") ? v(o.$slots, "description", {}, void 0, void 0, 0) : b(n)(O.value.merged.value.description) ? (_(), c(a, { key: 1 }, [d(y(O.value.merged.value.description), 1)], 64)) : s("", !0)], 16, w)) : s("", !0),
+			O.value.merged.value.hideErrorMessage ? s("", !0) : (_(), c("p", h({ key: 2 }, O.value.errorBind.value, {
+				id: `${O.value.controlId.value}-error`,
+				"aria-hidden": !O.value.showErrorMessageContent.value || void 0
+			}), [O.value.showErrorMessageContent.value ? (_(), c(a, { key: 0 }, [b(e)(b(D), "errorMessage") ? v(o.$slots, "errorMessage", {}, void 0, void 0, 0) : b(n)(O.value.merged.value.errorMessage) ? (_(), c(a, { key: 1 }, [d(y(O.value.merged.value.errorMessage), 1)], 64)) : s("", !0)], 64)) : s("", !0)], 16, T))
+		], 16, C));
 	}
 });
 //#endregion
-export { T as default };
+export { E as default };

package/dist/Components/BaseField/BaseFieldCorner.js

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

package/dist/Components/BaseField/BaseFieldCorner.vue.d.ts

@@ -0,0 +1,17 @@
+import { UseBaseFieldReturn } from './composables/useBaseField';
+type __VLS_Props = {
+    api: UseBaseFieldReturn;
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    corner?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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/BaseField/BaseFieldCorner.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,17 @@
+import { hasNamedSlot as e, hasSlotOrProp as t } from "../../Utils/slotOrProp.js";
+import n from "../Label/Label.js";
+import { Fragment as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createTextVNode as s, defineComponent as c, mergeProps as l, normalizeProps as u, openBlock as d, renderSlot as f, toDisplayString as p, unref as m, useSlots as h, withCtx as g } from "vue";
+//#region src/Components/BaseField/BaseFieldCorner.vue?vue&type=script&setup=true&lang.ts
+var _ = /*@__PURE__*/ c({
+	__name: "BaseFieldCorner",
+	props: { api: {} },
+	setup(c) {
+		let _ = h();
+		return (h, v) => m(t)(m(_), "corner", c.api.merged.value.corner) ? (d(), i(m(n), u(l({ key: 0 }, c.api.fieldCornerProps.value)), {
+			default: g(() => [m(e)(m(_), "corner") ? f(h.$slots, "corner", {}, void 0, void 0, 0) : (d(), o(r, { key: 1 }, [s(p(c.api.merged.value.corner), 1)], 64))]),
+			_: 3
+		}, 16)) : a("", !0);
+	}
+});
+//#endregion
+export { _ as default };

package/dist/Components/BaseField/baseField.types.d.ts

@@ -48,9 +48,11 @@ export interface BaseFieldClasses {
 }
 export interface BaseFieldCustomProps {
     /**
-     * Props forwarded to the corner label element.
+     * Props forwarded to the corner `Label` (content stays owned by `BaseField`).
+     *
+     * @default undefined
      */
-    corner?: HTMLAttributes;
+    corner?: Partial<Omit<LabelProps, "children">>;
     /**
      * Props forwarded to the helper text below the control group.
      */

package/dist/Components/BaseField/composables/useBaseField.d.ts

@@ -38,7 +38,6 @@ export declare function useBaseField(props: MaybeRefOrGetter<Omit<BaseFieldOwnPr
     }>>;
     controlId: import('vue').ComputedRef<string>;
     headerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
-    cornerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
     isDisabled: import('vue').ComputedRef<boolean>;
     isReadonly: import('vue').ComputedRef<boolean>;
     sizeClasses: import('vue').ComputedRef<import('@bridge-ui/core/Tokens').BaseFieldSizeItem | undefined>;
@@ -49,6 +48,7 @@ export declare function useBaseField(props: MaybeRefOrGetter<Omit<BaseFieldOwnPr
     ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
     fieldLabelProps: import('vue').ComputedRef<LabelProps>;
     descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
+    fieldCornerProps: import('vue').ComputedRef<LabelProps>;
     showErrorMessageContent: import('vue').ComputedRef<boolean>;
 };
 export type UseBaseFieldReturn = ReturnType<typeof useBaseField>;

package/dist/Components/BaseField/composables/useBaseField.js

@@ -61,11 +61,14 @@ function _(_, v = {
 		"justify-between items-end": e(x, "label", w.value.label),
 		"justify-end": !e(x, "label", w.value.label),
 		[E.value.header ?? ""]: !0
-	}))), R = a(() => n(D.value?.corner, {}, p({
-		"text-dark-500 dark:text-dark-400": !0,
-		[M.value?.text ?? ""]: !0,
-		[E.value.corner ?? ""]: !0
-	}))), z = a(() => n(D.value?.group, {
+	}))), R = a(() => {
+		let e = y.labelHtmlFor ?? ((e) => e);
+		return t(D.value?.corner, {
+			size: w.value.size,
+			for: e(j.value),
+			classes: { root: p({ [E.value.corner ?? ""]: !0 }) }
+		});
+	}), z = a(() => n(D.value?.group, {
 		role: "group",
 		id: j.value,
 		"aria-describedby": F.value,
@@ -82,7 +85,7 @@ function _(_, v = {
 		"group/end wrapper-end-slot shrink-0 flex items-center [&>*]:min-h-0": !0,
 		[E.value.end ?? ""]: !0
 	}))), H = a(() => n(D.value?.description, {}, p({
-		"mt-2 text-dark-500 dark:text-dark-400": !0,
+		"mt-1 px-1 text-dark-500 dark:text-dark-400": !0,
 		[M.value?.text ?? ""]: !0,
 		[E.value.description ?? ""]: !0
 	})));
@@ -91,7 +94,7 @@ function _(_, v = {
 		merged: w,
 		rootBind: I,
 		errorBind: a(() => n(D.value?.errorMessage, {}, p({
-			"mt-2": !0,
+			"mt-1 px-1": !0,
 			"min-h-[1lh]": N.value,
 			"text-error-600 dark:text-error-400": !0,
 			[M.value?.text ?? ""]: !0,
@@ -100,7 +103,6 @@ function _(_, v = {
 		groupBind: z,
 		controlId: j,
 		headerBind: L,
-		cornerBind: R,
 		isDisabled: k,
 		isReadonly: A,
 		sizeClasses: M,
@@ -123,6 +125,7 @@ function _(_, v = {
 			});
 		}),
 		descriptionBind: H,
+		fieldCornerProps: R,
 		showErrorMessageContent: P
 	};
 }

package/dist/Components/ColorField/composables/useColorField.d.ts

@@ -442,7 +442,6 @@ export declare function useColorField(props: ColorFieldOwnProps, 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 useColorField(props: ColorFieldOwnProps, 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", {}, {}>>;