@bridge-ui/vue 0.0.11 → 0.1.1

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 },
@@ -36,7 +38,6 @@ var ee = { class: "flex w-full min-w-0 items-center gap-x-2" }, C = {
 		rounded: {},
 		startOfWeek: {},
 		timeZone: {},
-		tokens: {},
 		value: {},
 		view: {},
 		viewDate: {}

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

@@ -1,6 +1,6 @@
 import { ButtonHTMLAttributes, HTMLAttributes, Slot } from 'vue';
 import { 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';
 import { CalendarDateDayCell } from '../CalendarDate/calendarDate.types';
 import { IconProps } from '../Icon/icon.types';
@@ -111,20 +111,6 @@ export interface CalendarSlots {
      */
     day?: Slot<CalendarDateDayCell>;
 }
-export interface CalendarTokens {
-    /**
-     * Color token map overrides.
-     */
-    color?: Record<string, Partial<CalendarColorItem>>;
-    /**
-     * Day chrome overrides.
-     */
-    day?: Partial<CalendarDay>;
-    /**
-     * Border radius token map overrides.
-     */
-    rounded?: Record<string, string>;
-}
 export interface CalendarOwnProps {
     /**
      * Classes for calendar regions.
@@ -180,6 +166,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.
      *
@@ -258,12 +257,6 @@ export interface CalendarOwnProps {
      * @default undefined
      */
     timeZone?: string;
-    /**
-     * Token overrides.
-     *
-     * @default undefined
-     */
-    tokens?: CalendarTokens;
     /**
      * Controlled selection model.
      *

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

@@ -16,7 +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>;
-        tokens: import('../calendar.types').CalendarTokens | undefined;
+        error: boolean | undefined;
         rounded: NonNullable<keyof import('@bridge-ui/core/Tokens').CalendarRounded | undefined>;
         maxDate: Date | undefined;
         minDate: Date | undefined;
@@ -26,7 +26,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" | "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

@@ -1,173 +1,176 @@
 import { useDateAdapter as e, useDateAdapterContext as t } from "../../../Adapters/Date/useDateAdapter.js";
 import { useResolveMessage as n } from "../../../Adapters/I18n/useI18nAdapter.js";
 import { mergePartBind as r, useBridgeUIComponent as ee, 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, isArray as d, isFunction as f, isNil as p, omit as te } from "es-toolkit/compat";
-import { isDateRangeValue as m, resolveDatePickerMode as ne } from "@bridge-ui/core/Domain";
+import { computed as a, getCurrentInstance as o, ref as s, toValue as c, useAttrs as te } from "vue";
+import { get as l, isArray as u, isFunction as d, isNil as f, omit as ne } from "es-toolkit/compat";
+import { isDateRangeValue as p, resolveDatePickerMode as m } from "@bridge-ui/core/Domain";
 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.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;
+	return f(e) ? t.now(n) : p(e) ? e[0] : u(e) ? e[0] ?? t.now(n) : e;
 }
-function x(d, m, x) {
-	let S = l(), C = e(), w = n(), T = t(), E = a(() => v({
+function x(u, p, x) {
+	let S = te(), C = e(), w = n(), T = t(), E = a(() => v({
 		bridgeKeys: y,
 		props: {
 			...S,
-			...c(d)
+			...c(u)
 		}
-	})), { merged: D } = ee({
-		libDefaults: m,
+	})), { merged: D, entry: re } = ee({
+		libDefaults: p,
+		componentName: "Calendar",
 		props: () => E.value.componentProps
-	}), O = a(() => D.value.customProps), re = a(() => te(E.value.inheritedAttrs, [
+	}), O = a(() => D.value.customProps), k = a(() => ne(E.value.inheritedAttrs, [
 		"onChange",
 		"onViewChange",
 		"onViewDateChange",
 		"onPreviewDateChange"
-	])), k = i({
+	])), A = i({
 		props: () => E.value.componentProps,
 		entry: a(() => {})
-	}), A = a(() => T(D.value.timeZone)), j = a(() => ne({
+	}), j = a(() => T(D.value.timeZone)), M = a(() => m({
 		range: D.value.range,
 		multiple: D.value.multiple
-	})), M = a(() => c(d)), N = a(() => !p(M.value.value)), P = a(() => {
-		let e = o()?.vnode.props ?? {}, t = f(e.onViewChange) || f(e["onUpdate:view"]);
-		return !p(M.value.view) && t;
-	}), F = a(() => {
-		let e = o()?.vnode.props ?? {}, t = f(e.onViewDateChange) || f(e["onUpdate:viewDate"]);
-		return !p(M.value.viewDate) && t;
-	}), I = s(D.value.defaultValue ?? null), L = s(M.value.view ?? D.value.defaultView ?? "date"), R = s(C.value.startOfMonth(p(M.value.viewDate) ? b(M.value.value ?? D.value.defaultValue ?? null, C.value, A.value) : M.value.viewDate, A.value)), z = s(null), B = a(() => N.value ? M.value.value ?? null : I.value), V = a(() => {
-		let e = P.value ? M.value.view ?? "date" : L.value;
+	})), N = a(() => c(u)), P = a(() => !f(N.value.value)), F = a(() => {
+		let e = o()?.vnode.props ?? {}, t = d(e.onViewChange) || d(e["onUpdate:view"]);
+		return !f(N.value.view) && t;
+	}), I = a(() => {
+		let e = o()?.vnode.props ?? {}, t = d(e.onViewDateChange) || d(e["onUpdate:viewDate"]);
+		return !f(N.value.viewDate) && t;
+	}), L = s(D.value.defaultValue ?? null), R = s(N.value.view ?? D.value.defaultView ?? "date"), z = s(C.value.startOfMonth(f(N.value.viewDate) ? b(N.value.value ?? D.value.defaultValue ?? null, C.value, j.value) : N.value.viewDate, j.value)), B = s(null), V = a(() => P.value ? N.value.value ?? null : L.value), H = a(() => {
+		let e = F.value ? N.value.view ?? "date" : R.value;
 		return e === "year" && D.value.hideYears || e === "month" && D.value.hideMonths ? "date" : e;
-	}), H = a(() => F.value ? M.value.viewDate : R.value), U = a(() => String(C.value.getYear(H.value, A.value))), W = a(() => C.value.getMonthNames(A.value)[C.value.getMonth(H.value, A.value)] ?? ""), G = a(() => C.value.getYear(H.value, A.value)), K = a(() => C.value.getMonth(H.value, A.value)), q = a(() => p(z.value) ? Math.max(1, G.value - 7) : z.value), J = a(() => {
-		let e = _(h, D.value.tokens?.rounded);
-		return u(e, D.value.rounded);
-	}), Y = (e) => {
-		P.value || (L.value = e), x("viewChange", e);
-	}, X = () => {
-		z.value = Math.max(1, G.value - 7), Y("year");
+	}), U = a(() => I.value ? N.value.viewDate : z.value), W = a(() => String(C.value.getYear(U.value, j.value))), G = a(() => C.value.getMonthNames(j.value)[C.value.getMonth(U.value, j.value)] ?? ""), K = a(() => C.value.getYear(U.value, j.value)), q = a(() => C.value.getMonth(U.value, j.value)), J = a(() => f(B.value) ? Math.max(1, K.value - 7) : B.value), Y = a(() => {
+		let e = _(h, re.value?.tokens?.rounded);
+		return l(e, D.value.rounded);
+	}), X = (e) => {
+		F.value || (R.value = e), x("viewChange", e);
+	}, ie = () => {
+		B.value = Math.max(1, K.value - 7), X("year");
 	}, Z = (e) => {
-		let t = C.value.startOfMonth(e, A.value);
-		F.value || (R.value = t), x("viewDateChange", t);
-	}, ie = (e) => {
-		N.value || (I.value = e), x("change", e);
-	}, ae = () => {
-		if (V.value === "year") {
-			z.value = Math.max(1, q.value - 15);
-			return;
-		}
-		Z(C.value.addMonths(H.value, -1, A.value));
+		let t = C.value.startOfMonth(e, j.value);
+		I.value || (z.value = t), x("viewDateChange", t);
+	}, ae = (e) => {
+		P.value || (L.value = e), x("change", e);
 	}, oe = () => {
-		if (V.value === "year") {
-			z.value = q.value + 15;
+		if (H.value === "year") {
+			B.value = Math.max(1, J.value - 15);
 			return;
 		}
-		Z(C.value.addMonths(H.value, 1, A.value));
+		Z(C.value.addMonths(U.value, -1, j.value));
 	}, se = () => {
-		let e = C.value.startOfMonth(C.value.now(A.value), A.value);
-		z.value = null, Z(e), Y("date");
-	}, ce = (e) => {
-		z.value = null, Z(C.value.setYear(H.value, e, A.value)), Y(D.value.hideMonths ? "date" : "month");
+		if (H.value === "year") {
+			B.value = J.value + 15;
+			return;
+		}
+		Z(C.value.addMonths(U.value, 1, j.value));
+	}, ce = () => {
+		let e = C.value.startOfMonth(C.value.now(j.value), j.value);
+		B.value = null, Z(e), X("date");
 	}, le = (e) => {
-		Z(C.value.setMonth(H.value, e, A.value)), Y("date");
-	}, ue = a(() => ({
+		B.value = null, Z(C.value.setYear(U.value, e, j.value)), X(D.value.hideMonths ? "date" : "month");
+	}, ue = (e) => {
+		Z(C.value.setMonth(U.value, e, j.value)), X("date");
+	}, de = a(() => ({
 		color: D.value.color,
-		tokens: D.value.tokens,
+		error: D.value.error,
 		rounded: D.value.rounded,
 		maxDate: D.value.maxDate,
 		minDate: D.value.minDate,
 		disabled: D.value.disabled,
 		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,
-		[k.value.root ?? ""]: !0
-	}))), fe = a(() => r(O.value?.header, {}, g({
+	})), fe = a(() => r(O.value?.root, k.value, g({
+		"flex flex-col overflow-hidden": !0,
+		"w-full min-w-72": D.value.fill,
+		"w-72": !D.value.fill,
+		[A.value.root ?? ""]: !0
+	}))), pe = a(() => r(O.value?.header, {}, g({
 		"flex items-center justify-between p-2.5": !0,
-		[k.value.header ?? ""]: !0
-	}))), pe = a(() => r(O.value?.body, {}, g({
+		[A.value.header ?? ""]: !0
+	}))), me = a(() => r(O.value?.body, {}, g({
 		"flex flex-col p-2.5": !0,
-		[k.value.body ?? ""]: !0
+		[A.value.body ?? ""]: !0
 	}))), Q = a(() => r(O.value?.selector, {
 		type: "button",
 		disabled: D.value.disabled
 	}, g({
 		"inline-flex cursor-pointer items-center gap-x-2 px-1.5 py-1 text-sm font-medium text-dark-600 hover:bg-dark-100 focus:outline-none disabled:cursor-not-allowed dark:text-dark-300 dark:hover:bg-dark-800": !0,
-		[J.value ?? ""]: !0,
-		[k.value.selector ?? ""]: !0
+		[Y.value ?? ""]: !0,
+		[A.value.selector ?? ""]: !0
 	}))), $ = a(() => r(O.value?.navButton, {
 		type: "button",
 		disabled: D.value.disabled
 	}, g({
 		"inline-flex size-8 shrink-0 cursor-pointer items-center justify-center text-dark-600 hover:bg-dark-100 disabled:cursor-not-allowed dark:text-dark-300 dark:hover:bg-dark-800": !0,
-		[J.value ?? ""]: !0,
-		[k.value.navButton ?? ""]: !0
-	}))), me = a(() => V.value === "year" ? w("Previous years") : w("Previous month")), he = a(() => V.value === "year" ? w("Next years") : w("Next month")), ge = a(() => r(O.value?.previousButton, {
-		...$.value,
-		onClick: ae,
-		type: "button",
-		disabled: D.value.disabled,
-		"aria-label": me.value
-	}, g({ [k.value.navButton ?? ""]: !0 }))), _e = a(() => r(O.value?.nextButton, {
+		[Y.value ?? ""]: !0,
+		[A.value.navButton ?? ""]: !0
+	}))), he = a(() => H.value === "year" ? w("Previous years") : w("Previous month")), ge = a(() => H.value === "year" ? w("Next years") : w("Next month")), _e = a(() => r(O.value?.previousButton, {
 		...$.value,
 		onClick: oe,
 		type: "button",
 		disabled: D.value.disabled,
 		"aria-label": he.value
-	}, g({ [k.value.navButton ?? ""]: !0 }))), ve = a(() => r(O.value?.todayButton, {
+	}, g({ [A.value.navButton ?? ""]: !0 }))), ve = a(() => r(O.value?.nextButton, {
+		...$.value,
 		onClick: se,
 		type: "button",
 		disabled: D.value.disabled,
+		"aria-label": ge.value
+	}, g({ [A.value.navButton ?? ""]: !0 }))), ye = a(() => r(O.value?.todayButton, {
+		onClick: ce,
+		type: "button",
+		disabled: D.value.disabled,
 		"aria-label": w("Today")
 	}, g({
 		"inline-flex size-8 shrink-0 cursor-pointer items-center justify-center hover:bg-dark-100 disabled:cursor-not-allowed dark:hover:bg-dark-800": !0,
-		[J.value ?? ""]: !0,
-		[k.value.navButton ?? ""]: !0
-	}))), ye = a(() => r(O.value?.selector, void 0, {
+		[Y.value ?? ""]: !0,
+		[A.value.navButton ?? ""]: !0
+	}))), be = a(() => r(O.value?.selector, void 0, {
 		...Q.value,
-		onClick: X,
+		onClick: ie,
 		type: "button",
 		"aria-label": w("Select year"),
 		disabled: D.value.disabled || D.value.hideYears
-	})), be = a(() => r(O.value?.selector, void 0, {
+	})), xe = a(() => r(O.value?.selector, void 0, {
 		...Q.value,
 		type: "button",
-		onClick: () => Y("month"),
+		onClick: () => X("month"),
 		"aria-label": w("Select month"),
 		disabled: D.value.disabled || D.value.hideMonths
-	})), xe = a(() => !D.value.hideYears), Se = a(() => !D.value.hideMonths);
+	})), Se = a(() => !D.value.hideYears), Ce = a(() => !D.value.hideMonths);
 	return {
-		view: V,
-		mode: j,
-		value: B,
+		view: H,
+		mode: M,
+		value: V,
 		merged: D,
-		shared: ue,
-		context: A,
+		shared: de,
+		context: j,
 		showNav: a(() => !0),
-		rootBind: de,
-		viewDate: H,
-		viewYear: G,
-		bodyBind: pe,
-		viewMonth: K,
-		yearLabel: U,
-		monthLabel: W,
-		headerBind: fe,
+		rootBind: fe,
+		viewDate: U,
+		viewYear: K,
+		bodyBind: me,
+		viewMonth: q,
+		yearLabel: W,
+		monthLabel: G,
+		headerBind: pe,
 		setViewDate: Z,
 		navIconBind: a(() => O.value?.navIcon),
-		handleChange: ie,
+		handleChange: ae,
 		yearPageSize: 15,
-		nextButtonBind: _e,
-		todayButtonBind: ve,
-		yearSelectorBind: ye,
-		handleYearSelect: ce,
-		showYearSelector: xe,
-		monthSelectorBind: be,
-		handleMonthSelect: le,
-		showMonthSelector: Se,
-		previousButtonBind: ge,
-		yearPageStart: q
+		nextButtonBind: ve,
+		todayButtonBind: ye,
+		yearSelectorBind: be,
+		handleYearSelect: le,
+		showYearSelector: Se,
+		monthSelectorBind: xe,
+		handleMonthSelect: ue,
+		showMonthSelector: Ce,
+		previousButtonBind: _e,
+		yearPageStart: J
 	};
 }
 //#endregion

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

@@ -1,3 +1,3 @@
-export type { CalendarClasses, CalendarColorOverrides, CalendarCustomProps, CalendarEmits, CalendarOwnProps, CalendarProps, CalendarRoundedOverrides, CalendarSlots, CalendarTokens, CalendarView, } from './calendar.types';
+export type { CalendarClasses, CalendarColorOverrides, CalendarCustomProps, CalendarEmits, CalendarOwnProps, CalendarProps, CalendarRoundedOverrides, CalendarSlots, CalendarView, } from './calendar.types';
 export { default as Calendar } from './Calendar.vue';
 export { useCalendar } from './composables/useCalendar';

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: {},
@@ -28,7 +29,6 @@ var h = {
 		rounded: {},
 		startOfWeek: {},
 		timeZone: {},
-		tokens: {},
 		value: {},
 		viewDate: {}
 	},