chesai-ui 0.16.13 → 0.16.14

package/dist/components/full-calendar/timeline-view.mjs

@@ -1,12 +1,13 @@
-import { jsxs as h, jsx as l, Fragment as ke } from "react/jsx-runtime";
+import { jsxs as h, jsx as l, Fragment as Me } from "react/jsx-runtime";
 import { clsx as d } from "clsx";
-import { startOfDay as _, addDays as F, isSameDay as fe, format as I, isToday as Ne } from "date-fns";
-import U, { useRef as O, useMemo as N, useState as Me, useEffect as me } from "react";
+import { startOfDay as U, addDays as X, isSameDay as he, format as O, isToday as Ce } from "date-fns";
+import W, { useRef as V, useMemo as N, useState as De, useEffect as be } from "react";
 import { Typography as M } from "../typography/index.mjs";
-import { PrintModeContext as Ce, useFullCalendar as De } from "./calendar-context.mjs";
-import { getDaysForWeekView as Ee, expandEvents as Se, getEventSegments as He, getCalendarStickyBgClasses as Te, getTimelinePositionsForDay as Re, getCalendarBgClasses as Pe } from "./utils.mjs";
-import { ElasticScrollArea as ze } from "../elastic-scroll-area/index.mjs";
-const X = Array.from({ length: 24 }, (o, C) => C), W = {
+import { PrintModeContext as Ee, useFullCalendar as Se } from "./calendar-context.mjs";
+import { useLayout as He } from "../../context/layout-context.mjs";
+import { getDaysForWeekView as Te, expandEvents as Re, getEventSegments as Pe, getCalendarStickyBgClasses as ze, getTimelinePositionsForDay as Ae, getCalendarBgClasses as Oe } from "./utils.mjs";
+import { ElasticScrollArea as Ve } from "../elastic-scroll-area/index.mjs";
+const G = Array.from({ length: 24 }, (o, H) => H), q = {
   primary: "bg-primary text-on-primary border-primary",
   secondary: "bg-secondary text-on-secondary border-secondary",
   tertiary: "bg-tertiary-container text-on-tertiary-container border-tertiary",
@@ -16,41 +17,41 @@ const X = Array.from({ length: 24 }, (o, C) => C), W = {
   indigo: "bg-indigo-500 text-white border-indigo-500",
   teal: "bg-teal-500 text-white border-teal-500",
   pink: "bg-pink-500 text-white border-pink-500"
-}, Fe = () => {
-  const o = U.useContext(Ce), {
-    currentDate: C,
-    view: D,
-    events: E,
-    variant: G,
+}, We = () => {
+  const o = W.useContext(Ee), { isRtl: H } = He(), {
+    currentDate: I,
+    view: C,
+    events: D,
+    variant: J,
     draftEvent: T,
-    setDraftEvent: V,
-    setCurrentDate: he,
-    setView: be,
-    openPopover: q,
-    onEventUpdate: J,
-    onDateClick: K,
-    onEventClick: Q,
-    renderEventContent: Z,
-    disableCreateOnGridClick: ee,
-    disableEventClick: $,
-    disableDragAndDrop: te
-  } = De(), j = O(null), B = O(null), R = O(!1), re = o ? "bg-white text-black" : Pe(G), ne = o ? "bg-white text-black" : Te(G), v = o ? "border-black/20" : "border-outline-variant/30", u = N(() => D === "week" ? Ee(C) : [C], [C, D]), S = N(() => {
-    let e = E;
+    setDraftEvent: $,
+    setCurrentDate: ge,
+    setView: pe,
+    openPopover: K,
+    onEventUpdate: Q,
+    onDateClick: Z,
+    onEventClick: ee,
+    renderEventContent: te,
+    disableCreateOnGridClick: re,
+    disableEventClick: j,
+    disableDragAndDrop: ne
+  } = Se(), L = V(null), B = V(null), R = V(!1), oe = o ? "bg-white text-black" : Oe(J), ae = o ? "bg-white text-black" : ze(J), x = o ? "border-black/20" : "border-outline-variant/30", u = N(() => C === "week" ? Te(I) : [I], [I, C]), E = N(() => {
+    let e = D;
     if (T) {
       const s = String(T.id).split("-occ-")[0];
       e = [
-        ...E.filter((a) => String(a.id) !== s),
+        ...D.filter((a) => String(a.id) !== s),
         T
       ];
     }
-    const r = _(u[0]), n = F(_(u[u.length - 1]), 1);
-    return Se(e, r, n);
-  }, [E, T, u]), k = N(() => {
-    if (!o) return { hours: X, blocks: [X] };
+    const r = U(u[0]), n = X(U(u[u.length - 1]), 1);
+    return Re(e, r, n);
+  }, [D, T, u]), k = N(() => {
+    if (!o) return { hours: G, blocks: [G] };
     const e = /* @__PURE__ */ new Set();
-    if (S.forEach((t) => {
+    if (E.forEach((t) => {
       t.isAllDay || u.forEach((i) => {
-        const c = _(i), b = F(c, 1);
+        const c = U(i), b = X(c, 1);
         if (t.start < b && t.end > c) {
           const g = t.start < c ? c : t.start, f = t.end > b ? b : t.end, m = g.getHours();
           let p = f.getHours();
@@ -72,50 +73,50 @@ const X = Array.from({ length: 24 }, (o, C) => C), W = {
     for (let t = 1; t < n.length; t++)
       n[t] === n[t - 1] + 1 ? a.push(n[t]) : (s.push(a), a = [n[t]]);
     return s.push(a), { hours: n, blocks: s };
-  }, [o, S, u]), P = o ? k.blocks : [X], H = 0.5, L = (o ? k.hours.length + (k.blocks.length - 1) * H : 24) * 60, oe = (e) => {
+  }, [o, E, u]), P = o ? k.blocks : [G], S = 0.5, Y = (o ? k.hours.length + (k.blocks.length - 1) * S : 24) * 60, le = (e) => {
     if (!o) return e;
     const r = Math.min(Math.max(e, 0), 1440), n = Math.floor(r / 60), s = r % 60;
     let a = 0;
     for (let t = 0; t < k.blocks.length; t++) {
       const i = k.blocks[t], c = i[0], b = i[i.length - 1];
       if (n < c)
-        return (a - H / 2) * 60;
+        return (a - S / 2) * 60;
       if (n >= c && n <= b)
         return (a + (n - c)) * 60 + s;
-      a += i.length, t < k.blocks.length - 1 && (a += H);
+      a += i.length, t < k.blocks.length - 1 && (a += S);
     }
     return a * 60;
-  }, [Y, ge] = Me(/* @__PURE__ */ new Date());
-  me(() => {
-    const e = setInterval(() => ge(/* @__PURE__ */ new Date()), 6e4);
+  }, [_, ve] = De(/* @__PURE__ */ new Date());
+  be(() => {
+    const e = setInterval(() => ve(/* @__PURE__ */ new Date()), 6e4);
     return () => clearInterval(e);
   }, []);
-  const pe = Y.getHours() * 60 + Y.getMinutes(), xe = o ? 0 : pe / 1440 * 100;
-  me(() => {
-    if (j.current && !o) {
+  const xe = _.getHours() * 60 + _.getMinutes(), ye = o ? 0 : xe / 1440 * 100;
+  be(() => {
+    if (L.current && !o) {
       const e = Math.max(0, 430);
-      j.current.scrollTop = e;
+      L.current.scrollTop = e;
     }
-  }, [D, o]);
-  const ve = (e, r) => {
-    if (R.current || x.current || o) return;
+  }, [C, o]);
+  const we = (e, r) => {
+    if (R.current || v.current || o) return;
     const n = e.currentTarget.getBoundingClientRect(), s = e.clientY - n.top, i = 0 + Math.floor(s / n.height * 24), c = new Date(r);
-    c.setHours(i, 0, 0, 0), K && K(c, e), ee || q("create", n, c);
-  }, ae = (e, r) => {
+    c.setHours(i, 0, 0, 0), Z && Z(c, e), re || K("create", n, c);
+  }, se = (e, r) => {
     if (R.current) {
       e.stopPropagation(), e.preventDefault();
       return;
     }
-    if (!(r.isDraft || o) && (e.stopPropagation(), Q && Q(r, e), !$)) {
-      const n = e.currentTarget.getBoundingClientRect(), s = String(r.id).split("-occ-")[0], a = E.find((t) => String(t.id) === s) || r;
-      q("edit", n, void 0, a);
+    if (!(r.isDraft || o) && (e.stopPropagation(), ee && ee(r, e), !j)) {
+      const n = e.currentTarget.getBoundingClientRect(), s = String(r.id).split("-occ-")[0], a = D.find((t) => String(t.id) === s) || r;
+      K("edit", n, void 0, a);
     }
-  }, x = O(null), le = (e, r, n, s) => {
-    if (r.isDraft || r.editable === !1 || o || te)
+  }, v = V(null), ie = (e, r, n, s) => {
+    if (r.isDraft || r.editable === !1 || o || ne)
       return;
     e.stopPropagation(), e.preventDefault();
-    const a = u.findIndex((g) => fe(g, s)), t = r.start.getHours() * 60 + r.start.getMinutes(), i = (r.end.getTime() - r.start.getTime()) / 6e4, c = String(r.id).split("-occ-")[0], b = E.find((g) => String(g.id) === c) || r;
-    x.current = {
+    const a = u.findIndex((g) => he(g, s)), t = r.start.getHours() * 60 + r.start.getMinutes(), i = (r.end.getTime() - r.start.getTime()) / 6e4, c = String(r.id).split("-occ-")[0], b = D.find((g) => String(g.id) === c) || r;
+    v.current = {
       eventId: b.id,
       type: n,
       startX: e.clientX,
@@ -125,9 +126,9 @@ const X = Array.from({ length: 24 }, (o, C) => C), W = {
       startHeightMins: i,
       originalEvent: b,
       hasMoved: !1
-    }, document.addEventListener("pointermove", se), document.addEventListener("pointerup", ie);
-  }, se = (e) => {
-    if (!x.current) return;
+    }, document.addEventListener("pointermove", ce), document.addEventListener("pointerup", de);
+  }, ce = (e) => {
+    if (!v.current) return;
     const {
       startX: r,
       startY: n,
@@ -136,23 +137,24 @@ const X = Array.from({ length: 24 }, (o, C) => C), W = {
       startHeightMins: t,
       originalEvent: i,
       type: c
-    } = x.current;
-    if (!x.current.hasMoved)
+    } = v.current;
+    if (!v.current.hasMoved)
       if (Math.abs(e.clientX - r) > 3 || Math.abs(e.clientY - n) > 3)
-        x.current.hasMoved = !0, document.body.style.cursor = c === "move" ? "grabbing" : "ns-resize";
+        v.current.hasMoved = !0, document.body.style.cursor = c === "move" ? "grabbing" : "ns-resize";
       else
         return;
     const b = e.clientY - n, g = Math.round(b / 15) * 15;
     if (c === "move") {
       let f = a + g, m = 0;
       if (B.current && u.length > 1) {
-        const A = B.current.getBoundingClientRect(), ye = A.width / u.length, we = e.clientX - A.left;
-        m = Math.max(
+        const A = B.current.getBoundingClientRect(), ke = A.width / u.length, Ne = e.clientX - A.left;
+        let F = Math.max(
           0,
-          Math.min(u.length - 1, Math.floor(we / ye))
-        ) - s;
+          Math.min(u.length - 1, Math.floor(Ne / ke))
+        );
+        H && (F = u.length - 1 - F), m = F - s;
       }
-      const p = F(i.start, m);
+      const p = X(i.start, m);
       p.setHours(0, f, 0, 0);
       const y = new Date(p.getTime() + t * 6e4);
       let w = i.recurrence;
@@ -161,7 +163,7 @@ const X = Array.from({ length: 24 }, (o, C) => C), W = {
         daysOfWeek: w.daysOfWeek.map(
           (A) => (A + m % 7 + 7) % 7
         )
-      }), V({
+      }), $({
         ...i,
         start: p,
         end: y,
@@ -174,28 +176,28 @@ const X = Array.from({ length: 24 }, (o, C) => C), W = {
       const m = new Date(
         i.start.getTime() + f * 6e4
       );
-      V({ ...i, end: m, isDraft: !0 });
+      $({ ...i, end: m, isDraft: !0 });
     }
-  }, ie = async () => {
-    document.removeEventListener("pointermove", se), document.removeEventListener("pointerup", ie), document.body.style.cursor = "", x.current && (x.current.hasMoved && (R.current = !0, setTimeout(() => {
+  }, de = async () => {
+    document.removeEventListener("pointermove", ce), document.removeEventListener("pointerup", de), document.body.style.cursor = "", v.current && (v.current.hasMoved && (R.current = !0, setTimeout(() => {
       R.current = !1;
-    }, 200), V((e) => {
-      if (e && J) {
+    }, 200), $((e) => {
+      if (e && Q) {
         const r = { ...e };
-        delete r.isDraft, J(r);
+        delete r.isDraft, Q(r);
       }
       return null;
-    })), x.current = null);
-  }, ce = N(() => S.filter((e) => e.isAllDay), [S]), z = N(() => He(u, ce), [u, ce]), de = N(() => z.length === 0 ? 0 : Math.max(...z.map((e) => e.row)), [z]), ue = /* @__PURE__ */ h("div", { className: "flex min-w-max md:min-w-full h-full", children: [
+    })), v.current = null);
+  }, ue = N(() => E.filter((e) => e.isAllDay), [E]), z = N(() => Pe(u, ue), [u, ue]), fe = N(() => z.length === 0 ? 0 : Math.max(...z.map((e) => e.row)), [z]), me = /* @__PURE__ */ h("div", { className: "flex min-w-max md:min-w-full h-full", children: [
     /* @__PURE__ */ l(
       "div",
       {
         className: d(
           "w-16 shrink-0 flex flex-col border-r relative z-10",
-          ne,
-          v
+          ae,
+          x
         ),
-        children: P.map((e, r) => /* @__PURE__ */ h(U.Fragment, { children: [
+        children: P.map((e, r) => /* @__PURE__ */ h(W.Fragment, { children: [
           e.map((n) => /* @__PURE__ */ l(
             "div",
             {
@@ -221,7 +223,7 @@ const X = Array.from({ length: 24 }, (o, C) => C), W = {
           r < P.length - 1 && /* @__PURE__ */ h(
             "div",
             {
-              style: o ? { flex: H } : { height: "30px" },
+              style: o ? { flex: S } : { height: "30px" },
               className: d(
                 "relative flex flex-col items-center justify-center bg-black/5 opacity-50 border-b border-black/20 box-border min-h-0"
               ),
@@ -236,7 +238,7 @@ const X = Array.from({ length: 24 }, (o, C) => C), W = {
       }
     ),
     /* @__PURE__ */ h("div", { className: "flex-1 flex relative", ref: B, children: [
-      /* @__PURE__ */ l("div", { className: "absolute inset-0 pointer-events-none flex flex-col", children: P.map((e, r) => /* @__PURE__ */ h(U.Fragment, { children: [
+      /* @__PURE__ */ l("div", { className: "absolute inset-0 pointer-events-none flex flex-col", children: P.map((e, r) => /* @__PURE__ */ h(W.Fragment, { children: [
         e.map((n) => /* @__PURE__ */ l(
           "div",
           {
@@ -250,17 +252,17 @@ const X = Array.from({ length: 24 }, (o, C) => C), W = {
         r < P.length - 1 && /* @__PURE__ */ l(
           "div",
           {
-            style: o ? { flex: H } : { height: "30px" },
+            style: o ? { flex: S } : { height: "30px" },
             className: "w-full bg-black/5 border-b border-black/20 box-border min-h-0"
           }
         )
       ] }, r)) }),
-      !o && u.some((e) => fe(e, Y)) && /* @__PURE__ */ h(
+      !o && u.some((e) => he(e, _)) && /* @__PURE__ */ h(
         "div",
         {
           className: "absolute left-0 right-0 z-20 pointer-events-none flex items-center",
           style: {
-            top: `${xe}%`,
+            top: `${ye}%`,
             marginLeft: "-6px"
           },
           children: [
@@ -270,23 +272,23 @@ const X = Array.from({ length: 24 }, (o, C) => C), W = {
         }
       ),
       u.map((e) => {
-        const r = Re(e, S);
+        const r = Ae(e, E);
         return /* @__PURE__ */ l(
           "div",
           {
             className: d(
               "flex-1 relative border-r last:border-r-0 min-h-0",
-              v,
-              !o && !ee && "cursor-pointer"
+              x,
+              !o && !re && "cursor-pointer"
             ),
             style: o ? void 0 : { height: "1440px" },
-            onClick: (n) => ve(n, e),
+            onClick: (n) => we(n, e),
             children: r.map((n) => {
               let { top: s, height: a } = n;
-              const { event: t, left: i, width: c } = n, b = t.colorVariant || "primary", g = t.colorHex ? "" : W[b], f = t.isDraft;
+              const { event: t, left: i, width: c } = n, b = t.colorVariant || "primary", g = t.colorHex ? "" : q[b], f = t.isDraft;
               if (o) {
-                const m = s / 100 * 1440, p = (s + a) / 100 * 1440, y = oe(m), w = oe(p);
-                if (s = y / L * 100, a = (w - y) / L * 100, s < 0 && (a += s, s = 0), s + a > 100 && (a = 100 - s), a <= 0) return null;
+                const m = s / 100 * 1440, p = (s + a) / 100 * 1440, y = le(m), w = le(p);
+                if (s = y / Y * 100, a = (w - y) / Y * 100, s < 0 && (a += s, s = 0), s + a > 100 && (a = 100 - s), a <= 0) return null;
               }
               return /* @__PURE__ */ l(
                 "div",
@@ -298,7 +300,7 @@ const X = Array.from({ length: 24 }, (o, C) => C), W = {
                   style: {
                     top: `${s}%`,
                     height: `${a}%`,
-                    left: `${i}%`,
+                    [H ? "right" : "left"]: `${i}%`,
                     width: `${c}%`
                   },
                   children: /* @__PURE__ */ h(
@@ -306,7 +308,7 @@ const X = Array.from({ length: 24 }, (o, C) => C), W = {
                     {
                       className: d(
                         "w-full h-full rounded-md border-l-4 p-1.5 overflow-hidden shadow-sm flex flex-col relative group",
-                        !f && !o && !$ && "cursor-pointer hover:shadow-md transition-shadow",
+                        !f && !o && !j && "cursor-pointer hover:shadow-md transition-shadow",
                         f && "border-dashed shadow-lg ring-2 ring-primary ring-offset-1",
                         g,
                         o && "!shadow-none border border-black/30"
@@ -317,11 +319,11 @@ const X = Array.from({ length: 24 }, (o, C) => C), W = {
                         color: t.colorHex
                       },
                       onPointerDown: (m) => {
-                        le(m, t, "move", e);
+                        ie(m, t, "move", e);
                       },
-                      onClick: (m) => ae(m, t),
+                      onClick: (m) => se(m, t),
                       children: [
-                        Z ? Z(t, D) : /* @__PURE__ */ h(ke, { children: [
+                        te ? te(t, C) : /* @__PURE__ */ h(Me, { children: [
                           /* @__PURE__ */ l(
                             M,
                             {
@@ -330,25 +332,25 @@ const X = Array.from({ length: 24 }, (o, C) => C), W = {
                               children: t.title || "(No title)"
                             }
                           ),
-                          a > 30 / L * 100 && /* @__PURE__ */ h(
+                          a > 30 / Y * 100 && /* @__PURE__ */ h(
                             M,
                             {
                               variant: "body-small",
                               className: "text-[10px] text-inherit opacity-80 truncate mt-0.5 pointer-events-none",
                               children: [
-                                I(t.start, "h:mm a"),
+                                O(t.start, "h:mm a"),
                                 " -",
                                 " ",
-                                I(t.end, "h:mm a")
+                                O(t.end, "h:mm a")
                               ]
                             }
                           )
                         ] }),
-                        t.editable !== !1 && !f && !o && !te && /* @__PURE__ */ l(
+                        t.editable !== !1 && !f && !o && !ne && /* @__PURE__ */ l(
                           "div",
                           {
                             className: "absolute bottom-0 left-0 right-0 h-2 cursor-ns-resize opacity-0 group-hover:opacity-100 flex justify-center items-center",
-                            onPointerDown: (m) => le(m, t, "resize", e),
+                            onPointerDown: (m) => ie(m, t, "resize", e),
                             children: /* @__PURE__ */ l("div", { className: "w-4 h-1 bg-current opacity-50 rounded-full" })
                           }
                         )
@@ -365,26 +367,26 @@ const X = Array.from({ length: 24 }, (o, C) => C), W = {
       })
     ] })
   ] });
-  return /* @__PURE__ */ h("div", { className: d("flex flex-col flex-1 h-full min-h-0", re), children: [
+  return /* @__PURE__ */ h("div", { className: d("flex flex-col flex-1 h-full min-h-0", oe), children: [
     /* @__PURE__ */ h(
       "div",
       {
         className: d(
           "flex flex-col border-b shrink-0 z-20",
-          v,
-          ne
+          x,
+          ae
         ),
         children: [
           /* @__PURE__ */ h("div", { className: "flex", children: [
-            /* @__PURE__ */ l("div", { className: d("w-16 shrink-0 border-r", v) }),
+            /* @__PURE__ */ l("div", { className: d("w-16 shrink-0 border-r", x) }),
             /* @__PURE__ */ l("div", { className: "flex flex-1", children: u.map((e) => {
-              const r = Ne(e);
+              const r = Ce(e);
               return /* @__PURE__ */ h(
                 "div",
                 {
                   className: d(
                     "flex-1 flex flex-col items-center justify-center py-3 border-r last:border-r-0",
-                    v
+                    x
                   ),
                   children: [
                     /* @__PURE__ */ l(
@@ -395,7 +397,7 @@ const X = Array.from({ length: 24 }, (o, C) => C), W = {
                           "font-semibold mb-1",
                           r && !o ? "text-primary" : o ? "text-black" : "text-on-surface-variant"
                         ),
-                        children: I(e, "EEE").toUpperCase()
+                        children: O(e, "EEE").toUpperCase()
                       }
                     ),
                     /* @__PURE__ */ l(
@@ -403,7 +405,7 @@ const X = Array.from({ length: 24 }, (o, C) => C), W = {
                       {
                         type: "button",
                         onClick: () => {
-                          D !== "day" && !o && (he(e), be("day"));
+                          C !== "day" && !o && (ge(e), pe("day"));
                         },
                         className: d(
                           "flex items-center justify-center w-10 h-10 rounded-full text-lg transition-colors cursor-pointer",
@@ -411,7 +413,7 @@ const X = Array.from({ length: 24 }, (o, C) => C), W = {
                           r && !o ? "bg-primary text-on-primary font-bold shadow-md hover:bg-primary/90" : o ? "text-black" : "text-on-surface",
                           r && o && "font-bold border-2 border-black rounded-full"
                         ),
-                        children: I(e, "d")
+                        children: O(e, "d")
                       }
                     )
                   ]
@@ -420,13 +422,13 @@ const X = Array.from({ length: 24 }, (o, C) => C), W = {
               );
             }) })
           ] }),
-          de > 0 && /* @__PURE__ */ h("div", { className: d("flex border-t", v), children: [
+          fe > 0 && /* @__PURE__ */ h("div", { className: d("flex border-t", x), children: [
             /* @__PURE__ */ l(
               "div",
               {
                 className: d(
                   "w-16 shrink-0 border-r flex items-center justify-center py-2",
-                  v
+                  x
                 ),
                 children: /* @__PURE__ */ l(
                   M,
@@ -454,7 +456,7 @@ const X = Array.from({ length: 24 }, (o, C) => C), W = {
                     {
                       className: d(
                         "flex-1 border-r last:border-r-0",
-                        v
+                        x
                       )
                     },
                     r
@@ -465,7 +467,7 @@ const X = Array.from({ length: 24 }, (o, C) => C), W = {
                       className: "grid gap-y-1 px-1 relative z-10",
                       style: {
                         gridTemplateColumns: `repeat(${u.length}, minmax(0, 1fr))`,
-                        gridTemplateRows: `repeat(${de}, 24px)`
+                        gridTemplateRows: `repeat(${fe}, 24px)`
                       },
                       children: z.map((e) => {
                         const { event: r, colStart: n, colSpan: s, row: a } = e, t = r.colorVariant || "tertiary", i = r.isDraft;
@@ -481,15 +483,15 @@ const X = Array.from({ length: 24 }, (o, C) => C), W = {
                               gridColumnEnd: `span ${s}`,
                               gridRowStart: a
                             },
-                            onClick: (c) => ae(c, r),
+                            onClick: (c) => se(c, r),
                             children: /* @__PURE__ */ l(
                               "div",
                               {
                                 className: d(
                                   "h-full w-full rounded-md px-2 flex items-center overflow-hidden transition-all",
-                                  !i && !o && !$ && "cursor-pointer hover:opacity-90",
+                                  !i && !o && !j && "cursor-pointer hover:opacity-90",
                                   i && "border-2 border-dashed border-current shadow-lg ring-2 ring-primary ring-offset-1",
-                                  r.colorHex ? "" : W[t].split(" ")[0] + " " + W[t].split(" ")[1],
+                                  r.colorHex ? "" : q[t].split(" ")[0] + " " + q[t].split(" ")[1],
                                   o && "!shadow-none border border-black/30"
                                 ),
                                 style: { backgroundColor: r.colorHex },
@@ -516,16 +518,16 @@ const X = Array.from({ length: 24 }, (o, C) => C), W = {
         ]
       }
     ),
-    o ? /* @__PURE__ */ l("div", { className: "flex-1 w-full h-full relative overflow-hidden", children: ue }) : /* @__PURE__ */ l(
-      ze,
+    o ? /* @__PURE__ */ l("div", { className: "flex-1 w-full h-full relative overflow-hidden", children: me }) : /* @__PURE__ */ l(
+      Ve,
       {
-        ref: j,
-        className: d("flex-1 w-full", re),
-        children: ue
+        ref: L,
+        className: d("flex-1 w-full", oe),
+        children: me
       }
     )
   ] });
 };
 export {
-  Fe as TimelineView
+  We as TimelineView
 };

package/dist/components/full-calendar/types.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 export type CalendarView = 'day' | 'week' | 'month' | 'year';
 export type EventType = 'event' | 'task' | 'appointment';
-export type CalendarVariant = 'primary' | 'secondary' | 'surface' | 'ghost';
+export type CalendarVariant = 'primary' | 'secondary' | 'tertiary' | 'high-contrast' | 'ghost' | 'surface' | 'surface-container-lowest' | 'surface-container-low' | 'surface-container' | 'surface-container-high' | 'surface-container-highest';
 export interface RecurrenceRule {
     frequency: 'daily' | 'weekly' | 'monthly' | 'yearly';
     interval: number;

package/dist/components/full-calendar/utils.d.ts

@@ -1,6 +1,7 @@
 import { CalendarEvent, CalendarVariant } from './types';
-export declare const getCalendarBgClasses: (variant?: CalendarVariant) => "bg-transparent" | "bg-surface-container-high" | "bg-surface-container-low" | "bg-surface";
-export declare const getCalendarStickyBgClasses: (variant?: CalendarVariant) => "bg-surface-container-high" | "bg-surface-container-low" | "bg-surface" | "bg-surface/80 backdrop-blur-md";
+export declare const getCalendarBgClasses: (variant?: CalendarVariant) => "bg-surface-container-low text-on-surface" | "bg-surface-container-highest text-on-surface" | "bg-tertiary-container text-on-tertiary-container" | "bg-inverse-surface text-inverse-on-surface" | "bg-transparent text-on-surface" | "bg-surface text-on-surface" | "bg-surface-container-lowest text-on-surface" | "bg-surface-container text-on-surface" | "bg-surface-container-high text-on-surface";
+export declare const getCalendarStickyBgClasses: (variant?: CalendarVariant) => "bg-surface-container-low text-on-surface" | "bg-surface-container-highest text-on-surface" | "bg-tertiary-container text-on-tertiary-container" | "bg-inverse-surface text-inverse-on-surface" | "bg-surface text-on-surface" | "bg-surface-container-lowest text-on-surface" | "bg-surface-container text-on-surface" | "bg-surface-container-high text-on-surface" | "bg-surface/80 backdrop-blur-md text-on-surface";
+export declare const getCalendarSidePanelBgClasses: (variant?: CalendarVariant) => "bg-transparent" | "bg-surface-container-lowest" | "bg-surface-container-low" | "bg-surface-container-low/30" | "bg-surface-container-low/50" | "bg-surface-container-low/70" | "bg-inverse-surface/5";
 export declare const expandEvents: (events: CalendarEvent[], viewStart: Date, viewEnd: Date) => CalendarEvent[];
 export declare const getDaysForMonthView: (currentDate: Date) => Date[];
 export declare const getDaysForWeekView: (currentDate: Date) => Date[];