@countermeasure-platform/web-components 0.2.0

package/dist/form/calendar/index.js

@@ -0,0 +1,172 @@
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../../date-Dup6T6tm.js";
+import { n as c, t as l } from "../../utils-Cn_W3h3f.js";
+//#region src/form/calendar/index.ts
+var u = class {
+	el;
+	gridId;
+	labelId;
+	config;
+	viewYear;
+	viewMonth;
+	selected;
+	rangeStart;
+	rangeEnd;
+	hoverDate = null;
+	focusedDay;
+	isDestroyed = !1;
+	headerEl;
+	gridEl;
+	handleKeydown;
+	handleGridClick;
+	handleGridMouseover;
+	handleGridMouseleave;
+	constructor(e) {
+		this.config = e, this.gridId = c("cmm-calendar-grid"), this.labelId = c("cmm-calendar-label");
+		let n = /* @__PURE__ */ new Date(), r = e.value ?? e.rangeStart ?? n;
+		this.viewYear = r.getFullYear(), this.viewMonth = r.getMonth(), this.selected = e.value ? t(e.value) : null, this.rangeStart = e.rangeStart ? t(e.rangeStart) : null, this.rangeEnd = e.rangeEnd ? t(e.rangeEnd) : null, this.focusedDay = (this.selected ?? n).getDate(), this.el = document.createElement("div"), this.el.className = this.buildRootClass(), this.el.setAttribute("role", "group"), this.buildHeader(), this.buildGrid(), this.renderGrid(), this.handleKeydown = (e) => {
+			this.isDestroyed || this.onKeydown(e);
+		}, this.handleGridClick = (e) => {
+			if (this.isDestroyed) return;
+			let t = e.target.closest("[data-date]");
+			if (t === null) return;
+			let n = t.getAttribute("data-date");
+			n === null || t.getAttribute("aria-disabled") === "true" || this.selectDate(new Date(n));
+		}, this.handleGridMouseover = (e) => {
+			if (this.isDestroyed || this.config.mode !== "range") return;
+			let t = e.target.closest("[data-date]");
+			if (t === null) return;
+			let n = t.getAttribute("data-date");
+			n !== null && (this.hoverDate = new Date(n), this.updateRangeHighlight());
+		}, this.handleGridMouseleave = () => {
+			this.isDestroyed || this.config.mode !== "range" || (this.hoverDate = null, this.updateRangeHighlight());
+		}, this.gridEl.addEventListener("click", this.handleGridClick), this.gridEl.addEventListener("mouseover", this.handleGridMouseover), this.gridEl.addEventListener("mouseleave", this.handleGridMouseleave), this.el.addEventListener("keydown", this.handleKeydown), l(e.container).appendChild(this.el);
+	}
+	getValue() {
+		return this.selected;
+	}
+	setValue(e) {
+		this.selected = e === null ? null : t(e), e !== null && (this.viewYear = e.getFullYear(), this.viewMonth = e.getMonth(), this.focusedDay = e.getDate()), this.renderGrid(), this.updateHeaderLabel();
+	}
+	setRange(e, n) {
+		this.rangeStart = e === null ? null : t(e), this.rangeEnd = n === null ? null : t(n), this.renderGrid();
+	}
+	goToMonth(e, t) {
+		this.viewYear = e, this.viewMonth = t, this.focusedDay = 1, this.renderGrid(), this.updateHeaderLabel();
+	}
+	destroy() {
+		this.isDestroyed = !0, this.gridEl.removeEventListener("click", this.handleGridClick), this.gridEl.removeEventListener("mouseover", this.handleGridMouseover), this.gridEl.removeEventListener("mouseleave", this.handleGridMouseleave), this.el.removeEventListener("keydown", this.handleKeydown), this.el.remove();
+	}
+	buildRootClass() {
+		let e = ["cmm-calendar"];
+		return this.config.className && e.push(this.config.className), e.join(" ");
+	}
+	buildHeader() {
+		this.headerEl = document.createElement("div"), this.headerEl.className = "cmm-calendar__header";
+		let e = document.createElement("button");
+		e.type = "button", e.className = "cmm-calendar__nav-btn", e.setAttribute("aria-label", "Previous month"), e.innerHTML = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M10 12L6 8L10 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>", e.addEventListener("click", () => {
+			this.isDestroyed || this.navigateMonth(-1);
+		});
+		let t = document.createElement("span");
+		t.id = this.labelId, t.className = "cmm-calendar__title", t.textContent = `${a[this.viewMonth] ?? ""} ${String(this.viewYear)}`;
+		let n = document.createElement("button");
+		n.type = "button", n.className = "cmm-calendar__nav-btn", n.setAttribute("aria-label", "Next month"), n.innerHTML = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M6 4L10 8L6 12\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>", n.addEventListener("click", () => {
+			this.isDestroyed || this.navigateMonth(1);
+		}), this.headerEl.appendChild(e), this.headerEl.appendChild(t), this.headerEl.appendChild(n), this.el.appendChild(this.headerEl);
+	}
+	buildGrid() {
+		this.gridEl = document.createElement("div"), this.gridEl.id = this.gridId, this.gridEl.className = "cmm-calendar__grid", this.gridEl.setAttribute("role", "grid"), this.gridEl.setAttribute("aria-labelledby", this.labelId), this.gridEl.tabIndex = 0, this.el.appendChild(this.gridEl);
+	}
+	renderGrid() {
+		this.gridEl.innerHTML = "";
+		let e = this.config.weekStart ?? 0, n = e === 1 ? s : r, i = document.createElement("div");
+		i.className = "cmm-calendar__weekdays", i.setAttribute("role", "row");
+		for (let e of n) {
+			let t = document.createElement("span");
+			t.className = "cmm-calendar__weekday", t.setAttribute("role", "columnheader"), t.setAttribute("aria-label", e), t.textContent = e, i.appendChild(t);
+		}
+		this.gridEl.appendChild(i);
+		let a = this.buildDayGrid(e), c = t(/* @__PURE__ */ new Date()), l = document.createElement("div");
+		l.className = "cmm-calendar__row", l.setAttribute("role", "row");
+		for (let e = 0; e < a.length; e++) {
+			e > 0 && e % 7 == 0 && (this.gridEl.appendChild(l), l = document.createElement("div"), l.className = "cmm-calendar__row", l.setAttribute("role", "row"));
+			let t = a[e];
+			if (t === void 0) continue;
+			let n = document.createElement("button");
+			n.type = "button", n.setAttribute("role", "gridcell"), n.setAttribute("data-date", t.date.toISOString()), n.textContent = String(t.date.getDate());
+			let r = ["cmm-calendar__day"], i = t.date.getMonth() !== this.viewMonth, s = this.isDateDisabled(t.date);
+			i && (r.push("cmm-calendar__day--outside"), this.config.showOutsideDays === !1 && (n.style.visibility = "hidden")), s && (r.push("cmm-calendar__day--disabled"), n.setAttribute("aria-disabled", "true"), n.tabIndex = -1), o(t.date, c) && r.push("cmm-calendar__day--today"), this.config.mode === "range" ? this.applyRangeClasses(t.date, r) : this.selected !== null && o(t.date, this.selected) && (r.push("cmm-calendar__day--selected"), n.setAttribute("aria-selected", "true")), !i && !s && t.date.getDate() === this.focusedDay ? n.tabIndex = 0 : s || (n.tabIndex = -1), n.className = r.join(" "), l.appendChild(n);
+		}
+		this.gridEl.appendChild(l);
+	}
+	buildDayGrid(e) {
+		return n(this.viewYear, this.viewMonth, e).map((e) => ({ date: e }));
+	}
+	isDateDisabled(e) {
+		return i(e, this.config.minDate, this.config.maxDate, this.config.disabledDates);
+	}
+	applyRangeClasses(t, n) {
+		let r = this.rangeStart, i = this.rangeEnd ?? this.hoverDate;
+		r !== null && o(t, r) && (n.push("cmm-calendar__day--range-start"), n.push("cmm-calendar__day--selected")), i !== null && o(t, i) && (n.push("cmm-calendar__day--range-end"), n.push("cmm-calendar__day--selected")), r !== null && i !== null && e(t, r, i) && n.push("cmm-calendar__day--in-range");
+	}
+	updateRangeHighlight() {
+		let t = this.gridEl.querySelectorAll("[data-date]");
+		for (let n of t) {
+			let t = n.getAttribute("data-date");
+			if (t === null) continue;
+			let r = new Date(t);
+			n.classList.remove("cmm-calendar__day--range-start", "cmm-calendar__day--range-end", "cmm-calendar__day--in-range", "cmm-calendar__day--selected"), this.selected !== null && o(r, this.selected) && this.config.mode !== "range" && n.classList.add("cmm-calendar__day--selected");
+			let i = this.rangeStart, a = this.rangeEnd ?? this.hoverDate;
+			i !== null && o(r, i) && n.classList.add("cmm-calendar__day--range-start", "cmm-calendar__day--selected"), a !== null && o(r, a) && n.classList.add("cmm-calendar__day--range-end", "cmm-calendar__day--selected"), i !== null && a !== null && e(r, i, a) && n.classList.add("cmm-calendar__day--in-range");
+		}
+	}
+	selectDate(e) {
+		let n = t(e);
+		this.config.mode === "range" ? (this.rangeStart === null || this.rangeEnd !== null ? (this.rangeStart = n, this.rangeEnd = null) : (n < this.rangeStart ? (this.rangeEnd = this.rangeStart, this.rangeStart = n) : this.rangeEnd = n, this.config.onRangeChange?.(this.rangeStart, this.rangeEnd)), this.renderGrid(), this.updateHeaderLabel()) : (this.selected = n, this.focusedDay = n.getDate(), this.renderGrid(), this.config.onChange?.(n));
+	}
+	navigateMonth(e) {
+		this.viewMonth += e, this.viewMonth > 11 ? (this.viewMonth = 0, this.viewYear += 1) : this.viewMonth < 0 && (this.viewMonth = 11, --this.viewYear), this.focusedDay = 1, this.renderGrid(), this.updateHeaderLabel();
+	}
+	updateHeaderLabel() {
+		let e = this.headerEl.querySelector(".cmm-calendar__title");
+		e !== null && (e.textContent = `${a[this.viewMonth] ?? ""} ${String(this.viewYear)}`);
+	}
+	onKeydown(e) {
+		let t = new Date(this.viewYear, this.viewMonth + 1, 0).getDate(), n = !0;
+		switch (e.key) {
+			case "ArrowRight":
+				this.focusedDay += 1, this.focusedDay > t && (this.navigateMonth(1), this.focusedDay = 1);
+				break;
+			case "ArrowLeft":
+				--this.focusedDay, this.focusedDay < 1 && (this.navigateMonth(-1), this.focusedDay = new Date(this.viewYear, this.viewMonth + 1, 0).getDate());
+				break;
+			case "ArrowDown":
+				this.focusedDay += 7, this.focusedDay > t && (this.focusedDay -= t, this.navigateMonth(1));
+				break;
+			case "ArrowUp":
+				if (this.focusedDay -= 7, this.focusedDay < 1) {
+					this.navigateMonth(-1);
+					let e = new Date(this.viewYear, this.viewMonth + 1, 0).getDate();
+					this.focusedDay += e;
+				}
+				break;
+			case "PageDown":
+				this.navigateMonth(1);
+				break;
+			case "PageUp":
+				this.navigateMonth(-1);
+				break;
+			case "Enter":
+			case " ": {
+				let e = new Date(this.viewYear, this.viewMonth, this.focusedDay);
+				this.isDateDisabled(e) || this.selectDate(e);
+				break;
+			}
+			default: n = !1;
+		}
+		n && (e.preventDefault(), this.renderGrid(), this.gridEl.querySelector("button[tabindex=\"0\"]:not(.cmm-calendar__day--disabled)")?.focus());
+	}
+};
+//#endregion
+export { u as Calendar };
+
+//# sourceMappingURL=index.js.map

package/dist/form/calendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/form/calendar/index.ts"],"sourcesContent":["/**\n * Calendar - Month-view grid with single and range selection\n * @countermeasure/web-components/form/calendar\n */\n\nimport { type CalendarConfig } from './types'\nimport { resolveContainer, uniqueId } from '../../primitives/utils'\nimport {\n  buildDayGrid,\n  DAYS_MON,\n  DAYS_SUN,\n  isBetween,\n  isDateDisabled as sharedIsDateDisabled,\n  isSameDay,\n  MONTHS,\n  stripTime,\n  type WeekStart,\n} from '../../utils/date'\n\nexport type { CalendarConfig, WeekStart } from './types'\n\nexport class Calendar {\n  public readonly el: HTMLElement\n\n  private readonly gridId: string\n  private readonly labelId: string\n  private config: CalendarConfig\n  private viewYear: number\n  private viewMonth: number\n  private selected: Date | null\n  private rangeStart: Date | null\n  private rangeEnd: Date | null\n  private hoverDate: Date | null = null\n  private focusedDay: number\n  private isDestroyed = false\n\n  private headerEl!: HTMLElement\n  private gridEl!: HTMLElement\n\n  private readonly handleKeydown: (e: KeyboardEvent) => void\n  private readonly handleGridClick: (e: MouseEvent) => void\n  private readonly handleGridMouseover: (e: MouseEvent) => void\n  private readonly handleGridMouseleave: () => void\n\n  constructor(config: CalendarConfig) {\n    this.config = config\n    this.gridId = uniqueId('cmm-calendar-grid')\n    this.labelId = uniqueId('cmm-calendar-label')\n\n    const now = new Date()\n    const initial = config.value ?? config.rangeStart ?? now\n    this.viewYear = initial.getFullYear()\n    this.viewMonth = initial.getMonth()\n    this.selected = config.value ? stripTime(config.value) : null\n    this.rangeStart = config.rangeStart ? stripTime(config.rangeStart) : null\n    this.rangeEnd = config.rangeEnd ? stripTime(config.rangeEnd) : null\n    this.focusedDay = (this.selected ?? now).getDate()\n\n    this.el = document.createElement('div')\n    this.el.className = this.buildRootClass()\n    this.el.setAttribute('role', 'group')\n\n    this.buildHeader()\n    this.buildGrid()\n    this.renderGrid()\n\n    this.handleKeydown = (e: KeyboardEvent) => {\n      if (this.isDestroyed) return\n      this.onKeydown(e)\n    }\n\n    this.handleGridClick = (e: MouseEvent) => {\n      if (this.isDestroyed) return\n      const target = e.target as HTMLElement\n      const cell = target.closest<HTMLElement>('[data-date]')\n      if (cell === null) return\n      const dateStr = cell.getAttribute('data-date')\n      if (dateStr === null || cell.getAttribute('aria-disabled') === 'true') return\n      this.selectDate(new Date(dateStr))\n    }\n\n    this.handleGridMouseover = (e: MouseEvent) => {\n      if (this.isDestroyed || this.config.mode !== 'range') return\n      const target = e.target as HTMLElement\n      const cell = target.closest<HTMLElement>('[data-date]')\n      if (cell === null) return\n      const dateStr = cell.getAttribute('data-date')\n      if (dateStr !== null) {\n        this.hoverDate = new Date(dateStr)\n        this.updateRangeHighlight()\n      }\n    }\n\n    this.handleGridMouseleave = () => {\n      if (this.isDestroyed || this.config.mode !== 'range') return\n      this.hoverDate = null\n      this.updateRangeHighlight()\n    }\n\n    this.gridEl.addEventListener('click', this.handleGridClick)\n    this.gridEl.addEventListener('mouseover', this.handleGridMouseover)\n    this.gridEl.addEventListener('mouseleave', this.handleGridMouseleave)\n    this.el.addEventListener('keydown', this.handleKeydown)\n\n    const parent = resolveContainer(config.container)\n    parent.appendChild(this.el)\n  }\n\n  getValue(): Date | null {\n    return this.selected\n  }\n\n  setValue(date: Date | null): void {\n    this.selected = date !== null ? stripTime(date) : null\n    if (date !== null) {\n      this.viewYear = date.getFullYear()\n      this.viewMonth = date.getMonth()\n      this.focusedDay = date.getDate()\n    }\n    this.renderGrid()\n    this.updateHeaderLabel()\n  }\n\n  setRange(start: Date | null, end: Date | null): void {\n    this.rangeStart = start !== null ? stripTime(start) : null\n    this.rangeEnd = end !== null ? stripTime(end) : null\n    this.renderGrid()\n  }\n\n  goToMonth(year: number, month: number): void {\n    this.viewYear = year\n    this.viewMonth = month\n    this.focusedDay = 1\n    this.renderGrid()\n    this.updateHeaderLabel()\n  }\n\n  destroy(): void {\n    this.isDestroyed = true\n    this.gridEl.removeEventListener('click', this.handleGridClick)\n    this.gridEl.removeEventListener('mouseover', this.handleGridMouseover)\n    this.gridEl.removeEventListener('mouseleave', this.handleGridMouseleave)\n    this.el.removeEventListener('keydown', this.handleKeydown)\n    this.el.remove()\n  }\n\n  private buildRootClass(): string {\n    const classes = ['cmm-calendar']\n    if (this.config.className) classes.push(this.config.className)\n    return classes.join(' ')\n  }\n\n  private buildHeader(): void {\n    this.headerEl = document.createElement('div')\n    this.headerEl.className = 'cmm-calendar__header'\n\n    const prevBtn = document.createElement('button')\n    prevBtn.type = 'button'\n    prevBtn.className = 'cmm-calendar__nav-btn'\n    prevBtn.setAttribute('aria-label', 'Previous month')\n    prevBtn.innerHTML =\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M10 12L6 8L10 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>'\n    prevBtn.addEventListener('click', () => {\n      if (this.isDestroyed) return\n      this.navigateMonth(-1)\n    })\n\n    const titleEl = document.createElement('span')\n    titleEl.id = this.labelId\n    titleEl.className = 'cmm-calendar__title'\n    titleEl.textContent = `${MONTHS[this.viewMonth] ?? ''} ${String(this.viewYear)}`\n\n    const nextBtn = document.createElement('button')\n    nextBtn.type = 'button'\n    nextBtn.className = 'cmm-calendar__nav-btn'\n    nextBtn.setAttribute('aria-label', 'Next month')\n    nextBtn.innerHTML =\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M6 4L10 8L6 12\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>'\n    nextBtn.addEventListener('click', () => {\n      if (this.isDestroyed) return\n      this.navigateMonth(1)\n    })\n\n    this.headerEl.appendChild(prevBtn)\n    this.headerEl.appendChild(titleEl)\n    this.headerEl.appendChild(nextBtn)\n    this.el.appendChild(this.headerEl)\n  }\n\n  private buildGrid(): void {\n    this.gridEl = document.createElement('div')\n    this.gridEl.id = this.gridId\n    this.gridEl.className = 'cmm-calendar__grid'\n    this.gridEl.setAttribute('role', 'grid')\n    this.gridEl.setAttribute('aria-labelledby', this.labelId)\n    this.gridEl.tabIndex = 0\n    this.el.appendChild(this.gridEl)\n  }\n\n  private renderGrid(): void {\n    this.gridEl.innerHTML = ''\n\n    const weekStart = this.config.weekStart ?? 0\n    const dayLabels = weekStart === 1 ? DAYS_MON : DAYS_SUN\n\n    const weekdayRow = document.createElement('div')\n    weekdayRow.className = 'cmm-calendar__weekdays'\n    weekdayRow.setAttribute('role', 'row')\n    for (const label of dayLabels) {\n      const cell = document.createElement('span')\n      cell.className = 'cmm-calendar__weekday'\n      cell.setAttribute('role', 'columnheader')\n      cell.setAttribute('aria-label', label)\n      cell.textContent = label\n      weekdayRow.appendChild(cell)\n    }\n    this.gridEl.appendChild(weekdayRow)\n\n    const days = this.buildDayGrid(weekStart)\n    const today = stripTime(new Date())\n\n    let row = document.createElement('div')\n    row.className = 'cmm-calendar__row'\n    row.setAttribute('role', 'row')\n\n    for (let i = 0; i < days.length; i++) {\n      if (i > 0 && i % 7 === 0) {\n        this.gridEl.appendChild(row)\n        row = document.createElement('div')\n        row.className = 'cmm-calendar__row'\n        row.setAttribute('role', 'row')\n      }\n\n      const day = days[i]\n      if (day === undefined) continue\n      const cell = document.createElement('button')\n      cell.type = 'button'\n      cell.setAttribute('role', 'gridcell')\n      cell.setAttribute('data-date', day.date.toISOString())\n      cell.textContent = String(day.date.getDate())\n\n      const classes = ['cmm-calendar__day']\n      const isOutside = day.date.getMonth() !== this.viewMonth\n      const isDisabled = this.isDateDisabled(day.date)\n\n      if (isOutside) {\n        classes.push('cmm-calendar__day--outside')\n        if (this.config.showOutsideDays === false) {\n          cell.style.visibility = 'hidden'\n        }\n      }\n\n      if (isDisabled) {\n        classes.push('cmm-calendar__day--disabled')\n        cell.setAttribute('aria-disabled', 'true')\n        cell.tabIndex = -1\n      }\n\n      if (isSameDay(day.date, today)) {\n        classes.push('cmm-calendar__day--today')\n      }\n\n      if (this.config.mode === 'range') {\n        this.applyRangeClasses(day.date, classes)\n      } else if (this.selected !== null && isSameDay(day.date, this.selected)) {\n        classes.push('cmm-calendar__day--selected')\n        cell.setAttribute('aria-selected', 'true')\n      }\n\n      if (!isOutside && !isDisabled && day.date.getDate() === this.focusedDay) {\n        cell.tabIndex = 0\n      } else if (!isDisabled) {\n        cell.tabIndex = -1\n      }\n\n      cell.className = classes.join(' ')\n      row.appendChild(cell)\n    }\n    this.gridEl.appendChild(row)\n  }\n\n  private buildDayGrid(weekStart: WeekStart): { date: Date }[] {\n    return buildDayGrid(this.viewYear, this.viewMonth, weekStart).map(date => ({ date }))\n  }\n\n  private isDateDisabled(date: Date): boolean {\n    return sharedIsDateDisabled(\n      date,\n      this.config.minDate,\n      this.config.maxDate,\n      this.config.disabledDates\n    )\n  }\n\n  private applyRangeClasses(date: Date, classes: string[]): void {\n    const start = this.rangeStart\n    const end = this.rangeEnd ?? this.hoverDate\n\n    if (start !== null && isSameDay(date, start)) {\n      classes.push('cmm-calendar__day--range-start')\n      classes.push('cmm-calendar__day--selected')\n    }\n    if (end !== null && isSameDay(date, end)) {\n      classes.push('cmm-calendar__day--range-end')\n      classes.push('cmm-calendar__day--selected')\n    }\n    if (start !== null && end !== null && isBetween(date, start, end)) {\n      classes.push('cmm-calendar__day--in-range')\n    }\n  }\n\n  private updateRangeHighlight(): void {\n    const cells = this.gridEl.querySelectorAll<HTMLElement>('[data-date]')\n    for (const cell of cells) {\n      const dateStr = cell.getAttribute('data-date')\n      if (dateStr === null) continue\n      const date = new Date(dateStr)\n\n      cell.classList.remove(\n        'cmm-calendar__day--range-start',\n        'cmm-calendar__day--range-end',\n        'cmm-calendar__day--in-range',\n        'cmm-calendar__day--selected'\n      )\n\n      if (\n        this.selected !== null &&\n        isSameDay(date, this.selected) &&\n        this.config.mode !== 'range'\n      ) {\n        cell.classList.add('cmm-calendar__day--selected')\n      }\n\n      const start = this.rangeStart\n      const end = this.rangeEnd ?? this.hoverDate\n      if (start !== null && isSameDay(date, start)) {\n        cell.classList.add('cmm-calendar__day--range-start', 'cmm-calendar__day--selected')\n      }\n      if (end !== null && isSameDay(date, end)) {\n        cell.classList.add('cmm-calendar__day--range-end', 'cmm-calendar__day--selected')\n      }\n      if (start !== null && end !== null && isBetween(date, start, end)) {\n        cell.classList.add('cmm-calendar__day--in-range')\n      }\n    }\n  }\n\n  private selectDate(date: Date): void {\n    const d = stripTime(date)\n    if (this.config.mode === 'range') {\n      if (this.rangeStart === null || this.rangeEnd !== null) {\n        this.rangeStart = d\n        this.rangeEnd = null\n      } else {\n        if (d < this.rangeStart) {\n          this.rangeEnd = this.rangeStart\n          this.rangeStart = d\n        } else {\n          this.rangeEnd = d\n        }\n        this.config.onRangeChange?.(this.rangeStart, this.rangeEnd)\n      }\n      this.renderGrid()\n      this.updateHeaderLabel()\n    } else {\n      this.selected = d\n      this.focusedDay = d.getDate()\n      this.renderGrid()\n      this.config.onChange?.(d)\n    }\n  }\n\n  private navigateMonth(delta: number): void {\n    this.viewMonth += delta\n    if (this.viewMonth > 11) {\n      this.viewMonth = 0\n      this.viewYear += 1\n    } else if (this.viewMonth < 0) {\n      this.viewMonth = 11\n      this.viewYear -= 1\n    }\n    this.focusedDay = 1\n    this.renderGrid()\n    this.updateHeaderLabel()\n  }\n\n  private updateHeaderLabel(): void {\n    const titleEl = this.headerEl.querySelector('.cmm-calendar__title')\n    if (titleEl !== null) {\n      titleEl.textContent = `${MONTHS[this.viewMonth] ?? ''} ${String(this.viewYear)}`\n    }\n  }\n\n  private onKeydown(e: KeyboardEvent): void {\n    const maxDay = new Date(this.viewYear, this.viewMonth + 1, 0).getDate()\n    let handled = true\n\n    switch (e.key) {\n      case 'ArrowRight':\n        this.focusedDay += 1\n        if (this.focusedDay > maxDay) {\n          this.navigateMonth(1)\n          this.focusedDay = 1\n        }\n        break\n      case 'ArrowLeft':\n        this.focusedDay -= 1\n        if (this.focusedDay < 1) {\n          this.navigateMonth(-1)\n          this.focusedDay = new Date(this.viewYear, this.viewMonth + 1, 0).getDate()\n        }\n        break\n      case 'ArrowDown':\n        this.focusedDay += 7\n        if (this.focusedDay > maxDay) {\n          this.focusedDay -= maxDay\n          this.navigateMonth(1)\n        }\n        break\n      case 'ArrowUp':\n        this.focusedDay -= 7\n        if (this.focusedDay < 1) {\n          this.navigateMonth(-1)\n          const prevMax = new Date(this.viewYear, this.viewMonth + 1, 0).getDate()\n          this.focusedDay += prevMax\n        }\n        break\n      case 'PageDown':\n        this.navigateMonth(1)\n        break\n      case 'PageUp':\n        this.navigateMonth(-1)\n        break\n      case 'Enter':\n      case ' ': {\n        const focusDate = new Date(this.viewYear, this.viewMonth, this.focusedDay)\n        if (!this.isDateDisabled(focusDate)) {\n          this.selectDate(focusDate)\n        }\n        break\n      }\n      default:\n        handled = false\n    }\n\n    if (handled) {\n      e.preventDefault()\n      this.renderGrid()\n      const active = this.gridEl.querySelector<HTMLElement>(\n        `button[tabindex=\"0\"]:not(.cmm-calendar__day--disabled)`\n      )\n      active?.focus()\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/form/calendar/types.d.ts

@@ -0,0 +1,18 @@
+import { WeekStart } from '../../utils/date';
+export type { WeekStart } from '../../utils/date';
+export interface CalendarConfig {
+    container: HTMLElement | string;
+    value?: Date | null;
+    rangeStart?: Date | null;
+    rangeEnd?: Date | null;
+    mode?: 'single' | 'range';
+    minDate?: Date | undefined;
+    maxDate?: Date | undefined;
+    disabledDates?: Date[] | ((date: Date) => boolean) | undefined;
+    weekStart?: WeekStart | undefined;
+    showOutsideDays?: boolean | undefined;
+    className?: string;
+    onChange?: (date: Date) => void;
+    onRangeChange?: (start: Date | null, end: Date | null) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/form/calendar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/form/calendar/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAEjD,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAEjD,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,WAAW,GAAG,MAAM,CAAA;IAC/B,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACxB,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACtB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IACzB,OAAO,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IAC1B,aAAa,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,GAAG,SAAS,CAAA;IAC9D,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAC/B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;CAC/D"}

package/dist/form/color-picker/index.d.ts

@@ -0,0 +1,78 @@
+import { ColorPickerConfig } from './types';
+export type { ColorPickerConfig } from './types';
+export declare class ColorPicker {
+    private readonly container;
+    private readonly config;
+    private readonly id;
+    private rgba;
+    private hue;
+    private saturation;
+    private brightness;
+    private swatchEl;
+    private panelEl;
+    private satCanvas;
+    private hueCanvas;
+    private alphaCanvas;
+    private hexInput;
+    private rInput;
+    private gInput;
+    private bInput;
+    private isOpen;
+    private readonly boundOnDocClick;
+    private activeDrag;
+    constructor(config: ColorPickerConfig);
+    /** Get the current color value in the configured format */
+    getValue(): string;
+    /** Set the color value (accepts hex, updates all internal state) */
+    setValue(color: string): void;
+    /** Clean up DOM and event listeners */
+    destroy(): void;
+    /** Format the output color value based on the configured format */
+    private formatOutput;
+    /** Build the full DOM structure */
+    private render;
+    /** Build a small number input group */
+    private buildNumberInput;
+    /** Sync HSV values from the current RGBA and update UI */
+    private syncFromRgba;
+    /** Toggle the picker panel open/closed */
+    private togglePanel;
+    /** Open the picker panel */
+    private openPanel;
+    /** Close the picker panel */
+    private closePanel;
+    /** Handle document click to close panel */
+    private onDocumentClick;
+    /** Draw the saturation/brightness 2D gradient */
+    private drawSaturation;
+    /** Draw the hue rainbow slider */
+    private drawHue;
+    /** Draw the alpha slider with checkerboard background */
+    private drawAlpha;
+    /** Update all UI elements to reflect current state */
+    private updateAllUI;
+    /** Emit the onChange callback */
+    private emitChange;
+    /** Announce color change to screen readers */
+    private announceColor;
+    private readonly onSatMouseDown;
+    private readonly onSatTouchStart;
+    private updateSatFromPos;
+    private updateSatFromClient;
+    private readonly onHueMouseDown;
+    private readonly onHueTouchStart;
+    private updateHueFromPos;
+    private updateHueFromClient;
+    private readonly onAlphaMouseDown;
+    private readonly onAlphaTouchStart;
+    private updateAlphaFromPos;
+    private updateAlphaFromClient;
+    private readonly onMouseMove;
+    private readonly onMouseUp;
+    private readonly onTouchMove;
+    private readonly onTouchEnd;
+    private readonly onSatKeyDown;
+    private readonly onHueKeyDown;
+    private readonly onAlphaKeyDown;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/form/color-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/form/color-picker/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAIhD,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAgOhD,qBAAa,WAAW;IACtB,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAa;IACvC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAmB;IAC1C,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAQ;IAE3B,OAAO,CAAC,IAAI,CAAmC;IAC/C,OAAO,CAAC,GAAG,CAAI;IACf,OAAO,CAAC,UAAU,CAAI;IACtB,OAAO,CAAC,UAAU,CAAI;IAEtB,OAAO,CAAC,QAAQ,CAA2B;IAC3C,OAAO,CAAC,OAAO,CAA2B;IAC1C,OAAO,CAAC,SAAS,CAAiC;IAClD,OAAO,CAAC,SAAS,CAAiC;IAClD,OAAO,CAAC,WAAW,CAAiC;IACpD,OAAO,CAAC,QAAQ,CAAgC;IAChD,OAAO,CAAC,MAAM,CAAgC;IAC9C,OAAO,CAAC,MAAM,CAAgC;IAC9C,OAAO,CAAC,MAAM,CAAgC;IAC9C,OAAO,CAAC,MAAM,CAAQ;IAEtB,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAyB;IACzD,OAAO,CAAC,UAAU,CAA8C;gBAEpD,MAAM,EAAE,iBAAiB;IAiBrC,2DAA2D;IAC3D,QAAQ,IAAI,MAAM;IAIlB,oEAAoE;IACpE,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAS7B,uCAAuC;IACvC,OAAO,IAAI,IAAI;IAaf,mEAAmE;IACnE,OAAO,CAAC,YAAY;IAapB,mCAAmC;IACnC,OAAO,CAAC,MAAM;IAkNd,uCAAuC;IACvC,OAAO,CAAC,gBAAgB;IA6BxB,0DAA0D;IAC1D,OAAO,CAAC,YAAY;IASpB,0CAA0C;IAC1C,OAAO,CAAC,WAAW;IAQnB,4BAA4B;IAC5B,OAAO,CAAC,SAAS;IAYjB,6BAA6B;IAC7B,OAAO,CAAC,UAAU;IAOlB,2CAA2C;IAC3C,OAAO,CAAC,eAAe;IAMvB,iDAAiD;IACjD,OAAO,CAAC,cAAc;IA6CtB,kCAAkC;IAClC,OAAO,CAAC,OAAO;IA8Bf,yDAAyD;IACzD,OAAO,CAAC,SAAS;IAsCjB,sDAAsD;IACtD,OAAO,CAAC,WAAW;IAwBnB,iCAAiC;IACjC,OAAO,CAAC,UAAU;IAIlB,8CAA8C;IAC9C,OAAO,CAAC,aAAa;IAYrB,OAAO,CAAC,QAAQ,CAAC,cAAc,CAM9B;IAED,OAAO,CAAC,QAAQ,CAAC,eAAe,CAS/B;IAED,OAAO,CAAC,gBAAgB;IAUxB,OAAO,CAAC,mBAAmB;IAW3B,OAAO,CAAC,QAAQ,CAAC,cAAc,CAM9B;IAED,OAAO,CAAC,QAAQ,CAAC,eAAe,CAS/B;IAED,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAMhC;IAED,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CASjC;IAED,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,qBAAqB;IAS7B,OAAO,CAAC,QAAQ,CAAC,WAAW,CAa3B;IAED,OAAO,CAAC,QAAQ,CAAC,SAAS,CAIzB;IAED,OAAO,CAAC,QAAQ,CAAC,WAAW,CAe3B;IAED,OAAO,CAAC,QAAQ,CAAC,UAAU,CAI1B;IAID,OAAO,CAAC,QAAQ,CAAC,YAAY,CA4B5B;IAED,OAAO,CAAC,QAAQ,CAAC,YAAY,CA8B5B;IAED,OAAO,CAAC,QAAQ,CAAC,cAAc,CA6B9B;CACF"}