@bridge-ui/vue 0.6.0 → 0.8.0

package/dist/Components/Pagination/composables/usePagination.d.ts

@@ -24,17 +24,19 @@ export declare function usePagination(props: PaginationOwnProps, libDefaults: Pa
     prevBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         onClick: () => void;
         type: "button";
-        "aria-label": string;
         disabled: boolean;
+        "aria-label": string;
         class: string;
     }, "class", import('vue').ButtonHTMLAttributes | undefined, {}>>;
     nextBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         onClick: () => void;
-        "aria-label": string;
         type: "button";
         disabled: boolean;
+        "aria-label": string;
         class: string;
     }, "class", import('vue').ButtonHTMLAttributes | undefined, {}>>;
+    prevLabel: import('vue').ComputedRef<string>;
+    nextLabel: import('vue').ComputedRef<string>;
     getItemBind: (pageNumber: number) => import('@bridge-ui/core/Utils').MergePartBind<{
         type: "button";
         disabled: NonNullable<boolean | undefined>;

package/dist/Components/Pagination/composables/usePagination.js

@@ -1,11 +1,12 @@
-import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
-import { computed as r, useAttrs as i, useSlots as a } from "vue";
-import { get as o } from "es-toolkit/compat";
-import { getPaginationItems as s } from "@bridge-ui/core/Domain";
-import { paginationColorProps as ee, paginationRoundedProps as c, paginationSizeProps as l, paginationVariantProps as u } from "@bridge-ui/core/Tokens";
-import { cn as d, mergeBridgeUILayeredClasses as f, splitComponentProps as p } from "@bridge-ui/core/Utils";
+import { useResolveMessage as e } from "../../../Adapters/I18n/useI18nAdapter.js";
+import { mergePartBind as t, useBridgeUIComponent as n, useBridgeUIMergedRegistryClasses as r } from "../../../Utils/index.js";
+import { computed as i, useAttrs as a, useSlots as o } from "vue";
+import { get as s } from "es-toolkit/compat";
+import { getPaginationItems as c } from "@bridge-ui/core/Domain";
+import { paginationColorProps as l, paginationRoundedProps as u, paginationSizeProps as d, paginationVariantProps as f } from "@bridge-ui/core/Tokens";
+import { cn as p, mergeBridgeUILayeredClasses as m, splitComponentProps as h } from "@bridge-ui/core/Utils";
 //#region src/Components/Pagination/composables/usePagination.ts
-var m = [
+var g = [
 	"mode",
 	"size",
 	"color",
@@ -23,166 +24,163 @@ var m = [
 	"hideNextButton",
 	"hidePrevButton"
 ];
-function h(h, g, _, v) {
-	let y = i(), b = a(), x = r(() => p({
+function _(_, v, y, b) {
+	let x = e(), S = a(), C = o(), w = i(() => h({
 		props: {
-			...y,
-			...h
+			...S,
+			..._
 		},
-		bridgeKeys: m
-	})), { merged: S, entry: C } = t({
-		libDefaults: g,
+		bridgeKeys: g
+	})), { merged: T, entry: E } = n({
+		libDefaults: v,
 		componentName: "Pagination",
-		props: () => x.value.componentProps
-	}), w = r(() => S.value.customProps), T = r(() => S.value.mode === "simple" ? 1 : _.value ?? 1), E = r(() => S.value.mode === "simple" ? [] : s({
-		page: T.value,
-		count: S.value.count ?? 0,
-		siblingCount: S.value.siblingCount,
-		boundaryCount: S.value.boundaryCount
-	})), D = n({
-		entry: C,
-		props: () => x.value.componentProps
-	}), O = r(() => f(l, C.value?.tokens?.size)), k = r(() => f(u, C.value?.tokens?.variant)), A = r(() => f(ee, C.value?.tokens?.color)), j = r(() => f(c, C.value?.tokens?.rounded)), M = r(() => o(O.value, S.value.size)), N = r(() => o(k.value, S.value.variant)), P = r(() => o(A.value, S.value.color)), F = r(() => o(j.value, S.value.rounded)), I = (e) => {
-		if (S.value.disabled) return;
-		let t = S.value.count ?? 0, n = Math.min(Math.max(1, e), Math.max(t, 1));
-		_.value = n, v("change", n), v("update:modelValue", n);
-	}, L = () => {
-		if (!S.value.disabled) {
-			if (S.value.mode === "simple") {
-				if (S.value.hasPrevious === !1) return;
-				v("previous");
+		props: () => w.value.componentProps
+	}), D = i(() => T.value.customProps), O = i(() => T.value.mode === "simple" ? 1 : y.value ?? 1), k = i(() => T.value.mode === "simple" ? [] : c({
+		page: O.value,
+		count: T.value.count ?? 0,
+		siblingCount: T.value.siblingCount,
+		boundaryCount: T.value.boundaryCount
+	})), A = r({
+		entry: E,
+		props: () => w.value.componentProps
+	}), j = i(() => m(d, E.value?.tokens?.size)), M = i(() => m(f, E.value?.tokens?.variant)), ee = i(() => m(l, E.value?.tokens?.color)), te = i(() => m(u, E.value?.tokens?.rounded)), N = i(() => s(j.value, T.value.size)), P = i(() => s(M.value, T.value.variant)), F = i(() => s(ee.value, T.value.color)), I = i(() => s(te.value, T.value.rounded)), L = (e) => {
+		if (T.value.disabled) return;
+		let t = T.value.count ?? 0, n = Math.min(Math.max(1, e), Math.max(t, 1));
+		y.value = n, b("change", n), b("update:modelValue", n);
+	}, R = () => {
+		if (!T.value.disabled) {
+			if (T.value.mode === "simple") {
+				if (T.value.hasPrevious === !1) return;
+				b("previous");
 				return;
 			}
-			I(T.value - 1);
+			L(O.value - 1);
 		}
-	}, R = () => {
-		if (!S.value.disabled) {
-			if (S.value.mode === "simple") {
-				if (S.value.hasNext === !1) return;
-				v("next");
+	}, z = () => {
+		if (!T.value.disabled) {
+			if (T.value.mode === "simple") {
+				if (T.value.hasNext === !1) return;
+				b("next");
 				return;
 			}
-			I(T.value + 1);
+			L(O.value + 1);
 		}
-	}, z = r(() => S.value.disabled ? !0 : S.value.mode === "simple" ? S.value.hasPrevious === !1 : T.value <= 1), B = r(() => S.value.disabled ? !0 : S.value.mode === "simple" ? S.value.hasNext === !1 : T.value >= (S.value.count ?? 0)), V = r(() => !S.value.hidePrevButton), H = r(() => !S.value.hideNextButton), U = r(() => S.value.variant === "outlined"), W = r(() => S.value.variant === "ghost"), G = r(() => d({
-		[o(M.value, "item") ?? ""]: !0,
-		[o(N.value, "item") ?? ""]: !0,
-		[o(F.value, "item") ?? ""]: W.value
-	})), K = r(() => d({
-		[o(M.value, "itemIcon") ?? ""]: !0,
-		[o(N.value, "item") ?? ""]: !0,
-		[o(F.value, "item") ?? ""]: W.value
-	})), q = r(() => {
-		let e = S.value.variant;
-		return d({
-			[o(N.value, "itemSelected") ?? ""]: !0,
-			[o(P.value, "itemSelectedFilled") ?? ""]: e === "outlined",
-			[o(P.value, "itemSelectedAccent") ?? ""]: e === "text" || e === "ghost",
-			[o(P.value, "itemSelectedSoft") ?? ""]: e === "ghost"
-		});
-	}), J = r(() => {
-		let e = E.value.filter((e) => e.type === "page");
+	}, B = i(() => T.value.disabled ? !0 : T.value.mode === "simple" ? T.value.hasPrevious === !1 : O.value <= 1), V = i(() => T.value.disabled ? !0 : T.value.mode === "simple" ? T.value.hasNext === !1 : O.value >= (T.value.count ?? 0)), H = i(() => !T.value.hidePrevButton), U = i(() => !T.value.hideNextButton), W = i(() => T.value.variant === "outlined"), G = i(() => T.value.variant === "ghost" || T.value.variant === "text"), K = i(() => p({
+		[s(N.value, "item") ?? ""]: !0,
+		[s(P.value, "item") ?? ""]: !0,
+		[s(I.value, "item") ?? ""]: G.value
+	})), q = i(() => p({
+		[s(N.value, "itemIcon") ?? ""]: !0,
+		[s(P.value, "item") ?? ""]: !0,
+		[s(I.value, "item") ?? ""]: G.value
+	})), J = i(() => p({
+		[s(P.value, "itemSelected") ?? ""]: !0,
+		[s(F.value, "itemSelectedAccent") ?? ""]: !0
+	})), Y = i(() => {
+		let e = k.value.filter((e) => e.type === "page");
 		return {
 			first: e[0]?.page,
 			last: e[e.length - 1]?.page
 		};
-	}), Y = (e, t) => {
-		if (!U.value) return !1;
+	}), X = (e, t) => {
+		if (!W.value) return !1;
 		if (e === "prev") return !0;
-		if (V.value) return !1;
-		let n = E.value[0];
+		if (H.value) return !1;
+		let n = k.value[0];
 		return e === "page" ? n?.type === "page" && n.page === t : e === "ellipsis" && n?.type === "ellipsis" && t === 0;
-	}, X = r(() => {
-		let t = x.value.inheritedAttrs;
-		return e(w.value?.root, t, {
-			"aria-label": t["aria-label"] ?? "Pagination",
-			class: d({
-				[o(M.value, "root") ?? ""]: !0,
-				[o(D.value, "root") ?? ""]: !0
+	}, Z = i(() => x("Previous")), Q = i(() => x("Next")), ne = i(() => {
+		let e = w.value.inheritedAttrs;
+		return t(D.value?.root, e, {
+			"aria-label": e["aria-label"] ?? x("Pagination"),
+			class: p({
+				[s(N.value, "root") ?? ""]: !0,
+				[s(A.value, "root") ?? ""]: !0
 			})
 		});
-	}), Z = r(() => e(w.value?.list, {}, { class: d({
-		[o(M.value, "list") ?? ""]: !0,
-		[o(N.value, "list") ?? ""]: !0,
-		[o(F.value, "list") ?? ""]: U.value,
-		[o(D.value, "list") ?? ""]: !0
-	}) })), Q = (t) => {
-		let n = t === T.value, r = U.value && !V.value && t === J.value.first, i = U.value && !H.value && t === J.value.last;
-		return e(w.value?.item, {}, {
+	}), re = i(() => t(D.value?.list, {}, { class: p({
+		[s(N.value, "list") ?? ""]: !0,
+		[s(P.value, "list") ?? ""]: !0,
+		[s(I.value, "list") ?? ""]: W.value,
+		[s(A.value, "list") ?? ""]: !0
+	}) })), ie = (e) => {
+		let n = e === O.value, r = W.value && !H.value && e === Y.value.first, i = W.value && !U.value && e === Y.value.last;
+		return t(D.value?.item, {}, {
 			type: "button",
-			disabled: S.value.disabled,
-			"aria-label": `Page ${t}`,
+			disabled: T.value.disabled,
+			"aria-label": `Page ${e}`,
 			"aria-current": n ? "page" : void 0,
 			onClick: () => {
-				n || I(t);
+				n || L(e);
 			},
-			class: d({
-				[G.value]: !0,
-				[q.value]: n,
-				[o(D.value, "item") ?? ""]: !0,
-				"ml-0": Y("page", t),
-				[o(F.value, "itemStart") ?? ""]: r,
-				[o(F.value, "itemEnd") ?? ""]: i
+			class: p({
+				[K.value]: !0,
+				[J.value]: n,
+				[s(A.value, "item") ?? ""]: !0,
+				"ml-0": X("page", e),
+				[s(I.value, "itemStart") ?? ""]: r,
+				[s(I.value, "itemEnd") ?? ""]: i
 			})
 		});
-	}, te = (t) => e(w.value?.ellipsis, {}, {
+	}, ae = (e) => t(D.value?.ellipsis, {}, {
 		"aria-hidden": !0,
-		"data-ellipsis-index": t,
-		class: d({
-			[o(M.value, "ellipsis") ?? ""]: !0,
-			[o(N.value, "ellipsis") ?? ""]: !0,
-			[o(F.value, "item") ?? ""]: W.value,
-			[o(D.value, "ellipsis") ?? ""]: !0,
-			"ml-0": Y("ellipsis", t)
+		"data-ellipsis-index": e,
+		class: p({
+			[s(N.value, "ellipsis") ?? ""]: !0,
+			[s(P.value, "ellipsis") ?? ""]: !0,
+			[s(I.value, "item") ?? ""]: G.value,
+			[s(A.value, "ellipsis") ?? ""]: !0,
+			"ml-0": X("ellipsis", e)
 		})
-	}), $ = r(() => o(M.value, "icon") ?? "sm");
+	}), $ = i(() => s(N.value, "icon") ?? "sm");
 	return {
-		page: T,
-		slots: b,
-		merged: S,
-		entries: E,
-		showPrev: V,
-		showNext: H,
-		rootBind: X,
-		listBind: Z,
-		prevBind: r(() => e(w.value?.prev, {}, {
-			onClick: L,
+		page: O,
+		slots: C,
+		merged: T,
+		entries: k,
+		showPrev: H,
+		showNext: U,
+		rootBind: ne,
+		listBind: re,
+		prevBind: i(() => t(D.value?.prev, {}, {
+			onClick: R,
 			type: "button",
-			"aria-label": "Previous",
-			disabled: z.value,
-			class: d({
-				[K.value]: !0,
-				[o(D.value, "prev") ?? ""]: !0,
-				[o(D.value, "item") ?? ""]: !0,
-				"ml-0": U.value,
-				[o(F.value, "itemStart") ?? ""]: U.value
+			disabled: B.value,
+			"aria-label": Z.value,
+			class: p({
+				[q.value]: !0,
+				[s(A.value, "prev") ?? ""]: !0,
+				[s(A.value, "item") ?? ""]: !0,
+				"ml-0": W.value,
+				[s(I.value, "itemStart") ?? ""]: W.value
 			})
 		})),
-		nextBind: r(() => e(w.value?.next, {}, {
-			onClick: R,
-			"aria-label": "Next",
+		nextBind: i(() => t(D.value?.next, {}, {
+			onClick: z,
 			type: "button",
-			disabled: B.value,
-			class: d({
-				[K.value]: !0,
-				[o(D.value, "next") ?? ""]: !0,
-				[o(D.value, "item") ?? ""]: !0,
-				[o(F.value, "itemEnd") ?? ""]: U.value
+			disabled: V.value,
+			"aria-label": Q.value,
+			class: p({
+				[q.value]: !0,
+				[s(A.value, "next") ?? ""]: !0,
+				[s(A.value, "item") ?? ""]: !0,
+				[s(I.value, "itemEnd") ?? ""]: W.value
 			})
 		})),
-		getItemBind: Q,
-		prevIconBind: r(() => e(w.value?.prevIcon, {}, {
+		prevLabel: Z,
+		nextLabel: Q,
+		getItemBind: ie,
+		prevIconBind: i(() => t(D.value?.prevIcon, {}, {
 			"aria-hidden": !0,
 			size: $.value,
 			class: "shrink-0 pointer-events-none"
 		})),
-		nextIconBind: r(() => e(w.value?.nextIcon, {}, {
+		nextIconBind: i(() => t(D.value?.nextIcon, {}, {
 			"aria-hidden": !0,
 			size: $.value,
 			class: "shrink-0 pointer-events-none"
 		})),
-		getEllipsisBind: te
+		getEllipsisBind: ae
 	};
 }
 //#endregion
-export { h as usePagination };
+export { _ as usePagination };

package/dist/Components/Pagination/pagination.types.d.ts

@@ -117,9 +117,9 @@ export interface PaginationOwnProps {
      */
     classes?: PaginationClasses;
     /**
-     * Selected page accent color.
+     * Optional text accent for the selected page. Selected surface comes from `variant`.
      *
-     * @default "primary"
+     * @default "dark"
      */
     color?: MergeProps<PaginationColor, PaginationColorOverrides>;
     /**
@@ -165,7 +165,7 @@ export interface PaginationOwnProps {
      */
     hidePrevButton?: boolean;
     /**
-     * Numbered pages vs prev/next only.
+     * Numbered pages, or prev/next only.
      *
      * @default "numbered"
      */
@@ -177,7 +177,7 @@ export interface PaginationOwnProps {
      */
     modelValue?: number;
     /**
-     * Control corner radius (`ghost` items / `outlined` group edges).
+     * Control corner radius (`ghost` / `text` items and `outlined` group edges).
      *
      * @default "md"
      */
@@ -197,7 +197,7 @@ export interface PaginationOwnProps {
     /**
      * Visual style of page / control buttons.
      *
-     * @default "text"
+     * @default "ghost"
      */
     variant?: MergeProps<PaginationVariant, PaginationVariantOverrides>;
 }

package/dist/Components/PasswordField/PasswordField.vue_vue_type_script_setup_true_lang.js

@@ -35,6 +35,7 @@ var A = /*@__PURE__*/ m({
 		readonly: { type: Boolean },
 		required: { type: Boolean },
 		rounded: {},
+		showDescriptionOnError: { type: Boolean },
 		showErrorIcon: { type: Boolean },
 		size: {},
 		slots: {},

package/dist/Components/PasswordField/composables/usePasswordField.d.ts

@@ -433,11 +433,10 @@ export declare function usePasswordField(props: PasswordFieldOwnProps, options?:
             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" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showErrorIcon" | "startIcon">>>>;
+        }, 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" | "showDescriptionOnError" | "showErrorIcon" | "startIcon">>>>;
         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>;
@@ -455,9 +454,12 @@ export declare function usePasswordField(props: PasswordFieldOwnProps, options?:
         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", {}, {}>>;
+        showErrorMessageRow: import('vue').ComputedRef<boolean>;
+        showDescriptionContent: import('vue').ComputedRef<boolean>;
         showErrorMessageContent: import('vue').ComputedRef<boolean>;
         reservesErrorMessageSpace: import('vue').ComputedRef<boolean>;
     };
@@ -682,7 +684,7 @@ export declare function usePasswordField(props: PasswordFieldOwnProps, options?:
         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" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showErrorIcon" | "startIcon">>>, {
+    }, 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" | "showDescriptionOnError" | "showErrorIcon" | "startIcon">>>, {
         type: string;
     }>>;
     isVisible: import('vue').ComputedRef<boolean>;

package/dist/Components/Select/Select.vue_vue_type_script_setup_true_lang.js

@@ -72,6 +72,7 @@ var N = {
 		readonly: { type: Boolean },
 		required: { type: Boolean },
 		rounded: {},
+		showDescriptionOnError: { type: Boolean },
 		showErrorIcon: {
 			type: Boolean,
 			default: !0

package/dist/Components/Select/composables/useSelect.d.ts

@@ -437,11 +437,10 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
             onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-        }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showErrorIcon" | "startIcon">>>>;
+        }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon" | "startIcon">>>>;
         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>;
@@ -459,9 +458,12 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
         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", {}, {}>>;
+        showErrorMessageRow: import('vue').ComputedRef<boolean>;
+        showDescriptionContent: import('vue').ComputedRef<boolean>;
         showErrorMessageContent: import('vue').ComputedRef<boolean>;
         reservesErrorMessageSpace: import('vue').ComputedRef<boolean>;
     };
@@ -721,7 +723,7 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
         onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-    }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showErrorIcon" | "startIcon">>>>>;
+    }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon" | "startIcon">>>>>;
     handleApply: () => void;
     selectOption: (option: SelectOption) => void;
     handleCancel: () => void;

package/dist/Components/Sidebar/composables/useSidebarList.js

@@ -16,7 +16,7 @@ function c(c) {
 	return a(t, n(() => ({ iconOnly: f.value }))), {
 		iconOnly: f,
 		rootClassName: n(() => s({
-			"flex flex-col gap-1": !0,
+			"flex min-w-0 flex-col gap-1 p-0": !0,
 			"px-2": c.nested !== !0,
 			"ml-3.5 translate-x-px border-l border-dark-200 py-0.5 pl-2.5 dark:border-dark-700": c.nested === !0,
 			hidden: c.nested === !0 && f.value

package/dist/Components/Sidebar/composables/useSidebarShell.js

@@ -82,7 +82,7 @@ function C(C, w) {
 		"flex shrink-0 flex-col gap-2 px-2 py-2.5": !0,
 		[l(P.value, "header") ?? ""]: !0
 	}))), K = i(() => e(N.value?.content, {}, v({
-		"bridge-scroll-fade-y flex min-h-0 flex-1 flex-col overflow-y-auto": !0,
+		"bridge-scroll-fade-y flex min-h-0 min-w-0 flex-1 flex-col overflow-y-auto": !0,
 		[l(P.value, "content") ?? ""]: !0
 	}))), q = i(() => e(N.value?.footer, {}, v({
 		"flex shrink-0 flex-col gap-2 px-2 py-2.5": !0,

package/dist/Components/Slider/Slider.vue_vue_type_script_setup_true_lang.js

@@ -36,6 +36,7 @@ var D = /*@__PURE__*/ f({
 		label: {},
 		readonly: { type: Boolean },
 		required: { type: Boolean },
+		showDescriptionOnError: { type: Boolean },
 		size: {}
 	}, {
 		modelValue: { default: void 0 },

package/dist/Components/Slider/composables/useSlider.d.ts

@@ -2,7 +2,7 @@ import { MaybeRefOrGetter, Ref } from 'vue';
 import { SliderRangeValue, SliderStop } from '@bridge-ui/core/Domain';
 import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { SliderOwnProps } from '../slider.types';
-export declare const sliderBridgeKeys: readonly ["size", "error", "label", "corner", "classes", "disabled", "readonly", "required", "controlId", "customProps", "description", "errorMessage", "hideErrorMessage", "max", "min", "step", "color", "range", "stops", "rounded", "showStops", "showTooltip", "defaultValue"];
+export declare const sliderBridgeKeys: readonly ["size", "error", "label", "corner", "classes", "disabled", "readonly", "required", "controlId", "customProps", "description", "errorMessage", "hideErrorMessage", "showDescriptionOnError", "max", "min", "step", "color", "range", "stops", "rounded", "showStops", "showTooltip", "defaultValue"];
 type SliderLibDefaults = LibDefaultsShape<SliderOwnProps, "max" | "min" | "size" | "step" | "color" | "rounded" | "showStops" | "showTooltip">;
 type SliderMerged = MergeLibDefaults<SliderOwnProps, SliderLibDefaults>;
 export type UseSliderOptions = {
@@ -49,7 +49,6 @@ export declare function useSlider(props: MaybeRefOrGetter<SliderOwnProps>, libDe
         }>>;
         controlId: import('vue').ComputedRef<string>;
         headerBind: 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, {}>>;
         isDisabled: import('vue').ComputedRef<boolean>;
         isReadonly: import('vue').ComputedRef<boolean>;
         sizeClasses: import('vue').ComputedRef<import('@bridge-ui/core/Tokens').BaseFieldSizeItem | undefined>;
@@ -60,6 +59,9 @@ export declare function useSlider(props: MaybeRefOrGetter<SliderOwnProps>, libDe
         ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
         fieldLabelProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
         descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        fieldCornerProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
+        showErrorMessageRow: import('vue').ComputedRef<boolean>;
+        showDescriptionContent: import('vue').ComputedRef<boolean>;
         showErrorMessageContent: import('vue').ComputedRef<boolean>;
     };
     trackBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {
@@ -479,7 +481,7 @@ export declare function useSlider(props: MaybeRefOrGetter<SliderOwnProps>, libDe
     getThumbKnobBind: (thumbIndex: 0 | 1) => import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
         "aria-hidden": boolean;
     }>;
-    tooltipProps: import('vue').ComputedRef<Partial<Omit<import('../../Tooltip').TooltipOwnProps, "slots" | "modelValue" | "anchorEl" | "content">> | undefined>;
+    tooltipProps: import('vue').ComputedRef<Partial<Omit<import('../../Tooltip').TooltipOwnProps, "slots" | "modelValue" | "content" | "anchorEl">> | undefined>;
     readThumbValue: (thumbIndex: 0 | 1) => number;
 };
 export type UseSliderReturn = ReturnType<typeof useSlider>;

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

@@ -29,8 +29,8 @@ var E = /*@__PURE__*/ p({
 	setup(p, { emit: h }) {
 		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"

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>;
 }