@bridge-ui/vue 0.0.11 → 0.1.1

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

@@ -1,6 +1,6 @@
 import { ButtonHTMLAttributes, HTMLAttributes, Slot } from 'vue';
 import { CalendarDayInteractionState, DatePickerModel, DisableDatesInput, StartOfWeek } from '@bridge-ui/core/Domain';
-import { CalendarColor, CalendarColorItem, CalendarDay, CalendarRounded } from '@bridge-ui/core/Tokens';
+import { CalendarColor, CalendarRounded } from '@bridge-ui/core/Tokens';
 import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 export interface CalendarDateColorOverrides {}
 export interface CalendarDateRoundedOverrides {}
@@ -107,20 +107,6 @@ export interface CalendarDateSlots {
      */
     day?: Slot<CalendarDateDayCell>;
 }
-export interface CalendarDateTokens {
-    /**
-     * Color token map overrides (`base` / `hover` / `selected` / `disabled`).
-     */
-    color?: Record<string, Partial<CalendarColorItem>>;
-    /**
-     * Day chrome overrides (`outside` / `today` / `weekday`).
-     */
-    day?: Partial<CalendarDay>;
-    /**
-     * Border radius token map overrides.
-     */
-    rounded?: Record<string, string>;
-}
 export interface CalendarDateOwnProps {
     /**
      * Classes for calendar regions.
@@ -170,6 +156,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.
      *
@@ -237,12 +229,6 @@ export interface CalendarDateOwnProps {
      * @default undefined
      */
     timeZone?: string;
-    /**
-     * Token overrides (usually passed from `DatePicker` / `DateField` registry).
-     *
-     * @default undefined
-     */
-    tokens?: CalendarDateTokens;
     /**
      * Controlled selection model.
      *

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" | "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,16 +1,16 @@
 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 p, isDateDisabled as m, isDateInRangePreview as h, isDateRangeValue as g, isDateSelected as _, resolveCalendarDayInteractionState as v, resolveDatePickerMode as y, resolveStartOfWeek as b } from "@bridge-ui/core/Domain";
+import { calendarColorProps as te, calendarDayProps as ne, calendarRoundedProps as x } from "@bridge-ui/core/Tokens";
+import { cn as S, getColorToken as C, mergeBridgeUILayeredClasses as w, splitComponentProps as re } from "@bridge-ui/core/Utils";
 //#region src/Components/CalendarDate/composables/useCalendarDate.ts
-var w = [
+var T = [
 	"color",
+	"error",
 	"range",
 	"value",
-	"tokens",
 	"classes",
 	"maxDate",
 	"minDate",
@@ -30,62 +30,70 @@ var w = [
 	"disableMonths",
 	"hideOutsideDays"
 ];
-function T(T, E, D) {
-	let O = l(), k = e(), A = t(), j = a(() => C({
-		bridgeKeys: w,
+function E(E, D, O) {
+	let k = l(), A = e(), ie = t(), j = a(() => re({
+		bridgeKeys: T,
 		props: {
-			...O,
-			...c(T)
+			...k,
+			...c(E)
 		}
-	})), { merged: M } = r({
-		libDefaults: E,
+	})), { merged: M, entry: N } = r({
+		libDefaults: D,
+		componentName: "Calendar",
 		props: () => j.value.componentProps
-	}), N = a(() => M.value.customProps), P = a(() => ee(j.value.inheritedAttrs, [
+	}), P = a(() => M.value.customProps), F = a(() => f(j.value.inheritedAttrs, [
 		"onChange",
 		"onViewDateChange",
 		"onPreviewDateChange"
-	])), F = i({
+	])), I = i({
 		props: () => j.value.componentProps,
 		entry: a(() => {})
-	}), I = a(() => A(M.value.timeZone)), L = a(() => v({
+	}), L = a(() => ie(M.value.timeZone)), R = a(() => y({
 		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;
-		return Array.from({ length: 7 }, (n, r) => e[(t + r) % 7] ?? "");
+	})), z = a(() => c(E)), 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(M.value.defaultValue ?? null), W = s(null), G = s(z.value.viewDate ?? M.value.viewDate ?? A.value.startOfMonth(A.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(() => b(M.value.startOfWeek)), X = a(() => w(ne, N.value?.tokens?.day)), ae = a(() => {
+		let e = w(x, N.value?.tokens?.rounded);
+		return ee(e, M.value.rounded);
+	}), oe = a(() => {
+		let e = w(te, N.value?.tokens?.color);
+		return C({
+			tokens: e,
+			color: M.value.color,
+			invalid: M.value.error
+		});
 	}), se = a(() => {
-		let e = k.value.getCalendarDays(q.value, J.value, I.value), t = k.value.now(I.value);
+		let e = A.value.getWeekdayNames(L.value), t = Y.value;
+		return Array.from({ length: 7 }, (n, r) => e[(t + r) % 7] ?? "");
+	}), ce = a(() => {
+		let e = A.value.getCalendarDays(J.value, Y.value, L.value), t = A.value.now(L.value);
 		return e.map((e) => {
 			let n = !!M.value.disabled || m(e, {
-				adapter: k.value,
-				context: I.value,
+				adapter: A.value,
+				context: L.value,
 				maxDate: M.value.maxDate,
 				minDate: M.value.minDate,
 				disableDates: M.value.disableDates,
 				disableYears: M.value.disableYears,
 				disableMonths: M.value.disableMonths
-			}), r = g({
+			}), r = _({
 				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: A.value,
+				context: L.value
+			}), i = R.value === "range" && h({
 				date: e,
-				value: G.value,
-				adapter: k.value,
-				context: I.value,
-				previewDate: K.value
+				value: K.value,
+				adapter: A.value,
+				context: L.value,
+				previewDate: q.value
 			});
 			return {
 				date: e,
-				state: _({
+				state: v({
 					disabled: n,
 					selected: r,
 					readOnly: M.value.readOnly
@@ -93,15 +101,15 @@ function T(T, E, D) {
 				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)
+				label: String(A.value.getDate(e, L.value)),
+				today: A.value.isSameDay(e, t, L.value),
+				outside: !A.value.isSameMonth(e, J.value, L.value)
 			};
 		});
 	}), Z = (e) => {
 		if (M.value.disabled || M.value.readOnly || m(e, {
-			adapter: k.value,
-			context: I.value,
+			adapter: A.value,
+			context: L.value,
 			maxDate: M.value.maxDate,
 			minDate: M.value.minDate,
 			disableDates: M.value.disableDates,
@@ -110,44 +118,44 @@ function T(T, E, D) {
 		})) return;
 		let t = p({
 			next: e,
-			mode: L.value,
-			value: G.value,
-			adapter: k.value,
-			context: I.value
+			mode: R.value,
+			value: K.value,
+			adapter: A.value,
+			context: L.value
 		});
-		z.value || (H.value = t), D("change", t), L.value === "range" && Q(null);
+		B.value || (U.value = t), O("change", t), R.value === "range" && Q(null);
 	}, Q = (e) => {
-		B.value || (U.value = e), D("previewDateChange", e);
+		V.value || (W.value = e), O("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" || !g(K.value)) return !1;
+		let [e, t] = K.value;
+		return A.value.isSameDay(e, t, L.value);
 	});
 	return {
-		days: se,
-		mode: L,
-		value: G,
+		days: ce,
+		mode: R,
+		value: K,
 		merged: M,
-		context: I,
-		rootBind: a(() => n(N.value?.root, P.value, x({
+		context: L,
+		rootBind: a(() => n(P.value?.root, F.value, S({
 			"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({
+		}, S({
 			"grid grid-cols-7 gap-1": !0,
-			[F.value.grid ?? ""]: !0
+			[I.value.grid ?? ""]: !0
 		}))),
-		weekdays: oe,
-		viewDate: q,
+		weekdays: se,
+		viewDate: J,
 		selectDay: Z,
 		getDayBind: (e) => {
-			let t = ae.value;
-			return n(N.value?.day, {
+			let t = oe.value;
+			return n(P.value?.day, {
 				type: "button",
 				disabled: e.disabled,
 				"aria-pressed": e.selected,
@@ -157,26 +165,26 @@ function T(T, E, D) {
 				onMouseenter: () => {
 					$.value && !e.disabled && Q(e.date);
 				}
-			}, x({
+			}, S({
 				"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,
+				[ae.value ?? ""]: !0,
 				[t?.base ?? ""]: e.state === "base",
 				[t?.hover ?? ""]: e.state === "base",
 				[t?.selected ?? ""]: e.state === "selected",
 				[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,
+		previewDate: q,
 		hideWeekdays: a(() => !!M.value.hideWeekdays),
-		getWeekdayBind: (e) => n(N.value?.weekday, {}, x({
+		getWeekdayBind: (e) => n(P.value?.weekday, {}, S({
 			[X.value.weekday ?? ""]: !0,
-			[F.value.weekday ?? ""]: !0
+			[I.value.weekday ?? ""]: !0
 		})),
 		hideOutsideDays: a(() => !!M.value.hideOutsideDays)
 	};
 }
 //#endregion
-export { T as useCalendarDate };
+export { E as useCalendarDate };

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

@@ -1,3 +1,3 @@
-export type { CalendarDateClasses, CalendarDateColorOverrides, CalendarDateCustomProps, CalendarDateDayCell, CalendarDateEmits, CalendarDateOwnProps, CalendarDateProps, CalendarDateRoundedOverrides, CalendarDateSlots, CalendarDateTokens, } from './calendarDate.types';
+export type { CalendarDateClasses, CalendarDateColorOverrides, CalendarDateCustomProps, CalendarDateDayCell, CalendarDateEmits, CalendarDateOwnProps, CalendarDateProps, CalendarDateRoundedOverrides, CalendarDateSlots, } from './calendarDate.types';
 export { default as CalendarDate } from './CalendarDate.vue';
 export { useCalendarDate } from './composables/useCalendarDate';

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

@@ -10,12 +10,12 @@ var f = /*@__PURE__*/ i({
 		customProps: {},
 		disabled: { type: Boolean },
 		disableMonths: {},
+		error: { type: Boolean },
 		maxDate: {},
 		minDate: {},
 		readOnly: { type: Boolean },
 		rounded: {},
 		timeZone: {},
-		tokens: {},
 		value: {},
 		year: {}
 	},

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

@@ -1,5 +1,5 @@
 import { ButtonHTMLAttributes, HTMLAttributes } from 'vue';
-import { CalendarColor, CalendarColorItem, CalendarRounded } from '@bridge-ui/core/Tokens';
+import { CalendarColor, CalendarRounded } from '@bridge-ui/core/Tokens';
 import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 export interface CalendarMonthColorOverrides {}
 export interface CalendarMonthRoundedOverrides {}
@@ -43,16 +43,6 @@ export interface CalendarMonthEmits {
      */
     change: [month: number];
 }
-export interface CalendarMonthTokens {
-    /**
-     * Color token map overrides.
-     */
-    color?: Record<string, Partial<CalendarColorItem>>;
-    /**
-     * Border radius token map overrides.
-     */
-    rounded?: Record<string, string>;
-}
 export interface CalendarMonthOwnProps {
     /**
      * Classes for calendar regions.
@@ -84,6 +74,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`).
      *
@@ -114,12 +110,6 @@ export interface CalendarMonthOwnProps {
      * @default undefined
      */
     timeZone?: string;
-    /**
-     * Token overrides.
-     *
-     * @default undefined
-     */
-    tokens?: CalendarMonthTokens;
     /**
      * Selected month (`0`–`11`).
      *

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

package/dist/Components/CalendarMonth/composables/useCalendarMonth.js

@@ -4,13 +4,13 @@ import { computed as a, toValue as o, useAttrs as s } from "vue";
 import { get as c, isNil as l, omit as u } from "es-toolkit/compat";
 import { isMonthDisabled as d, resolveCalendarDayInteractionState as f } from "@bridge-ui/core/Domain";
 import { calendarColorProps as p, calendarRoundedProps as m } from "@bridge-ui/core/Tokens";
-import { cn as h, mergeBridgeUILayeredClasses as g, splitComponentProps as _ } from "@bridge-ui/core/Utils";
+import { cn as h, getColorToken as g, mergeBridgeUILayeredClasses as _, splitComponentProps as v } from "@bridge-ui/core/Utils";
 //#region src/Components/CalendarMonth/composables/useCalendarMonth.ts
-var v = [
+var y = [
 	"year",
 	"color",
+	"error",
 	"value",
-	"tokens",
 	"classes",
 	"maxDate",
 	"minDate",
@@ -21,85 +21,93 @@ var v = [
 	"customProps",
 	"disableMonths"
 ];
-function y(y, b, x) {
-	let S = s(), C = e(), w = t(), T = a(() => _({
-		bridgeKeys: v,
+function b(b, x, S) {
+	let C = s(), w = e(), T = t(), E = a(() => v({
+		bridgeKeys: y,
 		props: {
-			...S,
-			...o(y)
+			...C,
+			...o(b)
 		}
-	})), { merged: E } = r({
-		libDefaults: b,
-		props: () => T.value.componentProps
-	}), D = a(() => E.value.customProps), O = a(() => u(T.value.inheritedAttrs, ["onChange"])), k = i({
-		props: () => T.value.componentProps,
+	})), { merged: D, entry: O } = r({
+		libDefaults: x,
+		componentName: "Calendar",
+		props: () => E.value.componentProps
+	}), k = a(() => D.value.customProps), A = a(() => u(E.value.inheritedAttrs, ["onChange"])), j = i({
+		props: () => E.value.componentProps,
 		entry: a(() => {})
-	}), A = a(() => w(E.value.timeZone)), j = a(() => E.value.year ?? C.value.getYear(C.value.now(A.value), A.value)), M = a(() => g(p, E.value.tokens?.color)), N = a(() => {
-		let e = g(m, E.value.tokens?.rounded);
-		return c(e, E.value.rounded);
-	}), P = a(() => c(M.value, E.value.color)), F = a(() => C.value.getMonthNames(A.value).map((e, t) => {
-		let n = !!E.value.disabled || d({
+	}), M = a(() => T(D.value.timeZone)), N = a(() => D.value.year ?? w.value.getYear(w.value.now(M.value), M.value)), P = a(() => {
+		let e = _(m, O.value?.tokens?.rounded);
+		return c(e, D.value.rounded);
+	}), F = a(() => {
+		let e = _(p, O.value?.tokens?.color);
+		return g({
+			tokens: e,
+			color: D.value.color,
+			invalid: D.value.error
+		});
+	}), I = a(() => w.value.getMonthNames(M.value).map((e, t) => {
+		let n = !!D.value.disabled || d({
 			month: t,
-			year: j.value,
-			adapter: C.value,
-			context: A.value,
-			maxDate: E.value.maxDate,
-			minDate: E.value.minDate,
-			disableMonths: E.value.disableMonths
-		}), r = !l(E.value.value) && E.value.value === t;
+			year: N.value,
+			adapter: w.value,
+			context: M.value,
+			maxDate: D.value.maxDate,
+			minDate: D.value.minDate,
+			disableMonths: D.value.disableMonths
+		}), r = !l(D.value.value) && D.value.value === t;
 		return {
 			label: e,
 			month: t,
 			state: f({
 				disabled: n,
 				selected: r,
-				readOnly: E.value.readOnly
+				readOnly: D.value.readOnly
 			}),
 			selected: r,
-			disabled: n || !!E.value.readOnly
+			disabled: n || !!D.value.readOnly
 		};
-	})), I = (e) => {
-		E.value.disabled || E.value.readOnly || d({
+	})), L = (e) => {
+		D.value.disabled || D.value.readOnly || d({
 			month: e,
-			year: j.value,
-			adapter: C.value,
-			context: A.value,
-			maxDate: E.value.maxDate,
-			minDate: E.value.minDate,
-			disableMonths: E.value.disableMonths
-		}) || x("change", e);
+			year: N.value,
+			adapter: w.value,
+			context: M.value,
+			maxDate: D.value.maxDate,
+			minDate: D.value.minDate,
+			disableMonths: D.value.disableMonths
+		}) || S("change", e);
 	};
 	return {
-		year: j,
-		merged: E,
-		months: F,
-		rootBind: a(() => n(D.value?.root, O.value, h({
+		year: N,
+		merged: D,
+		months: I,
+		rootBind: a(() => n(k.value?.root, A.value, h({
 			"flex flex-col": !0,
-			[k.value.root ?? ""]: !0
+			[j.value.root ?? ""]: !0
 		}))),
-		gridBind: a(() => n(D.value?.grid, { role: "grid" }, h({
+		gridBind: a(() => n(k.value?.grid, { role: "grid" }, h({
 			"grid grid-cols-3 gap-2": !0,
-			[k.value.grid ?? ""]: !0
+			[j.value.grid ?? ""]: !0
 		}))),
-		selectMonth: I,
+		selectMonth: L,
 		getMonthBind: (e) => {
-			let t = P.value;
-			return n(D.value?.month, {
+			let t = F.value;
+			return n(k.value?.month, {
 				type: "button",
 				disabled: e.disabled,
 				"aria-pressed": e.selected,
-				onClick: () => I(e.month)
+				onClick: () => L(e.month)
 			}, h({
 				"cursor-pointer px-2 py-4 text-xs uppercase transition-all duration-150 ease-in-out outline-none focus:ring-2 focus:ring-offset-2 disabled:cursor-not-allowed": !0,
-				[N.value ?? ""]: !0,
+				[P.value ?? ""]: !0,
 				[t?.soft ?? ""]: e.state === "base",
 				[t?.hover ?? ""]: e.state === "base",
 				[t?.selected ?? ""]: e.state === "selected",
 				[t?.disabled ?? ""]: e.state === "disabled",
-				[k.value.month ?? ""]: !0
+				[j.value.month ?? ""]: !0
 			}));
 		}
 	};
 }
 //#endregion
-export { y as useCalendarMonth };
+export { b as useCalendarMonth };

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

@@ -1,3 +1,3 @@
-export type { CalendarMonthClasses, CalendarMonthColorOverrides, CalendarMonthCustomProps, CalendarMonthEmits, CalendarMonthOwnProps, CalendarMonthProps, CalendarMonthRoundedOverrides, CalendarMonthTokens, } from './calendarMonth.types';
+export type { CalendarMonthClasses, CalendarMonthColorOverrides, CalendarMonthCustomProps, CalendarMonthEmits, CalendarMonthOwnProps, CalendarMonthProps, CalendarMonthRoundedOverrides, } from './calendarMonth.types';
 export { default as CalendarMonth } from './CalendarMonth.vue';
 export { useCalendarMonth, type CalendarMonthCell, } from './composables/useCalendarMonth';

package/dist/Components/CalendarRange/CalendarRange.vue_vue_type_script_setup_true_lang.js

@@ -7,7 +7,7 @@ import { createBlock as ne, createCommentVNode as r, createElementBlock as i, cr
 import { isString as ie } from "es-toolkit/compat";
 import { cn as v } from "@bridge-ui/core/Utils";
 //#region src/Components/CalendarRange/CalendarRange.vue?vue&type=script&setup=true&lang.ts
-var y = { class: "flex min-w-0 flex-1 items-center justify-start" }, b = { class: "flex min-w-0 flex-1 items-center justify-end" }, x = { class: "flex shrink-0 items-center" }, S = { class: "flex w-full min-w-0 items-stretch" }, C = { class: "flex w-full min-w-0 items-stretch" }, w = /*@__PURE__*/ c({
+var y = { class: "flex shrink-0 items-center justify-start" }, b = { class: "flex shrink-0 items-center justify-end" }, x = { class: "flex shrink-0 items-center" }, S = { class: "flex min-w-max flex-1 items-stretch" }, C = { class: "flex min-w-max flex-1 items-stretch" }, w = /*@__PURE__*/ c({
 	inheritAttrs: !1,
 	__name: "CalendarRange",
 	props: {
@@ -19,6 +19,8 @@ var y = { class: "flex min-w-0 flex-1 items-center justify-start" }, b = { class
 		disableDates: {},
 		disableMonths: {},
 		disableYears: {},
+		error: { type: Boolean },
+		fill: { type: Boolean },
 		hideMonths: { type: Boolean },
 		hideOutsideDays: { type: Boolean },
 		hideWeekdays: { type: Boolean },
@@ -31,7 +33,6 @@ var y = { class: "flex min-w-0 flex-1 items-center justify-start" }, b = { class
 		rounded: {},
 		startOfWeek: {},
 		timeZone: {},
-		tokens: {},
 		value: {},
 		viewDate: {}
 	},
@@ -41,7 +42,7 @@ var y = { class: "flex min-w-0 flex-1 items-center justify-start" }, b = { class
 		"viewDateChange"
 	],
 	setup(c, { emit: w }) {
-		let { view: T, value: E, shared: D, merged: O, endBind: ae, rootBind: k, bodyBind: A, viewDate: j, viewYear: M, startBind: N, yearLabel: P, monthLabel: F, headerBind: I, monthsBind: L, panelsBind: R, isVertical: z, endViewDate: B, previewDate: V, navIconBind: H, monthTarget: U, handleChange: W, yearPageSize: oe, endMonthLabel: G, yearPageStart: K, endHeaderBind: q, nextButtonBind: se, pickerFillBind: J, monthPanelYear: ce, todayButtonBind: le, monthPanelValue: ue, yearSelectorBind: de, handleYearSelect: fe, showYearSelector: pe, monthSelectorBind: me, handleMonthSelect: he, showMonthSelector: Y, previousButtonBind: ge, endMonthSelectorBind: X, handleEndViewDateChange: _e, handlePreviewDateChange: Z, handleStartViewDateChange: Q } = n(c, {
+		let { view: T, value: E, shared: D, merged: O, endBind: ae, rootBind: k, bodyBind: A, viewDate: j, viewYear: M, startBind: N, yearLabel: P, monthLabel: F, headerBind: I, monthsBind: L, panelsBind: R, isVertical: z, endViewDate: B, previewDate: V, navIconBind: H, monthTarget: U, handleChange: W, yearPageSize: oe, endMonthLabel: G, yearPageStart: K, endHeaderBind: q, monthYearBind: J, nextButtonBind: se, monthPanelYear: ce, todayButtonBind: le, monthPanelValue: ue, yearSelectorBind: de, handleYearSelect: fe, showYearSelector: pe, monthSelectorBind: me, handleMonthSelect: he, showMonthSelector: Y, previousButtonBind: ge, endMonthSelectorBind: X, handleEndViewDateChange: _e, handlePreviewDateChange: Z, handleStartViewDateChange: Q } = n(c, {
 			rounded: "md",
 			startOfWeek: 0,
 			color: "primary",