@devalok/shilp-sutra 0.34.0 → 0.36.0

package/dist/_chunks/use-calendar.js

@@ -1,210 +1,163 @@
 "use client";
-import { jsxs as y, jsx as i } from "react/jsx-runtime";
-import * as w from "react";
-import { useState as ae } from "react";
-import { format as m, startOfMonth as k, endOfMonth as ie, startOfWeek as ce, endOfWeek as de, addDays as b, subMonths as z, addMonths as B, isSameMonth as Y, isSameDay as x, lastDayOfMonth as le, isBefore as N, startOfDay as G, isAfter as T, isWithinInterval as L, setYear as ue, setMonth as fe } from "date-fns";
-import { IconChevronLeft as me, IconChevronRight as pe } from "@tabler/icons-react";
-import { Icon as P } from "../ui/icon.js";
-import { cn as C } from "../ui/lib/utils.js";
-const be = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], he = w.forwardRef(
-  function({
-    currentMonth: c,
-    selected: d,
-    rangeStart: o,
-    rangeEnd: l,
-    hoverDate: f,
-    onSelect: v,
-    onHover: a,
-    onMonthChange: u,
-    onHeaderClick: R,
-    disabledDates: q,
-    minDate: j,
-    maxDate: A,
-    hidePrevNav: F,
-    hideNextNav: S,
-    events: g,
-    className: U,
-    ...$
-  }, J) {
-    const M = w.useRef(null), Q = w.useMemo(() => {
-      const e = /* @__PURE__ */ new Map();
-      if (!g) return e;
-      for (const n of g) {
-        const t = m(n.date, "yyyy-MM-dd"), s = e.get(t) ?? [];
-        s.push(n), e.set(t, s);
-      }
-      return e;
-    }, [g]), V = k(c), X = ie(c), Z = ce(V), _ = de(X), E = [];
-    let h = Z;
-    for (; h <= _; )
-      E.push(h), h = b(h, 1);
-    const I = (e) => !!(q?.(e) || j && N(e, G(j)) || A && T(e, G(A))), H = (e) => {
-      if (o && l) {
-        const n = N(o, l) ? o : l, t = T(l, o) ? l : o;
-        return L(e, { start: n, end: t });
-      }
-      if (o && f) {
-        const n = N(o, f) ? o : f, t = T(f, o) ? f : o;
-        return L(e, { start: n, end: t });
-      }
-      return !1;
-    }, ee = (e) => !!(o && x(e, o) || l && x(e, l)), te = (e) => {
-      if (!M.current) return;
-      const n = m(e, "yyyy-MM-dd"), t = M.current.querySelector(
-        `[data-date="${n}"]`
-      );
-      t ? t.focus() : u(k(e));
-    }, se = (e) => {
-      const t = e.target.getAttribute("data-date");
-      if (!t) return;
-      const s = /* @__PURE__ */ new Date(t + "T00:00:00");
-      let r = null;
-      switch (e.key) {
-        case "ArrowLeft":
-          r = b(s, -1);
-          break;
-        case "ArrowRight":
-          r = b(s, 1);
-          break;
-        case "ArrowUp":
-          r = b(s, -7);
-          break;
-        case "ArrowDown":
-          r = b(s, 7);
-          break;
-        case "Home":
-          r = k(s);
-          break;
-        case "End":
-          r = le(s);
-          break;
-        case "Enter":
-        case " ": {
-          e.preventDefault(), !I(s) && Y(s, c) && v(s);
-          return;
-        }
-        default:
-          return;
-      }
-      r && (e.preventDefault(), te(r));
-    };
-    return /* @__PURE__ */ y("div", { ref: J, ...$, className: C("w-[252px]", U), children: [
-      /* @__PURE__ */ y("div", { className: "flex items-center justify-between px-ds-02 pb-ds-04", children: [
-        F ? /* @__PURE__ */ i("span", { className: "h-ds-xs-plus w-ds-xs-plus" }) : /* @__PURE__ */ i(
-          "button",
-          {
-            type: "button",
-            onClick: () => u(z(c, 1)),
-            className: "inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md text-surface-fg-subtle transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised-hover hover:text-surface-fg-muted focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9",
-            "aria-label": "Previous month",
-            children: /* @__PURE__ */ i(P, { icon: me, size: "sm", stroke: "light" })
-          }
-        ),
-        /* @__PURE__ */ i(
-          "button",
-          {
-            type: "button",
-            onClick: R,
-            className: C(
-              "text-ds-md font-semibold text-surface-fg",
-              R && "cursor-pointer rounded-ds-md px-ds-02 transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised-hover"
-            ),
-            "aria-label": "Switch to month/year view",
-            children: m(c, "MMMM yyyy")
-          }
-        ),
-        S ? /* @__PURE__ */ i("span", { className: "h-ds-xs-plus w-ds-xs-plus" }) : /* @__PURE__ */ i(
-          "button",
-          {
-            type: "button",
-            onClick: () => u(B(c, 1)),
-            className: "inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md text-surface-fg-subtle transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised-hover hover:text-surface-fg-muted focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9",
-            "aria-label": "Next month",
-            children: /* @__PURE__ */ i(P, { icon: pe, size: "sm", stroke: "light" })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ y(
-        "div",
-        {
-          ref: M,
-          className: "grid grid-cols-7 gap-0",
-          role: "grid",
-          tabIndex: 0,
-          "aria-label": "Calendar",
-          onKeyDown: se,
-          children: [
-            be.map((e) => /* @__PURE__ */ i(
-              "div",
-              {
-                role: "columnheader",
-                className: "flex h-ds-sm items-center justify-center text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle",
-                children: e
-              },
-              e
-            )),
-            E.map((e, n) => {
-              const t = Y(e, c), s = I(e), r = d && x(e, d), O = H(e), p = ee(e), oe = x(e, /* @__PURE__ */ new Date()), W = m(e, "yyyy-MM-dd"), K = Q.get(W) ?? [];
-              return /* @__PURE__ */ y(
-                "button",
-                {
-                  type: "button",
-                  role: "gridcell",
-                  "data-date": W,
-                  tabIndex: t && !s ? 0 : -1,
-                  disabled: !t || s,
-                  onClick: () => {
-                    t && !s && v(e);
-                  },
-                  onMouseEnter: () => a?.(e),
-                  onMouseLeave: () => a?.(null),
-                  "aria-label": m(e, "EEEE, MMMM d, yyyy"),
-                  "aria-selected": r || p || void 0,
-                  "aria-disabled": !t || s || void 0,
-                  className: C(
-                    "relative flex h-ds-sm w-ds-sm-plus items-center justify-center rounded-ds-md text-ds-md font-body transition-colors duration-fast-01 ease-productive-standard",
-                    !t && "pointer-events-none opacity-0",
-                    t && s && "opacity-action-disabled pointer-events-none cursor-not-allowed",
-                    t && !s && !r && !p && !O && "text-surface-fg hover:bg-surface-raised-hover",
-                    O && !p && "rounded-ds-none bg-surface-raised-hover text-surface-fg",
-                    (r || p) && "bg-accent-9 text-accent-fg hover:bg-accent-10",
-                    oe && !r && !p && !s && "font-semibold text-accent-11"
-                  ),
-                  children: [
-                    m(e, "d"),
-                    K.length > 0 && /* @__PURE__ */ i("span", { className: "flex gap-px justify-center absolute bottom-[2px] left-0 right-0", children: K.slice(0, 3).map((re, ne) => /* @__PURE__ */ i(
-                      "span",
-                      {
-                        "data-event-dot": !0,
-                        className: "h-[4px] w-[4px] rounded-ds-full",
-                        style: { backgroundColor: re.color ?? "var(--color-accent-9)" }
-                      },
-                      ne
-                    )) })
-                  ]
-                },
-                n
-              );
-            })
-          ]
-        }
-      )
-    ] });
-  }
-);
-he.displayName = "CalendarGrid";
-function ke(D) {
-  const [c, d] = ae(D ?? /* @__PURE__ */ new Date());
-  return {
-    currentMonth: c,
-    setCurrentMonth: d,
-    goToPreviousMonth: () => d((a) => z(a, 1)),
-    goToNextMonth: () => d((a) => B(a, 1)),
-    goToMonth: (a) => d((u) => fe(u, a)),
-    goToYear: (a) => d((u) => ue(u, a))
-  };
+import { cn as e } from "../ui/lib/utils.js";
+import { Icon as t } from "../ui/icon.js";
+import * as n from "react";
+import { useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { IconChevronLeft as o, IconChevronRight as s } from "@tabler/icons-react";
+import { addDays as c, addMonths as l, endOfMonth as u, endOfWeek as d, format as f, isAfter as p, isBefore as m, isSameDay as h, isSameMonth as g, isWithinInterval as _, lastDayOfMonth as v, setMonth as y, setYear as b, startOfDay as x, startOfMonth as S, startOfWeek as C, subMonths as w } from "date-fns";
+//#region src/composed/date-picker/calendar-grid.tsx
+var T = [
+	"Su",
+	"Mo",
+	"Tu",
+	"We",
+	"Th",
+	"Fr",
+	"Sa"
+], E = n.forwardRef(function({ currentMonth: r, selected: y, rangeStart: b, rangeEnd: E, hoverDate: D, onSelect: O, onHover: k, onMonthChange: A, onHeaderClick: j, disabledDates: M, minDate: N, maxDate: P, hidePrevNav: F, hideNextNav: I, events: L, className: R, ...z }, B) {
+	let V = n.useRef(null), H = n.useMemo(() => {
+		let e = /* @__PURE__ */ new Map();
+		if (!L) return e;
+		for (let t of L) {
+			let n = f(t.date, "yyyy-MM-dd"), r = e.get(n) ?? [];
+			r.push(t), e.set(n, r);
+		}
+		return e;
+	}, [L]), U = S(r), W = u(r), G = C(U), K = d(W), q = [], J = G;
+	for (; J <= K;) q.push(J), J = c(J, 1);
+	let Y = (e) => !!(M?.(e) || N && m(e, x(N)) || P && p(e, x(P))), X = (e) => b && E ? _(e, {
+		start: m(b, E) ? b : E,
+		end: p(E, b) ? E : b
+	}) : b && D ? _(e, {
+		start: m(b, D) ? b : D,
+		end: p(D, b) ? D : b
+	}) : !1, Z = (e) => !!(b && h(e, b) || E && h(e, E)), Q = (e) => {
+		if (!V.current) return;
+		let t = f(e, "yyyy-MM-dd"), n = V.current.querySelector(`[data-date="${t}"]`);
+		n ? n.focus() : A(S(e));
+	}, $ = (e) => {
+		let t = e.target.getAttribute("data-date");
+		if (!t) return;
+		let n = /* @__PURE__ */ new Date(t + "T00:00:00"), i = null;
+		switch (e.key) {
+			case "ArrowLeft":
+				i = c(n, -1);
+				break;
+			case "ArrowRight":
+				i = c(n, 1);
+				break;
+			case "ArrowUp":
+				i = c(n, -7);
+				break;
+			case "ArrowDown":
+				i = c(n, 7);
+				break;
+			case "Home":
+				i = S(n);
+				break;
+			case "End":
+				i = v(n);
+				break;
+			case "Enter":
+			case " ":
+				e.preventDefault(), !Y(n) && g(n, r) && O(n);
+				return;
+			default: return;
+		}
+		i && (e.preventDefault(), Q(i));
+	};
+	return /* @__PURE__ */ a("div", {
+		ref: B,
+		...z,
+		className: e("w-[252px]", R),
+		children: [/* @__PURE__ */ a("div", {
+			className: "flex items-center justify-between px-ds-02 pb-ds-04",
+			children: [
+				F ? /* @__PURE__ */ i("span", { className: "h-ds-xs-plus w-ds-xs-plus" }) : /* @__PURE__ */ i("button", {
+					type: "button",
+					onClick: () => A(w(r, 1)),
+					className: "inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md text-surface-fg-subtle transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised-hover hover:text-surface-fg-muted focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9",
+					"aria-label": "Previous month",
+					children: /* @__PURE__ */ i(t, {
+						icon: o,
+						size: "sm",
+						stroke: "light"
+					})
+				}),
+				/* @__PURE__ */ i("button", {
+					type: "button",
+					onClick: j,
+					className: e("text-ds-md font-semibold text-surface-fg", j && "cursor-pointer rounded-ds-md px-ds-02 transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised-hover"),
+					"aria-label": "Switch to month/year view",
+					children: f(r, "MMMM yyyy")
+				}),
+				I ? /* @__PURE__ */ i("span", { className: "h-ds-xs-plus w-ds-xs-plus" }) : /* @__PURE__ */ i("button", {
+					type: "button",
+					onClick: () => A(l(r, 1)),
+					className: "inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md text-surface-fg-subtle transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised-hover hover:text-surface-fg-muted focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9",
+					"aria-label": "Next month",
+					children: /* @__PURE__ */ i(t, {
+						icon: s,
+						size: "sm",
+						stroke: "light"
+					})
+				})
+			]
+		}), /* @__PURE__ */ a("div", {
+			ref: V,
+			className: "grid grid-cols-7 gap-0",
+			role: "grid",
+			tabIndex: 0,
+			"aria-label": "Calendar",
+			onKeyDown: $,
+			children: [T.map((e) => /* @__PURE__ */ i("div", {
+				role: "columnheader",
+				className: "flex h-ds-sm items-center justify-center text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle",
+				children: e
+			}, e)), q.map((t, n) => {
+				let o = g(t, r), s = Y(t), c = y && h(t, y), l = X(t), u = Z(t), d = h(t, /* @__PURE__ */ new Date()), p = f(t, "yyyy-MM-dd"), m = H.get(p) ?? [];
+				return /* @__PURE__ */ a("button", {
+					type: "button",
+					role: "gridcell",
+					"data-date": p,
+					tabIndex: o && !s ? 0 : -1,
+					disabled: !o || s,
+					onClick: () => {
+						o && !s && O(t);
+					},
+					onMouseEnter: () => k?.(t),
+					onMouseLeave: () => k?.(null),
+					"aria-label": f(t, "EEEE, MMMM d, yyyy"),
+					"aria-selected": c || u || void 0,
+					"aria-disabled": !o || s || void 0,
+					className: e("relative flex h-ds-sm w-ds-sm-plus items-center justify-center rounded-ds-md text-ds-md font-body transition-colors duration-fast-01 ease-productive-standard", !o && "pointer-events-none opacity-0", o && s && "opacity-action-disabled pointer-events-none cursor-not-allowed", o && !s && !c && !u && !l && "text-surface-fg hover:bg-surface-raised-hover", l && !u && "rounded-ds-none bg-surface-raised-hover text-surface-fg", (c || u) && "bg-accent-9 text-accent-fg hover:bg-accent-10", d && !c && !u && !s && "font-semibold text-accent-11"),
+					children: [f(t, "d"), m.length > 0 && /* @__PURE__ */ i("span", {
+						className: "flex gap-px justify-center absolute bottom-[2px] left-0 right-0",
+						children: m.slice(0, 3).map((e, t) => /* @__PURE__ */ i("span", {
+							"data-event-dot": !0,
+							className: "h-[4px] w-[4px] rounded-ds-full",
+							style: { backgroundColor: e.color ?? "var(--color-accent-9)" }
+						}, t))
+					})]
+				}, n);
+			})]
+		})]
+	});
+});
+E.displayName = "CalendarGrid";
+//#endregion
+//#region src/composed/date-picker/use-calendar.ts
+function D(e) {
+	let [t, n] = r(e ?? /* @__PURE__ */ new Date());
+	return {
+		currentMonth: t,
+		setCurrentMonth: n,
+		goToPreviousMonth: () => n((e) => w(e, 1)),
+		goToNextMonth: () => n((e) => l(e, 1)),
+		goToMonth: (e) => n((t) => y(t, e)),
+		goToYear: (e) => n((t) => b(t, e))
+	};
 }
-export {
-  he as C,
-  ke as u
-};
+//#endregion
+export { E as n, D as t };

package/dist/_chunks/use-calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-calendar.js","names":[],"sources":["../../src/composed/date-picker/calendar-grid.tsx","../../src/composed/date-picker/use-calendar.ts"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport {\n  format,\n  startOfMonth,\n  endOfMonth,\n  startOfWeek,\n  endOfWeek,\n  addDays,\n  addMonths,\n  subMonths,\n  isSameMonth,\n  isSameDay,\n  isWithinInterval,\n  isBefore,\n  isAfter,\n  startOfDay,\n  lastDayOfMonth,\n} from 'date-fns'\nimport { IconChevronLeft, IconChevronRight } from '@tabler/icons-react'\nimport { Icon } from '../../ui/icon'\nimport { cn } from '../../ui/lib/utils'\n\nconst WEEKDAYS = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']\n\nexport interface CalendarEvent {\n  date: Date\n  color?: string\n  label?: string\n}\n\nexport interface CalendarGridProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onSelect'> {\n  currentMonth: Date\n  selected?: Date | null\n  rangeStart?: Date | null\n  rangeEnd?: Date | null\n  hoverDate?: Date | null\n  onSelect: (date: Date) => void\n  onHover?: (date: Date | null) => void\n  onMonthChange: (date: Date) => void\n  onHeaderClick?: () => void\n  disabledDates?: (date: Date) => boolean\n  minDate?: Date\n  maxDate?: Date\n  /** Hide the previous-month navigation arrow */\n  hidePrevNav?: boolean\n  /** Hide the next-month navigation arrow */\n  hideNextNav?: boolean\n  /** Events to display as dot indicators on dates */\n  events?: CalendarEvent[]\n}\n\nexport const CalendarGrid = React.forwardRef<HTMLDivElement, CalendarGridProps>(\n  function CalendarGrid({\n  currentMonth,\n  selected,\n  rangeStart,\n  rangeEnd,\n  hoverDate,\n  onSelect,\n  onHover,\n  onMonthChange,\n  onHeaderClick,\n  disabledDates,\n  minDate,\n  maxDate,\n  hidePrevNav,\n  hideNextNav,\n  events,\n  className,\n  ...props\n}, forwardedRef) {\n  const gridRef = React.useRef<HTMLDivElement>(null)\n\n  const eventsByDate = React.useMemo(() => {\n    const map = new Map<string, CalendarEvent[]>()\n    if (!events) return map\n    for (const evt of events) {\n      const key = format(evt.date, 'yyyy-MM-dd')\n      const arr = map.get(key) ?? []\n      arr.push(evt)\n      map.set(key, arr)\n    }\n    return map\n  }, [events])\n\n  const monthStart = startOfMonth(currentMonth)\n  const monthEnd = endOfMonth(currentMonth)\n  const calendarStart = startOfWeek(monthStart)\n  const calendarEnd = endOfWeek(monthEnd)\n\n  const days: Date[] = []\n  let day = calendarStart\n  while (day <= calendarEnd) {\n    days.push(day)\n    day = addDays(day, 1)\n  }\n\n  const isDateDisabled = (date: Date): boolean => {\n    if (disabledDates?.(date)) return true\n    if (minDate && isBefore(date, startOfDay(minDate))) return true\n    if (maxDate && isAfter(date, startOfDay(maxDate))) return true\n    return false\n  }\n\n  const isInRange = (date: Date) => {\n    if (rangeStart && rangeEnd) {\n      const start = isBefore(rangeStart, rangeEnd) ? rangeStart : rangeEnd\n      const end = isAfter(rangeEnd, rangeStart) ? rangeEnd : rangeStart\n      return isWithinInterval(date, { start, end })\n    }\n    if (rangeStart && hoverDate) {\n      const start = isBefore(rangeStart, hoverDate) ? rangeStart : hoverDate\n      const end = isAfter(hoverDate, rangeStart) ? hoverDate : rangeStart\n      return isWithinInterval(date, { start, end })\n    }\n    return false\n  }\n\n  const isRangeEdge = (date: Date) => {\n    if (rangeStart && isSameDay(date, rangeStart)) return true\n    if (rangeEnd && isSameDay(date, rangeEnd)) return true\n    return false\n  }\n\n  const focusDate = (target: Date) => {\n    if (!gridRef.current) return\n    const dateStr = format(target, 'yyyy-MM-dd')\n    const btn = gridRef.current.querySelector<HTMLButtonElement>(\n      `[data-date=\"${dateStr}\"]`,\n    )\n    if (btn) {\n      btn.focus()\n    } else {\n      // Date is in a different month — navigate there and focus after render\n      onMonthChange(startOfMonth(target))\n    }\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    const target = e.target as HTMLElement\n    const dateStr = target.getAttribute('data-date')\n    if (!dateStr) return\n\n    const current = new Date(dateStr + 'T00:00:00')\n    let next: Date | null = null\n\n    switch (e.key) {\n      case 'ArrowLeft':\n        next = addDays(current, -1)\n        break\n      case 'ArrowRight':\n        next = addDays(current, 1)\n        break\n      case 'ArrowUp':\n        next = addDays(current, -7)\n        break\n      case 'ArrowDown':\n        next = addDays(current, 7)\n        break\n      case 'Home':\n        next = startOfMonth(current)\n        break\n      case 'End':\n        next = lastDayOfMonth(current)\n        break\n      case 'Enter':\n      case ' ': {\n        e.preventDefault()\n        if (!isDateDisabled(current) && isSameMonth(current, currentMonth)) {\n          onSelect(current)\n        }\n        return\n      }\n      default:\n        return\n    }\n\n    if (next) {\n      e.preventDefault()\n      focusDate(next)\n    }\n  }\n\n  return (\n    <div ref={forwardedRef} {...props} className={cn(\"w-[252px]\", className)}>\n      <div className=\"flex items-center justify-between px-ds-02 pb-ds-04\">\n        {hidePrevNav ? (\n          <span className=\"h-ds-xs-plus w-ds-xs-plus\" />\n        ) : (\n          <button\n            type=\"button\"\n            onClick={() => onMonthChange(subMonths(currentMonth, 1))}\n            className=\"inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md text-surface-fg-subtle transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised-hover hover:text-surface-fg-muted focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9\"\n            aria-label=\"Previous month\"\n          >\n            <Icon icon={IconChevronLeft} size=\"sm\" stroke=\"light\" />\n          </button>\n        )}\n        <button\n          type=\"button\"\n          onClick={onHeaderClick}\n          className={cn(\n            'text-ds-md font-semibold text-surface-fg',\n            onHeaderClick &&\n              'cursor-pointer rounded-ds-md px-ds-02 transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised-hover',\n          )}\n          aria-label=\"Switch to month/year view\"\n        >\n          {format(currentMonth, 'MMMM yyyy')}\n        </button>\n        {hideNextNav ? (\n          <span className=\"h-ds-xs-plus w-ds-xs-plus\" />\n        ) : (\n          <button\n            type=\"button\"\n            onClick={() => onMonthChange(addMonths(currentMonth, 1))}\n            className=\"inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md text-surface-fg-subtle transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised-hover hover:text-surface-fg-muted focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9\"\n            aria-label=\"Next month\"\n          >\n            <Icon icon={IconChevronRight} size=\"sm\" stroke=\"light\" />\n          </button>\n        )}\n      </div>\n\n      <div\n        ref={gridRef}\n        className=\"grid grid-cols-7 gap-0\"\n        role=\"grid\"\n        tabIndex={0}\n        aria-label=\"Calendar\"\n        onKeyDown={handleKeyDown}\n      >\n        {WEEKDAYS.map((wd) => (\n          <div\n            key={wd}\n            role=\"columnheader\"\n            className=\"flex h-ds-sm items-center justify-center text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle\"\n          >\n            {wd}\n          </div>\n        ))}\n\n        {days.map((d, i) => {\n          const inMonth = isSameMonth(d, currentMonth)\n          const disabled = isDateDisabled(d)\n          const isSelected = selected && isSameDay(d, selected)\n          const inRange = isInRange(d)\n          const edge = isRangeEdge(d)\n          const isToday = isSameDay(d, new Date())\n          const dateKey = format(d, 'yyyy-MM-dd')\n          const dayEvents = eventsByDate.get(dateKey) ?? []\n\n          return (\n            <button\n              key={i}\n              type=\"button\"\n              role=\"gridcell\"\n              data-date={dateKey}\n              tabIndex={inMonth && !disabled ? 0 : -1}\n              disabled={!inMonth || disabled}\n              onClick={() => {\n                if (inMonth && !disabled) onSelect(d)\n              }}\n              onMouseEnter={() => onHover?.(d)}\n              onMouseLeave={() => onHover?.(null)}\n              aria-label={format(d, 'EEEE, MMMM d, yyyy')}\n              aria-selected={isSelected || edge || undefined}\n              aria-disabled={!inMonth || disabled || undefined}\n              className={cn(\n                'relative flex h-ds-sm w-ds-sm-plus items-center justify-center rounded-ds-md text-ds-md font-body transition-colors duration-fast-01 ease-productive-standard',\n                !inMonth && 'pointer-events-none opacity-0',\n                inMonth && disabled && 'opacity-action-disabled pointer-events-none cursor-not-allowed',\n                inMonth && !disabled && !isSelected && !edge && !inRange &&\n                  'text-surface-fg hover:bg-surface-raised-hover',\n                inRange && !edge &&\n                  'rounded-ds-none bg-surface-raised-hover text-surface-fg',\n                (isSelected || edge) &&\n                  'bg-accent-9 text-accent-fg hover:bg-accent-10',\n                isToday && !isSelected && !edge && !disabled &&\n                  'font-semibold text-accent-11',\n              )}\n            >\n              {format(d, 'd')}\n              {dayEvents.length > 0 && (\n                <span className=\"flex gap-px justify-center absolute bottom-[2px] left-0 right-0\">\n                  {dayEvents.slice(0, 3).map((evt, idx) => (\n                    <span\n                      key={idx}\n                      data-event-dot\n                      className=\"h-[4px] w-[4px] rounded-ds-full\"\n                      style={{ backgroundColor: evt.color ?? 'var(--color-accent-9)' }}\n                    />\n                  ))}\n                </span>\n              )}\n            </button>\n          )\n        })}\n      </div>\n    </div>\n  )\n},\n)\n\nCalendarGrid.displayName = 'CalendarGrid'\n","'use client'\n\nimport { useState } from 'react'\nimport { subMonths, addMonths, setMonth, setYear } from 'date-fns'\n\nexport function useCalendar(initialMonth?: Date) {\n  const [currentMonth, setCurrentMonth] = useState(initialMonth ?? new Date())\n\n  const goToPreviousMonth = () => setCurrentMonth((prev) => subMonths(prev, 1))\n  const goToNextMonth = () => setCurrentMonth((prev) => addMonths(prev, 1))\n  const goToMonth = (month: number) =>\n    setCurrentMonth((prev) => setMonth(prev, month))\n  const goToYear = (year: number) =>\n    setCurrentMonth((prev) => setYear(prev, year))\n\n  return {\n    currentMonth,\n    setCurrentMonth,\n    goToPreviousMonth,\n    goToNextMonth,\n    goToMonth,\n    goToYear,\n  }\n}\n"],"mappings":"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"}