@bridge-ui/vue 0.0.11 → 0.1.0

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

@@ -2,10 +2,10 @@ 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 { get as u, omit as d } from "es-toolkit/compat";
-import { baseFieldInvalidatedProps as f, baseFieldSizeProps as p } from "@bridge-ui/core/Tokens";
-import { cn as m, mergeBridgeUILayeredClasses as h, splitComponentProps as g } from "@bridge-ui/core/Utils";
+import { baseFieldSizeProps 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/BaseField/composables/useBaseField.ts
-var _ = [
+var g = [
 	"size",
 	"error",
 	"label",
@@ -20,115 +20,111 @@ var _ = [
 	"errorMessage",
 	"hideErrorMessage"
 ];
-function v(v, y = {
+function _(_, v = {
 	size: "md",
 	error: !1,
 	hideErrorMessage: !1
-}, b = {}) {
-	let x = s(), S = l(), C = c(), w = a(() => g({
-		bridgeKeys: _,
+}, y = {}) {
+	let b = s(), x = l(), S = c(), C = a(() => h({
+		bridgeKeys: g,
 		props: {
-			...x,
-			...o(v)
+			...b,
+			...o(_)
 		}
-	})), { 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(() => {
-		let e = h(p, u(E.value, [
+	})), { merged: w, entry: T } = r({
+		libDefaults: v,
+		componentName: y.componentName,
+		props: () => C.value.componentProps
+	}), E = i({
+		entry: T,
+		props: () => C.value.componentProps
+	}), D = a(() => w.value.customProps), O = a(() => w.value.error === !0), k = a(() => !!w.value.disabled), A = a(() => !!w.value.readonly), j = a(() => w.value.controlId ?? C.value.inheritedAttrs.id ?? S), M = a(() => {
+		let e = m(f, u(T.value, [
 			"tokens",
 			"baseField",
 			"size"
 		]));
-		return u(e, T.value.size ?? "md");
-	}), P = a(() => h(f, u(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(() => {
+		return u(e, w.value.size ?? "md");
+	}), N = a(() => !w.value.hideErrorMessage), P = a(() => O.value && e(x, "errorMessage", w.value.errorMessage)), F = 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: m(w.value.inheritedAttrs.class),
-		...d(w.value.inheritedAttrs, ["class", "id"])
-	}, m({
+		return !O.value && e(x, "description", w.value.description) && t.push(`${j.value}-description`), O.value && !w.value.hideErrorMessage && e(x, "errorMessage", w.value.errorMessage) && t.push(`${j.value}-error`), t.length > 0 ? t.join(" ") : void 0;
+	}), I = a(() => n(D.value?.root, {
+		class: p(C.value.inheritedAttrs.class),
+		...d(C.value.inheritedAttrs, ["class", "id"])
+	}, p({
 		"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, {}, m({
+		[E.value.root ?? ""]: !0
+	}))), L = a(() => n(D.value?.header, {}, p({
 		"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, {}, m({
+		"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,
-		[N.value?.text ?? ""]: !0,
-		[D.value.corner ?? ""]: !0
-	}))), H = a(() => n(O.value?.group, {
+		[M.value?.text ?? ""]: !0,
+		[E.value.corner ?? ""]: !0
+	}))), z = a(() => n(D.value?.group, {
 		role: "group",
-		id: M.value,
-		"aria-describedby": R.value,
-		"aria-disabled": A.value || void 0,
-		"aria-invalid": k.value || void 0
-	}, m({
+		id: j.value,
+		"aria-describedby": F.value,
+		"aria-disabled": k.value || void 0,
+		"aria-invalid": O.value || void 0
+	}, p({
 		"flex flex-wrap items-center": !0,
-		[N.value?.group ?? ""]: !0,
-		[D.value.group ?? ""]: !0
-	}))), U = a(() => n(O.value?.start, {}, m({
+		[M.value?.group ?? ""]: !0,
+		[E.value.group ?? ""]: !0
+	}))), B = a(() => n(D.value?.start, {}, p({
 		"group/start wrapper-start-slot shrink-0 flex items-center [&>*]:min-h-0": !0,
-		[D.value.start ?? ""]: !0
-	}))), W = a(() => n(O.value?.end, {}, m({
+		[E.value.start ?? ""]: !0
+	}))), V = a(() => n(D.value?.end, {}, p({
 		"group/end wrapper-end-slot shrink-0 flex items-center [&>*]:min-h-0": !0,
-		[D.value.end ?? ""]: !0
-	}))), G = a(() => n(O.value?.description, {}, m({
+		[E.value.end ?? ""]: !0
+	}))), H = a(() => n(D.value?.description, {}, p({
 		"mt-2 text-dark-500 dark:text-dark-400": !0,
-		[N.value?.text ?? ""]: !0,
-		[D.value.description ?? ""]: !0
+		[M.value?.text ?? ""]: !0,
+		[E.value.description ?? ""]: !0
 	})));
 	return {
-		slots: S,
-		merged: T,
-		rootBind: z,
-		errorBind: a(() => n(O.value?.errorMessage, {}, m({
+		slots: x,
+		merged: w,
+		rootBind: I,
+		errorBind: a(() => n(D.value?.errorMessage, {}, p({
 			"mt-2": !0,
-			"min-h-[1lh]": I.value,
-			[F.value?.errorMessage ?? ""]: !0,
-			[N.value?.text ?? ""]: !0,
-			[D.value.errorMessage ?? ""]: !0
+			"min-h-[1lh]": N.value,
+			"text-error-600 dark:text-error-400": !0,
+			[M.value?.text ?? ""]: !0,
+			[E.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,
+		groupBind: z,
+		controlId: j,
+		headerBind: L,
+		cornerBind: R,
+		isDisabled: k,
+		isReadonly: A,
+		sizeClasses: M,
+		endSlotBind: V,
+		invalidated: O,
+		startSlotBind: B,
+		mergedClasses: E,
+		ariaDescribedBy: F,
 		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),
+			let e = y.labelHtmlFor ?? ((e) => e);
+			return t(D.value?.label, {
+				size: w.value.size,
+				error: O.value,
+				required: w.value.required,
+				for: e(j.value),
 				classes: {
-					required: D.value.required,
-					root: m({ [D.value.label ?? ""]: !0 })
+					required: E.value.required,
+					root: p({ [E.value.label ?? ""]: !0 })
 				}
 			});
 		}),
-		descriptionBind: G,
-		showErrorMessageContent: L
+		descriptionBind: H,
+		showErrorMessageContent: P
 	};
 }
 //#endregion
-export { _ as baseFieldBridgeKeys, v as useBaseField };
+export { g as baseFieldBridgeKeys, _ as useBaseField };

package/dist/Components/Calendar/Calendar.vue_vue_type_script_setup_true_lang.js

@@ -23,6 +23,8 @@ var ee = { class: "flex w-full min-w-0 items-center gap-x-2" }, C = {
 		disableDates: {},
 		disableMonths: {},
 		disableYears: {},
+		error: { type: Boolean },
+		fill: { type: Boolean },
 		hideMonths: { type: Boolean },
 		hideOutsideDays: { type: Boolean },
 		hideWeekdays: { type: Boolean },

package/dist/Components/Calendar/calendar.types.d.ts

@@ -180,6 +180,19 @@ export interface CalendarOwnProps {
      * @default undefined
      */
     disableYears?: number[];
+    /**
+     * When `true`, applies the error color palette to tiles.
+     *
+     * @default false
+     */
+    error?: boolean;
+    /**
+     * When `true`, fills the container width.
+     * When `false` or unset, stays at the minimum width.
+     *
+     * @default false
+     */
+    fill?: boolean;
     /**
      * Hides the month selector and month panel.
      *

package/dist/Components/Calendar/composables/useCalendar.d.ts

@@ -16,6 +16,7 @@ export declare function useCalendar(props: MaybeRefOrGetter<CalendarOwnProps>, l
     merged: import('vue').ComputedRef<CalendarMerged>;
     shared: import('vue').ComputedRef<{
         color: NonNullable<keyof import('@bridge-ui/core/Tokens').CalendarColor | undefined>;
+        error: boolean | undefined;
         tokens: import('../calendar.types').CalendarTokens | undefined;
         rounded: NonNullable<keyof import('@bridge-ui/core/Tokens').CalendarRounded | undefined>;
         maxDate: Date | undefined;
@@ -26,7 +27,7 @@ export declare function useCalendar(props: MaybeRefOrGetter<CalendarOwnProps>, l
     }>;
     context: import('vue').ComputedRef<DateAdapterContext>;
     showNav: import('vue').ComputedRef<boolean>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<CalendarOwnProps, "color" | "value" | "classes" | "tokens" | "customProps" | "rounded" | "view" | "disabled" | "multiple" | "range" | "defaultValue" | "readOnly" | "disableDates" | "disableMonths" | "disableYears" | "hideOutsideDays" | "hideWeekdays" | "maxDate" | "minDate" | "previewDate" | "startOfWeek" | "timeZone" | "viewDate" | "defaultView" | "hideMonths" | "hideYears">>>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<CalendarOwnProps, "error" | "color" | "fill" | "value" | "classes" | "tokens" | "customProps" | "rounded" | "view" | "disabled" | "multiple" | "range" | "defaultValue" | "readOnly" | "disableDates" | "disableMonths" | "disableYears" | "hideOutsideDays" | "hideWeekdays" | "maxDate" | "minDate" | "previewDate" | "startOfWeek" | "timeZone" | "viewDate" | "defaultView" | "hideMonths" | "hideYears">>>>;
     viewDate: import('vue').ComputedRef<Date>;
     viewYear: import('vue').ComputedRef<number>;
     bodyBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;

package/dist/Components/Calendar/composables/useCalendar.js

@@ -7,7 +7,7 @@ import { isDateRangeValue as m, resolveDatePickerMode as ne } from "@bridge-ui/c
 import { calendarRoundedProps as h } from "@bridge-ui/core/Tokens";
 import { cn as g, mergeBridgeUILayeredClasses as _, splitComponentProps as v } from "@bridge-ui/core/Utils";
 //#region src/Components/Calendar/composables/useCalendar.ts
-var y = /* @__PURE__ */ "view.color.range.value.tokens.classes.maxDate.minDate.rounded.disabled.multiple.readOnly.timeZone.viewDate.hideYears.hideMonths.customProps.defaultView.previewDate.startOfWeek.defaultValue.disableDates.disableYears.hideWeekdays.disableMonths.hideOutsideDays".split(".");
+var y = /* @__PURE__ */ "fill.view.color.error.range.value.tokens.classes.maxDate.minDate.rounded.disabled.multiple.readOnly.timeZone.viewDate.hideYears.hideMonths.customProps.defaultView.previewDate.startOfWeek.defaultValue.disableDates.disableYears.hideWeekdays.disableMonths.hideOutsideDays".split(".");
 function b(e, t, n) {
 	return p(e) ? t.now(n) : m(e) ? e[0] : d(e) ? e[0] ?? t.now(n) : e;
 }
@@ -74,6 +74,7 @@ function x(d, m, x) {
 		Z(C.value.setMonth(H.value, e, A.value)), Y("date");
 	}, ue = a(() => ({
 		color: D.value.color,
+		error: D.value.error,
 		tokens: D.value.tokens,
 		rounded: D.value.rounded,
 		maxDate: D.value.maxDate,
@@ -82,7 +83,9 @@ function x(d, m, x) {
 		readOnly: D.value.readOnly,
 		timeZone: D.value.timeZone
 	})), de = a(() => r(O.value?.root, re.value, g({
-		"flex w-full min-w-72 flex-col overflow-hidden": !0,
+		"flex flex-col overflow-hidden": !0,
+		"w-full min-w-72": D.value.fill,
+		"w-72": !D.value.fill,
 		[k.value.root ?? ""]: !0
 	}))), fe = a(() => r(O.value?.header, {}, g({
 		"flex items-center justify-between p-2.5": !0,

package/dist/Components/CalendarDate/CalendarDate.vue_vue_type_script_setup_true_lang.js

@@ -17,6 +17,7 @@ var h = {
 		disableDates: {},
 		disableMonths: {},
 		disableYears: {},
+		error: { type: Boolean },
 		hideOutsideDays: { type: Boolean },
 		hideWeekdays: { type: Boolean },
 		maxDate: {},

package/dist/Components/CalendarDate/calendarDate.types.d.ts

@@ -170,6 +170,12 @@ export interface CalendarDateOwnProps {
      * @default undefined
      */
     disableYears?: number[];
+    /**
+     * When `true`, applies the error color palette to tiles.
+     *
+     * @default false
+     */
+    error?: boolean;
     /**
      * Hides days that fall outside the displayed month.
      *

package/dist/Components/CalendarDate/composables/useCalendarDate.d.ts

@@ -15,7 +15,7 @@ export declare function useCalendarDate(props: MaybeRefOrGetter<CalendarDateOwnP
     value: import('vue').ComputedRef<DatePickerModel>;
     merged: import('vue').ComputedRef<CalendarDateMerged>;
     context: import('vue').ComputedRef<DateAdapterContext>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<CalendarDateOwnProps, "color" | "value" | "classes" | "tokens" | "customProps" | "rounded" | "disabled" | "multiple" | "range" | "defaultValue" | "readOnly" | "disableDates" | "disableMonths" | "disableYears" | "hideOutsideDays" | "hideWeekdays" | "maxDate" | "minDate" | "previewDate" | "startOfWeek" | "timeZone" | "viewDate">>>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<CalendarDateOwnProps, "error" | "color" | "value" | "classes" | "tokens" | "customProps" | "rounded" | "disabled" | "multiple" | "range" | "defaultValue" | "readOnly" | "disableDates" | "disableMonths" | "disableYears" | "hideOutsideDays" | "hideWeekdays" | "maxDate" | "minDate" | "previewDate" | "startOfWeek" | "timeZone" | "viewDate">>>>;
     gridBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
         role: string;
         onMouseleave: () => void;

package/dist/Components/CalendarDate/composables/useCalendarDate.js

@@ -1,13 +1,14 @@
 import { useDateAdapter as e, useDateAdapterContext as t } from "../../../Adapters/Date/useDateAdapter.js";
 import { mergePartBind as n, useBridgeUIComponent as r, useBridgeUIMergedRegistryClasses as i } from "../../../Utils/index.js";
 import { computed as a, getCurrentInstance as o, ref as s, toValue as c, useAttrs as l } from "vue";
-import { get as u, isFunction as d, isNil as f, omit as ee } from "es-toolkit/compat";
-import { applyDateSelection as p, isDateDisabled as m, isDateInRangePreview as te, isDateRangeValue as h, isDateSelected as g, resolveCalendarDayInteractionState as _, resolveDatePickerMode as v, resolveStartOfWeek as y } from "@bridge-ui/core/Domain";
-import { calendarColorProps as ne, calendarDayProps as re, calendarRoundedProps as b } from "@bridge-ui/core/Tokens";
-import { cn as x, mergeBridgeUILayeredClasses as S, splitComponentProps as C } from "@bridge-ui/core/Utils";
+import { get as ee, isFunction as u, isNil as d, omit as f } from "es-toolkit/compat";
+import { applyDateSelection as te, isDateDisabled as p, isDateInRangePreview as m, isDateRangeValue as h, isDateSelected as g, resolveCalendarDayInteractionState as _, resolveDatePickerMode as v, resolveStartOfWeek as y } from "@bridge-ui/core/Domain";
+import { calendarColorProps as b, calendarDayProps as x, calendarRoundedProps as S } from "@bridge-ui/core/Tokens";
+import { cn as C, getColorToken as w, mergeBridgeUILayeredClasses as T, splitComponentProps as E } from "@bridge-ui/core/Utils";
 //#region src/Components/CalendarDate/composables/useCalendarDate.ts
-var w = [
+var D = [
 	"color",
+	"error",
 	"range",
 	"value",
 	"tokens",
@@ -30,124 +31,131 @@ var w = [
 	"disableMonths",
 	"hideOutsideDays"
 ];
-function T(T, E, D) {
-	let O = l(), k = e(), A = t(), j = a(() => C({
-		bridgeKeys: w,
+function O(O, k, A) {
+	let ne = l(), j = e(), re = t(), M = a(() => E({
+		bridgeKeys: D,
 		props: {
-			...O,
-			...c(T)
+			...ne,
+			...c(O)
 		}
-	})), { merged: M } = r({
-		libDefaults: E,
-		props: () => j.value.componentProps
-	}), N = a(() => M.value.customProps), P = a(() => ee(j.value.inheritedAttrs, [
+	})), { merged: N } = r({
+		libDefaults: k,
+		props: () => M.value.componentProps
+	}), P = a(() => N.value.customProps), F = a(() => f(M.value.inheritedAttrs, [
 		"onChange",
 		"onViewDateChange",
 		"onPreviewDateChange"
-	])), F = i({
-		props: () => j.value.componentProps,
+	])), I = i({
+		props: () => M.value.componentProps,
 		entry: a(() => {})
-	}), I = a(() => A(M.value.timeZone)), L = a(() => v({
-		range: M.value.range,
-		multiple: M.value.multiple
-	})), R = a(() => c(T)), z = a(() => !f(R.value.value)), B = a(() => !f(R.value.previewDate)), V = a(() => {
-		let e = o()?.vnode.props ?? {}, t = d(e.onViewDateChange) || d(e["onUpdate:viewDate"]);
-		return !f(R.value.viewDate) && t;
-	}), H = s(M.value.defaultValue ?? null), U = s(null), W = s(R.value.viewDate ?? M.value.viewDate ?? k.value.startOfMonth(k.value.now(I.value), I.value)), G = a(() => z.value ? R.value.value ?? null : H.value), K = a(() => B.value ? R.value.previewDate : U.value), q = a(() => V.value ? R.value.viewDate : W.value), J = a(() => y(M.value.startOfWeek)), Y = a(() => S(ne, M.value.tokens?.color)), X = a(() => S(re, M.value.tokens?.day)), ie = a(() => {
-		let e = S(b, M.value.tokens?.rounded);
-		return u(e, M.value.rounded);
-	}), ae = a(() => u(Y.value, M.value.color)), oe = a(() => {
-		let e = k.value.getWeekdayNames(I.value), t = J.value;
+	}), L = a(() => re(N.value.timeZone)), R = a(() => v({
+		range: N.value.range,
+		multiple: N.value.multiple
+	})), z = a(() => c(O)), B = a(() => !d(z.value.value)), V = a(() => !d(z.value.previewDate)), H = a(() => {
+		let e = o()?.vnode.props ?? {}, t = u(e.onViewDateChange) || u(e["onUpdate:viewDate"]);
+		return !d(z.value.viewDate) && t;
+	}), U = s(N.value.defaultValue ?? null), W = s(null), G = s(z.value.viewDate ?? N.value.viewDate ?? j.value.startOfMonth(j.value.now(L.value), L.value)), K = a(() => B.value ? z.value.value ?? null : U.value), q = a(() => V.value ? z.value.previewDate : W.value), J = a(() => H.value ? z.value.viewDate : G.value), Y = a(() => y(N.value.startOfWeek)), X = a(() => T(x, N.value.tokens?.day)), ie = a(() => {
+		let e = T(S, N.value.tokens?.rounded);
+		return ee(e, N.value.rounded);
+	}), ae = a(() => {
+		let e = T(b, N.value.tokens?.color);
+		return w({
+			tokens: e,
+			color: N.value.color,
+			invalid: N.value.error
+		});
+	}), oe = a(() => {
+		let e = j.value.getWeekdayNames(L.value), t = Y.value;
 		return Array.from({ length: 7 }, (n, r) => e[(t + r) % 7] ?? "");
 	}), se = a(() => {
-		let e = k.value.getCalendarDays(q.value, J.value, I.value), t = k.value.now(I.value);
+		let e = j.value.getCalendarDays(J.value, Y.value, L.value), t = j.value.now(L.value);
 		return e.map((e) => {
-			let n = !!M.value.disabled || m(e, {
-				adapter: k.value,
-				context: I.value,
-				maxDate: M.value.maxDate,
-				minDate: M.value.minDate,
-				disableDates: M.value.disableDates,
-				disableYears: M.value.disableYears,
-				disableMonths: M.value.disableMonths
+			let n = !!N.value.disabled || p(e, {
+				adapter: j.value,
+				context: L.value,
+				maxDate: N.value.maxDate,
+				minDate: N.value.minDate,
+				disableDates: N.value.disableDates,
+				disableYears: N.value.disableYears,
+				disableMonths: N.value.disableMonths
 			}), r = g({
 				date: e,
-				mode: L.value,
-				value: G.value,
-				adapter: k.value,
-				context: I.value
-			}), i = L.value === "range" && te({
+				mode: R.value,
+				value: K.value,
+				adapter: j.value,
+				context: L.value
+			}), i = R.value === "range" && m({
 				date: e,
-				value: G.value,
-				adapter: k.value,
-				context: I.value,
-				previewDate: K.value
+				value: K.value,
+				adapter: j.value,
+				context: L.value,
+				previewDate: q.value
 			});
 			return {
 				date: e,
 				state: _({
 					disabled: n,
 					selected: r,
-					readOnly: M.value.readOnly
+					readOnly: N.value.readOnly
 				}),
 				preview: i,
 				selected: r,
-				disabled: n || !!M.value.readOnly,
-				label: String(k.value.getDate(e, I.value)),
-				today: k.value.isSameDay(e, t, I.value),
-				outside: !k.value.isSameMonth(e, q.value, I.value)
+				disabled: n || !!N.value.readOnly,
+				label: String(j.value.getDate(e, L.value)),
+				today: j.value.isSameDay(e, t, L.value),
+				outside: !j.value.isSameMonth(e, J.value, L.value)
 			};
 		});
 	}), Z = (e) => {
-		if (M.value.disabled || M.value.readOnly || m(e, {
-			adapter: k.value,
-			context: I.value,
-			maxDate: M.value.maxDate,
-			minDate: M.value.minDate,
-			disableDates: M.value.disableDates,
-			disableYears: M.value.disableYears,
-			disableMonths: M.value.disableMonths
+		if (N.value.disabled || N.value.readOnly || p(e, {
+			adapter: j.value,
+			context: L.value,
+			maxDate: N.value.maxDate,
+			minDate: N.value.minDate,
+			disableDates: N.value.disableDates,
+			disableYears: N.value.disableYears,
+			disableMonths: N.value.disableMonths
 		})) return;
-		let t = p({
+		let t = te({
 			next: e,
-			mode: L.value,
-			value: G.value,
-			adapter: k.value,
-			context: I.value
+			mode: R.value,
+			value: K.value,
+			adapter: j.value,
+			context: L.value
 		});
-		z.value || (H.value = t), D("change", t), L.value === "range" && Q(null);
+		B.value || (U.value = t), A("change", t), R.value === "range" && Q(null);
 	}, Q = (e) => {
-		B.value || (U.value = e), D("previewDateChange", e);
+		V.value || (W.value = e), A("previewDateChange", e);
 	}, $ = a(() => {
-		if (L.value !== "range" || !h(G.value)) return !1;
-		let [e, t] = G.value;
-		return k.value.isSameDay(e, t, I.value);
+		if (R.value !== "range" || !h(K.value)) return !1;
+		let [e, t] = K.value;
+		return j.value.isSameDay(e, t, L.value);
 	});
 	return {
 		days: se,
-		mode: L,
-		value: G,
-		merged: M,
-		context: I,
-		rootBind: a(() => n(N.value?.root, P.value, x({
+		mode: R,
+		value: K,
+		merged: N,
+		context: L,
+		rootBind: a(() => n(P.value?.root, F.value, C({
 			"flex flex-col": !0,
-			[F.value.root ?? ""]: !0
+			[I.value.root ?? ""]: !0
 		}))),
-		gridBind: a(() => n(N.value?.grid, {
+		gridBind: a(() => n(P.value?.grid, {
 			role: "grid",
 			onMouseleave: () => {
 				$.value && Q(null);
 			}
-		}, x({
+		}, C({
 			"grid grid-cols-7 gap-1": !0,
-			[F.value.grid ?? ""]: !0
+			[I.value.grid ?? ""]: !0
 		}))),
 		weekdays: oe,
-		viewDate: q,
+		viewDate: J,
 		selectDay: Z,
 		getDayBind: (e) => {
 			let t = ae.value;
-			return n(N.value?.day, {
+			return n(P.value?.day, {
 				type: "button",
 				disabled: e.disabled,
 				"aria-pressed": e.selected,
@@ -157,7 +165,7 @@ function T(T, E, D) {
 				onMouseenter: () => {
 					$.value && !e.disabled && Q(e.date);
 				}
-			}, x({
+			}, C({
 				"relative flex h-8 w-full cursor-pointer items-center justify-center text-sm focus:outline-none disabled:cursor-not-allowed disabled:opacity-50": !0,
 				[ie.value ?? ""]: !0,
 				[t?.base ?? ""]: e.state === "base",
@@ -166,17 +174,17 @@ function T(T, E, D) {
 				[t?.disabled ?? ""]: e.state === "disabled",
 				[X.value.outside ?? ""]: e.outside && e.state !== "selected",
 				[X.value.today ?? ""]: e.today && e.state !== "selected" && e.state !== "disabled",
-				[F.value.day ?? ""]: !0
+				[I.value.day ?? ""]: !0
 			}));
 		},
-		previewDate: K,
-		hideWeekdays: a(() => !!M.value.hideWeekdays),
-		getWeekdayBind: (e) => n(N.value?.weekday, {}, x({
+		previewDate: q,
+		hideWeekdays: a(() => !!N.value.hideWeekdays),
+		getWeekdayBind: (e) => n(P.value?.weekday, {}, C({
 			[X.value.weekday ?? ""]: !0,
-			[F.value.weekday ?? ""]: !0
+			[I.value.weekday ?? ""]: !0
 		})),
-		hideOutsideDays: a(() => !!M.value.hideOutsideDays)
+		hideOutsideDays: a(() => !!N.value.hideOutsideDays)
 	};
 }
 //#endregion
-export { T as useCalendarDate };
+export { O as useCalendarDate };

package/dist/Components/CalendarMonth/CalendarMonth.vue_vue_type_script_setup_true_lang.js

@@ -10,6 +10,7 @@ var f = /*@__PURE__*/ i({
 		customProps: {},
 		disabled: { type: Boolean },
 		disableMonths: {},
+		error: { type: Boolean },
 		maxDate: {},
 		minDate: {},
 		readOnly: { type: Boolean },

package/dist/Components/CalendarMonth/calendarMonth.types.d.ts

@@ -84,6 +84,12 @@ export interface CalendarMonthOwnProps {
      * @default undefined
      */
     disableMonths?: number[];
+    /**
+     * When `true`, applies the error color palette to tiles.
+     *
+     * @default false
+     */
+    error?: boolean;
     /**
      * Latest selectable date (bounds month availability for `year`).
      *

package/dist/Components/CalendarMonth/composables/useCalendarMonth.d.ts

@@ -15,7 +15,7 @@ export declare function useCalendarMonth(props: MaybeRefOrGetter<CalendarMonthOw
     year: import('vue').ComputedRef<number>;
     merged: import('vue').ComputedRef<CalendarMonthMerged>;
     months: import('vue').ComputedRef<CalendarMonthCell[]>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<CalendarMonthOwnProps, "color" | "value" | "classes" | "tokens" | "customProps" | "rounded" | "disabled" | "readOnly" | "disableMonths" | "maxDate" | "minDate" | "timeZone" | "year">>>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<CalendarMonthOwnProps, "error" | "color" | "value" | "classes" | "tokens" | "customProps" | "rounded" | "disabled" | "readOnly" | "disableMonths" | "maxDate" | "minDate" | "timeZone" | "year">>>>;
     gridBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
         role: string;
     }>>;