@bridge-ui/vue 0.1.0 → 0.2.0

package/dist/Components/CalendarRange/composables/useCalendarRange.js

@@ -5,14 +5,13 @@ import { computed as a, getCurrentInstance as te, ref as o, toValue as s, useAtt
 import { get as ne, isFunction as l, isNil as u, omit as re } from "es-toolkit/compat";
 import { isDateRangeValue as d } from "@bridge-ui/core/Domain";
 import { calendarRoundedProps as f } from "@bridge-ui/core/Tokens";
-import { cn as p, mergeBridgeUILayeredClasses as m, splitComponentProps as h } from "@bridge-ui/core/Utils";
+import { cn as p, mergeBridgeUILayeredClasses as ie, splitComponentProps as ae } from "@bridge-ui/core/Utils";
 //#region src/Components/CalendarRange/composables/useCalendarRange.ts
-var ie = [
+var oe = [
 	"fill",
 	"color",
 	"error",
 	"value",
-	"tokens",
 	"classes",
 	"maxDate",
 	"minDate",
@@ -34,223 +33,222 @@ var ie = [
 	"disableMonths",
 	"hideOutsideDays"
 ];
-function ae(e, t, n) {
+function se(e, t, n) {
 	return u(e) ? t.now(n) : e[0];
 }
-function oe(e) {
+function ce(e) {
 	return d(e) ? e : null;
 }
-function g(d, g, _) {
-	let se = c(), v = e(), y = n(), ce = t(), b = a(() => h({
-		bridgeKeys: ie,
+function m(d, m, h) {
+	let le = c(), g = e(), _ = n(), v = t(), y = a(() => ae({
+		bridgeKeys: oe,
 		props: {
-			...se,
+			...le,
 			...s(d)
 		}
-	})), { merged: x } = i({
-		libDefaults: g,
-		props: () => b.value.componentProps
-	}), S = a(() => x.value.customProps), C = a(() => re(b.value.inheritedAttrs, [
+	})), { merged: b, entry: x } = i({
+		libDefaults: m,
+		componentName: "Calendar",
+		props: () => y.value.componentProps
+	}), S = a(() => b.value.customProps), C = a(() => re(y.value.inheritedAttrs, [
 		"onChange",
 		"onViewDateChange",
 		"onPreviewDateChange"
 	])), w = ee({
-		props: () => b.value.componentProps,
+		props: () => y.value.componentProps,
 		entry: a(() => {})
-	}), T = a(() => ce(x.value.timeZone)), E = a(() => s(d)), D = a(() => !u(E.value.value)), O = a(() => {
+	}), T = a(() => v(b.value.timeZone)), E = a(() => s(d)), D = a(() => !u(E.value.value)), O = a(() => {
 		let e = te()?.vnode.props ?? {}, t = l(e.onViewDateChange) || l(e["onUpdate:viewDate"]);
 		return !u(E.value.viewDate) && t;
-	}), k = a(() => !u(E.value.previewDate)), A = o(x.value.defaultValue ?? null), j = o("date"), M = o(v.value.startOfMonth(u(E.value.viewDate) ? ae(E.value.value ?? x.value.defaultValue ?? null, v.value, T.value) : E.value.viewDate, T.value)), N = o(null), P = o(null), F = o("start"), I = a(() => D.value ? E.value.value ?? null : A.value), L = a(() => j.value === "year" && x.value.hideYears || j.value === "month" && x.value.hideMonths ? "date" : j.value), R = a(() => O.value ? E.value.viewDate : M.value), z = a(() => v.value.addMonths(R.value, 1, T.value)), B = a(() => k.value ? E.value.previewDate ?? null : N.value), V = a(() => String(v.value.getYear(R.value, T.value))), H = a(() => v.value.getMonthNames(T.value)[v.value.getMonth(R.value, T.value)] ?? ""), U = a(() => v.value.getMonthNames(T.value)[v.value.getMonth(z.value, T.value)] ?? ""), W = a(() => v.value.getYear(R.value, T.value)), G = a(() => v.value.getMonth(R.value, T.value)), K = a(() => u(P.value) ? Math.max(1, W.value - 7) : P.value), q = a(() => {
-		let e = m(f, x.value.tokens?.rounded);
-		return ne(e, x.value.rounded);
-	}), J = (e) => {
+	}), k = a(() => !u(E.value.previewDate)), A = o(b.value.defaultValue ?? null), j = o("date"), M = o(g.value.startOfMonth(u(E.value.viewDate) ? se(E.value.value ?? b.value.defaultValue ?? null, g.value, T.value) : E.value.viewDate, T.value)), N = o(null), P = o(null), F = a(() => D.value ? E.value.value ?? null : A.value), I = a(() => j.value === "year" && b.value.hideYears || j.value === "month" && b.value.hideMonths ? "date" : j.value), L = a(() => O.value ? E.value.viewDate : M.value), R = a(() => g.value.addMonths(L.value, 1, T.value)), z = a(() => k.value ? E.value.previewDate ?? null : N.value), B = a(() => String(g.value.getYear(L.value, T.value))), V = a(() => g.value.getMonthNames(T.value)[g.value.getMonth(L.value, T.value)] ?? ""), H = a(() => g.value.getMonthNames(T.value)[g.value.getMonth(R.value, T.value)] ?? ""), U = a(() => g.value.getYear(L.value, T.value)), W = a(() => g.value.getMonth(L.value, T.value)), G = a(() => u(P.value) ? Math.max(1, U.value - 7) : P.value), K = a(() => {
+		let e = ie(f, x.value?.tokens?.rounded);
+		return ne(e, b.value.rounded);
+	}), q = (e) => {
 		j.value = e;
-	}, le = () => {
-		P.value = Math.max(1, W.value - 7), J("year");
-	}, Y = (e) => {
-		let t = v.value.startOfMonth(e, T.value);
-		O.value || (M.value = t), _("viewDateChange", t);
-	}, ue = (e) => {
-		Y(e);
+	}, ue = () => {
+		P.value = Math.max(1, U.value - 7), q("year");
+	}, J = (e) => {
+		let t = g.value.startOfMonth(e, T.value);
+		O.value || (M.value = t), h("viewDateChange", t);
 	}, de = (e) => {
-		Y(v.value.addMonths(e, -1, T.value));
+		J(e);
 	}, fe = (e) => {
-		let t = oe(e);
-		D.value || (A.value = t), _("change", t);
+		J(g.value.addMonths(e, -1, T.value));
 	}, pe = (e) => {
-		k.value || (N.value = e), _("previewDateChange", e);
-	}, me = () => {
-		if (L.value === "year") {
-			P.value = Math.max(1, K.value - 15);
-			return;
-		}
-		Y(v.value.addMonths(R.value, -1, T.value));
+		let t = ce(e);
+		D.value || (A.value = t), h("change", t);
+	}, me = (e) => {
+		k.value || (N.value = e), h("previewDateChange", e);
 	}, he = () => {
-		if (L.value === "year") {
-			P.value = K.value + 15;
+		if (I.value === "year") {
+			P.value = Math.max(1, G.value - 15);
 			return;
 		}
-		Y(v.value.addMonths(R.value, 1, T.value));
+		J(g.value.addMonths(L.value, -1, T.value));
 	}, ge = () => {
-		let e = v.value.startOfMonth(v.value.now(T.value), T.value);
-		P.value = null, Y(e), J("date");
-	}, _e = (e) => {
-		P.value = null, F.value = "start", Y(v.value.setYear(R.value, e, T.value)), J(x.value.hideMonths ? "date" : "month");
-	}, ve = () => {
-		F.value = "start", J("month");
-	}, ye = () => {
-		F.value = "end", J("month");
-	}, be = (e) => {
-		if (F.value === "end") {
-			let t = v.value.getYear(z.value, T.value), n = v.value.setMonth(v.value.setYear(R.value, t, T.value), e, T.value);
-			Y(v.value.addMonths(n, -1, T.value));
-		} else Y(v.value.setMonth(R.value, e, T.value));
-		J("date");
-	}, xe = a(() => F.value === "end" ? v.value.getYear(z.value, T.value) : W.value), Se = a(() => F.value === "end" ? v.value.getMonth(z.value, T.value) : G.value), Ce = a(() => ({
-		color: x.value.color,
-		error: x.value.error,
-		tokens: x.value.tokens,
-		rounded: x.value.rounded,
-		maxDate: x.value.maxDate,
-		minDate: x.value.minDate,
-		disabled: x.value.disabled,
-		readOnly: x.value.readOnly,
-		timeZone: x.value.timeZone
-	})), X = a(() => x.value.orientation === "vertical"), we = a(() => r(S.value?.root, C.value, p({
+		if (I.value === "year") {
+			P.value = G.value + 15;
+			return;
+		}
+		J(g.value.addMonths(L.value, 1, T.value));
+	}, _e = () => {
+		let e = g.value.startOfMonth(g.value.now(T.value), T.value);
+		P.value = null, J(e), q("date");
+	}, ve = (e) => {
+		P.value = null, J(g.value.setYear(L.value, e, T.value)), q(b.value.hideMonths ? "date" : "month");
+	}, Y = () => {
+		q("month");
+	}, ye = (e) => {
+		J(g.value.setMonth(L.value, e, T.value)), q("date");
+	}, be = U, xe = W, Se = a(() => ({
+		color: b.value.color,
+		error: b.value.error,
+		rounded: b.value.rounded,
+		maxDate: b.value.maxDate,
+		minDate: b.value.minDate,
+		disabled: b.value.disabled,
+		readOnly: b.value.readOnly,
+		timeZone: b.value.timeZone
+	})), X = a(() => b.value.orientation === "vertical"), Ce = a(() => r(S.value?.root, C.value, p({
 		"flex flex-col overflow-hidden": !0,
-		"w-full": x.value.fill,
+		"w-full": b.value.fill,
 		"min-w-max": !0,
-		"w-fit": !x.value.fill && X.value,
+		"w-fit": !b.value.fill && X.value,
 		[w.value.root ?? ""]: !0
-	}))), Te = a(() => r(S.value?.header, {}, p({
-		"flex w-full items-center p-2.5": !0,
+	}))), we = a(() => r(S.value?.header, {}, p({
+		"relative flex w-full items-center p-2.5": !0,
 		[w.value.header ?? ""]: !0
-	}))), Ee = a(() => r(S.value?.months, {}, p({
-		"flex min-w-0 flex-1 items-center": !0,
-		"justify-between": !X.value,
-		"justify-start": X.value,
+	}))), Te = a(() => r(S.value?.months, {}, p({
+		"flex min-w-0 flex-1 items-center justify-center": !0,
 		[w.value.months ?? ""]: !0
+	}))), Ee = a(() => r(S.value?.startHeader, {}, p({
+		"flex min-w-0 flex-1 items-center pr-4": !0,
+		[w.value.startHeader ?? ""]: !0
 	}))), De = a(() => r(S.value?.endHeader, {}, p({
-		"flex items-center justify-center px-2.5 pb-1 pt-2": !0,
+		"items-center": !0,
+		"flex min-w-0 flex-1 items-center pl-4": !X.value || I.value === "month",
+		"flex justify-center": X.value && I.value !== "month",
 		[w.value.endHeader ?? ""]: !0
 	}))), Oe = a(() => r(S.value?.body, {}, p({
-		"flex min-h-64 flex-col p-2.5": !0,
+		"relative flex min-h-64 flex-col": !0,
 		[w.value.body ?? ""]: !0
-	}))), ke = a(() => r(S.value?.panels, {}, p({
-		"flex w-full gap-4": !0,
+	}))), ke = a(() => r(S.value?.panels, { "aria-hidden": I.value !== "date" }, p({
+		"flex w-full": !0,
 		"flex-row": !X.value,
 		"flex-col": X.value,
+		invisible: I.value !== "date",
 		[w.value.panels ?? ""]: !0
 	}))), Ae = a(() => r(S.value?.start, {}, p({
-		"flex min-w-72 flex-1 flex-col": !0,
+		"flex min-w-72 flex-1 flex-col px-2.5": !0,
+		"pb-2.5": !X.value,
 		[w.value.start ?? ""]: !0
 	}))), je = a(() => r(S.value?.end, {}, p({
-		"flex min-w-72 flex-1 flex-col": !0,
+		"flex min-w-72 flex-1 flex-col px-2.5 pb-2.5": !0,
 		[w.value.end ?? ""]: !0
-	}))), Me = a(() => p({ "flex min-h-64 flex-1 flex-col": !0 })), Z = a(() => r(S.value?.selector, {
+	}))), Me = a(() => p({ "absolute inset-0 z-10 flex flex-col bg-white p-2.5 dark:bg-dark-900": !0 })), Z = a(() => r(S.value?.selector, {
 		type: "button",
-		disabled: x.value.disabled
+		disabled: b.value.disabled
 	}, p({
 		"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,
-		[q.value ?? ""]: !0,
+		[K.value ?? ""]: !0,
 		[w.value.selector ?? ""]: !0
 	}))), Q = a(() => r(S.value?.navButton, {
 		type: "button",
-		disabled: x.value.disabled
+		disabled: b.value.disabled
 	}, p({
 		"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,
-		[q.value ?? ""]: !0,
+		[K.value ?? ""]: !0,
 		[w.value.navButton ?? ""]: !0
-	}))), Ne = a(() => L.value === "year" ? y("Previous years") : y("Previous month")), Pe = a(() => L.value === "year" ? y("Next years") : y("Next month")), Fe = a(() => r(S.value?.previousButton, {
+	}))), Ne = a(() => I.value === "year" ? _("Previous years") : _("Previous month")), Pe = a(() => I.value === "year" ? _("Next years") : _("Next month")), Fe = a(() => r(S.value?.previousButton, {
 		...Q.value,
-		onClick: me,
+		onClick: he,
 		type: "button",
-		disabled: x.value.disabled,
+		disabled: b.value.disabled,
 		"aria-label": Ne.value
 	}, p({ [w.value.navButton ?? ""]: !0 }))), Ie = a(() => r(S.value?.nextButton, {
 		...Q.value,
-		onClick: he,
+		onClick: ge,
 		type: "button",
-		disabled: x.value.disabled,
+		disabled: b.value.disabled,
 		"aria-label": Pe.value
 	}, p({ [w.value.navButton ?? ""]: !0 }))), Le = a(() => r(S.value?.todayButton, {
-		onClick: ge,
+		onClick: _e,
 		type: "button",
-		disabled: x.value.disabled,
-		"aria-label": y("Today")
+		disabled: b.value.disabled,
+		"aria-label": _("Today")
 	}, p({
 		"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,
-		[q.value ?? ""]: !0,
+		[K.value ?? ""]: !0,
 		[w.value.navButton ?? ""]: !0
 	}))), $ = a(() => r(S.value?.selector, void 0, {
 		...Z.value,
-		onClick: le,
+		onClick: ue,
 		type: "button",
-		"aria-label": y("Select year"),
-		disabled: x.value.disabled || x.value.hideYears
+		"aria-label": _("Select year"),
+		disabled: b.value.disabled || b.value.hideYears
 	})), Re = a(() => ({
 		...r(S.value?.selector, void 0, {
 			...Z.value,
 			type: "button",
-			"aria-label": y("Select month"),
-			disabled: x.value.disabled || x.value.hideMonths
+			"aria-label": _("Select month"),
+			disabled: b.value.disabled || b.value.hideMonths
 		}),
-		onClick: ve
+		onClick: Y
 	})), ze = a(() => ({
 		...r(S.value?.selector, void 0, {
 			...Z.value,
 			type: "button",
-			"aria-label": y("Select end month"),
-			disabled: x.value.disabled || x.value.hideMonths
+			"aria-label": _("Select end month"),
+			disabled: b.value.disabled || b.value.hideMonths
 		}),
-		onClick: ye
-	})), Be = a(() => !x.value.hideYears), Ve = a(() => !x.value.hideMonths);
+		onClick: Y
+	})), Be = a(() => !b.value.hideYears), Ve = a(() => !b.value.hideMonths);
 	return {
-		view: L,
-		value: I,
-		shared: Ce,
-		merged: x,
+		view: I,
+		value: F,
+		shared: Se,
+		merged: b,
 		showNav: a(() => !0),
 		endBind: je,
-		rootBind: we,
+		rootBind: Ce,
 		bodyBind: Oe,
-		viewDate: R,
-		viewYear: W,
+		viewDate: L,
+		viewYear: U,
 		startBind: Ae,
-		viewMonth: G,
-		yearLabel: V,
-		monthLabel: H,
-		headerBind: Te,
-		monthsBind: Ee,
+		viewMonth: W,
+		yearLabel: B,
+		monthLabel: V,
+		headerBind: we,
+		monthsBind: Te,
 		panelsBind: ke,
 		isVertical: X,
-		endViewDate: z,
-		previewDate: B,
-		setViewDate: Y,
+		endViewDate: R,
+		previewDate: z,
+		setViewDate: J,
 		navIconBind: a(() => S.value?.navIcon),
-		monthTarget: F,
-		handleChange: fe,
+		handleChange: pe,
 		yearPageSize: 15,
-		endMonthLabel: U,
+		endMonthLabel: H,
 		endHeaderBind: De,
 		monthYearBind: Me,
 		nextButtonBind: Ie,
-		monthPanelYear: xe,
+		monthPanelYear: be,
+		startHeaderBind: Ee,
 		todayButtonBind: Le,
-		monthPanelValue: Se,
+		monthPanelValue: xe,
 		yearSelectorBind: $,
-		handleYearSelect: _e,
+		handleYearSelect: ve,
 		showYearSelector: Be,
 		monthSelectorBind: Re,
-		handleMonthSelect: be,
+		handleMonthSelect: ye,
 		showMonthSelector: Ve,
 		previousButtonBind: Fe,
 		endMonthSelectorBind: ze,
-		handleEndViewDateChange: de,
-		handlePreviewDateChange: pe,
-		handleStartViewDateChange: ue,
-		yearPageStart: K
+		handleEndViewDateChange: fe,
+		handlePreviewDateChange: me,
+		handleStartViewDateChange: de,
+		yearPageStart: G
 	};
 }
 //#endregion
-export { g as useCalendarRange };
+export { m as useCalendarRange };

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

@@ -1,3 +1,3 @@
-export type { CalendarRangeClasses, CalendarRangeColorOverrides, CalendarRangeCustomProps, CalendarRangeEmits, CalendarRangeOrientation, CalendarRangeOwnProps, CalendarRangeProps, CalendarRangeRoundedOverrides, CalendarRangeSlots, CalendarRangeTokens, CalendarRangeView, } from './calendarRange.types';
+export type { CalendarRangeClasses, CalendarRangeColorOverrides, CalendarRangeCustomProps, CalendarRangeEmits, CalendarRangeOrientation, CalendarRangeOwnProps, CalendarRangeProps, CalendarRangeRoundedOverrides, CalendarRangeSlots, CalendarRangeView, } from './calendarRange.types';
 export { default as CalendarRange } from './CalendarRange.vue';
 export { useCalendarRange } from './composables/useCalendarRange';

package/dist/Components/CalendarYear/CalendarYear.vue_vue_type_script_setup_true_lang.js

@@ -18,7 +18,6 @@ var f = /*@__PURE__*/ i({
 		rounded: {},
 		startYear: {},
 		timeZone: {},
-		tokens: {},
 		value: {}
 	},
 	emits: ["change"],

package/dist/Components/CalendarYear/calendarYear.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 CalendarYearColorOverrides {}
 export interface CalendarYearRoundedOverrides {}
@@ -43,16 +43,6 @@ export interface CalendarYearEmits {
      */
     change: [year: number];
 }
-export interface CalendarYearTokens {
-    /**
-     * Color token map overrides.
-     */
-    color?: Record<string, Partial<CalendarColorItem>>;
-    /**
-     * Border radius token map overrides.
-     */
-    rounded?: Record<string, string>;
-}
 export interface CalendarYearOwnProps {
     /**
      * Classes for calendar regions.
@@ -132,12 +122,6 @@ export interface CalendarYearOwnProps {
      * @default undefined
      */
     timeZone?: string;
-    /**
-     * Token overrides.
-     *
-     * @default undefined
-     */
-    tokens?: CalendarYearTokens;
     /**
      * Selected year.
      *

package/dist/Components/CalendarYear/composables/useCalendarYear.d.ts

@@ -14,7 +14,7 @@ export type CalendarYearCell = {
 export declare function useCalendarYear(props: MaybeRefOrGetter<CalendarYearOwnProps>, libDefaults: CalendarYearLibDefaults, emit: (event: "change", year: number) => void): {
     years: import('vue').ComputedRef<CalendarYearCell[]>;
     merged: import('vue').ComputedRef<CalendarYearMerged>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<CalendarYearOwnProps, "error" | "color" | "value" | "classes" | "tokens" | "customProps" | "rounded" | "disabled" | "readOnly" | "disableYears" | "maxDate" | "minDate" | "timeZone" | "pageSize" | "startYear">>>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<CalendarYearOwnProps, "error" | "color" | "value" | "classes" | "customProps" | "rounded" | "disabled" | "readOnly" | "disableYears" | "maxDate" | "minDate" | "timeZone" | "pageSize" | "startYear">>>>;
     gridBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
         role: string;
     }>>;

package/dist/Components/CalendarYear/composables/useCalendarYear.js

@@ -10,7 +10,6 @@ var y = 15, b = [
 	"color",
 	"error",
 	"value",
-	"tokens",
 	"classes",
 	"maxDate",
 	"minDate",
@@ -30,31 +29,32 @@ function x(x, S, C) {
 			...w,
 			...o(x)
 		}
-	})), { merged: O } = r({
+	})), { merged: O, entry: k } = r({
 		libDefaults: S,
+		componentName: "Calendar",
 		props: () => D.value.componentProps
-	}), k = a(() => O.value.customProps), A = a(() => u(D.value.inheritedAttrs, ["onChange"])), j = i({
+	}), A = a(() => O.value.customProps), j = a(() => u(D.value.inheritedAttrs, ["onChange"])), M = i({
 		props: () => D.value.componentProps,
 		entry: a(() => {})
-	}), M = a(() => E(O.value.timeZone)), N = a(() => O.value.pageSize ?? y), P = a(() => {
+	}), N = a(() => E(O.value.timeZone)), P = a(() => O.value.pageSize ?? y), F = a(() => {
 		if (!l(O.value.startYear)) return O.value.startYear;
-		let e = O.value.value ?? T.value.getYear(T.value.now(M.value), M.value), t = Math.floor(N.value / 2);
+		let e = O.value.value ?? T.value.getYear(T.value.now(N.value), N.value), t = Math.floor(P.value / 2);
 		return Math.max(1, e - t);
-	}), F = a(() => {
-		let e = _(m, O.value.tokens?.rounded);
-		return c(e, O.value.rounded);
 	}), I = a(() => {
-		let e = _(p, O.value.tokens?.color);
+		let e = _(m, k.value?.tokens?.rounded);
+		return c(e, O.value.rounded);
+	}), L = a(() => {
+		let e = _(p, k.value?.tokens?.color);
 		return g({
 			tokens: e,
 			color: O.value.color,
 			invalid: O.value.error
 		});
-	}), L = a(() => Array.from({ length: N.value }, (e, t) => {
-		let n = P.value + t, r = !!O.value.disabled || d({
+	}), R = a(() => Array.from({ length: P.value }, (e, t) => {
+		let n = F.value + t, r = !!O.value.disabled || d({
 			year: n,
 			adapter: T.value,
-			context: M.value,
+			context: N.value,
 			maxDate: O.value.maxDate,
 			minDate: O.value.minDate,
 			disableYears: O.value.disableYears
@@ -70,45 +70,45 @@ function x(x, S, C) {
 			label: String(n),
 			disabled: r || !!O.value.readOnly
 		};
-	})), R = (e) => {
+	})), z = (e) => {
 		O.value.disabled || O.value.readOnly || d({
 			year: e,
 			adapter: T.value,
-			context: M.value,
+			context: N.value,
 			maxDate: O.value.maxDate,
 			minDate: O.value.minDate,
 			disableYears: O.value.disableYears
 		}) || C("change", e);
 	};
 	return {
-		years: L,
+		years: R,
 		merged: O,
-		rootBind: a(() => n(k.value?.root, A.value, h({
+		rootBind: a(() => n(A.value?.root, j.value, h({
 			"flex flex-col": !0,
-			[j.value.root ?? ""]: !0
+			[M.value.root ?? ""]: !0
 		}))),
-		gridBind: a(() => n(k.value?.grid, { role: "grid" }, h({
+		gridBind: a(() => n(A.value?.grid, { role: "grid" }, h({
 			"grid grid-cols-3 gap-2": !0,
-			[j.value.grid ?? ""]: !0
+			[M.value.grid ?? ""]: !0
 		}))),
-		pageSize: N,
-		startYear: P,
-		selectYear: R,
+		pageSize: P,
+		startYear: F,
+		selectYear: z,
 		getYearBind: (e) => {
-			let t = I.value;
-			return n(k.value?.year, {
+			let t = L.value;
+			return n(A.value?.year, {
 				type: "button",
 				disabled: e.disabled,
 				"aria-pressed": e.selected,
-				onClick: () => R(e.year)
+				onClick: () => z(e.year)
 			}, h({
 				"cursor-pointer p-2.5 text-xs uppercase transition-all duration-150 ease-in-out outline-none focus:ring-2 focus:ring-offset-2 disabled:cursor-not-allowed": !0,
-				[F.value ?? ""]: !0,
+				[I.value ?? ""]: !0,
 				[t?.soft ?? ""]: e.state === "base",
 				[t?.hover ?? ""]: e.state === "base",
 				[t?.selected ?? ""]: e.state === "selected",
 				[t?.disabled ?? ""]: e.state === "disabled",
-				[j.value.year ?? ""]: !0
+				[M.value.year ?? ""]: !0
 			}));
 		}
 	};

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

@@ -1,3 +1,3 @@
-export type { CalendarYearClasses, CalendarYearColorOverrides, CalendarYearCustomProps, CalendarYearEmits, CalendarYearOwnProps, CalendarYearProps, CalendarYearRoundedOverrides, CalendarYearTokens, } from './calendarYear.types';
+export type { CalendarYearClasses, CalendarYearColorOverrides, CalendarYearCustomProps, CalendarYearEmits, CalendarYearOwnProps, CalendarYearProps, CalendarYearRoundedOverrides, } from './calendarYear.types';
 export { default as CalendarYear } from './CalendarYear.vue';
 export { useCalendarYear, type CalendarYearCell, } from './composables/useCalendarYear';

package/dist/Components/ColorField/ColorField.js

@@ -0,0 +1,5 @@
+import e from "./ColorField.vue_vue_type_script_setup_true_lang.js";
+//#region src/Components/ColorField/ColorField.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/Components/ColorField/ColorField.vue.d.ts

@@ -0,0 +1,38 @@
+import { ColorFieldOwnProps, ColorFieldSlots } from './colorField.types';
+type __VLS_Slots = ColorFieldSlots;
+type __VLS_Props = ColorFieldOwnProps;
+type __VLS_ModelProps = {
+    modelValue?: null | string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    clear: () => any;
+    apply: () => any;
+    cancel: () => any;
+    change: (value: string | null) => any;
+    close: () => any;
+    open: () => any;
+    "update:modelValue": (value: string | null | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClear?: (() => any) | undefined;
+    onApply?: (() => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onChange?: ((value: string | null) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
+}>, {
+    fill: boolean;
+    showFooter: boolean;
+    showErrorIcon: boolean;
+    clearable: boolean;
+    showSwatch: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};