@savvycal/calendar 0.6.0 → 0.8.0

package/README.md

@@ -256,6 +256,7 @@ interface TimedCalendarEvent {
   color?: string;
   clientName?: string;
   status?: 'confirmed' | 'canceled' | 'tentative';
+  ariaLabel?: string;
   metadata?: Record<string, unknown>;
 }
 
@@ -269,10 +270,13 @@ interface AllDayCalendarEvent {
   color?: string;
   clientName?: string;
   status?: 'confirmed' | 'canceled' | 'tentative';
+  ariaLabel?: string;
   metadata?: Record<string, unknown>;
 }
 ```
 
+The optional `ariaLabel` field provides a plain-text label used for `aria-label` attributes and screen reader announcements. When `title` or `clientName` are React elements (not plain strings), set `ariaLabel` to avoid `"[object Object]"` in accessible labels.
+
 ### AvailabilityRange
 
 ```ts

package/dist/components/day-grid-view/AllDayEventChip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AllDayEventChip.d.ts","sourceRoot":"","sources":["../../../src/components/day-grid-view/AllDayEventChip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAE3D,UAAU,oBAAoB;IAC5B,UAAU,EAAE,qBAAqB,CAAC;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,GAAG,EAAE,CAAC,GAAG,EAAE,MAAM,qBAAqB,KAAK,MAAM,CAAC;IAClD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,gBAAgB,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CACxC;AAED,eAAO,MAAM,eAAe,4DAkG1B,CAAC"}
+{"version":3,"file":"AllDayEventChip.d.ts","sourceRoot":"","sources":["../../../src/components/day-grid-view/AllDayEventChip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAE3D,UAAU,oBAAoB;IAC5B,UAAU,EAAE,qBAAqB,CAAC;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,GAAG,EAAE,CAAC,GAAG,EAAE,MAAM,qBAAqB,KAAK,MAAM,CAAC;IAClD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,gBAAgB,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CACxC;AAED,eAAO,MAAM,eAAe,4DAmG1B,CAAC"}

package/dist/components/day-grid-view/AllDayEventChip.js

@@ -1,31 +1,32 @@
-import { jsxs as R, Fragment as D, jsx as n } from "react/jsx-runtime";
-import { memo as x } from "react";
-import { cn as f } from "../../lib/utils.js";
-const B = x(function({
-  positioned: y,
-  laneOffset: g,
+import { jsxs as D, Fragment as E, jsx as n } from "react/jsx-runtime";
+import { memo as L } from "react";
+import { cn as g } from "../../lib/utils.js";
+import { getEventLabel as x, getClientNameLabel as N } from "../../lib/accessibility.js";
+const T = L(function({
+  positioned: b,
+  laneOffset: y,
   cls: t,
   onEventClick: a,
   selectedEventId: h,
-  selectedEventRef: b
+  selectedEventRef: v
 }) {
   const {
     event: e,
-    gridColumnStart: o,
+    gridColumnStart: i,
     gridColumnSpan: r,
-    lane: v,
+    lane: C,
     continuesBefore: l,
     continuesAfter: s
-  } = y, C = e.id === h, d = v + 1 + g, i = [e.title, "all day"];
-  e.clientName && i.push(e.clientName);
-  const c = l ? 2 : 4, m = s ? 2 : 4, p = {
+  } = b, R = e.id === h, d = C + 1 + y, o = [x(e), "all day"], c = N(e);
+  c && o.push(c);
+  const m = l ? 2 : 4, p = s ? 2 : 4, u = {
     ...l ? {
       borderTopLeftRadius: 0,
       borderBottomLeftRadius: 0,
       paddingLeft: 4
     } : {},
     ...s ? { borderTopRightRadius: 0, borderBottomRightRadius: 0 } : {}
-  }, u = /* @__PURE__ */ R(D, { children: [
+  }, f = /* @__PURE__ */ D(E, { children: [
     e.color && !l && /* @__PURE__ */ n(
       "div",
       {
@@ -35,31 +36,31 @@ const B = x(function({
     ),
     /* @__PURE__ */ n("span", { className: t("allDayEventTitle"), children: e.title })
   ] });
-  return C ? /* @__PURE__ */ n(
+  return R ? /* @__PURE__ */ n(
     "div",
     {
-      ref: b,
+      ref: v,
       style: {
-        gridColumn: `${o} / span ${r}`,
+        gridColumn: `${i} / span ${r}`,
         gridRow: d,
         display: "flex",
         minWidth: 0,
-        marginLeft: c,
-        marginRight: m
+        marginLeft: m,
+        marginRight: p
       },
       children: /* @__PURE__ */ n(
         "button",
         {
           type: "button",
-          "aria-label": i.join(", "),
-          className: f(
+          "aria-label": o.join(", "),
+          className: g(
             t("allDayEvent"),
             t("allDayEventSelected"),
             "relative flex items-center gap-1 w-full"
           ),
-          style: p,
+          style: u,
           onClick: () => a?.(e),
-          children: u
+          children: f
         }
       )
     }
@@ -67,20 +68,20 @@ const B = x(function({
     "button",
     {
       type: "button",
-      "aria-label": i.join(", "),
-      className: f(t("allDayEvent"), "relative flex items-center gap-1"),
+      "aria-label": o.join(", "),
+      className: g(t("allDayEvent"), "relative flex items-center gap-1"),
       style: {
-        gridColumn: `${o} / span ${r}`,
+        gridColumn: `${i} / span ${r}`,
         gridRow: d,
-        marginLeft: c,
-        marginRight: m,
-        ...p
+        marginLeft: m,
+        marginRight: p,
+        ...u
       },
       onClick: () => a?.(e),
-      children: u
+      children: f
     }
   );
 });
 export {
-  B as AllDayEventChip
+  T as AllDayEventChip
 };

package/dist/components/day-grid-view/DayGridView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DayGridView.d.ts","sourceRoot":"","sources":["../../../src/components/day-grid-view/DayGridView.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAKV,gBAAgB,EAEjB,MAAM,kBAAkB,CAAC;AAa1B,wBAAgB,WAAW,CAAC,EAC1B,WAAW,EACX,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,cAAc,EACd,kBAAkB,EAClB,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,mBAAmB,EACnB,aAAa,EACb,QAAQ,EACR,WAAW,EACX,SAAS,EACT,UAAU,EACV,UAAe,EACf,cAAoB,EACpB,YAAY,EACZ,WAAW,EACX,mBAAmB,EACnB,qBAAqB,EACrB,YAAY,EACZ,iBAAqB,EACrB,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,QAAQ,EACR,WAAuB,EACvB,WAAe,GAChB,EAAE,gBAAgB,2CAuZlB"}
+{"version":3,"file":"DayGridView.d.ts","sourceRoot":"","sources":["../../../src/components/day-grid-view/DayGridView.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAKV,gBAAgB,EAEjB,MAAM,kBAAkB,CAAC;AAc1B,wBAAgB,WAAW,CAAC,EAC1B,WAAW,EACX,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,cAAc,EACd,kBAAkB,EAClB,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,mBAAmB,EACnB,aAAa,EACb,QAAQ,EACR,WAAW,EACX,SAAS,EACT,UAAU,EACV,UAAe,EACf,cAAoB,EACpB,YAAY,EACZ,WAAW,EACX,mBAAmB,EACnB,qBAAqB,EACrB,YAAY,EACZ,iBAAqB,EACrB,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,QAAQ,EACR,WAAuB,EACvB,WAAe,GAChB,EAAE,gBAAgB,2CAgalB"}

package/dist/components/day-grid-view/DayGridView.js

@@ -1,136 +1,144 @@
 import { jsxs as F, jsx as a } from "react/jsx-runtime";
-import { useMemo as m, useCallback as g, useRef as K, useState as St, useEffect as U } from "react";
+import { useMemo as m, useCallback as D, useRef as K, useState as Ht, useEffect as U } from "react";
 import { Temporal as E } from "temporal-polyfill";
-import { cn as N } from "../../lib/utils.js";
-import { generateDateRange as Tt, generateTimeSlots as wt, formatDayOfWeek as q, formatTimeRange as J } from "../../lib/time.js";
-import { layoutAllDayEvents as Ht, computePositionedEventsByDate as bt } from "../../lib/overlap.js";
-import { computeUnavailableBlocks as vt } from "../../lib/availability.js";
-import { UnavailabilityOverlay as $t } from "../shared/UnavailabilityOverlay.js";
-import { dayGridViewDefaults as xt } from "./defaults.js";
-import { DayHeader as Ct } from "./DayHeader.js";
-import { DayColumn as Et } from "./DayColumn.js";
-import { TimeGutter as Nt } from "../shared/TimeGutter.js";
-import { SlotInteractionLayer as kt } from "../shared/SlotInteractionLayer.js";
-import { SelectionOverlay as It } from "../shared/SelectionOverlay.js";
-import { NowIndicator as jt } from "../shared/NowIndicator.js";
-import { AllDaySection as Mt } from "./AllDaySection.js";
-import { useEffectiveHourHeight as At } from "../shared/useEffectiveHourHeight.js";
-import { useAnnouncer as Bt } from "../shared/useAnnouncer.js";
-function tr({
-  activeRange: u,
-  timeZone: o,
-  events: k,
+import { cn as k } from "../../lib/utils.js";
+import { generateDateRange as bt, generateTimeSlots as vt, formatDayOfWeek as q, formatTimeRange as J } from "../../lib/time.js";
+import { layoutAllDayEvents as Ct, computePositionedEventsByDate as $t } from "../../lib/overlap.js";
+import { computeUnavailableBlocks as xt } from "../../lib/availability.js";
+import { UnavailabilityOverlay as Et } from "../shared/UnavailabilityOverlay.js";
+import { dayGridViewDefaults as kt } from "./defaults.js";
+import { DayHeader as Nt } from "./DayHeader.js";
+import { DayColumn as It } from "./DayColumn.js";
+import { TimeGutter as Lt } from "../shared/TimeGutter.js";
+import { SlotInteractionLayer as jt } from "../shared/SlotInteractionLayer.js";
+import { SelectionOverlay as Mt } from "../shared/SelectionOverlay.js";
+import { NowIndicator as At } from "../shared/NowIndicator.js";
+import { AllDaySection as Bt } from "./AllDaySection.js";
+import { useEffectiveHourHeight as Gt } from "../shared/useEffectiveHourHeight.js";
+import { useAnnouncer as Ot } from "../shared/useAnnouncer.js";
+import { getEventLabel as Q, getClientNameLabel as X } from "../../lib/accessibility.js";
+function nr({
+  activeRange: d,
+  timeZone: n,
+  events: N,
   availability: S,
   unavailability: T,
   defaultUnavailable: I,
   timeAxis: w,
-  onEventClick: j,
-  snapDuration: M,
-  placeholderDuration: Q,
-  selectedRange: p,
+  onEventClick: L,
+  snapDuration: j,
+  placeholderDuration: Y,
+  selectedRange: f,
   onSelect: s,
   onSlotClick: H,
-  className: X,
-  classNames: A,
-  hourHeight: Y = 60,
-  columnMinWidth: _ = 120,
-  renderHeader: Z,
+  className: _,
+  classNames: M,
+  hourHeight: Z = 60,
+  columnMinWidth: tt = 120,
+  renderHeader: rt,
   renderEvent: b,
-  selectionAppearance: tt,
-  dragPreviewAppearance: rt,
-  selectionRef: et,
+  selectionAppearance: et,
+  dragPreviewAppearance: ot,
+  selectionRef: nt,
   selectionLingerMs: v = 0,
-  selectedEventId: B,
-  selectedEventRef: G,
-  renderCorner: ot,
-  eventGap: nt,
-  eventLayout: it = "columns",
-  stackOffset: at = 8
+  selectedEventId: A,
+  selectedEventRef: B,
+  renderCorner: it,
+  eventGap: at,
+  eventLayout: lt = "columns",
+  stackOffset: st = 8
 }) {
-  const l = w?.startHour ?? 0, c = w?.endHour ?? 24, $ = w?.intervalMinutes ?? 60, e = m(
-    () => Tt(u.startDate, u.endDate),
-    [u.startDate, u.endDate]
-  ), O = m(() => E.Now.plainDateISO(o).toString(), [o]), { effectiveHourHeight: d, rootRef: lt, headerRef: st, allDayRef: ct, headerHeight: P } = At(Y, c - l), i = g(
-    (t) => N(xt[t], A?.[t]),
-    [A]
-  ), y = K(null), f = K(null), [mt, W] = St(null);
+  const l = w?.startHour ?? 0, c = w?.endHour ?? 24, C = w?.intervalMinutes ?? 60, o = m(
+    () => bt(d.startDate, d.endDate),
+    [d.startDate, d.endDate]
+  ), G = m(() => E.Now.plainDateISO(n).toString(), [n]), {
+    effectiveHourHeight: u,
+    rootRef: ct,
+    headerRef: mt,
+    allDayRef: dt,
+    gridRef: ut,
+    headerHeight: O
+  } = Gt(Z, c - l), i = D(
+    (t) => k(kt[t], M?.[t]),
+    [M]
+  ), y = K(null), p = K(null), [ft, P] = Ht(null);
   U(() => {
-    if (p)
-      f.current !== null && (clearTimeout(f.current), f.current = null), y.current = p;
+    if (f)
+      p.current !== null && (clearTimeout(p.current), p.current = null), y.current = f;
     else if (y.current && v > 0) {
       const t = y.current;
-      y.current = null, W(t), f.current = setTimeout(() => {
-        f.current = null, W(null);
+      y.current = null, P(t), p.current = setTimeout(() => {
+        p.current = null, P(null);
       }, v);
     }
-  }, [p, v]);
-  const D = p ?? mt, x = m(
-    () => wt({ startHour: l, endHour: c, intervalMinutes: $ }),
-    [l, c, $]
-  ), { allDayEvents: L, timedEvents: R } = m(() => {
+  }, [f, v]);
+  const g = f ?? ft, $ = m(
+    () => vt({ startHour: l, endHour: c, intervalMinutes: C }),
+    [l, c, C]
+  ), { allDayEvents: W, timedEvents: R } = m(() => {
     const t = [], r = [];
-    for (const n of k)
-      n.allDay ? t.push(n) : r.push(n);
+    for (const e of N)
+      e.allDay ? t.push(e) : r.push(e);
     return { allDayEvents: t, timedEvents: r };
-  }, [k]), ut = m(
-    () => Ht(L, e),
-    [L, e]
-  ), dt = m(
-    () => bt(
+  }, [N]), pt = m(
+    () => Ct(W, o),
+    [W, o]
+  ), ht = m(
+    () => $t(
       R,
+      n,
       o,
-      e,
       l,
       c,
-      d
+      u
     ),
-    [R, o, e, l, c, d]
-  ), C = m(
+    [R, n, o, l, c, u]
+  ), x = m(
     () => I ? S ?? [] : S,
     [I, S]
-  ), pt = m(() => {
-    if (C === void 0 && !T)
+  ), yt = m(() => {
+    if (x === void 0 && !T)
       return /* @__PURE__ */ new Map();
     const t = /* @__PURE__ */ new Map();
-    for (const r of e) {
-      const n = vt(
-        C,
+    for (const r of o) {
+      const e = xt(
+        x,
         T,
-        o,
+        n,
         r,
         l,
         c,
-        d
+        u
       );
-      n.length > 0 && t.set(r.toString(), n);
+      e.length > 0 && t.set(r.toString(), e);
     }
     return t;
   }, [
-    C,
+    x,
     T,
+    n,
     o,
-    e,
     l,
     c,
-    d
-  ]), { message: ft, announce: h } = Bt(), ht = m(() => {
-    const t = q(u.startDate), r = q(u.endDate);
+    u
+  ]), { message: gt, announce: h } = Ot(), Dt = m(() => {
+    const t = q(d.startDate), r = q(d.endDate);
     return `Schedule for ${t} to ${r}`;
-  }, [u.startDate, u.endDate]), V = g(
+  }, [d.startDate, d.endDate]), V = D(
     (t) => {
-      if (s?.(null), j?.(t), t.allDay) {
-        const r = [t.title, "all day"];
-        t.clientName && r.push(t.clientName), h(`Selected: ${r.join(", ")}`);
+      if (s?.(null), L?.(t), t.allDay) {
+        const r = [Q(t), "all day"], e = X(t);
+        e && r.push(e), h(`Selected: ${r.join(", ")}`);
       } else {
         const r = [
-          t.title,
-          J(t.startTime, t.endTime, o)
-        ];
-        t.clientName && r.push(t.clientName), h(`Selected: ${r.join(", ")}`);
+          Q(t),
+          J(t.startTime, t.endTime, n)
+        ], e = X(t);
+        e && r.push(e), h(`Selected: ${r.join(", ")}`);
       }
     },
-    [s, j, o, h]
-  ), yt = g(
+    [s, L, n, h]
+  ), St = D(
     (t) => {
       if (!t) {
         s?.(null);
@@ -141,11 +149,11 @@ function tr({
         endTime: t.endTime
       };
       s?.(r);
-      const n = [J(t.startTime, t.endTime, o)];
-      h(`Selected time: ${n.join(", ")}`);
+      const e = [J(t.startTime, t.endTime, n)];
+      h(`Selected time: ${e.join(", ")}`);
     },
-    [s, o, h]
-  ), Dt = g(
+    [s, n, h]
+  ), Tt = D(
     (t) => {
       const r = E.PlainDate.from(t.columnId);
       H?.({
@@ -157,73 +165,74 @@ function tr({
     [H]
   );
   U(() => {
-    if (!p || !s) return;
+    if (!f || !s) return;
     const t = (r) => {
       r.key === "Escape" && s(null);
     };
     return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
-  }, [p, s]);
-  const gt = d * $ / 60, z = e.find((t) => t.toString() === O);
-  return /* @__PURE__ */ F("div", { ref: lt, className: N(i("root"), X), children: [
+  }, [f, s]);
+  const wt = u * C / 60, z = o.find((t) => t.toString() === G);
+  return /* @__PURE__ */ F("div", { ref: ct, className: k(i("root"), _), children: [
     /* @__PURE__ */ F(
       "div",
       {
+        ref: ut,
         className: i("grid"),
         role: "region",
         "aria-roledescription": "calendar",
-        "aria-label": ht,
+        "aria-label": Dt,
         style: {
           display: "grid",
-          gridTemplateColumns: `max-content repeat(${e.length}, minmax(${_}px, 1fr))`,
-          gridTemplateRows: `auto auto repeat(${x.length}, ${gt}px)`
+          gridTemplateColumns: `max-content repeat(${o.length}, minmax(${tt}px, 1fr))`,
+          gridTemplateRows: `auto auto repeat(${$.length}, ${wt}px)`
         },
         children: [
           /* @__PURE__ */ a(
             "div",
             {
-              ref: st,
+              ref: mt,
               className: i("cornerCell"),
               style: { gridRow: 1, gridColumn: 1 },
-              children: ot?.({ timeZone: o })
+              children: it?.({ timeZone: n })
             }
           ),
-          e.map((t, r) => /* @__PURE__ */ a(
-            Ct,
+          o.map((t, r) => /* @__PURE__ */ a(
+            Nt,
             {
               date: t,
-              isToday: t.toString() === O,
+              isToday: t.toString() === G,
               column: r + 2,
               cls: i,
-              renderHeader: Z
+              renderHeader: rt
             },
             t.toString()
           )),
           /* @__PURE__ */ a(
             "div",
             {
-              ref: ct,
-              className: N(i("allDayCell"), "left-0 z-30"),
+              ref: dt,
+              className: k(i("allDayCell"), "left-0 z-30"),
               style: {
                 gridRow: 2,
                 gridColumn: 1,
-                top: P
+                top: O
               }
             }
           ),
           /* @__PURE__ */ a(
-            Mt,
+            Bt,
             {
-              positioned: ut,
-              dates: e,
-              headerHeight: P,
+              positioned: pt,
+              dates: o,
+              headerHeight: O,
               cls: i,
               onEventClick: V,
-              selectedEventId: B,
-              selectedEventRef: G
+              selectedEventId: A,
+              selectedEventRef: B
             }
           ),
-          x.map((t) => /* @__PURE__ */ a(
-            Nt,
+          $.map((t) => /* @__PURE__ */ a(
+            Lt,
             {
               label: t.label,
               row: t.index + 3,
@@ -233,100 +242,100 @@ function tr({
             },
             t.index
           )),
-          x.map(
-            (t) => e.map((r, n) => /* @__PURE__ */ a(
+          $.map(
+            (t) => o.map((r, e) => /* @__PURE__ */ a(
               "div",
               {
                 className: i(t.isHourStart ? "bodyCell" : "bodyCellMinor"),
                 style: {
                   gridRow: t.index + 3,
-                  gridColumn: n + 2,
+                  gridColumn: e + 2,
                   ...t.isHourStart ? {} : { borderTopStyle: "dotted" },
                   ...t.index === 0 ? { borderTopWidth: 0 } : {},
-                  ...n === e.length - 1 ? { borderRightWidth: 0 } : {}
+                  ...e === o.length - 1 ? { borderRightWidth: 0 } : {}
                 }
               },
               `${t.index}-${r.toString()}`
             ))
           ),
-          e.map((t, r) => {
-            const n = pt.get(t.toString());
-            return n ? /* @__PURE__ */ a(
-              $t,
+          o.map((t, r) => {
+            const e = yt.get(t.toString());
+            return e ? /* @__PURE__ */ a(
+              Et,
               {
-                blocks: n,
+                blocks: e,
                 column: r + 2,
                 cls: i
               },
               `unavail-${t.toString()}`
             ) : null;
           }),
-          M != null && e.map((t, r) => /* @__PURE__ */ a(
-            kt,
+          j != null && o.map((t, r) => /* @__PURE__ */ a(
+            jt,
             {
               columnId: t.toString(),
               column: r + 2,
               date: t,
-              timeZone: o,
+              timeZone: n,
               startHour: l,
               endHour: c,
-              hourHeight: d,
-              snapDuration: M,
-              placeholderDuration: Q ?? 15,
+              hourHeight: u,
+              snapDuration: j,
+              placeholderDuration: Y ?? 15,
               cls: i,
-              onSlotClick: H ? Dt : void 0,
-              onSelect: s ? yt : void 0,
-              dragPreviewAppearance: rt,
+              onSlotClick: H ? Tt : void 0,
+              onSelect: s ? St : void 0,
+              dragPreviewAppearance: ot,
               renderEvent: b
             },
             `slot-${t.toString()}`
           )),
-          e.map((t, r) => /* @__PURE__ */ a(
-            Et,
+          o.map((t, r) => /* @__PURE__ */ a(
+            It,
             {
-              positionedEvents: dt.get(t.toString()) ?? [],
+              positionedEvents: ht.get(t.toString()) ?? [],
               column: r + 2,
-              timeZone: o,
+              timeZone: n,
               cls: i,
               onEventClick: V,
               renderEvent: b,
-              eventGap: nt,
-              eventLayout: it,
-              stackOffset: at,
-              selectedEventId: B,
-              selectedEventRef: G
+              eventGap: at,
+              eventLayout: lt,
+              stackOffset: st,
+              selectedEventId: A,
+              selectedEventRef: B
             },
             t.toString()
           )),
-          D != null && (() => {
-            const t = D.startTime.withTimeZone(o).toPlainDate(), r = e.findIndex(
-              (n) => E.PlainDate.compare(n, t) === 0
+          g != null && (() => {
+            const t = g.startTime.withTimeZone(n).toPlainDate(), r = o.findIndex(
+              (e) => E.PlainDate.compare(e, t) === 0
             );
             return r === -1 ? null : /* @__PURE__ */ a(
-              It,
+              Mt,
               {
-                startTime: D.startTime,
-                endTime: D.endTime,
+                startTime: g.startTime,
+                endTime: g.endTime,
                 column: r + 2,
-                viewDate: e[r],
-                timeZone: o,
+                viewDate: o[r],
+                timeZone: n,
                 startHour: l,
-                hourHeight: d,
+                hourHeight: u,
                 cls: i,
-                appearance: tt,
-                selectionRef: et,
+                appearance: et,
+                selectionRef: nt,
                 renderEvent: b
               }
             );
           })(),
           z && /* @__PURE__ */ a(
-            jt,
+            At,
             {
               date: z,
-              timeZone: o,
+              timeZone: n,
               startHour: l,
               endHour: c,
-              hourHeight: d,
+              hourHeight: u,
               cls: i
             }
           )
@@ -350,11 +359,11 @@ function tr({
           whiteSpace: "nowrap",
           borderWidth: 0
         },
-        children: ft
+        children: gt
       }
     )
   ] });
 }
 export {
-  tr as DayGridView
+  nr as DayGridView
 };

package/dist/components/day-grid-view/defaults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/components/day-grid-view/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAE9D,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAC,qBAAqB,CA0C/D,CAAC"}
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/components/day-grid-view/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAE9D,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAC,qBAAqB,CA2C/D,CAAC"}