@savvycal/calendar 0.1.0

package/dist/components/resource-grid-view/SelectionOverlay.js

@@ -0,0 +1,87 @@
+import { jsx as i } from "react/jsx-runtime";
+import { memo as g } from "react";
+import { getMinuteRange as y } from "../../lib/time.js";
+import { buildSyntheticEvent as S } from "../../lib/selection.js";
+import { EventChip as M } from "./EventChip.js";
+const j = g(function({
+  selectedRange: t,
+  column: m,
+  resource: u,
+  viewDate: h,
+  timeZone: r,
+  startHour: a,
+  hourHeight: v,
+  cls: n,
+  appearance: s = "highlight",
+  selectionRef: d,
+  renderEvent: c
+}) {
+  const l = v / 60, p = a * 60, e = y(
+    t.startTime,
+    t.endTime,
+    h,
+    r
+  );
+  if (!e) return null;
+  const f = (e.startMin - p) * l, o = (e.endMin - e.startMin) * l;
+  return o <= 0 ? null : /* @__PURE__ */ i(
+    "div",
+    {
+      "aria-hidden": "true",
+      style: {
+        gridRow: "3 / -1",
+        gridColumn: m,
+        position: "relative",
+        pointerEvents: "none"
+      },
+      children: /* @__PURE__ */ i(
+        "div",
+        {
+          ref: d,
+          style: {
+            position: "absolute",
+            top: f,
+            left: 0,
+            right: 0,
+            height: o
+          },
+          children: s !== "highlight" ? /* @__PURE__ */ i("div", { className: n("eventColumn"), style: { height: "100%" }, children: /* @__PURE__ */ i(
+            M,
+            {
+              interactive: !1,
+              isSelected: !0,
+              positioned: {
+                event: S(
+                  t.resourceId,
+                  t.startTime,
+                  t.endTime,
+                  s.eventData
+                ),
+                top: 0,
+                height: o,
+                subColumn: 0,
+                totalSubColumns: 1
+              },
+              resource: u,
+              timeZone: r,
+              cls: n,
+              renderEvent: c
+            }
+          ) }) : /* @__PURE__ */ i(
+            "div",
+            {
+              className: n("selectionHighlight"),
+              style: {
+                position: "absolute",
+                inset: 0
+              }
+            }
+          )
+        }
+      )
+    }
+  );
+});
+export {
+  j as SelectionOverlay
+};

package/dist/components/resource-grid-view/SlotInteractionLayer.d.ts

@@ -0,0 +1,28 @@
+import { Temporal } from 'temporal-polyfill';
+import { CalendarResource, PositionedEvent, ResourceGridViewClassNames, SelectedRange, SelectionAppearance, TimedCalendarEvent } from '../../types/calendar';
+interface SlotInteractionLayerProps {
+    resource: CalendarResource;
+    column: number;
+    date: Temporal.PlainDate;
+    timeZone: string;
+    startHour: number;
+    endHour: number;
+    hourHeight: number;
+    snapDuration: number;
+    placeholderDuration: number;
+    cls: (key: keyof ResourceGridViewClassNames) => string;
+    onSlotClick?: (info: {
+        resource: CalendarResource;
+        startTime: Temporal.ZonedDateTime;
+        endTime: Temporal.ZonedDateTime;
+    }) => void;
+    onSelect?: (range: SelectedRange | null) => void;
+    dragPreviewAppearance?: SelectionAppearance;
+    renderEvent?: (props: {
+        event: TimedCalendarEvent;
+        position: PositionedEvent;
+    }) => React.ReactNode;
+}
+export declare const SlotInteractionLayer: import('react').NamedExoticComponent<SlotInteractionLayerProps>;
+export {};
+//# sourceMappingURL=SlotInteractionLayer.d.ts.map

package/dist/components/resource-grid-view/SlotInteractionLayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlotInteractionLayer.d.ts","sourceRoot":"","sources":["../../../src/components/resource-grid-view/SlotInteractionLayer.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EACV,gBAAgB,EAChB,eAAe,EACf,0BAA0B,EAC1B,aAAa,EACb,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,kBAAkB,CAAC;AAI1B,UAAU,yBAAyB;IACjC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,GAAG,EAAE,CAAC,GAAG,EAAE,MAAM,0BAA0B,KAAK,MAAM,CAAC;IACvD,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE;QACnB,QAAQ,EAAE,gBAAgB,CAAC;QAC3B,SAAS,EAAE,QAAQ,CAAC,aAAa,CAAC;QAClC,OAAO,EAAE,QAAQ,CAAC,aAAa,CAAC;KACjC,KAAK,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,qBAAqB,CAAC,EAAE,mBAAmB,CAAC;IAC5C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE;QACpB,KAAK,EAAE,kBAAkB,CAAC;QAC1B,QAAQ,EAAE,eAAe,CAAC;KAC3B,KAAK,KAAK,CAAC,SAAS,CAAC;CACvB;AAmBD,eAAO,MAAM,oBAAoB,iEA2T/B,CAAC"}

package/dist/components/resource-grid-view/SlotInteractionLayer.js

@@ -0,0 +1,213 @@
+import { jsxs as rt, jsx as x } from "react/jsx-runtime";
+import { memo as ot, useState as K, useRef as o, useCallback as m, useLayoutEffect as st, useEffect as it } from "react";
+import { buildSyntheticEvent as ct } from "../../lib/selection.js";
+import { EventChip as ut } from "./EventChip.js";
+function E(U, u, C) {
+  const a = Math.floor(u / 60), i = u % 60;
+  return U.toPlainDateTime({ hour: a, minute: i }).toZonedDateTime(C);
+}
+const mt = ot(function({
+  resource: u,
+  column: C,
+  date: a,
+  timeZone: i,
+  startHour: Q,
+  endHour: V,
+  hourHeight: W,
+  snapDuration: R,
+  placeholderDuration: l,
+  cls: y,
+  onSlotClick: L,
+  onSelect: h,
+  dragPreviewAppearance: F = "highlight",
+  renderEvent: X
+}) {
+  const [b, k] = K(null), [c, H] = K(null), S = o(null), M = o(null), w = o(!1), q = o(h), z = o(u), B = o(a), O = o(i), v = Q * 60, T = V * 60, d = W / 60, f = m(
+    (n) => {
+      const t = n / d, r = Math.floor(t / R) * R, e = v + r;
+      return e + l > T || e < v ? null : e;
+    },
+    [
+      d,
+      R,
+      l,
+      v,
+      T
+    ]
+  ), G = o(f), Y = o(T), _ = o(R), I = o(l), J = m((n, t) => {
+    const r = Math.min(n, t), e = Math.min(
+      Math.max(n, t) + I.current,
+      Y.current
+    );
+    return { startMin: r, endMin: e };
+  }, []), g = m(
+    (n) => {
+      const t = M.current, r = S.current;
+      if (!t || !r) return;
+      const e = r.getBoundingClientRect(), s = e.height, p = Math.max(
+        0,
+        Math.min(n.clientY - e.top, s)
+      );
+      let j = G.current(p);
+      j == null && (j = Y.current - I.current);
+      const D = J(t.anchorSlotStart, j);
+      t.currentStartMin = D.startMin, t.currentEndMin = D.endMin, t.moved = !0, H(D);
+    },
+    [J]
+  ), N = o(() => {
+  }), P = m(() => {
+    const n = M.current;
+    n && (n.moved && (w.current = !0), q.current?.({
+      resourceId: z.current.id,
+      startTime: E(
+        B.current,
+        n.currentStartMin,
+        O.current
+      ),
+      endTime: E(
+        B.current,
+        n.currentEndMin,
+        O.current
+      )
+    })), M.current = null, H(null), document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", N.current);
+  }, [g]);
+  st(() => {
+    q.current = h, z.current = u, B.current = a, O.current = i, G.current = f, Y.current = T, _.current = R, I.current = l, N.current = P;
+  }), it(() => () => {
+    document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", N.current);
+  }, [g]);
+  const $ = m(
+    (n) => {
+      if (!h) return;
+      const t = S.current;
+      if (!t) return;
+      const r = t.getBoundingClientRect(), e = n.clientY - r.top, s = f(e);
+      if (s == null) return;
+      n.preventDefault(), h(null);
+      const p = s + l;
+      M.current = {
+        anchorSlotStart: s,
+        currentStartMin: s,
+        currentEndMin: p,
+        moved: !1
+      }, H({ startMin: s, endMin: p }), document.addEventListener("mousemove", g), document.addEventListener("mouseup", P);
+    },
+    [
+      h,
+      f,
+      l,
+      g,
+      P
+    ]
+  ), A = m(
+    (n) => {
+      if (M.current) return;
+      const t = S.current;
+      if (!t) return;
+      const r = t.getBoundingClientRect(), e = n.clientY - r.top;
+      k(f(e));
+    },
+    [f]
+  ), Z = m(() => {
+    M.current || k(null);
+  }, []), tt = m(
+    (n) => {
+      if (w.current) {
+        w.current = !1;
+        return;
+      }
+      const t = S.current;
+      if (!t) return;
+      const r = t.getBoundingClientRect(), e = n.clientY - r.top, s = f(e);
+      if (s == null) return;
+      const p = s + l;
+      L && L({
+        resource: u,
+        startTime: E(a, s, i),
+        endTime: E(a, p, i)
+      });
+    },
+    [L, f, l, u, a, i]
+  ), nt = b != null ? (b - v) * d : 0, et = l * d;
+  return /* @__PURE__ */ rt(
+    "div",
+    {
+      ref: S,
+      style: {
+        gridRow: "3 / -1",
+        gridColumn: C,
+        position: "relative",
+        pointerEvents: "auto",
+        cursor: L || h ? "pointer" : void 0
+      },
+      onMouseDown: $,
+      onMouseMove: A,
+      onMouseLeave: Z,
+      onClick: tt,
+      children: [
+        b != null && !c && /* @__PURE__ */ x(
+          "div",
+          {
+            "aria-hidden": "true",
+            className: y("slotHighlight"),
+            style: {
+              position: "absolute",
+              top: nt,
+              left: 0,
+              right: 0,
+              height: et,
+              pointerEvents: "none"
+            }
+          }
+        ),
+        c && (F !== "highlight" ? /* @__PURE__ */ x(
+          "div",
+          {
+            "aria-hidden": "true",
+            className: y("eventColumn"),
+            style: { pointerEvents: "none" },
+            children: /* @__PURE__ */ x(
+              ut,
+              {
+                interactive: !1,
+                positioned: {
+                  event: ct(
+                    u.id,
+                    E(a, c.startMin, i),
+                    E(a, c.endMin, i),
+                    F.eventData
+                  ),
+                  top: (c.startMin - v) * d,
+                  height: (c.endMin - c.startMin) * d,
+                  subColumn: 0,
+                  totalSubColumns: 1
+                },
+                resource: u,
+                timeZone: i,
+                cls: y,
+                renderEvent: X
+              }
+            )
+          }
+        ) : /* @__PURE__ */ x(
+          "div",
+          {
+            "aria-hidden": "true",
+            className: y("selectionHighlight"),
+            style: {
+              position: "absolute",
+              top: (c.startMin - v) * d,
+              left: 0,
+              right: 0,
+              height: (c.endMin - c.startMin) * d,
+              pointerEvents: "none"
+            }
+          }
+        ))
+      ]
+    }
+  );
+});
+export {
+  mt as SlotInteractionLayer
+};

package/dist/components/resource-grid-view/TimeGutter.d.ts

@@ -0,0 +1,11 @@
+import { ResourceGridViewClassNames } from '../../types/calendar';
+interface TimeGutterProps {
+    label: string;
+    row: number;
+    isHourStart: boolean;
+    isFirst: boolean;
+    cls: (key: keyof ResourceGridViewClassNames) => string;
+}
+export declare const TimeGutter: import('react').NamedExoticComponent<TimeGutterProps>;
+export {};
+//# sourceMappingURL=TimeGutter.d.ts.map

package/dist/components/resource-grid-view/TimeGutter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeGutter.d.ts","sourceRoot":"","sources":["../../../src/components/resource-grid-view/TimeGutter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAEnE,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,GAAG,EAAE,CAAC,GAAG,EAAE,MAAM,0BAA0B,KAAK,MAAM,CAAC;CACxD;AAED,eAAO,MAAM,UAAU,uDAmBrB,CAAC"}

package/dist/components/resource-grid-view/TimeGutter.js

@@ -0,0 +1,25 @@
+import { jsx as t } from "react/jsx-runtime";
+import { memo as l } from "react";
+const g = l(function({
+  label: m,
+  row: i,
+  isHourStart: e,
+  isFirst: o,
+  cls: r
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: r(e ? "gutterCell" : "gutterCellMinor"),
+      style: {
+        gridRow: i,
+        gridColumn: 1,
+        ...o ? { marginTop: 0 } : {}
+      },
+      children: e && /* @__PURE__ */ t("span", { className: r("gutterLabel"), children: m })
+    }
+  );
+});
+export {
+  g as TimeGutter
+};

package/dist/components/resource-grid-view/UnavailabilityOverlay.d.ts

@@ -0,0 +1,10 @@
+import { ResourceGridViewClassNames } from '../../types/calendar';
+import { UnavailableBlock } from '../../lib/availability';
+interface UnavailabilityOverlayProps {
+    blocks: UnavailableBlock[];
+    column: number;
+    cls: (key: keyof ResourceGridViewClassNames) => string;
+}
+export declare const UnavailabilityOverlay: import('react').NamedExoticComponent<UnavailabilityOverlayProps>;
+export {};
+//# sourceMappingURL=UnavailabilityOverlay.d.ts.map

package/dist/components/resource-grid-view/UnavailabilityOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnavailabilityOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/resource-grid-view/UnavailabilityOverlay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AACnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,UAAU,0BAA0B;IAClC,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,CAAC,GAAG,EAAE,MAAM,0BAA0B,KAAK,MAAM,CAAC;CACxD;AAED,eAAO,MAAM,qBAAqB,kEAgChC,CAAC"}

package/dist/components/resource-grid-view/UnavailabilityOverlay.js

@@ -0,0 +1,37 @@
+import { jsx as e } from "react/jsx-runtime";
+import { memo as l } from "react";
+const p = l(function({
+  blocks: i,
+  column: r,
+  cls: a
+}) {
+  return i.length === 0 ? null : /* @__PURE__ */ e(
+    "div",
+    {
+      "aria-hidden": "true",
+      style: {
+        gridRow: "3 / -1",
+        gridColumn: r,
+        position: "relative",
+        pointerEvents: "none"
+      },
+      children: i.map((t, n) => /* @__PURE__ */ e(
+        "div",
+        {
+          className: a("unavailableOverlay"),
+          style: {
+            position: "absolute",
+            top: t.top,
+            left: 0,
+            right: 0,
+            height: t.height
+          }
+        },
+        n
+      ))
+    }
+  );
+});
+export {
+  p as UnavailabilityOverlay
+};

package/dist/components/resource-grid-view/defaults.d.ts

@@ -0,0 +1,3 @@
+import { ResourceGridViewClassNames } from '../../types/calendar';
+export declare const resourceGridViewDefaults: Required<ResourceGridViewClassNames>;
+//# sourceMappingURL=defaults.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/components/resource-grid-view/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAEnE,eAAO,MAAM,wBAAwB,EAAE,QAAQ,CAAC,0BAA0B,CAgCzE,CAAC"}

package/dist/components/resource-grid-view/defaults.js

@@ -0,0 +1,28 @@
+const e = {
+  root: "overflow-auto relative",
+  grid: "min-w-max",
+  cornerCell: "bg-cal-surface border-r border-cal-border sticky top-0 left-0 z-30 flex items-end justify-end",
+  headerCell: "bg-cal-surface border-cal-border sticky top-0 z-20 flex items-center gap-2 px-3 py-2",
+  headerName: "text-cal-text text-sm font-medium truncate",
+  headerAvatar: "size-6 rounded-full object-cover",
+  gutterCell: "bg-cal-surface border-r border-cal-border sticky left-0 z-10 flex items-start justify-end pr-2 -mt-[0.5rem]",
+  gutterCellMinor: "bg-cal-surface border-r border-cal-border sticky left-0 z-10",
+  gutterLabel: "font-medium text-cal-text-muted text-xs",
+  bodyCell: "border-t border-r border-cal-border",
+  bodyCellMinor: "border-t border-r border-cal-border",
+  eventColumn: "relative mr-3",
+  event: "absolute inset-x-0.5 rounded-md pl-2.5 pr-1.5 py-0.5 overflow-hidden cursor-pointer select-none text-left bg-cal-event-bg ring-1 ring-inset ring-cal-event-ring",
+  eventSelected: "shadow-lg shadow-cal-event-shadow ring-cal-event-ring-selected",
+  eventColorBar: "absolute left-0 top-0 bottom-0 w-1",
+  eventTitle: "text-cal-text-body text-xs/4 font-medium",
+  eventTime: "text-cal-text-muted text-xs/4",
+  eventClientName: "text-cal-text-muted text-xs/4",
+  nowIndicator: "absolute left-0 right-0 h-0.5 bg-cal-now pointer-events-none",
+  slotHighlight: "bg-cal-slot-highlight rounded-md transition-[top,opacity] duration-75",
+  selectionHighlight: "bg-cal-selection rounded-md",
+  allDayCell: "border-r sticky z-20 bg-cal-surface border-b border-cal-border px-1 py-1 flex gap-1",
+  unavailableOverlay: "cal-unavailable-overlay"
+};
+export {
+  e as resourceGridViewDefaults
+};

package/dist/components/resource-grid-view/index.d.ts

@@ -0,0 +1,3 @@
+export { ResourceGridView } from './ResourceGridView';
+export { resourceGridViewDefaults } from './defaults';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/resource-grid-view/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/resource-grid-view/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/resource-grid-view/useAnnouncer.d.ts

@@ -0,0 +1,5 @@
+export declare function useAnnouncer(): {
+    message: string;
+    announce: (text: string) => void;
+};
+//# sourceMappingURL=useAnnouncer.d.ts.map

package/dist/components/resource-grid-view/useAnnouncer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnnouncer.d.ts","sourceRoot":"","sources":["../../../src/components/resource-grid-view/useAnnouncer.ts"],"names":[],"mappings":"AAEA,wBAAgB,YAAY;;qBAIU,MAAM;EAU3C"}

package/dist/components/resource-grid-view/useAnnouncer.js

@@ -0,0 +1,12 @@
+import { useState as s, useRef as o, useCallback as c } from "react";
+function i() {
+  const [n, t] = s(""), e = o(null), u = c((r) => {
+    e.current && clearTimeout(e.current), t(""), e.current = setTimeout(() => {
+      t(r);
+    }, 50);
+  }, []);
+  return { message: n, announce: u };
+}
+export {
+  i as useAnnouncer
+};

package/dist/components/resource-grid-view/useEffectiveHourHeight.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Computes an effective hour height that stretches rows to fill the container
+ * when there is extra vertical space. The provided `hourHeight` acts as a minimum.
+ *
+ * Also exposes the measured header height so the all-day row can be positioned
+ * sticky below the header.
+ */
+export declare function useEffectiveHourHeight(hourHeight: number, totalHours: number): {
+    effectiveHourHeight: number;
+    rootRef: import('react').RefObject<HTMLDivElement | null>;
+    headerRef: import('react').RefObject<HTMLDivElement | null>;
+    allDayRef: import('react').RefObject<HTMLDivElement | null>;
+    headerHeight: number;
+};
+//# sourceMappingURL=useEffectiveHourHeight.d.ts.map

package/dist/components/resource-grid-view/useEffectiveHourHeight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEffectiveHourHeight.d.ts","sourceRoot":"","sources":["../../../src/components/resource-grid-view/useEffectiveHourHeight.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,wBAAgB,sBAAsB,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM;;;;;;EAgC5E"}

package/dist/components/resource-grid-view/useEffectiveHourHeight.js

@@ -0,0 +1,20 @@
+import { useRef as n, useState as H, useLayoutEffect as y } from "react";
+function p(e, r) {
+  const o = n(null), s = n(null), c = n(null), [h, l] = H(e), [g, d] = H(0);
+  return y(() => {
+    const t = o.current, i = s.current;
+    if (!t || !i) return;
+    function a() {
+      const v = t.clientHeight, u = i.offsetHeight;
+      d(u);
+      const b = c.current?.offsetHeight ?? 0, m = (v - u - b) / r;
+      l(Math.max(e, m));
+    }
+    a();
+    const f = new ResizeObserver(a);
+    return f.observe(t), () => f.disconnect();
+  }, [e, r]), { effectiveHourHeight: h, rootRef: o, headerRef: s, allDayRef: c, headerHeight: g };
+}
+export {
+  p as useEffectiveHourHeight
+};

package/dist/components.css

@@ -0,0 +1,31 @@
+/**
+ * Component styles for @savvycal/calendar
+ *
+ * Import this file in your app's CSS AFTER the preset and tailwindcss:
+ *
+ *   @import "@savvycal/calendar/preset.css";
+ *   @import "tailwindcss";
+ *   @import "@savvycal/calendar/components.css";
+ */
+
+/* Unavailable time overlay with cross-hatching */
+.cal-unavailable-overlay {
+  background-attachment: fixed;
+  background-image: repeating-linear-gradient(
+    -45deg,
+    oklch(0 0 0 / 0.02),
+    oklch(0 0 0 / 0.02) 3px,
+    oklch(0 0 0 / 0.08) 3px,
+    oklch(0 0 0 / 0.08) 6px
+  );
+}
+
+.dark .cal-unavailable-overlay {
+  background-image: repeating-linear-gradient(
+    -45deg,
+    oklch(1 0 0 / 0.02),
+    oklch(1 0 0 / 0.02) 3px,
+    oklch(1 0 0 / 0.08) 3px,
+    oklch(1 0 0 / 0.08) 6px
+  );
+}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export { Temporal } from 'temporal-polyfill';
+export { ResourceGridView } from './components/resource-grid-view';
+export { resourceGridViewDefaults } from './components/resource-grid-view';
+export type { CalendarResource, CalendarEvent, TimedCalendarEvent, AllDayCalendarEvent, TimeSlot, AvailabilityRange, TimeAxisConfig, ResourceGridViewProps, ResourceGridViewClassNames, PositionedEvent, SelectedRange, SelectionAppearance, SelectionEventData, EventLayout, } from './types/calendar';
+export { cn } from './lib/utils';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAG3E,YAAY,EACV,gBAAgB,EAChB,aAAa,EACb,kBAAkB,EAClB,mBAAmB,EACnB,QAAQ,EACR,iBAAiB,EACjB,cAAc,EACd,qBAAqB,EACrB,0BAA0B,EAC1B,eAAe,EACf,aAAa,EACb,mBAAmB,EACnB,kBAAkB,EAClB,WAAW,GACZ,MAAM,kBAAkB,CAAC;AAG1B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC"}

package/dist/index.js

@@ -0,0 +1,10 @@
+import { Temporal as o } from "temporal-polyfill";
+import { cn as m } from "./lib/utils.js";
+import { ResourceGridView as t } from "./components/resource-grid-view/ResourceGridView.js";
+import { resourceGridViewDefaults as x } from "./components/resource-grid-view/defaults.js";
+export {
+  t as ResourceGridView,
+  o as Temporal,
+  m as cn,
+  x as resourceGridViewDefaults
+};

package/dist/lib/availability.d.ts

@@ -0,0 +1,12 @@
+import { Temporal } from 'temporal-polyfill';
+import { AvailabilityRange } from '../types/calendar';
+export interface UnavailableBlock {
+    top: number;
+    height: number;
+}
+/**
+ * Compute unavailable blocks for a single resource by merging the inverse
+ * of available ranges with explicit unavailable ranges.
+ */
+export declare function computeUnavailableBlocks(availableRanges: AvailabilityRange[] | undefined, unavailableRanges: AvailabilityRange[] | undefined, timeZone: string, viewDate: Temporal.PlainDate, startHour: number, endHour: number, hourHeight: number): UnavailableBlock[];
+//# sourceMappingURL=availability.d.ts.map

package/dist/lib/availability.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"availability.d.ts","sourceRoot":"","sources":["../../src/lib/availability.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAG1D,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;CAChB;AAmED;;;GAGG;AACH,wBAAgB,wBAAwB,CACtC,eAAe,EAAE,iBAAiB,EAAE,GAAG,SAAS,EAChD,iBAAiB,EAAE,iBAAiB,EAAE,GAAG,SAAS,EAClD,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,QAAQ,CAAC,SAAS,EAC5B,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,MAAM,GACjB,gBAAgB,EAAE,CAuCpB"}

package/dist/lib/availability.js

@@ -0,0 +1,56 @@
+import { getMinuteRange as m } from "./time.js";
+function l(o, r, s, n, e) {
+  return o.map((t) => {
+    const a = m(t.startTime, t.endTime, s, r);
+    return a ? {
+      start: Math.max(a.startMin, n),
+      end: Math.min(a.endMin, e)
+    } : null;
+  }).filter((t) => t !== null && t.start < t.end);
+}
+function d(o) {
+  if (o.length === 0) return [];
+  const r = [...o].sort((n, e) => n.start - e.start), s = [{ ...r[0] }];
+  for (let n = 1; n < r.length; n++) {
+    const e = s[s.length - 1];
+    r[n].start <= e.end ? e.end = Math.max(e.end, r[n].end) : s.push({ ...r[n] });
+  }
+  return s;
+}
+function p(o, r, s) {
+  const n = d(o), e = [];
+  let t = r;
+  for (const a of n)
+    t < a.start && e.push({ start: t, end: a.start }), t = Math.max(t, a.end);
+  return t < s && e.push({ start: t, end: s }), e;
+}
+function M(o, r, s, n, e, t, a) {
+  const c = e * 60, i = t * 60, h = a / 60, f = [];
+  if (o && o.length > 0) {
+    const u = l(
+      o,
+      s,
+      n,
+      c,
+      i
+    );
+    f.push(
+      ...p(u, c, i)
+    );
+  }
+  return r && r.length > 0 && f.push(
+    ...l(
+      r,
+      s,
+      n,
+      c,
+      i
+    )
+  ), d(f).map((u) => ({
+    top: (u.start - c) * h,
+    height: (u.end - u.start) * h
+  }));
+}
+export {
+  M as computeUnavailableBlocks
+};