@bridge-ui/vue 0.0.6 → 0.0.8

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

@@ -0,0 +1,222 @@
+import { HTMLAttributes, Slot } from 'vue';
+import { BaseFieldInvalidated, BaseFieldSize, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+import { UseBaseFieldReturn } from './composables/useBaseField';
+import { LabelProps } from '../Label/label.types';
+export interface BaseFieldSizeOverrides {}
+export interface BaseFieldClasses {
+    /**
+     * Classes merged onto the corner label in the header row.
+     */
+    corner?: string;
+    /**
+     * Classes merged onto the helper text below the control group.
+     */
+    description?: string;
+    /**
+     * Classes merged onto the inline-end adornment slot wrapper.
+     */
+    end?: string;
+    /**
+     * Classes merged onto the error message below the control group.
+     */
+    errorMessage?: string;
+    /**
+     * Classes merged onto the control group wrapper.
+     */
+    group?: string;
+    /**
+     * Classes merged onto the label + corner header row.
+     */
+    header?: string;
+    /**
+     * Classes merged onto the primary label.
+     */
+    label?: string;
+    /**
+     * Classes merged onto the required asterisk.
+     */
+    required?: string;
+    /**
+     * Classes merged onto the root wrapper.
+     */
+    root?: string;
+    /**
+     * Classes merged onto the inline-start adornment slot wrapper.
+     */
+    start?: string;
+}
+export interface BaseFieldCustomProps {
+    /**
+     * Props forwarded to the corner label element.
+     */
+    corner?: HTMLAttributes;
+    /**
+     * Props forwarded to the helper text below the control group.
+     */
+    description?: HTMLAttributes;
+    /**
+     * Props forwarded to the inline-end adornment slot wrapper.
+     */
+    end?: HTMLAttributes;
+    /**
+     * Props forwarded to the error message element.
+     */
+    errorMessage?: HTMLAttributes;
+    /**
+     * Props forwarded to the control group wrapper.
+     */
+    group?: HTMLAttributes;
+    /**
+     * Props forwarded to the label + corner header row.
+     */
+    header?: HTMLAttributes;
+    /**
+     * Error-state message colors (`errorMessage`). Label colors come from `Label`
+     * when `error` is set.
+     *
+     * @default undefined
+     */
+    invalidated?: Partial<BaseFieldInvalidated>;
+    /**
+     * Props forwarded to the primary `Label` (content stays owned by `BaseField`).
+     *
+     * @default undefined
+     */
+    label?: Partial<Omit<LabelProps, "children">>;
+    /**
+     * Props forwarded to the root wrapper.
+     */
+    root?: HTMLAttributes;
+    /**
+     * Props forwarded to the inline-start adornment slot wrapper.
+     */
+    start?: HTMLAttributes;
+}
+export interface BaseFieldOwnProps {
+    /**
+     * Classes for the field chrome and control group layout.
+     *
+     * @default undefined
+     */
+    classes?: BaseFieldClasses;
+    /**
+     * Associates labels and helper text with the control group. When omitted, an
+     * id is generated automatically.
+     *
+     * @default undefined
+     */
+    controlId?: string;
+    /**
+     * Secondary label text at the inline end of the header row.
+     *
+     * @default undefined
+     */
+    corner?: string;
+    /**
+     * Extra props for internal parts (`root`, `group`, `label`, …).
+     *
+     * @default undefined
+     */
+    customProps?: BaseFieldCustomProps;
+    /**
+     * Helper text below the control group (hidden when the field is invalid).
+     *
+     * @default undefined
+     */
+    description?: string;
+    /**
+     * Whether the field control is disabled.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * When `true`, applies invalid styling on the label and control group.
+     *
+     * @default false
+     */
+    error?: boolean;
+    /**
+     * Error message below the control group. Shown only when set (or via
+     * `errorMessage` slot).
+     *
+     * @default undefined
+     */
+    errorMessage?: string;
+    /**
+     * Pre-composed field chrome API from a parent composable. Used by
+     * `<BaseField :field="…" />`; not set on OtpField, Slider, or similar
+     * wrappers.
+     *
+     * @default undefined
+     */
+    field?: UseBaseFieldReturn;
+    /**
+     * When `true`, does not reserve space below the group for error messages.
+     *
+     * @default false
+     */
+    hideErrorMessage?: boolean;
+    /**
+     * The primary label text above the control group.
+     *
+     * @default undefined
+     */
+    label?: string;
+    /**
+     * Whether the field control is read-only.
+     *
+     * @default false
+     */
+    readonly?: boolean;
+    /**
+     * Shows a red asterisk on the label.
+     *
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Label typography and control group gap scale.
+     *
+     * @default "md"
+     */
+    size?: MergeProps<BaseFieldSize, BaseFieldSizeOverrides>;
+    /**
+     * Chrome slots (`label`, `corner`, `description`, `errorMessage`, …) and the
+     * control.
+     *
+     * @default undefined
+     */
+    slots?: BaseFieldSlots;
+}
+export interface BaseFieldSlots {
+    /**
+     * Secondary header text at the inline end.
+     */
+    corner?: Slot;
+    /**
+     * The form control (input, pin group, slider track, …).
+     */
+    default?: Slot<undefined>;
+    /**
+     * Helper text below the control group.
+     */
+    description?: Slot;
+    /**
+     * Inline-end slot beside the control group (e.g. a button or timer).
+     */
+    end?: Slot;
+    /**
+     * Error message below the control group.
+     */
+    errorMessage?: Slot;
+    /**
+     * Primary label content.
+     */
+    label?: Slot;
+    /**
+     * Inline-start slot beside the control group (e.g. an icon or button).
+     */
+    start?: Slot;
+}
+export type BaseFieldProps = MergeHtmlProps<BaseFieldOwnProps, Omit<HTMLAttributes, "color">>;

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

@@ -0,0 +1,55 @@
+import { HTMLAttributes, MaybeRefOrGetter } from 'vue';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { BaseFieldClasses, BaseFieldOwnProps } from '../baseField.types';
+import { LabelProps } from '../../Label/label.types';
+export type BaseFieldOptions = {
+    /**
+     * Public registry key that owns BaseField chrome defaults/tokens.
+     */
+    componentName?: "Slider" | "OtpField";
+    /**
+     * Resolve `Label` `for` from `controlId`. Defaults to the control id itself.
+     */
+    labelHtmlFor?: (controlId: string) => string;
+};
+export declare const baseFieldBridgeKeys: readonly ["size", "error", "label", "corner", "classes", "disabled", "readonly", "required", "controlId", "customProps", "description", "errorMessage", "hideErrorMessage"];
+type BaseFieldLibDefaults = LibDefaultsShape<Omit<BaseFieldOwnProps, "field">, "size" | "error" | "hideErrorMessage">;
+type BaseFieldMerged = MergeLibDefaults<Omit<BaseFieldOwnProps, "field">, BaseFieldLibDefaults>;
+/**
+ * Composes shared vertical field chrome: label, corner, start/end slots,
+ * description, and error message.
+ */
+export declare function useBaseField(props: MaybeRefOrGetter<Omit<BaseFieldOwnProps, "field">>, libDefaults?: BaseFieldLibDefaults, options?: BaseFieldOptions): {
+    slots: Readonly<{
+        [name: string]: import('vue').Slot<any> | undefined;
+    }>;
+    merged: import('vue').ComputedRef<BaseFieldMerged>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {
+        slots?: import('../baseField.types').BaseFieldSlots | undefined;
+        class: string;
+    }>>;
+    errorBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
+    groupBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {
+        role: string;
+        id: string;
+        "aria-describedby": string | undefined;
+        "aria-disabled": true | undefined;
+        "aria-invalid": true | undefined;
+    }>>;
+    controlId: import('vue').ComputedRef<string>;
+    headerBind: 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, {}>>;
+    isDisabled: import('vue').ComputedRef<boolean>;
+    isReadonly: import('vue').ComputedRef<boolean>;
+    sizeClasses: import('vue').ComputedRef<import('@bridge-ui/core').BaseFieldSizeItem | undefined>;
+    endSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
+    invalidated: import('vue').ComputedRef<boolean>;
+    startSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
+    mergedClasses: import('vue').ComputedRef<Partial<BaseFieldClasses>>;
+    ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
+    fieldLabelProps: import('vue').ComputedRef<LabelProps>;
+    descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
+    showErrorMessageContent: import('vue').ComputedRef<boolean>;
+};
+export type UseBaseFieldReturn = ReturnType<typeof useBaseField>;
+export {};

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

@@ -0,0 +1,131 @@
+import { hasSlotOrProp as e } from "../../../Utils/slotOrProp.js";
+import { mergeNestedComponentProps as t, mergePartBind as n, useBridgeUIComponent as r, useBridgeUIMergedRegistryClasses as i } from "../../../Utils/index.js";
+import { computed as a, toValue as o, useAttrs as s, useId as c, useSlots as l } from "vue";
+import { cn as u, mergeBridgeUILayeredClasses as d, splitComponentProps as f } from "@bridge-ui/core";
+import { get as p, omit as m } from "es-toolkit/compat";
+import { invalidatedProps as h, sizeProps as g } from "@bridge-ui/core/Tokens/BaseField";
+//#region src/Components/BaseField/composables/useBaseField.ts
+var _ = [
+	"size",
+	"error",
+	"label",
+	"corner",
+	"classes",
+	"disabled",
+	"readonly",
+	"required",
+	"controlId",
+	"customProps",
+	"description",
+	"errorMessage",
+	"hideErrorMessage"
+];
+function v(v, y = {
+	size: "md",
+	error: !1,
+	hideErrorMessage: !1
+}, b = {}) {
+	let x = s(), S = l(), C = c(), w = a(() => f({
+		bridgeKeys: _,
+		props: {
+			...x,
+			...o(v)
+		}
+	})), { merged: T, entry: E } = r({
+		libDefaults: y,
+		componentName: b.componentName,
+		props: () => w.value.componentProps
+	}), D = i({
+		entry: E,
+		props: () => w.value.componentProps
+	}), O = a(() => T.value.customProps), k = a(() => T.value.error === !0), A = a(() => !!T.value.disabled), j = a(() => !!T.value.readonly), M = a(() => T.value.controlId ?? w.value.inheritedAttrs.id ?? C), N = a(() => p(d(g, p(E.value, [
+		"tokens",
+		"baseField",
+		"size"
+	])), T.value.size ?? "md")), P = a(() => d(h, p(E.value, [
+		"tokens",
+		"baseField",
+		"invalidated"
+	]), T.value.customProps?.invalidated)), F = a(() => k.value ? P.value : void 0), I = a(() => !T.value.hideErrorMessage), L = a(() => k.value && e(S, "errorMessage", T.value.errorMessage)), R = a(() => {
+		let t = [];
+		return !k.value && e(S, "description", T.value.description) && t.push(`${M.value}-description`), k.value && !T.value.hideErrorMessage && e(S, "errorMessage", T.value.errorMessage) && t.push(`${M.value}-error`), t.length > 0 ? t.join(" ") : void 0;
+	}), z = a(() => n(O.value?.root, {
+		class: u(w.value.inheritedAttrs.class),
+		...m(w.value.inheritedAttrs, ["class", "id"])
+	}, u({
+		"group w-full relative": !0,
+		"aria-disabled:pointer-events-none aria-disabled:select-none aria-disabled:opacity-60": !0,
+		"aria-readonly:pointer-events-none aria-readonly:select-none": !0,
+		[D.value.root ?? ""]: !0
+	}))), B = a(() => n(O.value?.header, {}, u({
+		"flex w-full gap-x-2 mb-1.5": !0,
+		"justify-between items-end": e(S, "label", T.value.label),
+		"justify-end": !e(S, "label", T.value.label),
+		[D.value.header ?? ""]: !0
+	}))), V = a(() => n(O.value?.corner, {}, u({
+		"text-gray-500 dark:text-gray-400": !0,
+		[N.value?.text ?? ""]: !0,
+		[D.value.corner ?? ""]: !0
+	}))), H = a(() => n(O.value?.group, {
+		role: "group",
+		id: M.value,
+		"aria-describedby": R.value,
+		"aria-disabled": A.value || void 0,
+		"aria-invalid": k.value || void 0
+	}, u({
+		"flex flex-wrap items-center": !0,
+		[N.value?.group ?? ""]: !0,
+		[D.value.group ?? ""]: !0
+	}))), U = a(() => n(O.value?.start, {}, u({
+		"group/start wrapper-start-slot shrink-0 flex items-center [&>*]:min-h-0": !0,
+		[D.value.start ?? ""]: !0
+	}))), W = a(() => n(O.value?.end, {}, u({
+		"group/end wrapper-end-slot shrink-0 flex items-center [&>*]:min-h-0": !0,
+		[D.value.end ?? ""]: !0
+	}))), G = a(() => n(O.value?.description, {}, u({
+		"mt-2 text-gray-500 dark:text-gray-400": !0,
+		[N.value?.text ?? ""]: !0,
+		[D.value.description ?? ""]: !0
+	})));
+	return {
+		slots: S,
+		merged: T,
+		rootBind: z,
+		errorBind: a(() => n(O.value?.errorMessage, {}, u({
+			"mt-2": !0,
+			"min-h-[1lh]": I.value,
+			[F.value?.errorMessage ?? ""]: !0,
+			[N.value?.text ?? ""]: !0,
+			[D.value.errorMessage ?? ""]: !0
+		}))),
+		groupBind: H,
+		controlId: M,
+		headerBind: B,
+		cornerBind: V,
+		isDisabled: A,
+		isReadonly: j,
+		sizeClasses: N,
+		endSlotBind: W,
+		invalidated: k,
+		startSlotBind: U,
+		mergedClasses: D,
+		ariaDescribedBy: R,
+		fieldLabelProps: a(() => {
+			let e = b.labelHtmlFor ?? ((e) => e);
+			return t(O.value?.label, {
+				size: T.value.size,
+				error: k.value,
+				required: T.value.required,
+				for: e(M.value),
+				classes: {
+					required: D.value.required,
+					root: u({ [D.value.label ?? ""]: !0 })
+				}
+			});
+		}),
+		descriptionBind: G,
+		showErrorMessageContent: L
+	};
+}
+//#endregion
+export { _ as baseFieldBridgeKeys, v as useBaseField };

package/dist/Components/BaseField/index.d.ts

@@ -0,0 +1,4 @@
+export type { BaseFieldClasses, BaseFieldCustomProps, BaseFieldOwnProps, BaseFieldProps, BaseFieldSizeOverrides, BaseFieldSlots, } from './baseField.types';
+export { default as BaseField } from './BaseField.vue';
+export { baseFieldBridgeKeys, useBaseField, } from './composables/useBaseField';
+export type { BaseFieldOptions, UseBaseFieldReturn, } from './composables/useBaseField';

package/dist/Components/BaseField/index.js

@@ -0,0 +1,3 @@
+import e from "./BaseField.js";
+import { baseFieldBridgeKeys as t, useBaseField as n } from "./composables/useBaseField.js";
+export { e as BaseField, t as baseFieldBridgeKeys, n as useBaseField };

package/dist/Components/Button/composables/useButton.d.ts

@@ -7,7 +7,7 @@ export declare function useButton(props: ButtonOwnProps, libDefaults: ButtonLibD
     merged: import('vue').ComputedRef<ButtonMerged>;
     isMini: import('vue').ComputedRef<boolean>;
     iconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<ButtonProps, "color" | "href" | "icon" | "size" | "classes" | "customProps" | "full" | "rounded" | "variant" | "text" | "loading" | "density" | "as" | "disabled" | "endIcon" | "startIcon">>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<ButtonProps, "color" | "href" | "icon" | "size" | "classes" | "customProps" | "full" | "rounded" | "variant" | "text" | "disabled" | "endIcon" | "startIcon" | "as" | "loading" | "density">>>;
     rootHref: import('vue').ComputedRef<string | undefined>;
     rootType: import('vue').ComputedRef<"button" | undefined>;
     endIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;

package/dist/Components/Button/composables/useButton.js

@@ -1,7 +1,7 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { computed as r, useAttrs as i } from "vue";
-import { get as a, includes as o, isNil as s } from "es-toolkit/compat";
-import { cn as c, mergeBridgeUILayeredClasses as l, splitComponentProps as u } from "@bridge-ui/core";
+import { cn as a, mergeBridgeUILayeredClasses as o, splitComponentProps as s } from "@bridge-ui/core";
+import { get as c, includes as l, isNil as u } from "es-toolkit/compat";
 import { densityProps as d, roundedProps as f, variantProps as p } from "@bridge-ui/core/Tokens/Button";
 //#region src/Components/Button/composables/useButton.ts
 var m = [
@@ -23,7 +23,7 @@ var m = [
 	"customProps"
 ];
 function h(h, g) {
-	let _ = i(), v = r(() => u({
+	let _ = i(), v = r(() => s({
 		bridgeKeys: m,
 		props: {
 			..._,
@@ -40,22 +40,22 @@ function h(h, g) {
 		if (!(!w.value || D.value || !y.value.href)) return y.value.href;
 	}), M = r(() => {
 		if (!T.value) return;
-		let e = a(v.value.inheritedAttrs, "type");
-		return o([
+		let e = c(v.value.inheritedAttrs, "type");
+		return l([
 			"submit",
 			"reset",
 			"button"
 		], e) ? e : "button";
-	}), N = r(() => a(l(d, b.value?.tokens?.density), [y.value.density, y.value.size])), P = r(() => s(v.value.componentProps.variant) ? E.value ? "flat" : y.value.variant : v.value.componentProps.variant), F = r(() => a(l(p, b.value?.tokens?.variant), [P.value, y.value.color])), I = r(() => a(l(f, b.value?.tokens?.rounded), y.value.rounded));
+	}), N = r(() => c(o(d, b.value?.tokens?.density), [y.value.density, y.value.size])), P = r(() => u(v.value.componentProps.variant) ? E.value ? "flat" : y.value.variant : v.value.componentProps.variant), F = r(() => c(o(p, b.value?.tokens?.variant), [P.value, y.value.color])), I = r(() => c(o(f, b.value?.tokens?.rounded), y.value.rounded));
 	return {
 		tag: C,
 		merged: y,
 		isMini: E,
-		iconBind: r(() => e(x.value?.icon, {}, c({
+		iconBind: r(() => e(x.value?.icon, {}, a({
 			"shrink-0": !0,
 			[S.value.icon ?? ""]: !0
 		}))),
-		rootBind: r(() => e(x.value?.root, v.value.inheritedAttrs, c({
+		rootBind: r(() => e(x.value?.root, v.value.inheritedAttrs, a({
 			"inline-flex items-center justify-center": !0,
 			"cursor-pointer outline-none outline-hidden": !0,
 			"shrink-0": E.value,
@@ -64,9 +64,9 @@ function h(h, g) {
 			"w-full": !E.value && y.value.full,
 			"w-fit": !E.value && !y.value.full,
 			"group hover:shadow-xs": !E.value,
-			[a(F.value, "base") ?? ""]: !0,
-			[a(F.value, "hover") ?? ""]: !0,
-			[a(F.value, "focus") ?? ""]: !0,
+			[c(F.value, "base") ?? ""]: !0,
+			[c(F.value, "hover") ?? ""]: !0,
+			[c(F.value, "focus") ?? ""]: !0,
 			"transition-all ease-in-out duration-200": !0,
 			"focus:ring-2": !0,
 			"focus:ring-offset-background-white dark:focus:ring-offset-background-dark": !0,
@@ -76,19 +76,19 @@ function h(h, g) {
 		}))),
 		rootHref: j,
 		rootType: M,
-		endIconBind: r(() => e(x.value?.endIcon, {}, c({
+		endIconBind: r(() => e(x.value?.endIcon, {}, a({
 			"shrink-0": !0,
 			[S.value.endIcon ?? ""]: !0
 		}))),
 		endSlotBind: r(() => e(x.value?.end, {}, "inline-flex shrink-0 items-center")),
 		rootAriaBusy: k,
 		rootDisabled: O,
-		startIconBind: r(() => e(x.value?.startIcon, {}, c({
+		startIconBind: r(() => e(x.value?.startIcon, {}, a({
 			"shrink-0": !0,
 			[S.value.startIcon ?? ""]: !0
 		}))),
 		startSlotBind: r(() => e(x.value?.start, {}, "inline-flex shrink-0 items-center")),
-		loadingIconBind: r(() => e(x.value?.loading, {}, c({
+		loadingIconBind: r(() => e(x.value?.loading, {}, a({
 			"shrink-0 animate-spin": !0,
 			[S.value.loading ?? ""]: !0
 		}))),

package/dist/Components/Card/composables/useCard.js

@@ -1,8 +1,8 @@
 import { hasNamedSlot as e } from "../../../Utils/slotOrProp.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 { cn as c, mergeBridgeUILayeredClasses as l, splitComponentProps as u } from "@bridge-ui/core";
+import { cn as s, mergeBridgeUILayeredClasses as c, splitComponentProps as l } from "@bridge-ui/core";
+import { get as u } from "es-toolkit/compat";
 import { paddingProps as d, roundedProps as f, shadowProps as p, variantProps as m } from "@bridge-ui/core/Tokens/Card";
 //#region src/Components/Card/composables/useCard.ts
 var h = [
@@ -16,7 +16,7 @@ var h = [
 	"customProps"
 ];
 function g(g, _) {
-	let v = a(), y = o(), b = i(() => u({
+	let v = a(), y = o(), b = i(() => l({
 		bridgeKeys: h,
 		props: {
 			...v,
@@ -32,44 +32,44 @@ function g(g, _) {
 	}), T = i(() => {
 		let e = y.default?.();
 		return !!(e && e.length > 0);
-	}), E = i(() => e(y, "footer")), D = i(() => s(l(m, S.value?.tokens?.variant), x.value.variant)), O = i(() => x.value.borderless ? !1 : !!s(D.value, "border")), k = i(() => {
-		if (x.value.variant === "elevated") return s(l(p, S.value?.tokens?.shadow), x.value.shadow);
-	}), A = i(() => s(l(d, S.value?.tokens?.padding), x.value.padding)), j = i(() => s(l(f, S.value?.tokens?.rounded), x.value.rounded)), M = i(() => t(C.value?.body, {}, c({
+	}), E = i(() => e(y, "footer")), D = i(() => u(c(m, S.value?.tokens?.variant), x.value.variant)), O = i(() => x.value.borderless ? !1 : !!u(D.value, "border")), k = i(() => {
+		if (x.value.variant === "elevated") return u(c(p, S.value?.tokens?.shadow), x.value.shadow);
+	}), A = i(() => u(c(d, S.value?.tokens?.padding), x.value.padding)), j = i(() => u(c(f, S.value?.tokens?.rounded), x.value.rounded)), M = i(() => t(C.value?.body, {}, s({
 		grow: !0,
-		[s(A.value, "body") ?? ""]: !0,
-		[s(D.value, "text") ?? ""]: !0,
-		[s(w.value, "body") ?? ""]: !0
-	}))), N = i(() => t(C.value?.footer, {}, c({
+		[u(A.value, "body") ?? ""]: !0,
+		[u(D.value, "text") ?? ""]: !0,
+		[u(w.value, "body") ?? ""]: !0
+	}))), N = i(() => t(C.value?.footer, {}, s({
 		"border-t": O.value,
-		[s(A.value, "footer") ?? ""]: !0,
-		[s(D.value, "border") ?? ""]: O.value,
-		[s(D.value, "footer") ?? ""]: !0,
-		[s(j.value, "footer") ?? ""]: !0,
-		[s(w.value, "footer") ?? ""]: !0
-	}))), P = i(() => t(C.value?.header, {}, c({
+		[u(A.value, "footer") ?? ""]: !0,
+		[u(D.value, "border") ?? ""]: O.value,
+		[u(D.value, "footer") ?? ""]: !0,
+		[u(j.value, "footer") ?? ""]: !0,
+		[u(w.value, "footer") ?? ""]: !0
+	}))), P = i(() => t(C.value?.header, {}, s({
 		"flex items-center justify-between": !0,
 		"border-b": O.value,
-		[s(A.value, "header") ?? ""]: !0,
-		[s(D.value, "border") ?? ""]: O.value,
-		[s(j.value, "header") ?? ""]: !0,
-		[s(w.value, "header") ?? ""]: !0
+		[u(A.value, "header") ?? ""]: !0,
+		[u(D.value, "border") ?? ""]: O.value,
+		[u(j.value, "header") ?? ""]: !0,
+		[u(w.value, "header") ?? ""]: !0
 	})));
 	return {
 		slots: y,
 		merged: x,
 		bodyBind: M,
-		rootBind: i(() => t(C.value?.root, b.value.inheritedAttrs, c({
+		rootBind: i(() => t(C.value?.root, b.value.inheritedAttrs, s({
 			"flex w-full flex-col": !0,
 			[k.value ?? ""]: !0,
-			[s(j.value, "root") ?? ""]: !0,
-			[s(D.value, "root") ?? ""]: !0,
-			[s(w.value, "root") ?? ""]: !0
+			[u(j.value, "root") ?? ""]: !0,
+			[u(D.value, "root") ?? ""]: !0,
+			[u(w.value, "root") ?? ""]: !0
 		}))),
 		hasFooter: E,
-		titleBind: i(() => t(C.value?.title, {}, c({
+		titleBind: i(() => t(C.value?.title, {}, s({
 			"text-base font-medium whitespace-normal": !0,
-			[s(D.value, "text") ?? ""]: !0,
-			[s(w.value, "title") ?? ""]: !0
+			[u(D.value, "text") ?? ""]: !0,
+			[u(w.value, "title") ?? ""]: !0
 		}))),
 		footerBind: N,
 		headerBind: P,

package/dist/Components/Checkbox/Checkbox.vue_vue_type_script_setup_true_lang.js

@@ -25,10 +25,10 @@ var C = ["for"], w = ["checked"], T = {
 		endLabel: {},
 		error: { type: Boolean },
 		errorMessage: {},
+		hideErrorMessage: { type: Boolean },
 		readonly: { type: Boolean },
 		required: { type: Boolean },
-		startLabel: {},
-		withoutErrorMessage: { type: Boolean }
+		startLabel: {}
 	}, {
 		modelValue: {
 			type: Boolean,

package/dist/Components/Checkbox/composables/useCheckbox.d.ts

@@ -235,13 +235,13 @@ export declare function useCheckbox(props: MaybeRefOrGetter<CheckboxOwnProps>, l
         slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
         }>;
-        merged: import('vue').ComputedRef<Omit<import('../../FormControl').FormControlOwnProps, "error" | "size" | "withoutErrorMessage"> & {
+        merged: import('vue').ComputedRef<Omit<import('../../FormControl').FormControlOwnProps, "error" | "size" | "hideErrorMessage"> & {
             error: NonNullable<boolean | undefined>;
             size: NonNullable<keyof import('@bridge-ui/core').LabelSize | undefined>;
-            withoutErrorMessage: NonNullable<boolean | undefined>;
+            hideErrorMessage: NonNullable<boolean | undefined>;
         }>;
         rowBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<Omit<import('../../FormControl').FormControlOwnProps, "field">, "error" | "size" | "classes" | "customProps" | "disabled" | "required" | "controlId" | "description" | "endLabel" | "errorMessage" | "readonly" | "startLabel" | "withoutErrorMessage">>>>;
+        rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<Omit<import('../../FormControl').FormControlOwnProps, "field">, "error" | "size" | "classes" | "customProps" | "disabled" | "required" | "description" | "errorMessage" | "controlId" | "hideErrorMessage" | "readonly" | "endLabel" | "startLabel">>>>;
         controlId: import('vue').ComputedRef<string>;
         isDisabled: import('vue').ComputedRef<boolean>;
         isReadonly: import('vue').ComputedRef<boolean>;