bitboss-ui 3.0.0-beta.48 → 3.0.0-beta.49

package/dist/components/BbCalendar/CalendarMonthPanel.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
 import { useConfig as e } from "../../composables/useConfig.js";
-import t from "../BbBaseButton/BbBaseButton.vue.js";
-import { useLocale as n } from "../../composables/useLocale.js";
+import { useLocale as t } from "../../composables/useLocale.js";
+import n from "../BbBaseButton/BbBaseButton.vue.js";
 import { useTypeahead as r } from "../../composables/useTypeahead.js";
 import { chunk as i } from "../../utilities/functions/chunk.js";
 import { useCalendarContext as a } from "./useCalendarContext.js";
@@ -9,7 +9,7 @@ import { Fragment as o, computed as s, createBlock as c, createElementBlock as l
 var D = ["aria-label", "role"], O = ["role"], k = ["role"], A = 3, j = /*@__PURE__*/ f({
 	__name: "CalendarMonthPanel",
 	setup(f, { expose: j }) {
-		let M = e(), N = a(), { t: P } = n(), { cursor: F, disabled: I, monthOptions: L, typeaheadResetKey: R } = N, z = s(() => F.value.month()), B = s(() => N.terminalUnit.value === "month"), V = (e) => F.value.set("month", e), H = y(null), U = s(() => L.value.map((e) => {
+		let M = e(), N = a(), { t: P } = t(), { cursor: F, disabled: I, monthOptions: L, typeaheadResetKey: R } = N, z = s(() => F.value.month()), B = s(() => N.terminalUnit.value === "month"), V = (e) => F.value.set("month", e), H = y(null), U = s(() => L.value.map((e) => {
 			if (!B.value) return {
 				...e,
 				selected: e.value === (H.value ?? z.value),
@@ -51,24 +51,24 @@ var D = ["aria-label", "role"], O = ["role"], k = ["role"], A = 3, j = /*@__PURE
 			await m(), B.value || K(z.value);
 		}), g(() => {
 			X();
-		}), j({ processKey: Y }), (e, n) => (v(), l("div", {
+		}), j({ processKey: Y }), (e, t) => (v(), l("div", {
 			ref_key: "container",
 			ref: G,
 			"aria-label": S(P)("datePicker.monthSelectorLabel").value,
 			class: h(["bb-calendar__button-menu bb-calendar__month-selector", { "bb-calendar__button-menu--terminal": B.value }]),
 			role: B.value ? "grid" : "group",
-			onKeydownCapture: n[0] ||= (...e) => S(Y) && S(Y)(...e),
+			onKeydownCapture: t[0] ||= (...e) => S(Y) && S(Y)(...e),
 			onKeydown: [
-				n[1] ||= T(E((e) => B.value && q(3), ["prevent"]), ["down"]),
-				n[2] ||= T(E((e) => B.value && K(11), ["prevent"]), ["end"]),
-				n[3] ||= T(E((e) => B.value && K(0), ["prevent"]), ["home"]),
-				n[4] ||= T(E((e) => B.value && q(-1), ["prevent"]), ["left"]),
-				n[5] ||= T(E((e) => B.value && J(1), ["prevent"]), ["page-down"]),
-				n[6] ||= T(E((e) => B.value && J(-1), ["prevent"]), ["page-up"]),
-				n[7] ||= T(E((e) => B.value && q(1), ["prevent"]), ["right"]),
-				n[8] ||= T(E((e) => B.value && q(-3), ["prevent"]), ["up"])
+				t[1] ||= T(E((e) => B.value && q(3), ["prevent"]), ["down"]),
+				t[2] ||= T(E((e) => B.value && K(11), ["prevent"]), ["end"]),
+				t[3] ||= T(E((e) => B.value && K(0), ["prevent"]), ["home"]),
+				t[4] ||= T(E((e) => B.value && q(-1), ["prevent"]), ["left"]),
+				t[5] ||= T(E((e) => B.value && J(1), ["prevent"]), ["page-down"]),
+				t[6] ||= T(E((e) => B.value && J(-1), ["prevent"]), ["page-up"]),
+				t[7] ||= T(E((e) => B.value && q(1), ["prevent"]), ["right"]),
+				t[8] ||= T(E((e) => B.value && q(-3), ["prevent"]), ["up"])
 			],
-			onMouseleave: n[9] ||= (e) => B.value && S(N).setHoveredUnit(null)
+			onMouseleave: t[9] ||= (e) => B.value && S(N).setHoveredUnit(null)
 		}, [u("div", {
 			class: "bb-calendar__menu-grid",
 			role: B.value ? "none" : void 0
@@ -76,7 +76,7 @@ var D = ["aria-label", "role"], O = ["role"], k = ["role"], A = 3, j = /*@__PURE
 			key: e[0].key,
 			class: "bb-calendar__menu-row",
 			role: B.value ? "row" : void 0
-		}, [(v(!0), l(o, null, b(e, (e) => (v(), c(t, p({
+		}, [(v(!0), l(o, null, b(e, (e) => (v(), c(n, p({
 			key: e.key,
 			"aria-current": e.cursored ? "date" : void 0,
 			"aria-label": e.ariaLabel,

package/dist/components/BbCalendar/CalendarYearPanel.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
-import e from "../BbBaseButton/BbBaseButton.vue.js";
-import { useLocale as t } from "../../composables/useLocale.js";
+import { useLocale as e } from "../../composables/useLocale.js";
+import t from "../BbBaseButton/BbBaseButton.vue.js";
 import { useTypeahead as n } from "../../composables/useTypeahead.js";
 import { chunk as r } from "../../utilities/functions/chunk.js";
 import { useCalendarContext as i } from "./useCalendarContext.js";
@@ -9,7 +9,7 @@ import { Fragment as o, computed as s, createBlock as c, createElementBlock as l
 var T = ["aria-label", "role"], E = ["role"], D = ["role"], O = 10, k = 3, A = 2, j = /*@__PURE__*/ f({
 	__name: "CalendarYearPanel",
 	setup(f, { expose: j }) {
-		let M = i(), { t: N } = t(), { boundYears: P, cursor: F, disabled: I, yearToken: L, typeaheadResetKey: R } = M, z = s(() => F.value.year()), B = s(() => M.terminalUnit.value === "year"), V = (e) => F.value.set("year", e), H = y(null), U = y(z.value - A * k), W = y(z.value + O * k), G = s(() => a(U.value, W.value + 1).map((e) => {
+		let M = i(), { t: N } = e(), { boundYears: P, cursor: F, disabled: I, yearToken: L, typeaheadResetKey: R } = M, z = s(() => F.value.year()), B = s(() => M.terminalUnit.value === "year"), V = (e) => F.value.set("year", e), H = y(null), U = y(z.value - A * k), W = y(z.value + O * k), G = s(() => a(U.value, W.value + 1).map((e) => {
 			let t = {
 				key: e,
 				text: e,
@@ -66,7 +66,7 @@ var T = ["aria-label", "role"], E = ["role"], D = ["role"], O = 10, k = 3, A = 2
 			q.value && (await Q(), B.value || J(z.value));
 		}), g(() => {
 			X();
-		}), j({ processKey: Y }), (t, n) => (v(), l("div", {
+		}), j({ processKey: Y }), (e, n) => (v(), l("div", {
 			ref_key: "container",
 			ref: q,
 			"aria-label": S(N)("datePicker.yearSelectorLabel").value,
@@ -79,38 +79,38 @@ var T = ["aria-label", "role"], E = ["role"], D = ["role"], O = 10, k = 3, A = 2
 			"data-bb-no-drag": "",
 			role: B.value ? "none" : void 0,
 			onScrollPassive: $
-		}, [(v(!0), l(o, null, b(K.value, (t) => (v(), l("div", {
-			key: t[0].key,
+		}, [(v(!0), l(o, null, b(K.value, (e) => (v(), l("div", {
+			key: e[0].key,
 			class: "bb-calendar__menu-row",
 			role: B.value ? "row" : void 0
-		}, [(v(!0), l(o, null, b(t, (t) => (v(), c(e, p({
-			key: t.key,
-			"aria-current": t.cursored ? "date" : void 0,
-			"aria-pressed": B.value ? void 0 : t.selected,
-			"aria-selected": B.value ? t.selected : void 0,
+		}, [(v(!0), l(o, null, b(e, (e) => (v(), c(t, p({
+			key: e.key,
+			"aria-current": e.cursored ? "date" : void 0,
+			"aria-pressed": B.value ? void 0 : e.selected,
+			"aria-selected": B.value ? e.selected : void 0,
 			class: ["bb-calendar__year-item bb-calendar__menu-btn", {
-				"bb-calendar__menu-btn--selected": t.selected,
-				"bb-calendar__menu-btn--first": t.first,
-				"bb-calendar__menu-btn--highlighted": t.cursored,
-				"bb-calendar__menu-btn--last": t.last,
-				"bb-calendar__menu-btn--middle": t.middle,
-				"bb-calendar__menu-btn--preview": t.preview
+				"bb-calendar__menu-btn--selected": e.selected,
+				"bb-calendar__menu-btn--first": e.first,
+				"bb-calendar__menu-btn--highlighted": e.cursored,
+				"bb-calendar__menu-btn--last": e.last,
+				"bb-calendar__menu-btn--middle": e.middle,
+				"bb-calendar__menu-btn--preview": e.preview
 			}],
-			"data-year": t.value,
-			disabled: S(I) || t.disabled,
+			"data-year": e.value,
+			disabled: S(I) || e.disabled,
 			role: B.value ? "gridcell" : void 0,
-			onClick: (e) => S(M).selectYear(t.value),
-			onMouseenter: (e) => B.value && S(M).setHoveredUnit(V(t.value)),
+			onClick: (t) => S(M).selectYear(e.value),
+			onMouseenter: (t) => B.value && S(M).setHoveredUnit(V(e.value)),
 			ref_for: !0
 		}, S(M).passthrough?.part?.("yearItem", {
-			inRange: t.middle,
-			selected: t.selected,
-			rangeStart: t.first,
-			rangeEnd: t.last,
-			disabled: t.disabled || void 0,
-			highlighted: t.cursored
+			inRange: e.middle,
+			selected: e.selected,
+			rangeStart: e.first,
+			rangeEnd: e.last,
+			disabled: e.disabled || void 0,
+			highlighted: e.cursored
 		})), {
-			default: w(() => [d(x(t.text), 1)]),
+			default: w(() => [d(x(e.text), 1)]),
 			_: 2
 		}, 1040, [
 			"aria-current",

package/dist/components/BbCalendar/useCalendarGrid.js

@@ -6,101 +6,103 @@ import { normalizeSearchToken as i, useTypeahead as a } from "../../composables/
 import { isCoarseType as o, unitOfType as s } from "../../types/DatePickerType.js";
 import { toInnerValue as c, toOuterValue as l } from "../../utilities/functions/convertDateValue.js";
 import { provideCalendarContext as u } from "./useCalendarContext.js";
-import { dayjsLocaleOf as d } from "./useDayjsLocale.js";
+import { dayjsLocaleOf as d, formatDateOf as f } from "./useDayjsLocale.js";
 import { useToday as ee } from "./useToday.js";
 import { identity as te } from "../../utilities/functions/identity.js";
 import { isDateDisabled as ne } from "../../utilities/functions/isDateDisabled.js";
 import { isNotNil as re } from "../../utilities/functions/isNotNil.js";
 import { last as ie } from "../../utilities/functions/last.js";
-import { normalizeDateBound as f } from "../../utilities/functions/normalizeDateBound.js";
-import { sort as p } from "../../utilities/functions/sort.js";
-import { validateDateFormat as m } from "../../utilities/functions/validateDateFormat.js";
-import { computed as h, nextTick as g, ref as _, watch as v } from "vue";
+import { normalizeDateBound as p } from "../../utilities/functions/normalizeDateBound.js";
+import { sort as m } from "../../utilities/functions/sort.js";
+import { validateDateFormat as h } from "../../utilities/functions/validateDateFormat.js";
+import { computed as g, nextTick as ae, ref as _, watch as v } from "vue";
 import y from "dayjs";
-import ae from "dayjs/plugin/isSameOrAfter";
-import oe from "dayjs/plugin/isSameOrBefore";
-import se from "dayjs/plugin/weekOfYear";
+import oe from "dayjs/plugin/isSameOrAfter";
+import se from "dayjs/plugin/isSameOrBefore";
+import ce from "dayjs/plugin/weekOfYear";
 //#region src/components/BbCalendar/useCalendarGrid.ts
-var b = ({ props: b, firstDayOfWeek: x, floating: S, min: ce, max: C, modelValue: w, pick: le, passthrough: ue }) => {
-	y.extend(se), y.extend(ae), y.extend(oe);
-	let T = t(), { t: E } = r(), D = e();
-	b.multiple && b.range && D.throw("Date picker cannot be both multiple and range.");
-	let O = h(() => o(b.type)), k = h(() => s(b.type)), A = h(() => f(ce(), b.type, "min", (e) => D.warn(`Date picker: ${e}`))), j = h(() => f(C(), b.type, "max", (e) => D.warn(`Date picker: ${e}`)));
-	if (!O.value) {
-		let e = ce();
-		e && m(e, "Min");
-		let t = C();
-		t && m(t, "Max");
+var b = ({ props: b, firstDayOfWeek: x, floating: S, min: C, max: w, modelValue: T, pick: le, passthrough: ue }) => {
+	y.extend(ce), y.extend(oe), y.extend(se);
+	let E = t(), { t: D } = r(), O = e();
+	b.multiple && b.range && O.throw("Date picker cannot be both multiple and range.");
+	let k = g(() => o(b.type)), A = g(() => s(b.type)), j = g(() => p(C(), b.type, "min", (e) => O.warn(`Date picker: ${e}`))), M = g(() => p(w(), b.type, "max", (e) => O.warn(`Date picker: ${e}`)));
+	if (!k.value) {
+		let e = C();
+		e && h(e, "Min");
+		let t = w();
+		t && h(t, "Max");
 	}
-	let M = h(() => ({
+	let de = g(() => ({
 		floating: S(),
 		utc: b.utc,
 		type: b.type
-	})), N = (e) => c(e, M.value), { today: de, isHydrated: fe } = ee(), P = _(de.value), F = (e) => {
+	})), N = (e) => c(e, de.value), { today: P, isHydrated: fe } = ee(), F = _(P.value), I = (e) => {
 		if (!e) return null;
 		let t = N(e);
 		return t.isValid() ? t : null;
-	}, I = () => {
-		let e = de.value, t = F(A.value), n = F(j.value);
-		return t && e.isBefore(t, k.value) ? t.startOf(k.value) : n && e.isAfter(n, k.value) ? n.startOf(k.value) : e;
-	}, L = (e) => {
+	}, L = () => {
+		let e = P.value, t = I(j.value), n = I(M.value);
+		return t && e.isBefore(t, A.value) ? t.startOf(A.value) : n && e.isAfter(n, A.value) ? n.startOf(A.value) : e;
+	}, R = (e) => {
 		if (!e) {
-			P.value = I();
+			F.value = L();
 			return;
 		}
 		if (Array.isArray(e)) {
 			if (e.length === 0) {
-				P.value = I();
+				F.value = L();
 				return;
 			}
-			let t = e.map((e) => N(e).startOf(k.value).valueOf()), n = P.value.valueOf();
+			let t = e.map((e) => N(e).startOf(A.value).valueOf()), n = F.value.valueOf();
 			if (t.includes(n)) return;
-			P.value = N(ie(e) ?? "").startOf(k.value);
+			F.value = N(ie(e) ?? "").startOf(A.value);
 			return;
 		}
-		P.value = N(e).startOf(k.value);
+		F.value = N(e).startOf(A.value);
 	};
-	L(w());
-	let pe = P.value, me = (e) => !e || Array.isArray(e) && e.length === 0;
+	R(T());
+	let pe = F.value, me = (e) => !e || Array.isArray(e) && e.length === 0;
 	v(fe, (e) => {
-		!e || !me(w()) || P.value.isSame(pe) && (P.value = I());
+		!e || !me(T()) || F.value.isSame(pe) && (F.value = L());
 	});
-	let R = h(() => O.value ? k.value : "day"), z = _(R.value);
-	v(R, (e) => {
-		z.value = e;
-	});
-	let B = _(null), V = _(null), he = (e) => {
+	let z = g(() => k.value ? A.value : "day"), B = _(z.value);
+	v(z, (e) => {
 		B.value = e;
-	}, ge = (e) => {
+	});
+	let V = _(null), H = _(null), he = (e) => {
 		V.value = e;
-	}, H = _(0), U = () => {
-		H.value += 1;
+	}, ge = (e) => {
+		H.value = e;
+	}, U = _(0), W = () => {
+		U.value += 1;
 	}, _e = (e) => {
-		e === R.value || b.type === "year" || (z.value = z.value === e ? R.value : e, U());
-	}, W = h(() => P.value.locale(d(T.locale)).format("MMMM")), G = h(() => P.value.format("YYYY")), ve = h(() => `${W.value}, ${E("datePicker.monthLabel").value}`), ye = h(() => `${G.value}, ${E("datePicker.yearLabel").value}`), be = h(() => {
-		let e = P.value.startOf("month"), t = P.value.endOf("month"), n = (e.day() - x() + 7) % 7, r = ((x() + 6) % 7 - t.day() + 7) % 7 + 1;
-		return (P.value.daysInMonth() - 1 + n + r) / 7;
-	}), xe = h(() => z.value === "month" ? E("datePicker.selectingMonth").value : z.value === "year" ? E("datePicker.selectingYear").value : ""), Se = h(() => {
-		if (b.type === "year") return G.value;
-		if (b.type === "month") return `${W.value} ${G.value}`;
-		let e = P.value.locale(d(T.locale));
-		return `${e.format("ddd")}, ${e.format("D")} ${W.value}`;
-	}), K = (e) => {
-		P.value = P.value.set("month", e);
-	}, q = h(() => b.type === "month" ? "year" : "month"), Ce = () => {
-		Z.value = null, P.value = P.value.subtract(1, q.value);
-	}, we = () => {
-		Z.value = null, P.value = P.value.add(1, q.value);
-	}, Te = (e) => {
-		let t = F(A.value);
-		return !t || t.isBefore(P.value.startOf(e));
+		e === z.value || b.type === "year" || (B.value = B.value === e ? z.value : e, W());
+	}, ve = g(() => F.value.locale(d(E.locale)).format("MMMM")), G = g(() => F.value.format("YYYY")), ye = g(() => `${ve.value}, ${D("datePicker.monthLabel").value}`), be = g(() => `${G.value}, ${D("datePicker.yearLabel").value}`), xe = g(() => {
+		let e = F.value.startOf("month"), t = F.value.endOf("month"), n = (e.day() - x() + 7) % 7, r = ((x() + 6) % 7 - t.day() + 7) % 7 + 1;
+		return (F.value.daysInMonth() - 1 + n + r) / 7;
+	}), Se = g(() => B.value === "month" ? D("datePicker.selectingMonth").value : B.value === "year" ? D("datePicker.selectingYear").value : ""), Ce = g(() => b.type === "year" ? G.value : b.type === "month" ? f(F.value, E.locale, {
+		year: "numeric",
+		month: "long"
+	}) : f(F.value, E.locale, {
+		weekday: "short",
+		day: "numeric",
+		month: "long"
+	})), K = (e) => {
+		F.value = F.value.set("month", e);
+	}, q = g(() => b.type === "month" ? "year" : "month"), we = () => {
+		Z.value = null, F.value = F.value.subtract(1, q.value);
+	}, Te = () => {
+		Z.value = null, F.value = F.value.add(1, q.value);
 	}, Ee = (e) => {
-		let t = F(j.value);
-		return !t || t.isAfter(P.value.endOf(e));
-	}, De = h(() => Te(q.value)), Oe = h(() => Ee(q.value)), ke = h(() => Te("year") || Ee("year")), Ae = h(() => O.value ? E("datePicker.previousYearLabel").value : E("datePicker.previousMonthLabel").value), je = h(() => O.value ? E("datePicker.nextYearLabel").value : E("datePicker.nextMonthLabel").value), J = (e) => {
-		P.value = P.value.set("year", e);
-	}, Y = h(() => {
-		let e = P.value.startOf("year"), t = T.locale;
+		let t = I(j.value);
+		return !t || t.isBefore(F.value.startOf(e));
+	}, De = (e) => {
+		let t = I(M.value);
+		return !t || t.isAfter(F.value.endOf(e));
+	}, Oe = g(() => Ee(q.value)), ke = g(() => De(q.value)), Ae = g(() => Ee("year") || De("year")), je = g(() => k.value ? D("datePicker.previousYearLabel").value : D("datePicker.previousMonthLabel").value), Me = g(() => k.value ? D("datePicker.nextYearLabel").value : D("datePicker.nextMonthLabel").value), J = (e) => {
+		F.value = F.value.set("year", e);
+	}, Y = g(() => {
+		let e = F.value.startOf("year"), t = E.locale;
 		return Array.from({ length: 12 }, (n, r) => {
 			let a = e.add(r, "month"), o = a.locale(d(t)), s = o.format("MMMM"), c = o.format("MMM");
 			return {
@@ -116,8 +118,8 @@ var b = ({ props: b, firstDayOfWeek: x, floating: S, min: ce, max: C, modelValue
 				value: r
 			};
 		});
-	}), Me = (e) => i(String(e), "en"), Ne = h(() => {
-		let e = [].concat(w()).filter(te).map((e) => N(e).startOf(k.value).valueOf()), t = e.length ? Math.min(...e) : Infinity, n = e.length ? Math.max(...e) : -Infinity, r = {};
+	}), Ne = (e) => i(String(e), "en"), Pe = g(() => {
+		let e = [].concat(T()).filter(te).map((e) => N(e).startOf(A.value).valueOf()), t = e.length ? Math.min(...e) : Infinity, n = e.length ? Math.max(...e) : -Infinity, r = {};
 		return e.forEach((e, t) => {
 			r[e] = t;
 		}), {
@@ -128,151 +130,151 @@ var b = ({ props: b, firstDayOfWeek: x, floating: S, min: ce, max: C, modelValue
 			isLast: (e) => e.valueOf() === n,
 			isBetween: (e) => e.valueOf() > t && e.valueOf() < n
 		};
-	}), X = h(() => {
-		let e = w();
+	}), X = g(() => {
+		let e = T();
 		return !!b.range && Array.isArray(e) && e.length === 1;
-	}), Z = _(null), Pe = (e) => {
+	}), Z = _(null), Fe = (e) => {
 		Z.value = X.value && e ? e.valueOf() : null;
-	}, Fe = (e) => ne(e, {
-		min: A.value,
-		max: j.value,
+	}, Ie = (e) => ne(e, {
+		min: j.value,
+		max: M.value,
 		selectable: b.selectable,
 		floating: S(),
 		utc: b.utc,
 		type: b.type
-	}), Ie = (e) => {
-		let t = e.startOf(k.value), n = Ne.value, r = t.valueOf(), i = n.selected(t), a = !!b.range && n.isFirst(t), o = !!b.range && n.isLast(t), s = X.value ? n.min : null, c = X.value ? Z.value : null, l = s !== null && c !== null ? Math.min(s, c) : null, u = s !== null && c !== null ? Math.max(s, c) : null;
+	}), Le = (e) => {
+		let t = e.startOf(A.value), n = Pe.value, r = t.valueOf(), i = n.selected(t), a = !!b.range && n.isFirst(t), o = !!b.range && n.isLast(t), s = X.value ? n.min : null, c = X.value ? Z.value : null, l = s !== null && c !== null ? Math.min(s, c) : null, u = s !== null && c !== null ? Math.max(s, c) : null;
 		return {
 			selected: i,
 			first: a,
 			last: o,
 			middle: !!b.range && !a && !o && n.isBetween(t),
 			preview: l !== null && u !== null && l !== u && r >= l && r <= u,
-			disabled: b.disabled === !0 || Fe(t)
+			disabled: b.disabled === !0 || Ie(t)
 		};
-	}, Le = (e) => {
+	}, Re = (e) => {
 		if (b.readonly) return;
-		let t = e.startOf(k.value);
-		if (Fe(t)) return;
-		let n = l(t, M.value), r = Ie(t), i = w();
+		let t = e.startOf(A.value);
+		if (Ie(t)) return;
+		let n = l(t, de.value), r = Le(t), i = T();
 		if (b.range) {
 			if (!Array.isArray(i)) return;
-			i.length === 1 ? $(p([i[0], n])) : $([n]), Z.value = null;
+			i.length === 1 ? $(m([i[0], n])) : $([n]), Z.value = null;
 			return;
 		}
 		if (b.multiple) {
 			if (!Array.isArray(i)) return;
-			$(r.selected ? i.filter((e) => e !== n) : p([...i, n]));
+			$(r.selected ? i.filter((e) => e !== n) : m([...i, n]));
 			return;
 		}
 		$(r.selected ? null : n);
 	};
 	u({
 		passthrough: ue,
-		cursor: P,
-		disabled: h(() => b.disabled === !0),
+		cursor: F,
+		disabled: g(() => b.disabled === !0),
 		monthOptions: Y,
-		yearToken: Me,
-		typeaheadResetKey: H,
+		yearToken: Ne,
+		typeaheadResetKey: U,
 		selectMonth: (e) => {
-			if (O.value) {
-				Le(P.value.set("month", e)), K(e);
+			if (k.value) {
+				Re(F.value.set("month", e)), K(e);
 				return;
 			}
-			K(e), U(), z.value = R.value, g(() => {
-				B.value?.$el instanceof HTMLElement && B.value.$el.focus();
+			K(e), W(), B.value = z.value, ae(() => {
+				V.value?.$el instanceof HTMLElement && V.value.$el.focus();
 			});
 		},
 		selectYear: (e) => {
 			if (b.type === "year") {
-				Le(P.value.set("year", e)), J(e);
+				Re(F.value.set("year", e)), J(e);
 				return;
 			}
-			J(e), U(), z.value = R.value, g(() => {
-				V.value?.$el instanceof HTMLElement && V.value.$el.focus();
+			J(e), W(), B.value = z.value, ae(() => {
+				H.value?.$el instanceof HTMLElement && H.value.$el.focus();
 			});
 		},
-		terminalUnit: h(() => b.type === "month" || b.type === "year" ? b.type : null),
-		boundYears: h(() => {
+		terminalUnit: g(() => b.type === "month" || b.type === "year" ? b.type : null),
+		boundYears: g(() => {
 			let e = (e) => {
 				if (!e) return null;
 				let t = N(e);
 				return t.isValid() ? t.year() : null;
 			};
 			return {
-				min: e(A.value),
-				max: e(j.value)
+				min: e(j.value),
+				max: e(M.value)
 			};
 		}),
-		unitState: Ie,
-		setHoveredUnit: Pe
+		unitState: Le,
+		setHoveredUnit: Fe
 	});
-	let { onKeydown: Re, reset: ze } = a({
+	let { onKeydown: ze, reset: Be } = a({
 		candidates: () => Y.value,
 		getTokens: (e) => e.tokens,
-		getCurrent: () => Y.value.find((e) => e.value === P.value.month()),
+		getCurrent: () => Y.value.find((e) => e.value === F.value.month()),
 		onMatch: () => {},
 		onCommit: (e) => K(e.value),
 		autoCommit: !0,
-		locale: () => T.locale
-	}), Be = (e) => {
-		e.key === "Enter" || z.value !== R.value || Re(e);
-	}, Ve = h(() => {
-		let e = P.value.year(), t = [];
+		locale: () => E.locale
+	}), Ve = (e) => {
+		e.key === "Enter" || B.value !== z.value || ze(e);
+	}, He = g(() => {
+		let e = F.value.year(), t = [];
 		for (let n = e - 100; n <= e + 100; n++) t.push({
 			value: n,
-			token: Me(n)
+			token: Ne(n)
 		});
 		return t;
-	}), { onKeydown: He, reset: Ue } = a({
-		candidates: () => Ve.value,
+	}), { onKeydown: Ue, reset: We } = a({
+		candidates: () => He.value,
 		getTokens: (e) => [e.token],
-		getCurrent: () => Ve.value.find((e) => e.value === P.value.year()),
+		getCurrent: () => He.value.find((e) => e.value === F.value.year()),
 		onMatch: () => {},
 		onCommit: (e) => J(e.value),
 		autoCommit: !0,
 		locale: () => "en"
-	}), We = (e) => {
-		e.key === "Enter" || z.value !== R.value || He(e);
+	}), Ge = (e) => {
+		e.key === "Enter" || B.value !== z.value || Ue(e);
 	};
-	v(H, () => {
-		ze(), Ue();
+	v(U, () => {
+		Be(), We();
 	});
-	let Ge = (e) => {
-		P.value = e;
-	}, Q = _(w()), $ = (e) => {
+	let Ke = (e) => {
+		F.value = e;
+	}, Q = _(T()), $ = (e) => {
 		Q.value = e, le(e);
 	};
-	return v(() => w(), () => {
-		n(w()) !== n(Q.value) && (Q.value = w(), L(w()));
+	return v(() => T(), () => {
+		n(T()) !== n(Q.value) && (Q.value = T(), R(T()));
 	}), {
-		isCoarse: O,
-		homeMode: R,
-		mode: z,
-		cursor: P,
-		weeksInMonth: be,
-		formattedMonth: W,
+		isCoarse: k,
+		homeMode: z,
+		mode: B,
+		cursor: F,
+		weeksInMonth: xe,
+		formattedMonth: ve,
 		formattedYear: G,
-		monthHeadingLabel: ve,
-		yearHeadingLabel: ye,
-		cursorAnnouncement: Se,
-		modeAnnouncement: xe,
-		previousPageLabel: Ae,
-		nextPageLabel: je,
-		canPagePrevious: De,
-		canPageNext: Oe,
-		canOpenYearPanel: ke,
-		goToPreviousPage: Ce,
-		goToNextPage: we,
+		monthHeadingLabel: ye,
+		yearHeadingLabel: be,
+		cursorAnnouncement: Ce,
+		modeAnnouncement: Se,
+		previousPageLabel: je,
+		nextPageLabel: Me,
+		canPagePrevious: Oe,
+		canPageNext: ke,
+		canOpenYearPanel: Ae,
+		goToPreviousPage: we,
+		goToNextPage: Te,
 		toggleMode: _e,
-		onMonthHeadingKeydown: Be,
-		onYearHeadingKeydown: We,
+		onMonthHeadingKeydown: Ve,
+		onYearHeadingKeydown: Ge,
 		setMonthHeadingButton: he,
 		setYearHeadingButton: ge,
-		handleCursorUpdate: Ge,
+		handleCursorUpdate: Ke,
 		updateModelValue: $,
 		resetStatus: () => {
-			z.value = R.value;
+			B.value = z.value;
 		}
 	};
 }, x = Symbol("BbCalendarGrid");

package/dist/components/BbCalendar/useDayjsLocale.d.ts

@@ -10,32 +10,55 @@ import { Dayjs } from 'dayjs';
  */
 export declare const useDayjsLocale: () => void;
 /**
- * The dayjs name of a library locale key (`pt` → `pt-br`), for the explicit
- * `.locale()` calls: a Dayjs instance keeps the locale it was made in, so a
- * key dayjs doesn't know (`pt`) would leave it in the previous language.
+ * The dayjs name of a library locale key (`pt-BR` → `pt-br`), for the
+ * explicit `.locale()` calls: a Dayjs instance keeps the locale it was made
+ * in, so a key dayjs doesn't know (`pt-BR`) would leave it in the previous
+ * language.
  */
 export declare const dayjsLocaleOf: (key: string) => string;
 /**
  * The first day of the week of a library locale key (0 = Sunday … 6 =
  * Saturday), from the dayjs pack the plugin bundled — the `firstDayOfWeek`
  * default (Q60.13, owner 2026-10-06). A pack without `weekStart` means Sunday,
- * which is dayjs's own convention and CLDR's for the default regions: bare
- * `en` (dayjs core) is US English, `pt` is the pt-br pack (Brazil). A key with
- * no pack falls back to `en` like the names do. Not `Intl.Locale` week info:
- * Firefox has none.
+ * which is dayjs's own convention and CLDR's for the regions that use it: bare
+ * `en` (dayjs core) is US English, `pt-BR` and `zh-TW` are Sunday packs,
+ * `fr-CA` / `en-CA` too. Where a pack disagrees with CLDR the locale table
+ * says so (`weekStart`: pt-PT is Sunday, its pack Monday). A key with no pack
+ * falls back to `en` like the names do. Not `Intl.Locale` week info: Firefox
+ * has none.
  */
 export declare const weekStartOf: (key: string) => number;
 /**
- * The date half of a locale's `LLLL` (weekday + date + time): everything
- * before the first time token outside a `[literal]`, minus the trailing
- * separators and literals that only led into the time (`, [klo]`, `[às]`).
- * `it` 'dddd D MMMM YYYY HH:mm' → 'dddd D MMMM YYYY'; `ja`
- * 'YYYY年M月D日 dddd HH:mm' → 'YYYY年M月D日 dddd'.
+ * The BCP 47 tag of a library locale key, full code, from the locale table
+ * (`it` → `it-IT`, `pt` → `pt-BR`, `zh-cn` → `zh-CN`, `de-CH` → `de-CH`):
+ * dates, numbers and week data follow the region. THE seam: everything that
+ * formats through `Intl` reads the locale here. `en-US` for a key the bundle
+ * did not enable (no pack, like the names) or the table does not know.
  */
-export declare const longDatePattern: (llll: string | undefined) => string;
+export declare const intlLocaleOf: (key: string) => string;
+/**
+ * A date (and time) spelled the locale's way, for accessible names and
+ * announcements, through `Intl` — CLDR, not the dayjs pack's `LL` / `LLLL`.
+ * The packs get the grammar wrong where it matters to a listener: cs and el
+ * write the month in the nominative inside a date ("7. říjen 2026" for
+ * "7. října 2026"), ro capitalises it, and none of them has a month-year
+ * format (fi `LL` minus the day reads "lokakuuta 2026", a genitive). The
+ * visible names (headings, month panel, weekday headers) stay dayjs.
+ */
+export declare const formatDateOf: (date: Dayjs | Date, key: string, options: Intl.DateTimeFormatOptions) => string;
 /**
  * A day as the locale writes a full date, weekday included — "Thursday,
- * October 1, 2026", "giovedì 1 ottobre 2026", "2026年10月1日 木曜日" — for the
- * calendar's day names, from the locale pack's own `LLLL`.
+ * October 1, 2026", "giovedì 1 ottobre 2026", "2026年10月1日木曜日",
+ * "středa 7. října 2026" — for the calendar's day names.
+ */
+/**
+ * The time fields of a spoken value, 12- or 24-hour as the field shows it.
+ * Spoken apart from the date and joined with a space by the caller: a
+ * combined date-time pattern carries a glue word that differs between ICU
+ * versions (es "…de 2026, 3:05" in Node 24, "…de 2026 a las 3:05" in
+ * Chromium), which would make the server-rendered name mismatch the
+ * hydrated one; and `dateStyle` + `timeStyle` + `h12` turns the ja date
+ * numeric ("2026/10/7 午後3:05").
  */
+export declare const timeFieldsOf: (ampm: boolean, seconds: boolean) => Intl.DateTimeFormatOptions;
 export declare const longDateOf: (date: Dayjs, key: string) => string;