@tampadevs/react 0.1.0

package/dist/index20.js

@@ -0,0 +1,492 @@
+import { jsxs as l, Fragment as y, jsx as e } from "react/jsx-runtime";
+import { clsx as u } from "./index28.js";
+function F(d) {
+  const t = /* @__PURE__ */ new Date();
+  return d.getDate() === t.getDate() && d.getMonth() === t.getMonth() && d.getFullYear() === t.getFullYear();
+}
+function N(d) {
+  return new Date(d).toLocaleTimeString("en-US", {
+    hour: "numeric",
+    minute: "2-digit",
+    hour12: !0
+  });
+}
+function A(d, t, m) {
+  const s = [], _ = /* @__PURE__ */ new Date();
+  _.setHours(0, 0, 0, 0);
+  const r = /* @__PURE__ */ new Map();
+  for (const n of d) {
+    const o = new Date(n.dateTime).toDateString();
+    r.has(o) || r.set(o, []), r.get(o).push(n);
+  }
+  for (let n = 0; n < t; n++) {
+    const c = new Date(_);
+    c.setDate(c.getDate() + n);
+    const o = c.toDateString(), i = r.get(o) || [];
+    i.sort((b, p) => new Date(b.dateTime).getTime() - new Date(p.dateTime).getTime()), (!m || i.length > 0) && s.push({ date: c, events: i });
+  }
+  return s;
+}
+function C({
+  events: d = [],
+  days: t = 30,
+  hideEmpty: m = !1,
+  emptyMessage: s = "No events",
+  title: _,
+  onEventClick: r,
+  className: n,
+  variant: c = "dark",
+  fullHeight: o = !1
+}) {
+  const i = A(d, t, m), b = c === "light" ? "td-calendar--light" : "td-calendar--dark", p = o ? "td-calendar--full-height" : "", w = (a) => {
+    const g = /* @__PURE__ */ l(y, { children: [
+      /* @__PURE__ */ e("span", { className: "td-calendar__event-time", children: N(a.dateTime) }),
+      /* @__PURE__ */ l("div", { className: "td-calendar__event-content", children: [
+        /* @__PURE__ */ e("div", { className: "td-calendar__event-title", children: a.title }),
+        /* @__PURE__ */ l("div", { className: "td-calendar__event-meta", children: [
+          a.groupName && /* @__PURE__ */ e("span", { className: "td-calendar__event-group", children: a.groupName }),
+          a.groupName && (a.location || a.isOnline) && /* @__PURE__ */ e("span", { children: "·" }),
+          a.isOnline ? /* @__PURE__ */ l("span", { className: "td-calendar__online-badge", children: [
+            /* @__PURE__ */ e("span", { className: "td-calendar__online-dot" }),
+            "Online"
+          ] }) : a.location ? /* @__PURE__ */ e("span", { className: "td-calendar__event-location", children: a.location }) : null
+        ] })
+      ] })
+    ] }), h = () => r == null ? void 0 : r(a);
+    return a.eventUrl ? /* @__PURE__ */ e(
+      "a",
+      {
+        className: "td-calendar__event-item",
+        href: a.eventUrl,
+        onClick: h,
+        children: g
+      },
+      a.id
+    ) : /* @__PURE__ */ e("div", { className: "td-calendar__event-item", onClick: h, children: g }, a.id);
+  }, k = (a, g) => {
+    const h = a.date.toLocaleDateString("en-US", { weekday: "short" }), f = a.date.getDate(), v = a.date.toLocaleDateString("en-US", { month: "short" }), x = F(a.date);
+    return /* @__PURE__ */ l("div", { className: u("td-calendar__day-row", x && "td-calendar__day-row--today"), children: [
+      /* @__PURE__ */ l("div", { className: "td-calendar__day-header", children: [
+        /* @__PURE__ */ e("div", { className: "td-calendar__day-weekday", children: h }),
+        /* @__PURE__ */ e("div", { className: "td-calendar__day-date", children: f }),
+        /* @__PURE__ */ e("div", { className: "td-calendar__day-month", children: v })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "td-calendar__day-events", children: a.events.length > 0 ? a.events.map(w) : /* @__PURE__ */ e("div", { className: "td-calendar__no-events", children: s }) })
+    ] }, g);
+  };
+  return /* @__PURE__ */ l(y, { children: [
+    /* @__PURE__ */ l("div", { className: u("td-calendar", b, p, n), children: [
+      _ && /* @__PURE__ */ e("div", { className: "td-calendar__header", children: /* @__PURE__ */ e("h2", { className: "td-calendar__title", children: _ }) }),
+      /* @__PURE__ */ e("div", { className: "td-calendar__body", children: i.length > 0 ? i.map(k) : /* @__PURE__ */ e("div", { className: "td-calendar__empty-state", children: "No upcoming events" }) })
+    ] }),
+    /* @__PURE__ */ e(D, {})
+  ] });
+}
+function D() {
+  return /* @__PURE__ */ e("style", { children: `
+      /* Base styles */
+      .td-calendar {
+        border-radius: 0.875rem;
+        overflow: hidden;
+      }
+
+      .td-calendar__header {
+        padding: 1.5rem;
+      }
+
+      .td-calendar__title {
+        font-size: 1.25rem;
+        font-weight: 700;
+        margin: 0;
+      }
+
+      .td-calendar__body {
+        max-height: 600px;
+        overflow-y: auto;
+        scrollbar-width: thin;
+      }
+
+      .td-calendar--full-height .td-calendar__body {
+        max-height: none;
+        overflow-y: visible;
+      }
+
+      .td-calendar__day-row {
+        display: flex;
+        overflow: hidden;
+      }
+
+      .td-calendar__day-row:last-child {
+        border-bottom: none;
+      }
+
+      .td-calendar__day-header {
+        flex-shrink: 0;
+        width: 80px;
+        padding: 1rem;
+        text-align: center;
+        position: sticky;
+        top: 0;
+        align-self: flex-start;
+        backdrop-filter: blur(8px);
+        -webkit-backdrop-filter: blur(8px);
+        z-index: 1;
+      }
+
+      .td-calendar__day-weekday {
+        font-size: 0.75rem;
+        font-weight: 600;
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+      }
+
+      .td-calendar__day-row--today .td-calendar__day-weekday {
+        color: #E85A4F;
+      }
+
+      .td-calendar__day-date {
+        font-size: 1.5rem;
+        font-weight: 700;
+        line-height: 1.2;
+      }
+
+      .td-calendar__day-month {
+        font-size: 0.75rem;
+      }
+
+      .td-calendar__day-events {
+        flex: 1;
+        min-width: 0;
+        padding: 0.75rem 1rem;
+        display: flex;
+        flex-direction: column;
+        gap: 0.5rem;
+      }
+
+      .td-calendar__event-item {
+        display: flex;
+        align-items: flex-start;
+        gap: 0.75rem;
+        padding: 0.75rem;
+        border-radius: 0.5rem;
+        transition: all 0.15s ease;
+        cursor: pointer;
+        text-decoration: none;
+        color: inherit;
+      }
+
+      .td-calendar__event-time {
+        flex-shrink: 0;
+        font-size: 0.875rem;
+        font-weight: 500;
+        color: #E85A4F;
+        min-width: 70px;
+      }
+
+      .td-calendar__event-content {
+        flex: 1;
+        min-width: 0;
+      }
+
+      .td-calendar__event-title {
+        font-weight: 600;
+        overflow-wrap: break-word;
+        word-break: break-word;
+      }
+
+      .td-calendar__event-meta {
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+        gap: 0.5rem;
+        margin-top: 0.25rem;
+        font-size: 0.75rem;
+      }
+
+      .td-calendar__online-badge {
+        display: inline-flex;
+        align-items: center;
+        gap: 0.25rem;
+        color: #22C55E;
+      }
+
+      .td-calendar__online-dot {
+        width: 6px;
+        height: 6px;
+        background: currentColor;
+        border-radius: 50%;
+      }
+
+      .td-calendar__no-events {
+        padding: 1rem;
+        font-size: 0.875rem;
+        font-style: italic;
+      }
+
+      .td-calendar__empty-state {
+        padding: 3rem;
+        text-align: center;
+      }
+
+      /* ============================================
+         DARK VARIANT (glass-dark style)
+         ============================================ */
+      .td-calendar--dark {
+        background: rgba(28, 36, 56, 0.8);
+        backdrop-filter: blur(12px);
+        -webkit-backdrop-filter: blur(12px);
+        border: 1px solid rgba(255, 255, 255, 0.05);
+        box-shadow:
+          inset 0 1px 1px 0 rgba(255, 255, 255, 0.05),
+          0 8px 24px -4px rgba(0, 0, 0, 0.15);
+      }
+
+      .td-calendar--dark .td-calendar__header {
+        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
+      }
+
+      .td-calendar--dark .td-calendar__title {
+        color: white;
+      }
+
+      .td-calendar--dark .td-calendar__body {
+        scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
+      }
+
+      .td-calendar--dark .td-calendar__day-row {
+        border-bottom: 1px solid rgba(255, 255, 255, 0.03);
+      }
+
+      .td-calendar--dark .td-calendar__day-row--today {
+        background: rgba(59, 130, 246, 0.1);
+      }
+
+      .td-calendar--dark .td-calendar__day-header {
+        border-right: 1px solid rgba(255, 255, 255, 0.05);
+        background: rgba(28, 36, 56, 0.95);
+      }
+
+      .td-calendar--dark .td-calendar__day-row--today .td-calendar__day-header {
+        background: rgba(59, 130, 246, 0.15);
+      }
+
+      .td-calendar--dark .td-calendar__day-weekday {
+        color: rgba(209, 213, 219, 0.9);
+      }
+
+      .td-calendar--dark .td-calendar__day-date {
+        color: white;
+      }
+
+      .td-calendar--dark .td-calendar__day-month {
+        color: rgba(209, 213, 219, 0.7);
+      }
+
+      .td-calendar--dark .td-calendar__event-item {
+        background: rgba(255, 255, 255, 0.06);
+      }
+
+      .td-calendar--dark .td-calendar__event-item:hover {
+        background: rgba(255, 255, 255, 0.1);
+      }
+
+      .td-calendar--dark .td-calendar__event-title {
+        color: white;
+      }
+
+      .td-calendar--dark .td-calendar__event-meta {
+        color: rgba(209, 213, 219, 0.85);
+      }
+
+      .td-calendar--dark .td-calendar__event-group {
+        color: rgba(209, 213, 219, 0.7);
+      }
+
+      .td-calendar--dark .td-calendar__no-events {
+        color: rgba(209, 213, 219, 0.6);
+      }
+
+      .td-calendar--dark .td-calendar__empty-state {
+        color: rgba(209, 213, 219, 0.7);
+      }
+
+      /* ============================================
+         LIGHT VARIANT
+         ============================================ */
+      .td-calendar--light {
+        background: white;
+        border: 1px solid #E5E7EB;
+        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
+      }
+
+      .td-calendar--light .td-calendar__header {
+        border-bottom: 1px solid #E5E7EB;
+      }
+
+      .td-calendar--light .td-calendar__title {
+        color: #111827;
+      }
+
+      .td-calendar--light .td-calendar__body {
+        scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
+      }
+
+      .td-calendar--light .td-calendar__day-row {
+        border-bottom: 1px solid #F3F4F6;
+      }
+
+      .td-calendar--light .td-calendar__day-row--today {
+        background: rgba(59, 130, 246, 0.05);
+      }
+
+      .td-calendar--light .td-calendar__day-header {
+        border-right: 1px solid #F3F4F6;
+        background: #F9FAFB;
+      }
+
+      .td-calendar--light .td-calendar__day-row--today .td-calendar__day-header {
+        background: rgba(59, 130, 246, 0.1);
+      }
+
+      .td-calendar--light .td-calendar__day-weekday {
+        color: #6B7280;
+      }
+
+      .td-calendar--light .td-calendar__day-date {
+        color: #111827;
+      }
+
+      .td-calendar--light .td-calendar__day-month {
+        color: #9CA3AF;
+      }
+
+      .td-calendar--light .td-calendar__event-item {
+        background: #F9FAFB;
+      }
+
+      .td-calendar--light .td-calendar__event-item:hover {
+        background: #F3F4F6;
+      }
+
+      .td-calendar--light .td-calendar__event-title {
+        color: #111827;
+      }
+
+      .td-calendar--light .td-calendar__event-meta {
+        color: #6B7280;
+      }
+
+      .td-calendar--light .td-calendar__event-group {
+        color: #9CA3AF;
+      }
+
+      .td-calendar--light .td-calendar__no-events {
+        color: #9CA3AF;
+      }
+
+      .td-calendar--light .td-calendar__empty-state {
+        color: #6B7280;
+      }
+
+      /* Light variant dark mode */
+      @media (prefers-color-scheme: dark) {
+        .td-calendar--light {
+          background: #111827;
+          border-color: #374151;
+        }
+
+        .td-calendar--light .td-calendar__header {
+          border-bottom-color: #374151;
+        }
+
+        .td-calendar--light .td-calendar__title {
+          color: #F9FAFB;
+        }
+
+        .td-calendar--light .td-calendar__day-row {
+          border-bottom-color: #1F2937;
+        }
+
+        .td-calendar--light .td-calendar__day-row--today {
+          background: rgba(59, 130, 246, 0.15);
+        }
+
+        .td-calendar--light .td-calendar__day-header {
+          border-right-color: #1F2937;
+          background: #1F2937;
+        }
+
+        .td-calendar--light .td-calendar__day-row--today .td-calendar__day-header {
+          background: rgba(59, 130, 246, 0.2);
+        }
+
+        .td-calendar--light .td-calendar__day-weekday {
+          color: #9CA3AF;
+        }
+
+        .td-calendar--light .td-calendar__day-date {
+          color: #F9FAFB;
+        }
+
+        .td-calendar--light .td-calendar__day-month {
+          color: #6B7280;
+        }
+
+        .td-calendar--light .td-calendar__event-item {
+          background: #1F2937;
+        }
+
+        .td-calendar--light .td-calendar__event-item:hover {
+          background: #374151;
+        }
+
+        .td-calendar--light .td-calendar__event-title {
+          color: #F9FAFB;
+        }
+
+        .td-calendar--light .td-calendar__event-meta {
+          color: #9CA3AF;
+        }
+
+        .td-calendar--light .td-calendar__event-group {
+          color: #6B7280;
+        }
+
+        .td-calendar--light .td-calendar__no-events {
+          color: #6B7280;
+        }
+
+        .td-calendar--light .td-calendar__empty-state {
+          color: #9CA3AF;
+        }
+      }
+
+      /* ============================================
+         RESPONSIVE
+         ============================================ */
+      @media (max-width: 640px) {
+        .td-calendar__day-header {
+          width: 60px;
+          padding: 0.75rem 0.5rem;
+        }
+
+        .td-calendar__day-date {
+          font-size: 1.25rem;
+        }
+
+        .td-calendar__event-time {
+          min-width: 50px;
+          font-size: 0.75rem;
+        }
+
+        .td-calendar__event-item {
+          flex-direction: column;
+          gap: 0.25rem;
+        }
+      }
+    ` });
+}
+export {
+  C as Calendar
+};
+//# sourceMappingURL=index20.js.map

package/dist/index20.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index20.js","sources":["../src/components/Calendar.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nexport interface CalendarEvent {\n  id: string;\n  title: string;\n  dateTime: string;\n  endTime?: string;\n  location?: string;\n  groupName?: string;\n  groupUrl?: string;\n  eventUrl?: string;\n  isOnline?: boolean;\n}\n\nexport type CalendarVariant = 'light' | 'dark';\n\nexport interface CalendarProps {\n  events?: CalendarEvent[];\n  days?: number;\n  hideEmpty?: boolean;\n  emptyMessage?: string;\n  title?: string;\n  onEventClick?: (event: CalendarEvent) => void;\n  className?: string;\n  /** Visual variant - 'light' for light backgrounds, 'dark' for glass-dark style */\n  variant?: CalendarVariant;\n  /** Remove max-height constraint, letting the page scroll instead of the calendar body */\n  fullHeight?: boolean;\n}\n\ninterface CalendarDay {\n  date: Date;\n  events: CalendarEvent[];\n}\n\nfunction isToday(date: Date): boolean {\n  const today = new Date();\n  return (\n    date.getDate() === today.getDate() &&\n    date.getMonth() === today.getMonth() &&\n    date.getFullYear() === today.getFullYear()\n  );\n}\n\nfunction formatTime(dateString: string): string {\n  const date = new Date(dateString);\n  return date.toLocaleTimeString('en-US', {\n    hour: 'numeric',\n    minute: '2-digit',\n    hour12: true,\n  });\n}\n\nfunction groupEventsByDate(events: CalendarEvent[], days: number, hideEmpty: boolean): CalendarDay[] {\n  const result: CalendarDay[] = [];\n  const today = new Date();\n  today.setHours(0, 0, 0, 0);\n\n  const eventsByDate = new Map<string, CalendarEvent[]>();\n  for (const event of events) {\n    const eventDate = new Date(event.dateTime);\n    const dateKey = eventDate.toDateString();\n    if (!eventsByDate.has(dateKey)) {\n      eventsByDate.set(dateKey, []);\n    }\n    eventsByDate.get(dateKey)!.push(event);\n  }\n\n  for (let i = 0; i < days; i++) {\n    const date = new Date(today);\n    date.setDate(date.getDate() + i);\n    const dateKey = date.toDateString();\n    const dayEvents = eventsByDate.get(dateKey) || [];\n\n    dayEvents.sort((a, b) => new Date(a.dateTime).getTime() - new Date(b.dateTime).getTime());\n\n    if (!hideEmpty || dayEvents.length > 0) {\n      result.push({ date, events: dayEvents });\n    }\n  }\n\n  return result;\n}\n\nexport function Calendar({\n  events = [],\n  days = 30,\n  hideEmpty = false,\n  emptyMessage = 'No events',\n  title,\n  onEventClick,\n  className,\n  variant = 'dark',\n  fullHeight = false,\n}: CalendarProps) {\n  const calendarDays = groupEventsByDate(events, days, hideEmpty);\n  const variantClass = variant === 'light' ? 'td-calendar--light' : 'td-calendar--dark';\n  const heightClass = fullHeight ? 'td-calendar--full-height' : '';\n\n  const renderEvent = (event: CalendarEvent) => {\n    const content = (\n      <>\n        <span className=\"td-calendar__event-time\">{formatTime(event.dateTime)}</span>\n        <div className=\"td-calendar__event-content\">\n          <div className=\"td-calendar__event-title\">{event.title}</div>\n          <div className=\"td-calendar__event-meta\">\n            {event.groupName && <span className=\"td-calendar__event-group\">{event.groupName}</span>}\n            {event.groupName && (event.location || event.isOnline) && <span>·</span>}\n            {event.isOnline ? (\n              <span className=\"td-calendar__online-badge\">\n                <span className=\"td-calendar__online-dot\" />\n                Online\n              </span>\n            ) : event.location ? (\n              <span className=\"td-calendar__event-location\">{event.location}</span>\n            ) : null}\n          </div>\n        </div>\n      </>\n    );\n\n    const handleClick = () => onEventClick?.(event);\n\n    if (event.eventUrl) {\n      return (\n        <a\n          key={event.id}\n          className=\"td-calendar__event-item\"\n          href={event.eventUrl}\n          onClick={handleClick}\n        >\n          {content}\n        </a>\n      );\n    }\n\n    return (\n      <div key={event.id} className=\"td-calendar__event-item\" onClick={handleClick}>\n        {content}\n      </div>\n    );\n  };\n\n  const renderDay = (day: CalendarDay, index: number) => {\n    const weekday = day.date.toLocaleDateString('en-US', { weekday: 'short' });\n    const dateNum = day.date.getDate();\n    const month = day.date.toLocaleDateString('en-US', { month: 'short' });\n    const dayIsToday = isToday(day.date);\n\n    return (\n      <div key={index} className={clsx('td-calendar__day-row', dayIsToday && 'td-calendar__day-row--today')}>\n        <div className=\"td-calendar__day-header\">\n          <div className=\"td-calendar__day-weekday\">{weekday}</div>\n          <div className=\"td-calendar__day-date\">{dateNum}</div>\n          <div className=\"td-calendar__day-month\">{month}</div>\n        </div>\n        <div className=\"td-calendar__day-events\">\n          {day.events.length > 0 ? (\n            day.events.map(renderEvent)\n          ) : (\n            <div className=\"td-calendar__no-events\">{emptyMessage}</div>\n          )}\n        </div>\n      </div>\n    );\n  };\n\n  return (\n    <>\n      <div className={clsx('td-calendar', variantClass, heightClass, className)}>\n        {title && (\n          <div className=\"td-calendar__header\">\n            <h2 className=\"td-calendar__title\">{title}</h2>\n          </div>\n        )}\n\n        <div className=\"td-calendar__body\">\n          {calendarDays.length > 0 ? (\n            calendarDays.map(renderDay)\n          ) : (\n            <div className=\"td-calendar__empty-state\">No upcoming events</div>\n          )}\n        </div>\n      </div>\n      <CalendarStyles />\n    </>\n  );\n}\n\nfunction CalendarStyles() {\n  return (\n    <style>{`\n      /* Base styles */\n      .td-calendar {\n        border-radius: 0.875rem;\n        overflow: hidden;\n      }\n\n      .td-calendar__header {\n        padding: 1.5rem;\n      }\n\n      .td-calendar__title {\n        font-size: 1.25rem;\n        font-weight: 700;\n        margin: 0;\n      }\n\n      .td-calendar__body {\n        max-height: 600px;\n        overflow-y: auto;\n        scrollbar-width: thin;\n      }\n\n      .td-calendar--full-height .td-calendar__body {\n        max-height: none;\n        overflow-y: visible;\n      }\n\n      .td-calendar__day-row {\n        display: flex;\n        overflow: hidden;\n      }\n\n      .td-calendar__day-row:last-child {\n        border-bottom: none;\n      }\n\n      .td-calendar__day-header {\n        flex-shrink: 0;\n        width: 80px;\n        padding: 1rem;\n        text-align: center;\n        position: sticky;\n        top: 0;\n        align-self: flex-start;\n        backdrop-filter: blur(8px);\n        -webkit-backdrop-filter: blur(8px);\n        z-index: 1;\n      }\n\n      .td-calendar__day-weekday {\n        font-size: 0.75rem;\n        font-weight: 600;\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n      }\n\n      .td-calendar__day-row--today .td-calendar__day-weekday {\n        color: #E85A4F;\n      }\n\n      .td-calendar__day-date {\n        font-size: 1.5rem;\n        font-weight: 700;\n        line-height: 1.2;\n      }\n\n      .td-calendar__day-month {\n        font-size: 0.75rem;\n      }\n\n      .td-calendar__day-events {\n        flex: 1;\n        min-width: 0;\n        padding: 0.75rem 1rem;\n        display: flex;\n        flex-direction: column;\n        gap: 0.5rem;\n      }\n\n      .td-calendar__event-item {\n        display: flex;\n        align-items: flex-start;\n        gap: 0.75rem;\n        padding: 0.75rem;\n        border-radius: 0.5rem;\n        transition: all 0.15s ease;\n        cursor: pointer;\n        text-decoration: none;\n        color: inherit;\n      }\n\n      .td-calendar__event-time {\n        flex-shrink: 0;\n        font-size: 0.875rem;\n        font-weight: 500;\n        color: #E85A4F;\n        min-width: 70px;\n      }\n\n      .td-calendar__event-content {\n        flex: 1;\n        min-width: 0;\n      }\n\n      .td-calendar__event-title {\n        font-weight: 600;\n        overflow-wrap: break-word;\n        word-break: break-word;\n      }\n\n      .td-calendar__event-meta {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n        gap: 0.5rem;\n        margin-top: 0.25rem;\n        font-size: 0.75rem;\n      }\n\n      .td-calendar__online-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.25rem;\n        color: #22C55E;\n      }\n\n      .td-calendar__online-dot {\n        width: 6px;\n        height: 6px;\n        background: currentColor;\n        border-radius: 50%;\n      }\n\n      .td-calendar__no-events {\n        padding: 1rem;\n        font-size: 0.875rem;\n        font-style: italic;\n      }\n\n      .td-calendar__empty-state {\n        padding: 3rem;\n        text-align: center;\n      }\n\n      /* ============================================\n         DARK VARIANT (glass-dark style)\n         ============================================ */\n      .td-calendar--dark {\n        background: rgba(28, 36, 56, 0.8);\n        backdrop-filter: blur(12px);\n        -webkit-backdrop-filter: blur(12px);\n        border: 1px solid rgba(255, 255, 255, 0.05);\n        box-shadow:\n          inset 0 1px 1px 0 rgba(255, 255, 255, 0.05),\n          0 8px 24px -4px rgba(0, 0, 0, 0.15);\n      }\n\n      .td-calendar--dark .td-calendar__header {\n        border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n      }\n\n      .td-calendar--dark .td-calendar__title {\n        color: white;\n      }\n\n      .td-calendar--dark .td-calendar__body {\n        scrollbar-color: rgba(255, 255, 255, 0.2) transparent;\n      }\n\n      .td-calendar--dark .td-calendar__day-row {\n        border-bottom: 1px solid rgba(255, 255, 255, 0.03);\n      }\n\n      .td-calendar--dark .td-calendar__day-row--today {\n        background: rgba(59, 130, 246, 0.1);\n      }\n\n      .td-calendar--dark .td-calendar__day-header {\n        border-right: 1px solid rgba(255, 255, 255, 0.05);\n        background: rgba(28, 36, 56, 0.95);\n      }\n\n      .td-calendar--dark .td-calendar__day-row--today .td-calendar__day-header {\n        background: rgba(59, 130, 246, 0.15);\n      }\n\n      .td-calendar--dark .td-calendar__day-weekday {\n        color: rgba(209, 213, 219, 0.9);\n      }\n\n      .td-calendar--dark .td-calendar__day-date {\n        color: white;\n      }\n\n      .td-calendar--dark .td-calendar__day-month {\n        color: rgba(209, 213, 219, 0.7);\n      }\n\n      .td-calendar--dark .td-calendar__event-item {\n        background: rgba(255, 255, 255, 0.06);\n      }\n\n      .td-calendar--dark .td-calendar__event-item:hover {\n        background: rgba(255, 255, 255, 0.1);\n      }\n\n      .td-calendar--dark .td-calendar__event-title {\n        color: white;\n      }\n\n      .td-calendar--dark .td-calendar__event-meta {\n        color: rgba(209, 213, 219, 0.85);\n      }\n\n      .td-calendar--dark .td-calendar__event-group {\n        color: rgba(209, 213, 219, 0.7);\n      }\n\n      .td-calendar--dark .td-calendar__no-events {\n        color: rgba(209, 213, 219, 0.6);\n      }\n\n      .td-calendar--dark .td-calendar__empty-state {\n        color: rgba(209, 213, 219, 0.7);\n      }\n\n      /* ============================================\n         LIGHT VARIANT\n         ============================================ */\n      .td-calendar--light {\n        background: white;\n        border: 1px solid #E5E7EB;\n        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);\n      }\n\n      .td-calendar--light .td-calendar__header {\n        border-bottom: 1px solid #E5E7EB;\n      }\n\n      .td-calendar--light .td-calendar__title {\n        color: #111827;\n      }\n\n      .td-calendar--light .td-calendar__body {\n        scrollbar-color: rgba(0, 0, 0, 0.2) transparent;\n      }\n\n      .td-calendar--light .td-calendar__day-row {\n        border-bottom: 1px solid #F3F4F6;\n      }\n\n      .td-calendar--light .td-calendar__day-row--today {\n        background: rgba(59, 130, 246, 0.05);\n      }\n\n      .td-calendar--light .td-calendar__day-header {\n        border-right: 1px solid #F3F4F6;\n        background: #F9FAFB;\n      }\n\n      .td-calendar--light .td-calendar__day-row--today .td-calendar__day-header {\n        background: rgba(59, 130, 246, 0.1);\n      }\n\n      .td-calendar--light .td-calendar__day-weekday {\n        color: #6B7280;\n      }\n\n      .td-calendar--light .td-calendar__day-date {\n        color: #111827;\n      }\n\n      .td-calendar--light .td-calendar__day-month {\n        color: #9CA3AF;\n      }\n\n      .td-calendar--light .td-calendar__event-item {\n        background: #F9FAFB;\n      }\n\n      .td-calendar--light .td-calendar__event-item:hover {\n        background: #F3F4F6;\n      }\n\n      .td-calendar--light .td-calendar__event-title {\n        color: #111827;\n      }\n\n      .td-calendar--light .td-calendar__event-meta {\n        color: #6B7280;\n      }\n\n      .td-calendar--light .td-calendar__event-group {\n        color: #9CA3AF;\n      }\n\n      .td-calendar--light .td-calendar__no-events {\n        color: #9CA3AF;\n      }\n\n      .td-calendar--light .td-calendar__empty-state {\n        color: #6B7280;\n      }\n\n      /* Light variant dark mode */\n      @media (prefers-color-scheme: dark) {\n        .td-calendar--light {\n          background: #111827;\n          border-color: #374151;\n        }\n\n        .td-calendar--light .td-calendar__header {\n          border-bottom-color: #374151;\n        }\n\n        .td-calendar--light .td-calendar__title {\n          color: #F9FAFB;\n        }\n\n        .td-calendar--light .td-calendar__day-row {\n          border-bottom-color: #1F2937;\n        }\n\n        .td-calendar--light .td-calendar__day-row--today {\n          background: rgba(59, 130, 246, 0.15);\n        }\n\n        .td-calendar--light .td-calendar__day-header {\n          border-right-color: #1F2937;\n          background: #1F2937;\n        }\n\n        .td-calendar--light .td-calendar__day-row--today .td-calendar__day-header {\n          background: rgba(59, 130, 246, 0.2);\n        }\n\n        .td-calendar--light .td-calendar__day-weekday {\n          color: #9CA3AF;\n        }\n\n        .td-calendar--light .td-calendar__day-date {\n          color: #F9FAFB;\n        }\n\n        .td-calendar--light .td-calendar__day-month {\n          color: #6B7280;\n        }\n\n        .td-calendar--light .td-calendar__event-item {\n          background: #1F2937;\n        }\n\n        .td-calendar--light .td-calendar__event-item:hover {\n          background: #374151;\n        }\n\n        .td-calendar--light .td-calendar__event-title {\n          color: #F9FAFB;\n        }\n\n        .td-calendar--light .td-calendar__event-meta {\n          color: #9CA3AF;\n        }\n\n        .td-calendar--light .td-calendar__event-group {\n          color: #6B7280;\n        }\n\n        .td-calendar--light .td-calendar__no-events {\n          color: #6B7280;\n        }\n\n        .td-calendar--light .td-calendar__empty-state {\n          color: #9CA3AF;\n        }\n      }\n\n      /* ============================================\n         RESPONSIVE\n         ============================================ */\n      @media (max-width: 640px) {\n        .td-calendar__day-header {\n          width: 60px;\n          padding: 0.75rem 0.5rem;\n        }\n\n        .td-calendar__day-date {\n          font-size: 1.25rem;\n        }\n\n        .td-calendar__event-time {\n          min-width: 50px;\n          font-size: 0.75rem;\n        }\n\n        .td-calendar__event-item {\n          flex-direction: column;\n          gap: 0.25rem;\n        }\n      }\n    `}</style>\n  );\n}\n"],"names":["isToday","date","today","formatTime","dateString","groupEventsByDate","events","days","hideEmpty","result","eventsByDate","event","dateKey","i","dayEvents","a","b","Calendar","emptyMessage","title","onEventClick","className","variant","fullHeight","calendarDays","variantClass","heightClass","renderEvent","content","jsxs","Fragment","jsx","handleClick","renderDay","day","index","weekday","dateNum","month","dayIsToday","clsx","CalendarStyles"],"mappings":"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AAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAiZN;AAEN;"}