@astryxdesign/lab 0.0.0-bootstrap.0 → 0.1.2-canary.04e71b2

package/dist/Schedule/shared.js

@@ -0,0 +1,1325 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+'use client';
+
+/**
+ * @file shared.tsx
+ * @input Schedule events, dates, timezone IDs, and display metadata
+ * @output Shared rendering primitives, formatters, and styles for schedule views
+ * @position Internal view utility module; consumed by Monthly, Weekly, Day, and List views
+ */
+import * as stylex from '@stylexjs/stylex';
+import '@astryxdesign/core/theme/tokens.stylex';
+import { borderVars, colorVars, fontWeightVars, radiusVars, spacingVars, typographyVars, typeScaleVars } from '@astryxdesign/core/theme/tokens.stylex';
+import { Spinner } from '@astryxdesign/core/Spinner';
+import { HStack } from '@astryxdesign/core/Stack';
+import { Heading, Text } from '@astryxdesign/core/Text';
+import { plainDateFromInstant, plainDateIsAfter, plainDateIsBefore, plainDateToInstant } from '@astryxdesign/core/utils';
+import { isDayEvent } from "./dateMath.js";
+import { useScheduleContext } from "./context.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const DEFAULT_EVENT_CATEGORY = {
+  label: 'Event',
+  color: 'blue'
+};
+export function ScheduleFrame({
+  title,
+  titleLabel,
+  isLoading,
+  children
+}) {
+  const {
+    plugins
+  } = useScheduleContext();
+  const initialHeader = {
+    startContent: null,
+    centerContent: /*#__PURE__*/_jsxs("span", {
+      ...{
+        className: "x3nfvp2 x6s0dn4 x1txdalj"
+      },
+      children: [/*#__PURE__*/_jsx(Heading, {
+        level: 2,
+        children: title
+      }), /*#__PURE__*/_jsx("span", {
+        ...{
+          0: {
+            className: "x3nfvp2"
+          },
+          1: {
+            className: "x3nfvp2 xlshs6z"
+          }
+        }[!!!isLoading << 0],
+        children: /*#__PURE__*/_jsx(Spinner, {
+          size: "md",
+          "aria-label": "Loading events"
+        })
+      })]
+    }),
+    endContent: null
+  };
+  const header = plugins.reduce((content, plugin) => plugin.renderHeader?.(content.startContent, content.centerContent, content.endContent) ?? content, initialHeader);
+  return /*#__PURE__*/_jsxs("section", {
+    ...{
+      className: "x98rzlu x78zum5 xdt5ytf xeuugli x2lwn1j x1litavf x1y0btm7 x14i3s5s x1hviunn x1de1mus xb3r6kr"
+    },
+    "aria-label": titleLabel,
+    children: [/*#__PURE__*/_jsxs("div", {
+      ...{
+        className: "xrvj5dj x37c5m6 x6s0dn4 xjcht0a x8o8v82 x1pzlopt x92x3c3 x1q0q8m5 xw8gpjh"
+      },
+      children: [/*#__PURE__*/_jsx(HStack, {
+        gap: 8,
+        align: "center",
+        xstyle: styles.headerControls,
+        children: header.startContent
+      }), /*#__PURE__*/_jsx(HStack, {
+        gap: 8,
+        align: "center",
+        xstyle: styles.headerTitle,
+        children: header.centerContent
+      }), /*#__PURE__*/_jsx(HStack, {
+        gap: 8,
+        align: "center",
+        justify: "end",
+        xstyle: styles.headerStatus,
+        children: header.endContent
+      })]
+    }), children]
+  });
+}
+export function ScheduleMonthTitle({
+  date,
+  timezoneID
+}) {
+  const month = new Intl.DateTimeFormat(undefined, {
+    month: 'long',
+    timeZone: timezoneID
+  }).format(new Date(Date.UTC(date.year, date.month - 1, date.day, 12)));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("span", {
+      ...{
+        className: "x1lvx875"
+      },
+      children: month
+    }), " ", date.year]
+  });
+}
+export function ScheduleRangeMonthTitle({
+  start,
+  end,
+  timezoneID
+}) {
+  if (start.year === end.year && start.month === end.month) {
+    return /*#__PURE__*/_jsx(ScheduleMonthTitle, {
+      date: start,
+      timezoneID: timezoneID
+    });
+  }
+  const startMonth = formatWithPlainDate(start, timezoneID, {
+    month: 'long'
+  });
+  const endMonth = formatWithPlainDate(end, timezoneID, {
+    month: 'long'
+  });
+  return start.year === end.year ? /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("span", {
+      ...{
+        className: "x1lvx875"
+      },
+      children: startMonth
+    }), " -", ' ', /*#__PURE__*/_jsx("span", {
+      ...{
+        className: "x1lvx875"
+      },
+      children: endMonth
+    }), " ", end.year]
+  }) : /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("span", {
+      ...{
+        className: "x1lvx875"
+      },
+      children: startMonth
+    }), ' ', start.year, " -", ' ', /*#__PURE__*/_jsx("span", {
+      ...{
+        className: "x1lvx875"
+      },
+      children: endMonth
+    }), " ", end.year]
+  });
+}
+export function EventPill({
+  event,
+  day,
+  timezoneID,
+  isPast = false
+}) {
+  const {
+    categories
+  } = useScheduleContext();
+  const category = getEventCategory(event, categories);
+  const timeLabel = day != null && timezoneID != null && !isDayEvent(event) ? formatEventTime(event, day, timezoneID) : null;
+  return /*#__PURE__*/_jsxs("span", {
+    ...stylex.props(styles.eventPill, isPast ? eventPastSurfaceColorStyle(category.color) : eventSurfaceColorStyle(category.color)),
+    children: [timeLabel != null && /*#__PURE__*/_jsx(Text, {
+      type: "supporting",
+      color: "inherit",
+      xstyle: styles.eventTime,
+      children: timeLabel
+    }), /*#__PURE__*/_jsx(Text, {
+      type: "supporting",
+      color: "inherit",
+      weight: "bold",
+      xstyle: styles.eventTitle,
+      children: event.title
+    })]
+  });
+}
+export function MonthEventPill({
+  event,
+  timezoneID,
+  isPast = false
+}) {
+  const {
+    categories
+  } = useScheduleContext();
+  const category = getEventCategory(event, categories);
+  const timeLabel = isDayEvent(event) ? null : formatEventStartTime(event, timezoneID);
+  return /*#__PURE__*/_jsxs("span", {
+    ...stylex.props(styles.eventPill, isPast ? eventPastSurfaceColorStyle(category.color) : eventSurfaceColorStyle(category.color)),
+    children: [timeLabel != null && /*#__PURE__*/_jsx(Text, {
+      type: "supporting",
+      color: "inherit",
+      xstyle: styles.eventTime,
+      children: timeLabel
+    }), /*#__PURE__*/_jsx(Text, {
+      type: "supporting",
+      color: "inherit",
+      weight: "bold",
+      xstyle: styles.eventTitle,
+      children: event.title
+    })]
+  });
+}
+export function ListEventRow({
+  event,
+  timezoneID,
+  isPast = false
+}) {
+  const {
+    categories
+  } = useScheduleContext();
+  const category = getEventCategory(event, categories);
+  return /*#__PURE__*/_jsxs("div", {
+    ...{
+      0: {
+        className: "xrvj5dj x857yr4 x6s0dn4 x1txdalj xeuugli"
+      },
+      1: {
+        className: "xrvj5dj x857yr4 x6s0dn4 x1txdalj xeuugli xbyyjgo"
+      }
+    }[!!isPast << 0],
+    children: [/*#__PURE__*/_jsx("span", {
+      "aria-hidden": true,
+      ...stylex.props(styles.listEventDot, eventDotColorStyle(category.color))
+    }), /*#__PURE__*/_jsx("span", {
+      ...{
+        className: "x9ynric xv1l7n4 x141an7d x1ltkj2j xuxw1ft"
+      },
+      children: isDayEvent(event) ? 'All day' : formatEventTimeRange(event, timezoneID)
+    }), /*#__PURE__*/_jsx("span", {
+      ...{
+        className: "x9ynric x1tgivj0 xeuugli xb3r6kr xlyipyv xuxw1ft xjm74w1 xw6l6zx x1e4wzip"
+      },
+      children: event.title
+    })]
+  });
+}
+export function getEventCategory(event, categories) {
+  return categories.find(category => category.label === event.category) ?? (event.category != null ? {
+    label: event.category,
+    color: DEFAULT_EVENT_CATEGORY.color
+  } : DEFAULT_EVENT_CATEGORY);
+}
+export function eventColorStyle(color) {
+  switch (color) {
+    case 'cyan':
+      return styles.eventCyan;
+    case 'gray':
+      return styles.eventGray;
+    case 'green':
+      return styles.eventGreen;
+    case 'orange':
+      return styles.eventOrange;
+    case 'pink':
+      return styles.eventPink;
+    case 'purple':
+      return styles.eventPurple;
+    case 'red':
+      return styles.eventRed;
+    case 'teal':
+      return styles.eventTeal;
+    case 'yellow':
+      return styles.eventYellow;
+    case 'blue':
+    default:
+      return styles.eventBlue;
+  }
+}
+export function eventDotColorStyle(color) {
+  switch (color) {
+    case 'cyan':
+      return styles.eventDotCyan;
+    case 'gray':
+      return styles.eventDotGray;
+    case 'green':
+      return styles.eventDotGreen;
+    case 'orange':
+      return styles.eventDotOrange;
+    case 'pink':
+      return styles.eventDotPink;
+    case 'purple':
+      return styles.eventDotPurple;
+    case 'red':
+      return styles.eventDotRed;
+    case 'teal':
+      return styles.eventDotTeal;
+    case 'yellow':
+      return styles.eventDotYellow;
+    case 'blue':
+    default:
+      return styles.eventDotBlue;
+  }
+}
+export function eventSurfaceColorStyle(color) {
+  switch (color) {
+    case 'cyan':
+      return styles.eventSurfaceCyan;
+    case 'gray':
+      return styles.eventSurfaceGray;
+    case 'green':
+      return styles.eventSurfaceGreen;
+    case 'orange':
+      return styles.eventSurfaceOrange;
+    case 'pink':
+      return styles.eventSurfacePink;
+    case 'purple':
+      return styles.eventSurfacePurple;
+    case 'red':
+      return styles.eventSurfaceRed;
+    case 'teal':
+      return styles.eventSurfaceTeal;
+    case 'yellow':
+      return styles.eventSurfaceYellow;
+    case 'blue':
+    default:
+      return styles.eventSurfaceBlue;
+  }
+}
+export function eventPastSurfaceColorStyle(color) {
+  switch (color) {
+    case 'cyan':
+      return styles.eventPastSurfaceCyan;
+    case 'gray':
+      return styles.eventPastSurfaceGray;
+    case 'green':
+      return styles.eventPastSurfaceGreen;
+    case 'orange':
+      return styles.eventPastSurfaceOrange;
+    case 'pink':
+      return styles.eventPastSurfacePink;
+    case 'purple':
+      return styles.eventPastSurfacePurple;
+    case 'red':
+      return styles.eventPastSurfaceRed;
+    case 'teal':
+      return styles.eventPastSurfaceTeal;
+    case 'yellow':
+      return styles.eventPastSurfaceYellow;
+    case 'blue':
+    default:
+      return styles.eventPastSurfaceBlue;
+  }
+}
+export function formatWithPlainDate(date, timezoneID, options) {
+  return new Intl.DateTimeFormat(undefined, {
+    ...options,
+    timeZone: timezoneID
+  }).format(new Date(plainDateToInstant(date, timezoneID, 12)));
+}
+export function formatMonthTitle(date, timezoneID) {
+  return formatWithPlainDate(date, timezoneID, {
+    month: 'long',
+    year: 'numeric'
+  });
+}
+export function formatWeekTitle(start, end, timezoneID) {
+  if (start.year === end.year && start.month === end.month) {
+    return formatMonthTitle(start, timezoneID);
+  }
+  const startMonth = formatWithPlainDate(start, timezoneID, {
+    month: 'long'
+  });
+  const endMonth = formatWithPlainDate(end, timezoneID, {
+    month: 'long'
+  });
+  return start.year === end.year ? `${startMonth} - ${endMonth} ${end.year}` : `${startMonth} ${start.year} - ${endMonth} ${end.year}`;
+}
+export function formatRangeTitle(start, end, timezoneID) {
+  return `${formatShortDate(start, timezoneID)} - ${formatShortDate(end, timezoneID)}`;
+}
+export function formatFullDate(date, timezoneID) {
+  return formatWithPlainDate(date, timezoneID, {
+    weekday: 'long',
+    month: 'long',
+    day: 'numeric',
+    year: 'numeric'
+  });
+}
+export function formatShortDate(date, timezoneID) {
+  return formatWithPlainDate(date, timezoneID, {
+    month: 'short',
+    day: 'numeric'
+  });
+}
+export function formatWeekday(date, timezoneID, weekday) {
+  return formatWithPlainDate(date, timezoneID, {
+    weekday
+  });
+}
+export function formatDayNumber(date, timezoneID) {
+  return formatWithPlainDate(date, timezoneID, {
+    day: 'numeric'
+  });
+}
+export function formatHour(hour) {
+  return new Intl.DateTimeFormat(undefined, {
+    hour: 'numeric',
+    timeZone: 'UTC'
+  }).format(new Date(Date.UTC(2026, 0, 1, hour)));
+}
+export function formatTimezoneAbbreviation(date, timezoneID) {
+  const part = new Intl.DateTimeFormat(undefined, {
+    timeZone: timezoneID,
+    timeZoneName: 'short'
+  }).formatToParts(new Date(plainDateToInstant(date, timezoneID, 12))).find(({
+    type
+  }) => type === 'timeZoneName');
+  return part?.value ?? timezoneID;
+}
+export function formatEventTime(event, day, timezoneID) {
+  const formatter = new Intl.DateTimeFormat(undefined, {
+    hour: 'numeric',
+    minute: '2-digit',
+    timeZone: timezoneID
+  });
+  return `${formatter.format(new Date(event.start))} - ${formatter.format(new Date(event.end))}`;
+}
+export function formatEventTimeRange(event, timezoneID) {
+  const formatter = new Intl.DateTimeFormat(undefined, {
+    hour: 'numeric',
+    minute: '2-digit',
+    timeZone: timezoneID
+  });
+  return `${formatter.format(new Date(event.start))} - ${formatter.format(new Date(event.end))}`;
+}
+export function formatEventStartTime(event, timezoneID) {
+  return new Intl.DateTimeFormat(undefined, {
+    hour: 'numeric',
+    minute: '2-digit',
+    timeZone: timezoneID
+  }).format(new Date(event.start));
+}
+export function formatEventAccessibilityLabel(event, day, timezoneID, categories) {
+  const category = getEventCategory(event, categories);
+  const timeLabel = isDayEvent(event) ? 'all day' : formatEventTime(event, day, timezoneID);
+  return `${event.title}, ${category.label}, ${timeLabel}`;
+}
+export function getMinutesSinceStartOfDay(instant, timezoneID) {
+  const parts = new Intl.DateTimeFormat('en-US', {
+    timeZone: timezoneID,
+    hour: '2-digit',
+    minute: '2-digit',
+    hourCycle: 'h23'
+  }).formatToParts(new Date(instant));
+  const lookup = Object.fromEntries(parts.filter(part => part.type !== 'literal').map(part => [part.type, Number(part.value)]));
+  return lookup.hour * 60 + lookup.minute;
+}
+export function clamp(value, min, max) {
+  return Math.min(max, Math.max(min, value));
+}
+export function eventSpansPastDay(event, day, timezoneID) {
+  return plainDateIsAfter(plainDateFromInstant(Math.max(event.end - 1, event.start), timezoneID), day);
+}
+export function isEventInPast(event, currentTime, timezoneID) {
+  if (isDayEvent(event)) {
+    return plainDateIsBefore(event.end, plainDateFromInstant(currentTime, timezoneID));
+  }
+  return event.end <= currentTime;
+}
+const baseText = {
+  fontFamily: typographyVars['--font-family-body'],
+  color: colorVars['--color-text-primary']
+};
+const _temp = {
+  kbNqZ1: "x33j1x8",
+  kBCFzs: "x14d52f8",
+  kSGwAc: "x1y8v6su",
+  k7Eaqz: "xeuugli",
+  keTefX: "xladpz9",
+  k71WvV: "x1h1dc9q",
+  keoZOQ: "x1vhfslr",
+  kfzvcC: "x67bb7w",
+  kY2c9j: "x1vjfegm",
+  "$$css": true
+};
+const _temp2 = {
+  kVAEAm: "x1n2onr6",
+  kzqmXN: "xh8yej3",
+  k7Eaqz: "xkj4a21",
+  kAzted: "x82snj4",
+  "$$css": true
+};
+const _temp3 = {
+  kVAEAm: "x10l6tqk",
+  kpwlN0: "x10a8y8t",
+  k1xSpc: "xrvj5dj",
+  kumcoG: "xqketvx",
+  "$$css": true
+};
+const _temp4 = {
+  kVAEAm: "x10l6tqk",
+  kpwlN0: "x10a8y8t",
+  k1xSpc: "xrvj5dj",
+  kumcoG: "xqketvx",
+  kfzvcC: "x47corl",
+  "$$css": true
+};
+const _temp5 = {
+  kBCFzs: "x14d52f8",
+  kSGwAc: "x1y8v6su",
+  k7Eaqz: "xeuugli",
+  keTefX: "xladpz9",
+  k71WvV: "x1h1dc9q",
+  keoZOQ: "x1vhfslr",
+  kfzvcC: "x67bb7w",
+  "$$css": true
+};
+const _temp6 = {
+  k87sOh: "xjbys53",
+  "$$css": true
+};
+const _temp7 = {
+  kJBjZk: "xhij9v2",
+  "$$css": true
+};
+const _temp8 = {
+  k87sOh: "xjbys53",
+  kZKoxP: "x16ye13r",
+  kt4wiu: "xq124y2",
+  kY2c9j: "xr3buco",
+  "$$css": true
+};
+const _temp9 = {
+  kVAEAm: "x10l6tqk",
+  kkqhue: "x17y0mx6",
+  k87sOh: "xjbys53",
+  kEafiO: "xamhcws",
+  kPef9Z: "x13fuv20",
+  kLZC3w: "x5mp61g",
+  kY2c9j: "x1355qak",
+  kfzvcC: "x47corl",
+  kgeoSG: "x1cpjm7i",
+  kEoFBp: "x1hmns74",
+  kSJ0CW: "xh7j7mt",
+  k96MEf: "x1mpa3hi",
+  kOlAkY: "xaknh5y",
+  kgzTxl: "x17zp9gg",
+  kPB484: "xmwhqxd",
+  kLkRvE: "x19jfor0",
+  "$$css": true
+};
+export const styles = {
+  root: {
+    k1xSpc: "x78zum5",
+    kXwgrk: "xdt5ytf",
+    k7Eaqz: "xeuugli",
+    kAzted: "x2lwn1j",
+    $$css: true
+  },
+  frame: {
+    kUk6DE: "x98rzlu",
+    k1xSpc: "x78zum5",
+    kXwgrk: "xdt5ytf",
+    k7Eaqz: "xeuugli",
+    kAzted: "x2lwn1j",
+    kMzoRj: "x1litavf",
+    ksu8eU: "x1y0btm7",
+    kVAM5u: "x14i3s5s",
+    kaIpWk: "x1hviunn",
+    kWkggS: "x1de1mus",
+    kVQacm: "xb3r6kr",
+    $$css: true
+  },
+  header: {
+    k1xSpc: "xrvj5dj",
+    kumcoG: "x37c5m6",
+    kGNEyG: "x6s0dn4",
+    kOIVth: "xjcht0a",
+    k8WAf4: "x8o8v82",
+    kg3NbH: "x1pzlopt",
+    kt9PQ7: "x92x3c3",
+    kfdmCh: "x1q0q8m5",
+    kL6WhQ: "xw8gpjh",
+    $$css: true
+  },
+  headerControls: {
+    kFhvOy: "x1lqcxt8",
+    $$css: true
+  },
+  headerTitle: {
+    kFhvOy: "x7v7x1q",
+    k9WMMc: "x2b8uid",
+    k7Eaqz: "xeuugli",
+    $$css: true
+  },
+  headerTitleContent: {
+    k1xSpc: "x3nfvp2",
+    kGNEyG: "x6s0dn4",
+    kOIVth: "x1txdalj",
+    $$css: true
+  },
+  loadingSpinner: {
+    k1xSpc: "x3nfvp2",
+    $$css: true
+  },
+  loadingSpinnerHidden: {
+    k33iCy: "xlshs6z",
+    $$css: true
+  },
+  headerStatus: {
+    kFhvOy: "x1qab1bc",
+    k7Eaqz: "xeuugli",
+    $$css: true
+  },
+  titleEmphasis: {
+    k63SB2: "x1lvx875",
+    $$css: true
+  },
+  visuallyHidden: {
+    kVAEAm: "x10l6tqk",
+    kzqmXN: "x1i1rx1s",
+    kZKoxP: "xjm9jq1",
+    kmVPX3: "x1717udv",
+    kogj98: "xkdpibf",
+    kVQacm: "xb3r6kr",
+    kMcinP: "xeh89do",
+    khDVqt: "xuxw1ft",
+    kMzoRj: "xc342km",
+    $$css: true
+  },
+  weekHeader: {
+    k1xSpc: "xrvj5dj",
+    kumcoG: "x1gj6vdr",
+    kt9PQ7: "x92x3c3",
+    kfdmCh: "x1q0q8m5",
+    kL6WhQ: "xw8gpjh",
+    $$css: true
+  },
+  weekdayLabel: {
+    k8WAf4: "xce4md1",
+    kg3NbH: "xrrkdod",
+    k9WMMc: "x2b8uid",
+    $$css: true
+  },
+  weekdayHeading: {
+    k9WMMc: "x2b8uid",
+    $$css: true
+  },
+  monthGrid: {
+    kXHlph: "xw2csxc",
+    $$css: true
+  },
+  monthGridSurface: {
+    kVAEAm: "x1n2onr6",
+    kzqmXN: "xh8yej3",
+    k7Eaqz: "x1uz6y0c",
+    $$css: true
+  },
+  monthCellGrid: {
+    k1xSpc: "xrvj5dj",
+    kumcoG: "x1gj6vdr",
+    kJBjZk: "xc2ull6",
+    $$css: true
+  },
+  monthGridRow: {
+    k1xSpc: "xjp7ctv",
+    $$css: true
+  },
+  monthEventOverlay: {
+    kVAEAm: "x10l6tqk",
+    kpwlN0: "x10a8y8t",
+    k1xSpc: "xrvj5dj",
+    kumcoG: "x1gj6vdr",
+    kJBjZk: "xc2ull6",
+    kfzvcC: "x47corl",
+    $$css: true
+  },
+  monthCell: {
+    k1xSpc: "x78zum5",
+    kXwgrk: "xdt5ytf",
+    kOIVth: "xzye2dw",
+    k7Eaqz: "xeuugli",
+    kmVPX3: "x1717udv",
+    ke9TFa: "xw8tdv1",
+    k8ry5P: "x18b5jzi",
+    kBCPoo: "x1gejf6u",
+    kt9PQ7: "x92x3c3",
+    kfdmCh: "x1q0q8m5",
+    kL6WhQ: "xw8gpjh",
+    kWkggS: "x1de1mus",
+    $$css: true
+  },
+  monthCellLastColumn: {
+    ke9TFa: "x10w94by",
+    $$css: true
+  },
+  monthCellLastRow: {
+    kt9PQ7: "x1qhh985",
+    $$css: true
+  },
+  monthCellOutside: {
+    kWkggS: "xwmxj5m",
+    $$css: true
+  },
+  monthDayNumber: {
+    kSGwAc: "xqcrz7y",
+    k1xSpc: "x3nfvp2",
+    kGNEyG: "x6s0dn4",
+    kjj79g: "x1nhvcw1",
+    kzqmXN: "xvy4d1p",
+    kZKoxP: "xxk0z11",
+    kogj98: "x10h29id",
+    kZCmMZ: "x1vsv5vr",
+    kwRFfy: "xyri2b",
+    kaIpWk: "xjspbzw",
+    kMwMTN: "xv1l7n4",
+    $$css: true
+  },
+  currentDayPill: {
+    kMwMTN: "x17wrial",
+    kWkggS: "x1ewilqj",
+    $$css: true
+  },
+  monthEventStack: {
+    k1xSpc: "x78zum5",
+    kXwgrk: "xdt5ytf",
+    kOIVth: "x1lsbc85",
+    k7Eaqz: "xeuugli",
+    $$css: true
+  },
+  monthEventSpan: (week, columnStart, columnEnd, level) => [_temp, {
+    "--x-gridRow": `${week + 1}` != null ? `${week + 1}` : undefined,
+    "--x-gridColumn": `${columnStart + 1} / ${columnEnd + 2}` != null ? `${columnStart + 1} / ${columnEnd + 2}` : undefined,
+    "--x-marginBlockStart": (val => typeof val === "number" ? val + "px" : val != null ? val : undefined)(`${30 + level * 29}px`)
+  }],
+  eventPill: {
+    kMv6JI: "x9ynric",
+    kMwMTN: "x1tgivj0",
+    k1xSpc: "x78zum5",
+    kGNEyG: "x6s0dn4",
+    kOIVth: "xzye2dw",
+    k7Eaqz: "xeuugli",
+    kMzoRj: "x1litavf",
+    ksu8eU: "x1y0btm7",
+    kaIpWk: "xx3sua9",
+    k8WAf4: "x13f7esw",
+    kg3NbH: "x4ezzuc",
+    kGuDYH: "x141an7d",
+    kLWn49: "x1ltkj2j",
+    k63SB2: "x1e4wzip",
+    $$css: true
+  },
+  eventTitle: {
+    kVQacm: "xb3r6kr",
+    kg5iWk: "xlyipyv",
+    khDVqt: "xuxw1ft",
+    k7Eaqz: "xeuugli",
+    $$css: true
+  },
+  eventTime: {
+    kVQacm: "xb3r6kr",
+    kg5iWk: "xlyipyv",
+    khDVqt: "xuxw1ft",
+    kmuXW: "x2lah0s",
+    kSiTet: "x1us6l5c",
+    $$css: true
+  },
+  moreEvents: {
+    kMv6JI: "x9ynric",
+    kMwMTN: "xv1l7n4",
+    kGuDYH: "x141an7d",
+    kLWn49: "x1ltkj2j",
+    $$css: true
+  },
+  timeGrid: {
+    kUk6DE: "x98rzlu",
+    k1xSpc: "xrvj5dj",
+    kumcoG: "x6c1iq1",
+    k9llMU: "xb29p26",
+    kZKoxP: "x1d9x2de",
+    kAzted: "x2lwn1j",
+    kVQacm: "xb3r6kr",
+    $$css: true
+  },
+  timeGridCorner: {
+    kBCFzs: "xgkxs2y",
+    kbNqZ1: "x1ms6mhf",
+    ke9TFa: "xw8tdv1",
+    k8ry5P: "x18b5jzi",
+    kBCPoo: "x1gejf6u",
+    kt9PQ7: "x92x3c3",
+    kfdmCh: "x1q0q8m5",
+    kL6WhQ: "xw8gpjh",
+    $$css: true
+  },
+  timeGridHeader: {
+    kBCFzs: "x1npkx4u",
+    kbNqZ1: "x1ms6mhf",
+    k1xSpc: "xrvj5dj",
+    kprqdN: "x1mt1orb",
+    klIVar: "x1pbwhf9",
+    kt9PQ7: "x92x3c3",
+    kfdmCh: "x1q0q8m5",
+    kL6WhQ: "xw8gpjh",
+    $$css: true
+  },
+  timeGridHeaderCell: {
+    k1xSpc: "x78zum5",
+    kXwgrk: "xdt5ytf",
+    kGNEyG: "x6s0dn4",
+    kjj79g: "xl56j7k",
+    kOIVth: "x1lsbc85",
+    ke9TFa: "xw8tdv1",
+    k8ry5P: "x18b5jzi",
+    kBCPoo: "x1gejf6u",
+    $$css: true
+  },
+  timeGridHeaderCellLast: {
+    ke9TFa: "x10w94by",
+    $$css: true
+  },
+  timeGridHeaderHeading: {
+    k9WMMc: "x2b8uid",
+    $$css: true
+  },
+  timeGridHeaderHeadingContent: {
+    k1xSpc: "x3nfvp2",
+    kGNEyG: "x6s0dn4",
+    kjj79g: "xl56j7k",
+    kOIVth: "xzye2dw",
+    $$css: true
+  },
+  timeGridDayNumber: {
+    k1xSpc: "x3nfvp2",
+    kGNEyG: "x6s0dn4",
+    kjj79g: "xl56j7k",
+    kaIpWk: "xjspbzw",
+    $$css: true
+  },
+  timeGridCurrentDayPill: {
+    k7Eaqz: "x17s4nb9",
+    kZKoxP: "x1gnnpzl",
+    kLWn49: "xklk4pu",
+    kMwMTN: "x17wrial",
+    kWkggS: "x1ewilqj",
+    $$css: true
+  },
+  allDayLabel: {
+    kBCFzs: "xgkxs2y",
+    kbNqZ1: "x7sv70a",
+    k8WAf4: "xu0wf1k",
+    kg3NbH: "xf314gf",
+    k1xSpc: "x78zum5",
+    kGNEyG: "x6s0dn4",
+    kjj79g: "x13a6bvl",
+    ke9TFa: "xw8tdv1",
+    k8ry5P: "x18b5jzi",
+    kBCPoo: "x1gejf6u",
+    kt9PQ7: "x92x3c3",
+    kfdmCh: "x1q0q8m5",
+    kL6WhQ: "xw8gpjh",
+    $$css: true
+  },
+  allDayRow: {
+    kBCFzs: "x1npkx4u",
+    kbNqZ1: "x7sv70a",
+    kXHlph: "xw2csxc",
+    kAzted: "x2lwn1j",
+    kt9PQ7: "x92x3c3",
+    kfdmCh: "x1q0q8m5",
+    kL6WhQ: "xw8gpjh",
+    $$css: true
+  },
+  allDayRowSurface: (columnCount, levelCount) => [_temp2, {
+    "--x-minWidth": (val => typeof val === "number" ? val + "px" : val != null ? val : undefined)(`${Math.max(1, columnCount) * 140}px`),
+    "--x-minHeight": (val => typeof val === "number" ? val + "px" : val != null ? val : undefined)(levelCount > 0 ? `${3 + levelCount * 27}px` : '26px')
+  }],
+  allDayCellGrid: columnCount => [_temp3, {
+    "--x-gridTemplateColumns": `repeat(${Math.max(1, columnCount)}, minmax(0, 1fr))` != null ? `repeat(${Math.max(1, columnCount)}, minmax(0, 1fr))` : undefined
+  }],
+  allDayEventOverlay: columnCount => [_temp4, {
+    "--x-gridTemplateColumns": `repeat(${Math.max(1, columnCount)}, minmax(0, 1fr))` != null ? `repeat(${Math.max(1, columnCount)}, minmax(0, 1fr))` : undefined
+  }],
+  allDayCell: {
+    k7Eaqz: "xeuugli",
+    ke9TFa: "xw8tdv1",
+    k8ry5P: "x18b5jzi",
+    kBCPoo: "x1gejf6u",
+    $$css: true
+  },
+  allDayCellLast: {
+    ke9TFa: "x10w94by",
+    $$css: true
+  },
+  allDayEventSpan: (columnStart, columnEnd, level) => [_temp5, {
+    "--x-gridColumn": `${columnStart + 1} / ${columnEnd + 2}` != null ? `${columnStart + 1} / ${columnEnd + 2}` : undefined,
+    "--x-marginBlockStart": (val => typeof val === "number" ? val + "px" : val != null ? val : undefined)(`${2 + level * 27}px`)
+  }],
+  timeGridBody: {
+    kBCFzs: "x1osaytk",
+    kbNqZ1: "xz51j44",
+    k1xSpc: "xrvj5dj",
+    kumcoG: "x6c1iq1",
+    kVQacm: "xysyzu8",
+    kAzted: "x2lwn1j",
+    $$css: true
+  },
+  timeLabels: {
+    kBCFzs: "xgkxs2y",
+    kVAEAm: "x1n2onr6",
+    ke9TFa: "xw8tdv1",
+    k8ry5P: "x18b5jzi",
+    kBCPoo: "x1gejf6u",
+    $$css: true
+  },
+  timeLabel: {
+    kMv6JI: "x9ynric",
+    kMwMTN: "xv1l7n4",
+    kVAEAm: "x10l6tqk",
+    kkqhue: "x17y0mx6",
+    k3aq6I: "x1cb1t30",
+    kZCmMZ: "x1vsv5vr",
+    kwRFfy: "x1nryj5t",
+    kGuDYH: "x141an7d",
+    kLWn49: "x1ltkj2j",
+    k9WMMc: "xp4054r",
+    $$css: true
+  },
+  timeLabelPosition: (index, hourHeight) => [_temp6, {
+    "--x-top": (val => typeof val === "number" ? val + "px" : val != null ? val : undefined)(`${index * hourHeight - 1}px`)
+  }],
+  timeColumns: {
+    kBCFzs: "x1npkx4u",
+    k1xSpc: "xrvj5dj",
+    kprqdN: "x1mt1orb",
+    klIVar: "x1pbwhf9",
+    k7Eaqz: "xeuugli",
+    $$css: true
+  },
+  timeColumn: {
+    kVAEAm: "x1n2onr6",
+    k1xSpc: "xrvj5dj",
+    k7Eaqz: "xeuugli",
+    ke9TFa: "xw8tdv1",
+    k8ry5P: "x18b5jzi",
+    kBCPoo: "x1gejf6u",
+    $$css: true
+  },
+  timeColumnRows: hourHeight => [_temp7, {
+    "--x-gridAutoRows": `${hourHeight}px` != null ? `${hourHeight}px` : undefined
+  }],
+  timeColumnLast: {
+    ke9TFa: "x10w94by",
+    $$css: true
+  },
+  hourSlot: {
+    kt9PQ7: "x92x3c3",
+    kfdmCh: "x1q0q8m5",
+    kL6WhQ: "xw8gpjh",
+    $$css: true
+  },
+  hourSlotLast: {
+    kt9PQ7: "x1qhh985",
+    $$css: true
+  },
+  timedEvent: {
+    kMv6JI: "x9ynric",
+    kMwMTN: "x1tgivj0",
+    kVAEAm: "x10l6tqk",
+    k1xSpc: "x78zum5",
+    kXwgrk: "xdt5ytf",
+    kOIVth: "xxhr3t",
+    kAzted: "xjwf9q1",
+    k7Eaqz: "xeuugli",
+    kVQacm: "xb3r6kr",
+    kMzoRj: "x1litavf",
+    ksu8eU: "x1y0btm7",
+    kaIpWk: "xx3sua9",
+    kLKAdn: "xbx876j",
+    kGO01o: "xy143xn",
+    kg3NbH: "x7a5moj",
+    kGuDYH: "x141an7d",
+    kLWn49: "x1ltkj2j",
+    k63SB2: "x1e4wzip",
+    $$css: true
+  },
+  timedEventPosition: (top, height, level) => [_temp8, {
+    kLqNvP: (level === 0 ? spacingVars['--spacing-0-5'] : `calc(${spacingVars['--spacing-0-5']} + ${level * 8}%)`) != null ? "x1lxsm33" : level === 0 ? spacingVars['--spacing-0-5'] : `calc(${spacingVars['--spacing-0-5']} + ${level * 8}%)`,
+    $$css: true
+  }, {
+    "--x-top": (val => typeof val === "number" ? val + "px" : val != null ? val : undefined)(`calc(${top}% + 2px)`),
+    "--x-height": (val => typeof val === "number" ? val + "px" : val != null ? val : undefined)(`calc(${height}% - 5px)`),
+    "--x-insetInlineStart": (val => typeof val === "number" ? val + "px" : val != null ? val : undefined)(level === 0 ? spacingVars['--spacing-0-5'] : `calc(${spacingVars['--spacing-0-5']} + ${level * 8}%)`),
+    "--x-zIndex": level + 1 != null ? level + 1 : undefined
+  }],
+  currentTimeLine: top => [_temp9, {
+    "--x-top": (val => typeof val === "number" ? val + "px" : val != null ? val : undefined)(`calc(${top}% + 2px)`)
+  }],
+  list: {
+    k1xSpc: "x78zum5",
+    kXwgrk: "xdt5ytf",
+    $$css: true
+  },
+  listDay: {
+    k1xSpc: "xrvj5dj",
+    kumcoG: "x1cmcxw8",
+    kGNEyG: "x7a106z",
+    k1C7PZ: "xewh9hi",
+    k8WAf4: "x8o8v82",
+    kg3NbH: "xrrkdod",
+    kt9PQ7: "x92x3c3",
+    kfdmCh: "x1q0q8m5",
+    kL6WhQ: "xw8gpjh",
+    $$css: true
+  },
+  listDayLast: {
+    kt9PQ7: "x1qhh985",
+    $$css: true
+  },
+  listDayHeading: {
+    kBCFzs: "xgkxs2y",
+    k1xSpc: "x3nfvp2",
+    kGNEyG: "x6s0dn4",
+    kjj79g: "x1nhvcw1",
+    k1C7PZ: "xak3so",
+    keoZOQ: "x160xvyo",
+    keTefX: "xhi58n4",
+    $$css: true
+  },
+  listDayNumber: {
+    k1xSpc: "x3nfvp2",
+    kGNEyG: "x6s0dn4",
+    kjj79g: "x13a6bvl",
+    kzqmXN: "x1849jeq",
+    kZKoxP: "x1gnnpzl",
+    kaIpWk: "xjspbzw",
+    $$css: true
+  },
+  listDayNumberText: {
+    k63SB2: "x1lvx875",
+    $$css: true
+  },
+  listDayNumberCurrent: {
+    kjj79g: "xl56j7k",
+    kMwMTN: "x17wrial",
+    kWkggS: "x1ewilqj",
+    $$css: true
+  },
+  listEvents: {
+    kBCFzs: "x1npkx4u",
+    k1xSpc: "x78zum5",
+    kXwgrk: "xdt5ytf",
+    kOIVth: "x1txdalj",
+    k7Eaqz: "xeuugli",
+    $$css: true
+  },
+  listNowRow: {
+    kVAEAm: "x1n2onr6",
+    kZKoxP: "x170jfvy",
+    kqGvvJ: "x1yqqeh1",
+    kgeoSG: "x1cpjm7i",
+    kEoFBp: "x1hmns74",
+    kpsdNU: "xm4btww",
+    k96MEf: "xw9j58",
+    kg8CZY: "x1b8stmw",
+    k2L7bE: "xnvurfn",
+    kwknyK: "x1b5r9ul",
+    k5JduY: "x1s928wv",
+    kwXMNM: "x1j6awrg",
+    kc1e00: "xxxjk75",
+    k3foIR: "x1m1drc7",
+    kkgrvl: "xg4xgkf",
+    k4zj60: "x1bymyaz",
+    kUfP38: "xq94oqs",
+    ks3ayO: "xvgeimn",
+    $$css: true
+  },
+  listEventRow: {
+    k1xSpc: "xrvj5dj",
+    kumcoG: "x857yr4",
+    kGNEyG: "x6s0dn4",
+    kOIVth: "x1txdalj",
+    k7Eaqz: "xeuugli",
+    $$css: true
+  },
+  listEventDot: {
+    kzqmXN: "x1fsd2vl",
+    kZKoxP: "x170jfvy",
+    kaIpWk: "xjspbzw",
+    $$css: true
+  },
+  listEventTime: {
+    kMv6JI: "x9ynric",
+    kMwMTN: "xv1l7n4",
+    kGuDYH: "x141an7d",
+    kLWn49: "x1ltkj2j",
+    khDVqt: "xuxw1ft",
+    $$css: true
+  },
+  listEventTitle: {
+    kMv6JI: "x9ynric",
+    kMwMTN: "x1tgivj0",
+    k7Eaqz: "xeuugli",
+    kVQacm: "xb3r6kr",
+    kg5iWk: "xlyipyv",
+    khDVqt: "xuxw1ft",
+    kGuDYH: "xjm74w1",
+    kLWn49: "xw6l6zx",
+    k63SB2: "x1e4wzip",
+    $$css: true
+  },
+  listEventPast: {
+    kSiTet: "xbyyjgo",
+    $$css: true
+  },
+  eventBlue: {
+    kMwMTN: "x1vvqiwl",
+    kWkggS: "x1o0wnni",
+    kVAM5u: "xlee4gx",
+    $$css: true
+  },
+  eventDotBlue: {
+    kWkggS: "xr0mm9x",
+    $$css: true
+  },
+  eventSurfaceBlue: {
+    kMwMTN: "x1vvqiwl",
+    kVAM5u: "xlee4gx",
+    kWkggS: "xuei7rd",
+    $$css: true
+  },
+  eventPastSurfaceBlue: {
+    kMwMTN: "xda2nnr",
+    kVAM5u: "x103w4nt",
+    kWkggS: "xndu7tf",
+    $$css: true
+  },
+  eventCyan: {
+    kMwMTN: "x1txnczv",
+    kWkggS: "x1rgj867",
+    kVAM5u: "xb1xfl",
+    $$css: true
+  },
+  eventDotCyan: {
+    kWkggS: "xl5sasa",
+    $$css: true
+  },
+  eventSurfaceCyan: {
+    kMwMTN: "x1txnczv",
+    kVAM5u: "xb1xfl",
+    kWkggS: "xt74dbf",
+    $$css: true
+  },
+  eventPastSurfaceCyan: {
+    kMwMTN: "x1u1o4zu",
+    kVAM5u: "x14n1b0s",
+    kWkggS: "xjwanps",
+    $$css: true
+  },
+  eventGray: {
+    kMwMTN: "xru1t7f",
+    kWkggS: "xspzpui",
+    kVAM5u: "x1w9ec3u",
+    $$css: true
+  },
+  eventDotGray: {
+    kWkggS: "xdomwnj",
+    $$css: true
+  },
+  eventSurfaceGray: {
+    kMwMTN: "xru1t7f",
+    kVAM5u: "x1w9ec3u",
+    kWkggS: "x1j9tyrv",
+    $$css: true
+  },
+  eventPastSurfaceGray: {
+    kMwMTN: "xv1l7n4",
+    kVAM5u: "x14i3s5s",
+    kWkggS: "x1o2lugu",
+    $$css: true
+  },
+  eventGreen: {
+    kMwMTN: "xltfdvo",
+    kWkggS: "x1sqjeoo",
+    kVAM5u: "xy90a9n",
+    $$css: true
+  },
+  eventDotGreen: {
+    kWkggS: "x6ipefc",
+    $$css: true
+  },
+  eventSurfaceGreen: {
+    kMwMTN: "xltfdvo",
+    kVAM5u: "xy90a9n",
+    kWkggS: "x1obh4um",
+    $$css: true
+  },
+  eventPastSurfaceGreen: {
+    kMwMTN: "x2xxiir",
+    kVAM5u: "x1uk4s2l",
+    kWkggS: "x1xcvo73",
+    $$css: true
+  },
+  eventOrange: {
+    kMwMTN: "xm47u9q",
+    kWkggS: "x1e9xt6e",
+    kVAM5u: "xloqurj",
+    $$css: true
+  },
+  eventDotOrange: {
+    kWkggS: "x1f80rgn",
+    $$css: true
+  },
+  eventSurfaceOrange: {
+    kMwMTN: "xm47u9q",
+    kVAM5u: "xloqurj",
+    kWkggS: "xu0zddy",
+    $$css: true
+  },
+  eventPastSurfaceOrange: {
+    kMwMTN: "xnveu8w",
+    kVAM5u: "x1nhezck",
+    kWkggS: "x8ayxpi",
+    $$css: true
+  },
+  eventPink: {
+    kMwMTN: "xiuofww",
+    kWkggS: "xnpoty2",
+    kVAM5u: "x1czkbn8",
+    $$css: true
+  },
+  eventDotPink: {
+    kWkggS: "x17ey546",
+    $$css: true
+  },
+  eventSurfacePink: {
+    kMwMTN: "xiuofww",
+    kVAM5u: "x1czkbn8",
+    kWkggS: "x903q04",
+    $$css: true
+  },
+  eventPastSurfacePink: {
+    kMwMTN: "x1gcpyt4",
+    kVAM5u: "x1ykxfgw",
+    kWkggS: "xiipwng",
+    $$css: true
+  },
+  eventPurple: {
+    kMwMTN: "x1m9wyeb",
+    kWkggS: "x16i6n6f",
+    kVAM5u: "xq98wne",
+    $$css: true
+  },
+  eventDotPurple: {
+    kWkggS: "xpp9lhe",
+    $$css: true
+  },
+  eventSurfacePurple: {
+    kMwMTN: "x1m9wyeb",
+    kVAM5u: "xq98wne",
+    kWkggS: "xya6syd",
+    $$css: true
+  },
+  eventPastSurfacePurple: {
+    kMwMTN: "x1xphww9",
+    kVAM5u: "x1jpwwg7",
+    kWkggS: "x1rfpnkv",
+    $$css: true
+  },
+  eventRed: {
+    kMwMTN: "x1joocv1",
+    kWkggS: "x1cibrc5",
+    kVAM5u: "xjqgoec",
+    $$css: true
+  },
+  eventDotRed: {
+    kWkggS: "xg9c4l2",
+    $$css: true
+  },
+  eventSurfaceRed: {
+    kMwMTN: "x1joocv1",
+    kVAM5u: "xjqgoec",
+    kWkggS: "xfna726",
+    $$css: true
+  },
+  eventPastSurfaceRed: {
+    kMwMTN: "xogwzh6",
+    kVAM5u: "x1t9827k",
+    kWkggS: "xcostcg",
+    $$css: true
+  },
+  eventTeal: {
+    kMwMTN: "x9x0lbs",
+    kWkggS: "x1jtji5o",
+    kVAM5u: "x1r9gxr1",
+    $$css: true
+  },
+  eventDotTeal: {
+    kWkggS: "x1m3yk8c",
+    $$css: true
+  },
+  eventSurfaceTeal: {
+    kMwMTN: "x9x0lbs",
+    kVAM5u: "x1r9gxr1",
+    kWkggS: "x1607b1m",
+    $$css: true
+  },
+  eventPastSurfaceTeal: {
+    kMwMTN: "x1s4jh2n",
+    kVAM5u: "x1ooq0ed",
+    kWkggS: "xuro2n0",
+    $$css: true
+  },
+  eventYellow: {
+    kMwMTN: "xdhq94a",
+    kWkggS: "x1bo7t0x",
+    kVAM5u: "x1kpnwn1",
+    $$css: true
+  },
+  eventDotYellow: {
+    kWkggS: "x154rz6c",
+    $$css: true
+  },
+  eventSurfaceYellow: {
+    kMwMTN: "xdhq94a",
+    kVAM5u: "x1kpnwn1",
+    kWkggS: "x1sjw1wq",
+    $$css: true
+  },
+  eventPastSurfaceYellow: {
+    kMwMTN: "x1wzna5w",
+    kVAM5u: "x1t0z2uq",
+    kWkggS: "x17tjail",
+    $$css: true
+  }
+};