minerva-design 1.0.0 → 1.0.2

package/dist/vue/components/DatePicker/DatePicker.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,380 @@
+import { hooks as e } from "../../internal/hooks.js";
+import { FORM_CONTROL_KEY as t, useFormControlContext as n, useFormControlProps as r } from "../../internal/form-control.js";
+import { IconCalendar as ee, IconChevronLeft as te, IconChevronRight as ne, IconX as re } from "../../internal/icons.js";
+import { useControllable as ie } from "../../internal/controllable.js";
+import { useLayerParent as ae } from "../../internal/scope.js";
+import { useI18n as oe } from "../../config/useI18n.js";
+import se from "../Input/Input.vue.js";
+import "../Input/index.js";
+import { logicalArrowKey as ce } from "../../internal/direction.js";
+import le from "../../internal/FloatingPanel.vue.js";
+import { adjacentTabbable as ue, tabLeavesPanel as de } from "../TimePicker/tabbing.js";
+import { Fragment as i, computed as a, createCommentVNode as fe, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeProps as u, nextTick as pe, normalizeClass as d, onMounted as me, openBlock as f, provide as he, ref as p, renderList as m, shallowRef as ge, toDisplayString as h, unref as g, useId as _e, withCtx as _ } from "vue";
+import { addDays as v, dayKey as y, localDate as ve, monthStart as b, parseDayKey as x, sameMonth as S } from "../../../core/index.js";
+import C from "../../../react/components/IconButton/iconButton.module.scss.js";
+import w from "../../../react/components/DatePicker/datePicker.module.scss.js";
+//#region src/components/DatePicker/DatePicker.vue?vue&type=script&setup=true&lang.ts
+var ye = ["aria-label"], be = ["id"], xe = ["aria-label"], Se = ["aria-label"], Ce = ["aria-labelledby"], we = [
+	"data-date",
+	"data-outside",
+	"aria-label",
+	"aria-selected",
+	"aria-current",
+	"aria-disabled",
+	"tabindex",
+	"onFocus",
+	"onClick",
+	"onKeydown"
+], Te = ["disabled"], T = /*@__PURE__*/ l({
+	name: "DatePicker",
+	inheritAttrs: !1,
+	__name: "DatePicker",
+	props: {
+		modelValue: { default: void 0 },
+		defaultValue: { default: void 0 },
+		placeholder: { default: void 0 },
+		label: { default: void 0 },
+		ariaLabel: { default: void 0 },
+		ariaLabelledby: { default: void 0 },
+		ariaDescribedby: { default: void 0 },
+		id: { default: void 0 },
+		required: {
+			type: Boolean,
+			default: void 0
+		},
+		readOnly: {
+			type: Boolean,
+			default: void 0
+		},
+		invalid: {
+			type: Boolean,
+			default: void 0
+		},
+		name: { default: "date-picker" },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		clearable: {
+			type: Boolean,
+			default: !0
+		},
+		size: { default: "medium" },
+		minDate: { default: void 0 },
+		maxDate: { default: void 0 },
+		locale: { default: void 0 }
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"openChange"
+	],
+	setup(l, { expose: T, emit: Ee }) {
+		let E = l, D = Ee, { t: O, language: De } = oe(), k = n();
+		he(t, null);
+		let A = r(() => ({
+			id: E.id,
+			"aria-describedby": E.ariaDescribedby
+		})), j = a(() => E.disabled ?? k?.disabled.value ?? !1), M = a(() => E.readOnly ?? k?.readOnly.value ?? !1), Oe = a(() => E.required ?? k?.required.value ?? !1), N = a(() => E.invalid ?? k?.invalid.value ?? !1), P = a(() => E.label ?? E.ariaLabel ?? O("datePicker.label")), F = a(() => E.ariaLabelledby ?? (k && !E.label && !E.ariaLabel ? k.labelId.value : void 0)), I = ie(E, "modelValue", {
+			defaultProp: "defaultValue",
+			fallback: "",
+			name: "DatePicker"
+		}), L = p(!1), R = (e) => {
+			e !== L.value && (L.value = e, D("openChange", e));
+		}, z = a(() => L.value && !j.value && !M.value), B = p(null), V = p(null), H = ge(null), U = p(null), ke = ae();
+		me(() => {
+			H.value = V.value?.querySelector("input") ?? null;
+		});
+		let W = _e(), G = p(b(x(I.value ?? "") ?? /* @__PURE__ */ new Date())), K = p(""), Ae = [
+			"mon",
+			"tue",
+			"wed",
+			"thu",
+			"fri",
+			"sat",
+			"sun"
+		], q = y(/* @__PURE__ */ new Date()), je = a(() => new Intl.DateTimeFormat(E.locale ?? De.value, {
+			year: "numeric",
+			month: "long"
+		}).format(G.value)), J = a(() => {
+			let e = b(G.value), t = v(e, -((e.getDay() + 6) % 7));
+			return Array.from({ length: 42 }, (e, n) => v(t, n));
+		}), Me = a(() => Array.from({ length: 6 }, (e, t) => J.value.slice(t * 7, t * 7 + 7))), Y = (e) => !!(E.minDate && e < E.minDate || E.maxDate && e > E.maxDate), Ne = a(() => {
+			let e = J.value.map(y);
+			return [
+				K.value,
+				I.value,
+				q,
+				y(G.value),
+				...e
+			].find((t) => t && e.includes(t) && !Y(t));
+		});
+		function X(e) {
+			I.value = e, D("change", e);
+		}
+		function Z() {
+			let e = x(I.value ?? "");
+			e && (G.value = b(e));
+		}
+		function Pe(e) {
+			if (j.value || M.value) return;
+			let t = String(e);
+			if (B.value = t, t === "") {
+				X("");
+				return;
+			}
+			let n = x(t, !0);
+			n && !Y(y(n)) && (X(y(n)), G.value = b(n));
+		}
+		function Fe() {
+			if (B.value === null) return;
+			let e = B.value.trim();
+			if (!j.value && !M.value) {
+				if (!e) I.value && X("");
+				else {
+					let t = x(e, !1);
+					t && !Y(y(t)) && y(t) !== I.value && (X(y(t)), G.value = b(t));
+				}
+			}
+			B.value = null;
+		}
+		function Q() {
+			j.value || M.value || (B.value = null, X(""), H.value?.focus());
+		}
+		function $(e) {
+			j.value || M.value || Y(y(e)) || (B.value = null, X(y(e)), G.value = b(e), R(!1), H.value?.focus());
+		}
+		function Ie() {
+			j.value || M.value || (L.value || Z(), R(!L.value));
+		}
+		async function Le(e) {
+			await pe();
+			let t = g(U.value?.element);
+			(e ? t?.querySelector(`[data-date="${e}"]`) : t?.querySelector("[role=\"gridcell\"][tabindex=\"0\"]"))?.focus();
+		}
+		function Re(e, t) {
+			if (j.value || M.value) return;
+			if (e.key === "Enter" || e.key === " ") {
+				e.preventDefault(), e.repeat || $(t);
+				return;
+			}
+			let n, r = (t.getDay() + 6) % 7;
+			switch (ce(e.key, e.currentTarget)) {
+				case "ArrowLeft":
+					n = v(t, -1);
+					break;
+				case "ArrowRight":
+					n = v(t, 1);
+					break;
+				case "ArrowUp":
+					n = v(t, -7);
+					break;
+				case "ArrowDown":
+					n = v(t, 7);
+					break;
+				case "Home":
+					n = v(t, -r);
+					break;
+				case "End":
+					n = v(t, 6 - r);
+					break;
+				case "PageUp":
+				case "PageDown": {
+					let r = b(t, (e.key === "PageUp" ? -1 : 1) * (e.shiftKey ? 12 : 1));
+					n = ve(r.getFullYear(), r.getMonth(), Math.min(t.getDate(), v(b(r, 1), -1).getDate()));
+					break;
+				}
+				default: return;
+			}
+			e.preventDefault(), K.value = y(n), S(n, G.value) || (G.value = b(n)), Le(y(n));
+		}
+		function ze(e) {
+			H.value && e.target === H.value && Ie();
+		}
+		function Be(e) {
+			e.key !== "ArrowDown" || j.value || M.value || (e.preventDefault(), L.value || (Z(), K.value = I.value ?? "", R(!0)), Le());
+		}
+		function Ve(e) {
+			let t = e.currentTarget, n = H.value;
+			!n || e.key !== "Tab" || e.altKey || e.ctrlKey || e.metaKey || !de(t, e.target, e.shiftKey) || (e.preventDefault(), (e.shiftKey ? n : ue(n, ke?.value ?? n.ownerDocument.body, !1) ?? n).focus(), R(!1));
+		}
+		let He = a(() => B.value ?? I.value ?? ""), Ue = a(() => E.clearable && !!I.value && !j.value && !M.value);
+		return T({
+			input: H,
+			focus: () => H.value?.focus(),
+			blur: () => H.value?.blur()
+		}), (t, n) => (f(), o("div", u({
+			ref_key: "field",
+			ref: V,
+			class: g(w).datePicker
+		}, {
+			...t.$attrs,
+			...g(e)("date-picker", "root", {
+				state: z.value ? "open" : "closed",
+				disabled: j.value,
+				readonly: M.value,
+				invalid: N.value,
+				size: l.size
+			})
+		}, { onClick: ze }), [c(g(se), {
+			"model-value": He.value,
+			placeholder: l.placeholder ?? g(O)("datePicker.placeholder"),
+			id: g(A).id,
+			"aria-label": P.value,
+			"aria-labelledby": F.value,
+			"aria-describedby": g(A)["aria-describedby"],
+			"aria-invalid": N.value || void 0,
+			"aria-readonly": M.value || void 0,
+			required: Oe.value,
+			"read-only": M.value,
+			name: l.name,
+			disabled: j.value,
+			size: l.size,
+			"onUpdate:modelValue": Pe,
+			onBlur: Fe,
+			onKeydown: Be
+		}, {
+			suffix: _(() => [Ue.value ? (f(), o("button", u({
+				key: 0,
+				type: "button",
+				class: [
+					g(C).iconButton,
+					g(C).neutral,
+					g(C)["variant-ghost"],
+					g(C).small,
+					g(C).circle,
+					g(w).clearButton
+				],
+				tabindex: "0",
+				"aria-label": g(O)("datePicker.clear")
+			}, g(e)("icon-button", "root", {
+				state: "inactive",
+				disabled: !1,
+				loading: !1,
+				size: "small",
+				variant: "ghost",
+				color: "neutral",
+				shape: "circle"
+			}), { onClick: Q }), [s("span", u({
+				class: g(C).glyph,
+				"aria-hidden": "true"
+			}, g(e)("icon-button", "icon")), [c(g(re))], 16)], 16, ye)) : (f(), o("span", u({
+				key: 1,
+				class: g(w).calendarIcon,
+				"aria-hidden": "true"
+			}, g(e)("date-picker", "icon")), [c(g(ee))], 16))]),
+			_: 1
+		}, 8, [
+			"model-value",
+			"placeholder",
+			"id",
+			"aria-label",
+			"aria-labelledby",
+			"aria-describedby",
+			"aria-invalid",
+			"aria-readonly",
+			"required",
+			"read-only",
+			"name",
+			"disabled",
+			"size"
+		]), c(le, u({
+			ref_key: "floating",
+			ref: U,
+			open: z.value,
+			anchor: H.value,
+			placement: "bottom-start",
+			branches: () => [V.value],
+			"return-focus-on-escape": () => H.value,
+			focusable: "",
+			role: "dialog",
+			tabindex: "-1",
+			"aria-label": P.value,
+			"aria-labelledby": F.value,
+			class: g(w).popup
+		}, g(e)("date-picker", "content", { state: "open" }), {
+			onDismiss: n[4] ||= (e) => R(!1),
+			onKeydown: Ve
+		}), {
+			default: _(() => [s("div", { class: d(g(w).panel) }, [
+				s("div", { class: d(g(w).header) }, [s("h2", {
+					id: g(W),
+					class: d(g(w).heading),
+					"aria-live": "polite"
+				}, h(je.value), 11, be), s("div", { class: d(g(w).navGroup) }, [s("button", {
+					type: "button",
+					class: d(g(w).navButton),
+					"aria-label": g(O)("monthCalendar.previousMonth"),
+					onClick: n[0] ||= (e) => G.value = g(b)(G.value, -1)
+				}, [c(g(te), {
+					"aria-hidden": "true",
+					focusable: "false"
+				})], 10, xe), s("button", {
+					type: "button",
+					class: d(g(w).navButton),
+					"aria-label": g(O)("monthCalendar.nextMonth"),
+					onClick: n[1] ||= (e) => G.value = g(b)(G.value, 1)
+				}, [c(g(ne), {
+					"aria-hidden": "true",
+					focusable: "false"
+				})], 10, Se)], 2)], 2),
+				s("div", {
+					role: "grid",
+					"aria-labelledby": g(W),
+					class: d(g(w).grid)
+				}, [s("div", {
+					role: "row",
+					class: d(g(w).week)
+				}, [(f(), o(i, null, m(Ae, (e) => s("div", {
+					key: e,
+					role: "columnheader",
+					class: d(g(w).weekday)
+				}, h(g(O)(`monthCalendar.weekdays.${e}`)), 3)), 64))], 2), (f(!0), o(i, null, m(Me.value, (e, t) => (f(), o("div", {
+					key: t,
+					role: "row",
+					class: d(g(w).week)
+				}, [(f(!0), o(i, null, m(e, (e) => (f(), o("div", {
+					key: g(y)(e),
+					role: "gridcell",
+					class: d(g(w).day),
+					"data-date": g(y)(e),
+					"data-outside": g(S)(e, G.value) ? void 0 : "",
+					"aria-label": g(y)(e),
+					"aria-selected": g(I) === g(y)(e),
+					"aria-current": g(y)(e) === g(q) ? "date" : void 0,
+					"aria-disabled": Y(g(y)(e)) || void 0,
+					tabindex: g(y)(e) === Ne.value ? 0 : -1,
+					onFocus: (t) => K.value = g(y)(e),
+					onClick: (t) => $(e),
+					onKeydown: (t) => Re(t, e)
+				}, h(e.getDate()), 43, we))), 128))], 2))), 128))], 10, Ce),
+				s("div", { class: d(g(w).footer) }, [s("button", {
+					type: "button",
+					class: d(g(w).footerButton),
+					disabled: Y(g(q)),
+					onClick: n[2] ||= (e) => $(/* @__PURE__ */ new Date())
+				}, h(g(O)("datePicker.today")), 11, Te), l.clearable && g(I) ? (f(), o("button", {
+					key: 0,
+					type: "button",
+					class: d(g(w).footerButton),
+					onClick: n[3] ||= (e) => {
+						Q(), R(!1);
+					}
+				}, h(g(O)("datePicker.clear")), 3)) : fe("", !0)], 2)
+			], 2)]),
+			_: 1
+		}, 16, [
+			"open",
+			"anchor",
+			"branches",
+			"return-focus-on-escape",
+			"aria-label",
+			"aria-labelledby",
+			"class"
+		])], 16));
+	}
+});
+//#endregion
+export { T as default };
+
+//# sourceMappingURL=DatePicker.vue_vue_type_script_setup_true_lang.js.map

package/dist/vue/components/DatePicker/DatePicker.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.vue_vue_type_script_setup_true_lang.js","names":["$attrs","_openBlock","_createElementBlock","_mergeProps","_unref","styles","_createVNode","Input","_withCtx","iconButtonStyles","_createElementVNode","FloatingPanel","_normalizeClass","_toDisplayString","_Fragment","_renderList","_createCommentVNode","Input_default","FloatingPanel_default","styles","styles$1","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","DatePicker_vue_vue_type_script_setup_true_lang_default","__expose","__emit","props","__props","emit","useI18n","fc","useFormControlContext","FORM_CONTROL_KEY","fieldProps","useFormControlProps","disabled","computed","readOnly","required","invalid","accessibleName","t","labelledBy","current","useControllable","open","ref","setOpen","next","panelOpen","draft","field","input","shallowRef","floating","tabContainer","useLayerParent","headingId","useId","month","monthStart","parseDayKey","focusedKey","weekdays","todayKey","dayKey","heading","language","days","first","start","addDays","i","weeks","isDayDisabled","key","activeKey","keys","commit","syncMonth","date","handleInputChange","text","value","handleInputBlur","handleClear","selectDate","toggle","focusDay","nextTick","panel","unref","handleDayKeyDown","event","target","weekday","logicalArrowKey","localDate","sameMonth","handleRootClick","handleInputKeyDown","handlePanelKeyDown","el","tabLeavesPanel","adjacentTabbable","displayValue","showClear","openBlock","createElementBlock","mergeProps","_ctx","hooks","createVNode","withCtx","createElementVNode","IconX","IconCalendar","_cache","normalizeClass","toDisplayString","IconChevronLeft","IconChevronRight","Fragment","renderList","day","index","week","$event","createCommentVNode"],"sources":["../../../../../vue/src/components/DatePicker/DatePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/** A date input with an accessible popup calendar; values use YYYY-MM-DD. */\nimport {\n  computed,\n  nextTick,\n  onMounted,\n  provide,\n  ref,\n  shallowRef,\n  unref,\n  useId,\n} from \"vue\";\nimport {\n  addDays,\n  dayKey,\n  localDate,\n  monthStart,\n  parseDayKey,\n  sameMonth,\n} from \"@minerva/core\";\nimport styles from \"@react-styles/components/DatePicker/datePicker.module.scss\";\nimport iconButtonStyles from \"@react-styles/components/IconButton/iconButton.module.scss\";\nimport { hooks } from \"../../internal/hooks\";\nimport {\n  IconCalendar,\n  IconChevronLeft,\n  IconChevronRight,\n  IconX,\n} from \"../../internal/icons\";\nimport { useControllable } from \"../../internal/controllable\";\nimport FloatingPanel from \"../../internal/FloatingPanel.vue\";\nimport { useLayerParent } from \"../../internal/scope\";\nimport {\n  FORM_CONTROL_KEY,\n  useFormControlContext,\n  useFormControlProps,\n} from \"../../internal/form-control\";\nimport { useI18n } from \"../../config/useI18n\";\nimport { Input } from \"../Input\";\nimport { logicalArrowKey } from \"../../internal/direction\";\nimport { adjacentTabbable, tabLeavesPanel } from \"../TimePicker/tabbing\";\nimport type { DatePickerEmits, DatePickerProps } from \"./types\";\n\ndefineOptions({ name: \"DatePicker\", inheritAttrs: false });\n\nconst props = withDefaults(defineProps<DatePickerProps>(), {\n  modelValue: undefined,\n  defaultValue: undefined,\n  placeholder: undefined,\n  label: undefined,\n  ariaLabel: undefined,\n  ariaLabelledby: undefined,\n  ariaDescribedby: undefined,\n  id: undefined,\n  required: undefined,\n  readOnly: undefined,\n  invalid: undefined,\n  name: \"date-picker\",\n  disabled: undefined,\n  clearable: true,\n  size: \"medium\",\n  minDate: undefined,\n  maxDate: undefined,\n  locale: undefined,\n});\nconst emit = defineEmits<DatePickerEmits>();\n\nconst { t, language } = useI18n();\nconst fc = useFormControlContext();\n// The field state is resolved here (explicit props win over the\n// FormControl), so the inner Input must not merge it again.\nprovide(FORM_CONTROL_KEY, null as never);\nconst fieldProps = useFormControlProps(() => ({\n  id: props.id,\n  \"aria-describedby\": props.ariaDescribedby,\n}));\n\nconst disabled = computed(() => props.disabled ?? fc?.disabled.value ?? false);\nconst readOnly = computed(() => props.readOnly ?? fc?.readOnly.value ?? false);\nconst required = computed(() => props.required ?? fc?.required.value ?? false);\nconst invalid = computed(() => props.invalid ?? fc?.invalid.value ?? false);\nconst accessibleName = computed(\n  () => props.label ?? props.ariaLabel ?? t(\"datePicker.label\"),\n);\n// A FormLabel names the input unless `label` / `aria-label` is given; the\n// aria-label stays as fallback (aria-labelledby wins when its target\n// exists, and is ignored when it does not).\nconst labelledBy = computed(\n  () =>\n    props.ariaLabelledby ??\n    (fc && !props.label && !props.ariaLabel ? fc.labelId.value : undefined),\n);\n\nconst current = useControllable<string | null>(props, \"modelValue\", {\n  defaultProp: \"defaultValue\",\n  fallback: \"\",\n  name: \"DatePicker\",\n});\nconst open = ref(false);\nconst setOpen = (next: boolean) => {\n  if (next === open.value) return;\n  open.value = next;\n  emit(\"openChange\", next);\n};\nconst panelOpen = computed(\n  () => open.value && !disabled.value && !readOnly.value,\n);\n\n// Text being typed; `null` = show the formatted value\nconst draft = ref<string | null>(null);\nconst field = ref<HTMLDivElement | null>(null);\nconst input = shallowRef<HTMLInputElement | null>(null);\nconst floating = ref<InstanceType<typeof FloatingPanel> | null>(null);\n// Tab moves on within the enclosing layer (e.g. a Modal), else the page.\nconst tabContainer = useLayerParent();\n\nonMounted(() => {\n  input.value = field.value?.querySelector(\"input\") ?? null;\n});\n\nconst headingId = useId();\nconst month = ref(monthStart(parseDayKey(current.value ?? \"\") ?? new Date()));\nconst focusedKey = ref(\"\");\nconst weekdays = [\"mon\", \"tue\", \"wed\", \"thu\", \"fri\", \"sat\", \"sun\"] as const;\nconst todayKey = dayKey(new Date());\nconst heading = computed(() =>\n  new Intl.DateTimeFormat(props.locale ?? language.value, {\n    year: \"numeric\",\n    month: \"long\",\n  }).format(month.value),\n);\nconst days = computed(() => {\n  const first = monthStart(month.value);\n  const start = addDays(first, -((first.getDay() + 6) % 7));\n  return Array.from({ length: 42 }, (_, i) => addDays(start, i));\n});\nconst weeks = computed(() =>\n  Array.from({ length: 6 }, (_, i) => days.value.slice(i * 7, i * 7 + 7)),\n);\nconst isDayDisabled = (key: string) =>\n  !!(\n    (props.minDate && key < props.minDate) ||\n    (props.maxDate && key > props.maxDate)\n  );\nconst activeKey = computed(() => {\n  const keys = days.value.map(dayKey);\n  return [\n    focusedKey.value,\n    current.value,\n    todayKey,\n    dayKey(month.value),\n    ...keys,\n  ].find((key) => key && keys.includes(key) && !isDayDisabled(key));\n});\nfunction commit(next: string) {\n  current.value = next;\n  emit(\"change\", next);\n}\nfunction syncMonth() {\n  const date = parseDayKey(current.value ?? \"\");\n  if (date) month.value = monthStart(date);\n}\nfunction handleInputChange(value: string | number) {\n  if (disabled.value || readOnly.value) return;\n  const text = String(value);\n  draft.value = text;\n  if (text === \"\") {\n    commit(\"\");\n    return;\n  }\n  const date = parseDayKey(text, true);\n  if (date && !isDayDisabled(dayKey(date))) {\n    commit(dayKey(date));\n    month.value = monthStart(date);\n  }\n}\nfunction handleInputBlur() {\n  if (draft.value === null) return;\n  const text = draft.value.trim();\n  if (!disabled.value && !readOnly.value) {\n    if (!text) {\n      if (current.value) commit(\"\");\n    } else {\n      const date = parseDayKey(text, false);\n      if (\n        date &&\n        !isDayDisabled(dayKey(date)) &&\n        dayKey(date) !== current.value\n      ) {\n        commit(dayKey(date));\n        month.value = monthStart(date);\n      }\n    }\n  }\n  draft.value = null;\n}\nfunction handleClear() {\n  if (disabled.value || readOnly.value) return;\n  draft.value = null;\n  commit(\"\");\n  input.value?.focus();\n}\nfunction selectDate(date: Date) {\n  if (disabled.value || readOnly.value || isDayDisabled(dayKey(date))) return;\n  draft.value = null;\n  commit(dayKey(date));\n  month.value = monthStart(date);\n  setOpen(false);\n  input.value?.focus();\n}\nfunction toggle() {\n  if (disabled.value || readOnly.value) return;\n  if (!open.value) syncMonth();\n  setOpen(!open.value);\n}\nasync function focusDay(key?: string) {\n  await nextTick();\n  const panel = unref(floating.value?.element);\n  (key\n    ? panel?.querySelector<HTMLElement>(`[data-date=\"${key}\"]`)\n    : panel?.querySelector<HTMLElement>('[role=\"gridcell\"][tabindex=\"0\"]')\n  )?.focus();\n}\nfunction handleDayKeyDown(event: KeyboardEvent, date: Date) {\n  if (disabled.value || readOnly.value) return;\n  if (event.key === \"Enter\" || event.key === \" \") {\n    event.preventDefault();\n    if (!event.repeat) selectDate(date);\n    return;\n  }\n  let target: Date;\n  const weekday = (date.getDay() + 6) % 7;\n  switch (logicalArrowKey(event.key, event.currentTarget as HTMLElement)) {\n    case \"ArrowLeft\":\n      target = addDays(date, -1);\n      break;\n    case \"ArrowRight\":\n      target = addDays(date, 1);\n      break;\n    case \"ArrowUp\":\n      target = addDays(date, -7);\n      break;\n    case \"ArrowDown\":\n      target = addDays(date, 7);\n      break;\n    case \"Home\":\n      target = addDays(date, -weekday);\n      break;\n    case \"End\":\n      target = addDays(date, 6 - weekday);\n      break;\n    case \"PageUp\":\n    case \"PageDown\": {\n      const next = monthStart(\n        date,\n        (event.key === \"PageUp\" ? -1 : 1) * (event.shiftKey ? 12 : 1),\n      );\n      target = localDate(\n        next.getFullYear(),\n        next.getMonth(),\n        Math.min(date.getDate(), addDays(monthStart(next, 1), -1).getDate()),\n      );\n      break;\n    }\n    default:\n      return;\n  }\n  event.preventDefault();\n  focusedKey.value = dayKey(target);\n  if (!sameMonth(target, month.value)) month.value = monthStart(target);\n  void focusDay(dayKey(target));\n}\n\n// Clicking the input toggles the panel. The handler only reacts to clicks\n// on the inner <input>, which has its own keyboard support (ArrowDown opens\n// the panel; Escape closes it), so the wrapper is not a control.\nfunction handleRootClick(event: MouseEvent) {\n  if (input.value && event.target === input.value) toggle();\n}\n\nfunction handleInputKeyDown(event: KeyboardEvent) {\n  if (event.key !== \"ArrowDown\" || disabled.value || readOnly.value) return;\n  event.preventDefault();\n  if (!open.value) {\n    syncMonth();\n    focusedKey.value = current.value ?? \"\";\n    setOpen(true);\n  }\n  void focusDay();\n}\n\n// The portalled panel sits after the input in the Tab order: Tab past its\n// last control continues after the input (its clear button, then the rest of\n// the page); Shift+Tab before its first control returns to the input.\nfunction handlePanelKeyDown(event: KeyboardEvent) {\n  const panel = event.currentTarget as HTMLElement;\n  const el = input.value;\n  if (\n    !el ||\n    event.key !== \"Tab\" ||\n    event.altKey ||\n    event.ctrlKey ||\n    event.metaKey ||\n    !tabLeavesPanel(panel, event.target as Element, event.shiftKey)\n  )\n    return;\n  event.preventDefault();\n  const next = event.shiftKey\n    ? el\n    : (adjacentTabbable(\n        el,\n        tabContainer?.value ?? el.ownerDocument.body,\n        false,\n      ) ?? el);\n  next.focus();\n  setOpen(false);\n}\n\nconst displayValue = computed(() => draft.value ?? current.value ?? \"\");\nconst showClear = computed(\n  () =>\n    props.clearable && !!current.value && !disabled.value && !readOnly.value,\n);\n\ndefineExpose({\n  /** The native `<input>` (the React `ref`) */\n  input,\n  focus: () => input.value?.focus(),\n  blur: () => input.value?.blur(),\n});\n</script>\n\n<template>\n  <div\n    ref=\"field\"\n    :class=\"styles.datePicker\"\n    v-bind=\"{\n      ...$attrs,\n      ...hooks('date-picker', 'root', {\n        state: panelOpen ? 'open' : 'closed',\n        disabled,\n        readonly: readOnly,\n        invalid,\n        size,\n      }),\n    }\"\n    @click=\"handleRootClick\"\n  >\n    <Input\n      :model-value=\"displayValue\"\n      :placeholder=\"placeholder ?? t('datePicker.placeholder')\"\n      :id=\"fieldProps.id\"\n      :aria-label=\"accessibleName\"\n      :aria-labelledby=\"labelledBy\"\n      :aria-describedby=\"fieldProps['aria-describedby']\"\n      :aria-invalid=\"invalid || undefined\"\n      :aria-readonly=\"readOnly || undefined\"\n      :required=\"required\"\n      :read-only=\"readOnly\"\n      :name=\"name\"\n      :disabled=\"disabled\"\n      :size=\"size\"\n      @update:model-value=\"handleInputChange\"\n      @blur=\"handleInputBlur\"\n      @keydown=\"handleInputKeyDown\"\n    >\n      <template #suffix>\n        <button\n          v-if=\"showClear\"\n          type=\"button\"\n          :class=\"[\n            iconButtonStyles.iconButton,\n            iconButtonStyles.neutral,\n            iconButtonStyles['variant-ghost'],\n            iconButtonStyles.small,\n            iconButtonStyles.circle,\n            styles.clearButton,\n          ]\"\n          tabindex=\"0\"\n          :aria-label=\"t('datePicker.clear')\"\n          v-bind=\"\n            hooks('icon-button', 'root', {\n              state: 'inactive',\n              disabled: false,\n              loading: false,\n              size: 'small',\n              variant: 'ghost',\n              color: 'neutral',\n              shape: 'circle',\n            })\n          \"\n          @click=\"handleClear\"\n        >\n          <span\n            :class=\"iconButtonStyles.glyph\"\n            aria-hidden=\"true\"\n            v-bind=\"hooks('icon-button', 'icon')\"\n          >\n            <IconX />\n          </span>\n        </button>\n        <span\n          v-else\n          :class=\"styles.calendarIcon\"\n          aria-hidden=\"true\"\n          v-bind=\"hooks('date-picker', 'icon')\"\n        >\n          <IconCalendar />\n        </span>\n      </template>\n    </Input>\n    <FloatingPanel\n      ref=\"floating\"\n      :open=\"panelOpen\"\n      :anchor=\"input\"\n      placement=\"bottom-start\"\n      :branches=\"() => [field]\"\n      :return-focus-on-escape=\"() => input\"\n      focusable\n      role=\"dialog\"\n      tabindex=\"-1\"\n      :aria-label=\"accessibleName\"\n      :aria-labelledby=\"labelledBy\"\n      :class=\"styles.popup\"\n      v-bind=\"hooks('date-picker', 'content', { state: 'open' })\"\n      @dismiss=\"setOpen(false)\"\n      @keydown=\"handlePanelKeyDown\"\n    >\n      <div :class=\"styles.panel\">\n        <div :class=\"styles.header\">\n          <h2 :id=\"headingId\" :class=\"styles.heading\" aria-live=\"polite\">\n            {{ heading }}\n          </h2>\n          <div :class=\"styles.navGroup\">\n            <button\n              type=\"button\"\n              :class=\"styles.navButton\"\n              :aria-label=\"t('monthCalendar.previousMonth')\"\n              @click=\"month = monthStart(month, -1)\"\n            >\n              <IconChevronLeft aria-hidden=\"true\" focusable=\"false\" />\n            </button>\n            <button\n              type=\"button\"\n              :class=\"styles.navButton\"\n              :aria-label=\"t('monthCalendar.nextMonth')\"\n              @click=\"month = monthStart(month, 1)\"\n            >\n              <IconChevronRight aria-hidden=\"true\" focusable=\"false\" />\n            </button>\n          </div>\n        </div>\n        <div role=\"grid\" :aria-labelledby=\"headingId\" :class=\"styles.grid\">\n          <div role=\"row\" :class=\"styles.week\">\n            <div\n              v-for=\"day in weekdays\"\n              :key=\"day\"\n              role=\"columnheader\"\n              :class=\"styles.weekday\"\n            >\n              {{ t(`monthCalendar.weekdays.${day}`) }}\n            </div>\n          </div>\n          <div\n            v-for=\"(week, index) in weeks\"\n            :key=\"index\"\n            role=\"row\"\n            :class=\"styles.week\"\n          >\n            <div\n              v-for=\"date in week\"\n              :key=\"dayKey(date)\"\n              role=\"gridcell\"\n              :class=\"styles.day\"\n              :data-date=\"dayKey(date)\"\n              :data-outside=\"!sameMonth(date, month) ? '' : undefined\"\n              :aria-label=\"dayKey(date)\"\n              :aria-selected=\"current === dayKey(date)\"\n              :aria-current=\"dayKey(date) === todayKey ? 'date' : undefined\"\n              :aria-disabled=\"isDayDisabled(dayKey(date)) || undefined\"\n              :tabindex=\"dayKey(date) === activeKey ? 0 : -1\"\n              @focus=\"focusedKey = dayKey(date)\"\n              @click=\"selectDate(date)\"\n              @keydown=\"handleDayKeyDown($event, date)\"\n            >\n              {{ date.getDate() }}\n            </div>\n          </div>\n        </div>\n        <div :class=\"styles.footer\">\n          <button\n            type=\"button\"\n            :class=\"styles.footerButton\"\n            :disabled=\"isDayDisabled(todayKey)\"\n            @click=\"selectDate(new Date())\"\n          >\n            {{ t(\"datePicker.today\") }}\n          </button>\n          <button\n            v-if=\"clearable && current\"\n            type=\"button\"\n            :class=\"styles.footerButton\"\n            @click=\"\n              handleClear();\n              setOpen(false);\n            \"\n          >\n            {{ t(\"datePicker.clear\") }}\n          </button>\n        </div>\n      </div>\n    </FloatingPanel>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/vue/components/DatePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DatePicker } from './DatePicker.vue.js';
+export type { DatePickerProps, DatePickerEmits } from './types.js';

package/dist/vue/components/DatePicker/index.js

@@ -0,0 +1,2 @@
+import e from "./DatePicker.vue.js";
+export { e as DatePicker };

package/dist/vue/components/DatePicker/types.d.ts

@@ -0,0 +1,26 @@
+/** DatePicker uses YYYY-MM-DD strings; null and empty string are controlled empty values. */
+export interface DatePickerProps {
+    modelValue?: string | null;
+    defaultValue?: string;
+    placeholder?: string;
+    label?: string;
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+    ariaDescribedby?: string;
+    id?: string;
+    required?: boolean;
+    readOnly?: boolean;
+    invalid?: boolean;
+    name?: string;
+    disabled?: boolean;
+    clearable?: boolean;
+    size?: "small" | "medium" | "large";
+    minDate?: string;
+    maxDate?: string;
+    locale?: string;
+}
+export interface DatePickerEmits {
+    "update:modelValue": [value: string];
+    change: [value: string];
+    openChange: [open: boolean];
+}

package/dist/vue/components/MonthCalendar/MonthCalendar.vue.d.ts

@@ -21,6 +21,7 @@ declare const __VLS_export: import('vue').DefineComponent<MonthCalendarProps, {}
     "aria-label": string;
     modelValue: string;
     month: Date;
+    locale: string;
     defaultMonth: Date;
     rangeStart: string;
     rangeEnd: string;
@@ -28,7 +29,6 @@ declare const __VLS_export: import('vue').DefineComponent<MonthCalendarProps, {}
     previousMonthLabel: string;
     nextMonthLabel: string;
     todayLabel: string;
-    locale: string;
     weekdayLabels: readonly string[];
     getDayLabel: (day: string, eventCount: number) => string;
     getEventsLabel: (day: string) => string;

package/dist/vue/global.d.ts

@@ -1,8 +1,57 @@
 import type * as Minerva from "./index.js";
 declare module "vue" {
     interface GlobalComponents {
+        MnAlert: typeof Minerva.Alert;
+        MnAppShell: typeof Minerva.AppShell;
+        MnAutoComplete: typeof Minerva.AutoComplete;
+        MnAvatar: typeof Minerva.Avatar;
+        MnAvatarGroup: typeof Minerva.AvatarGroup;
+        MnBadge: typeof Minerva.Badge;
+        MnBox: typeof Minerva.Box;
         MnButton: typeof Minerva.Button;
+        MnCard: typeof Minerva.Card;
+        MnCardContent: typeof Minerva.CardContent;
+        MnCardDescription: typeof Minerva.CardDescription;
+        MnCardFooter: typeof Minerva.CardFooter;
+        MnCardHeader: typeof Minerva.CardHeader;
+        MnCardTitle: typeof Minerva.CardTitle;
+        MnCascader: typeof Minerva.Cascader;
+        MnCheckbox: typeof Minerva.Checkbox;
+        MnCodeBlock: typeof Minerva.CodeBlock;
+        MnCommandDialog: typeof Minerva.CommandDialog;
         MnConfigProvider: typeof Minerva.ConfigProvider;
+        MnConfirmDialog: typeof Minerva.ConfirmDialog;
+        MnConfirmProvider: typeof Minerva.ConfirmProvider;
+        MnContextMenu: typeof Minerva.ContextMenu;
+        MnDataTable: typeof Minerva.DataTable;
+        MnDatePicker: typeof Minerva.DatePicker;
+        MnDescriptionList: typeof Minerva.DescriptionList;
+        MnDivider: typeof Minerva.Divider;
+        MnDrawer: typeof Minerva.Drawer;
+        MnDrawerBody: typeof Minerva.DrawerBody;
+        MnDrawerClose: typeof Minerva.DrawerClose;
+        MnDrawerContent: typeof Minerva.DrawerContent;
+        MnDrawerFooter: typeof Minerva.DrawerFooter;
+        MnDrawerHeader: typeof Minerva.DrawerHeader;
+        MnDrawerRoot: typeof Minerva.DrawerRoot;
+        MnDrawerTrigger: typeof Minerva.DrawerTrigger;
+        MnEmpty: typeof Minerva.Empty;
+        MnFormControl: typeof Minerva.FormControl;
+        MnFormErrorMessage: typeof Minerva.FormErrorMessage;
+        MnFormField: typeof Minerva.FormField;
+        MnFormHelperText: typeof Minerva.FormHelperText;
+        MnFormLabel: typeof Minerva.FormLabel;
+        MnFormLayout: typeof Minerva.FormLayout;
+        MnGridItem: typeof Minerva.GridItem;
+        MnHtmlPreview: typeof Minerva.HtmlPreview;
+        MnIconButton: typeof Minerva.IconButton;
+        MnInput: typeof Minerva.Input;
+        MnJsonField: typeof Minerva.JsonField;
+        MnKeyValueEditor: typeof Minerva.KeyValueEditor;
+        MnList: typeof Minerva.List;
+        MnListItem: typeof Minerva.ListItem;
+        MnLoadingState: typeof Minerva.LoadingState;
+        MnMenu: typeof Minerva.Menu;
         MnModal: typeof Minerva.Modal;
         MnModalBody: typeof Minerva.ModalBody;
         MnModalClose: typeof Minerva.ModalClose;
@@ -11,6 +60,65 @@ declare module "vue" {
         MnModalHeader: typeof Minerva.ModalHeader;
         MnModalRoot: typeof Minerva.ModalRoot;
         MnModalTrigger: typeof Minerva.ModalTrigger;
+        MnMonthCalendar: typeof Minerva.MonthCalendar;
+        MnNavTree: typeof Minerva.NavTree;
+        MnNumberInput: typeof Minerva.NumberInput;
+        MnPage: typeof Minerva.Page;
+        MnPageHeader: typeof Minerva.PageHeader;
+        MnPageSection: typeof Minerva.PageSection;
+        MnPageTab: typeof Minerva.PageTab;
+        MnPageTabs: typeof Minerva.PageTabs;
+        MnPagination: typeof Minerva.Pagination;
+        MnPaletteToggle: typeof Minerva.PaletteToggle;
+        MnPopover: typeof Minerva.Popover;
+        MnPopoverAnchor: typeof Minerva.PopoverAnchor;
+        MnPopoverClose: typeof Minerva.PopoverClose;
+        MnPopoverContent: typeof Minerva.PopoverContent;
+        MnPopoverTrigger: typeof Minerva.PopoverTrigger;
+        MnProgressIndicator: typeof Minerva.ProgressIndicator;
+        MnProse: typeof Minerva.Prose;
+        MnRadio: typeof Minerva.Radio;
+        MnRadioGroup: typeof Minerva.RadioGroup;
+        MnRating: typeof Minerva.Rating;
+        MnRatingScale: typeof Minerva.RatingScale;
+        MnResponsiveGrid: typeof Minerva.ResponsiveGrid;
+        MnSelect: typeof Minerva.Select;
+        MnSelectGroup: typeof Minerva.SelectGroup;
+        MnSelectItem: typeof Minerva.SelectItem;
+        MnSelectLabel: typeof Minerva.SelectLabel;
+        MnSelectSeparator: typeof Minerva.SelectSeparator;
+        MnSkeleton: typeof Minerva.Skeleton;
+        MnSkeletonText: typeof Minerva.SkeletonText;
+        MnSplitLayout: typeof Minerva.SplitLayout;
+        MnStack: typeof Minerva.Stack;
+        MnStatCard: typeof Minerva.StatCard;
+        MnSteps: typeof Minerva.Steps;
+        MnSwitch: typeof Minerva.Switch;
+        MnTab: typeof Minerva.Tab;
+        MnTabList: typeof Minerva.TabList;
+        MnTabPanel: typeof Minerva.TabPanel;
+        MnTable: typeof Minerva.Table;
+        MnTableBody: typeof Minerva.TableBody;
+        MnTableCell: typeof Minerva.TableCell;
+        MnTableCellContent: typeof Minerva.TableCellContent;
+        MnTableHead: typeof Minerva.TableHead;
+        MnTableHeader: typeof Minerva.TableHeader;
+        MnTableRoot: typeof Minerva.TableRoot;
+        MnTableRow: typeof Minerva.TableRow;
+        MnTabs: typeof Minerva.Tabs;
+        MnTag: typeof Minerva.Tag;
+        MnTagInput: typeof Minerva.TagInput;
+        MnTextLink: typeof Minerva.TextLink;
+        MnTextarea: typeof Minerva.Textarea;
+        MnThemeProvider: typeof Minerva.ThemeProvider;
+        MnThemeToggle: typeof Minerva.ThemeToggle;
+        MnTimePicker: typeof Minerva.TimePicker;
+        MnToastProvider: typeof Minerva.ToastProvider;
+        MnToolbar: typeof Minerva.Toolbar;
+        MnTooltip: typeof Minerva.Tooltip;
+        MnTooltipProvider: typeof Minerva.TooltipProvider;
+        MnUpload: typeof Minerva.Upload;
+        MnVirtualList: typeof Minerva.VirtualList;
     }
 }
 export {};

package/dist/vue/groups/forms-pickers.d.ts

@@ -6,3 +6,4 @@ export * from '../components/TimePicker/index.js';
 export * from '../components/JsonField/index.js';
 export * from '../components/TagInput/index.js';
 export * from '../components/Cascader/index.js';
+export * from '../components/DatePicker/index.js';

package/dist/vue/groups/forms-pickers.js

@@ -19,10 +19,13 @@ import d from "../components/TagInput/TagInput.vue.js";
 import "../components/TagInput/index.js";
 import f from "../components/Cascader/Cascader.vue.js";
 import "../components/Cascader/index.js";
+import p from "../components/DatePicker/DatePicker.vue.js";
+import "../components/DatePicker/index.js";
 //#region src/groups/forms-pickers.ts
-var p = /* @__PURE__ */ e({
+var m = /* @__PURE__ */ e({
 	AutoComplete: () => o,
 	Cascader: () => f,
+	DatePicker: () => p,
 	JsonField: () => u,
 	KeyValueEditor: () => s,
 	Select: () => n,
@@ -35,6 +38,6 @@ var p = /* @__PURE__ */ e({
 	Upload: () => c
 });
 //#endregion
-export { o as AutoComplete, f as Cascader, u as JsonField, s as KeyValueEditor, n as Select, r as SelectGroup, t as SelectItem, i as SelectLabel, a as SelectSeparator, d as TagInput, l as TimePicker, c as Upload, p as forms_pickers_exports };
+export { o as AutoComplete, f as Cascader, p as DatePicker, u as JsonField, s as KeyValueEditor, n as Select, r as SelectGroup, t as SelectItem, i as SelectLabel, a as SelectSeparator, d as TagInput, l as TimePicker, c as Upload, m as forms_pickers_exports };
 
 //# sourceMappingURL=forms-pickers.js.map

package/dist/vue/groups/forms-pickers.js.map

@@ -1 +1 @@
-{"version":3,"file":"forms-pickers.js","names":["SelectItem_default","Select_default","SelectGroup_default","SelectLabel_default","SelectSeparator_default","AutoComplete_default","KeyValueEditor_default","Upload_default","TimePicker_default","JsonField_default","TagInput_default","Cascader_default","forms_pickers_exports"],"sources":["../../../../vue/src/groups/forms-pickers.ts"],"sourcesContent":["// Components of the \"forms-pickers\" group (see src/index.ts).\nexport * from \"../components/Select\";\nexport * from \"../components/AutoComplete\";\nexport * from \"../components/KeyValueEditor\";\nexport * from \"../components/Upload\";\nexport * from \"../components/TimePicker\";\nexport * from \"../components/JsonField\";\nexport * from \"../components/TagInput\";\nexport * from \"../components/Cascader\";\n"],"mappings":""}
+{"version":3,"file":"forms-pickers.js","names":["SelectItem_default","Select_default","SelectGroup_default","SelectLabel_default","SelectSeparator_default","AutoComplete_default","KeyValueEditor_default","Upload_default","TimePicker_default","JsonField_default","TagInput_default","Cascader_default","DatePicker_default","forms_pickers_exports"],"sources":["../../../../vue/src/groups/forms-pickers.ts"],"sourcesContent":["// Components of the \"forms-pickers\" group (see src/index.ts).\nexport * from \"../components/Select\";\nexport * from \"../components/AutoComplete\";\nexport * from \"../components/KeyValueEditor\";\nexport * from \"../components/Upload\";\nexport * from \"../components/TimePicker\";\nexport * from \"../components/JsonField\";\nexport * from \"../components/TagInput\";\nexport * from \"../components/Cascader\";\nexport * from \"../components/DatePicker\";\n"],"mappings":""}