@dxos/react-ui-calendar 0.8.4-main.548089c → 0.8.4-main.e8ec1fe

package/dist/lib/browser/index.mjs

@@ -6,7 +6,7 @@ import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo
 import { useResizeDetector } from "react-resize-detector";
 import { List } from "react-virtualized";
 import { Event } from "@dxos/async";
-import { IconButton, useTranslation } from "@dxos/react-ui";
+import { Icon, IconButton, useTranslation } from "@dxos/react-ui";
 import { mx } from "@dxos/react-ui-theme";
 
 // src/translations.ts
@@ -79,11 +79,11 @@ var CalendarViewport = ({ children, classNames }) => {
   }
 };
 CalendarViewport.displayName = "CalendarContent";
-var CalendarHeader = ({ classNames }) => {
+var CalendarToolbar = ({ classNames }) => {
   var _effect = _useSignals();
   try {
     const { t } = useTranslation(translationKey);
-    const { weekStartsOn, event, index, selected } = useCalendarContext(CalendarHeader.displayName);
+    const { weekStartsOn, event, index, selected } = useCalendarContext(CalendarToolbar.displayName);
     const top = useMemo(() => getDate(start, index ?? 0, 6, weekStartsOn), [
       index,
       weekStartsOn
@@ -101,7 +101,7 @@ var CalendarHeader = ({ classNames }) => {
     ]);
     return /* @__PURE__ */ React.createElement("div", {
       role: "none",
-      className: mx("shink-0 is-full grid grid-cols-3", classNames),
+      className: mx("shink-0 is-full grid grid-cols-3 items-center bg-barSurface", classNames),
       style: {
         width: defaultWidth
       }
@@ -109,22 +109,22 @@ var CalendarHeader = ({ classNames }) => {
       className: "flex justify-start"
     }, /* @__PURE__ */ React.createElement(IconButton, {
       variant: "ghost",
-      size: 6,
+      size: 5,
       icon: "ph--calendar--regular",
       iconOnly: true,
       classNames: "aspect-square",
       label: t("today button"),
       onClick: handleToday
-    })), /* @__PURE__ */ React.createElement("span", {
-      className: "flex justify-center p-2"
-    }, format(selected ?? top, "MMMM")), /* @__PURE__ */ React.createElement("span", {
-      className: "flex justify-end p-2"
+    })), /* @__PURE__ */ React.createElement("div", {
+      className: "flex justify-center p-2 text-description"
+    }, format(selected ?? top, "MMMM")), /* @__PURE__ */ React.createElement("div", {
+      className: "flex justify-end p-2 text-description"
     }, (selected ?? top).getFullYear()));
   } finally {
     _effect.f();
   }
 };
-CalendarHeader.displayName = "CalendarHeader";
+CalendarToolbar.displayName = "CalendarHeader";
 var CalendarGrid = ({ classNames, rows, onSelect }) => {
   var _effect = _useSignals();
   try {
@@ -166,6 +166,9 @@ var CalendarGrid = ({ classNames, rows, onSelect }) => {
         return format(day, "EEE");
       });
     }, []);
+    const getNumAppointments = useCallback((_date) => {
+      return 0;
+    }, []);
     const handleDaySelect = useCallback((date) => {
       setSelected((current) => isSameDay(date, current) ? void 0 : date);
       onSelect?.({
@@ -181,11 +184,14 @@ var CalendarGrid = ({ classNames, rows, onSelect }) => {
       const getBgColor = (date) => date.getMonth() % 2 === 0 && "bg-modalSurface";
       return /* @__PURE__ */ React.createElement("div", {
         key,
+        role: "none",
         style,
         className: "is-full grid grid-cols-[1fr_max-content_1fr] snap-center"
       }, /* @__PURE__ */ React.createElement("div", {
+        role: "none",
         className: mx(getBgColor(getDate(start, index, 0, weekStartsOn)))
       }), /* @__PURE__ */ React.createElement("div", {
+        role: "none",
         className: "grid grid-cols-7",
         style: {
           gridTemplateColumns: `repeat(7, ${size}px)`
@@ -194,9 +200,11 @@ var CalendarGrid = ({ classNames, rows, onSelect }) => {
         length: 7
       }).map((_, i) => {
         const date = getDate(start, index, i, weekStartsOn);
+        const num = getNumAppointments(date);
         const border = isSameDay(date, selected) ? "border-primary-500" : isSameDay(date, today) ? "border-amber-500" : void 0;
         return /* @__PURE__ */ React.createElement("div", {
           key: i,
+          role: "none",
           className: mx("relative flex justify-center items-center cursor-pointer", getBgColor(date)),
           onClick: () => handleDaySelect(date)
         }, /* @__PURE__ */ React.createElement("span", {
@@ -204,13 +212,19 @@ var CalendarGrid = ({ classNames, rows, onSelect }) => {
         }, date.getDate()), !border && date.getDate() === 1 && /* @__PURE__ */ React.createElement("span", {
           className: "absolute top-0 text-xs text-description"
         }, format(date, "MMM")), border && /* @__PURE__ */ React.createElement("div", {
+          role: "none",
           className: mx("absolute top-0 left-0 is-full bs-full border-2 rounded-full", border)
+        }), num > 0 && /* @__PURE__ */ React.createElement(Icon, {
+          classNames: "absolute bottom-0",
+          icon: num > 3 ? "ph--dots-three--regular" : "ph--dot--regular",
+          size: 5
         }));
       })), /* @__PURE__ */ React.createElement("div", {
         className: mx(getBgColor(getDate(start, index, 6, weekStartsOn)))
       }));
     }, [
       handleDaySelect,
+      getNumAppointments,
       selected,
       weekStartsOn
     ]);
@@ -256,7 +270,7 @@ CalendarGrid.displayName = "CalendarGrid";
 var Calendar = {
   Root: CalendarRoot,
   Viewport: CalendarViewport,
-  Header: CalendarHeader,
+  Toolbar: CalendarToolbar,
   Grid: CalendarGrid
 };
 export {

package/dist/lib/browser/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/Calendar/Calendar.tsx", "../../../src/translations.ts", "../../../src/components/Calendar/util.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { createContext } from '@radix-ui/react-context';\nimport { type Day, addDays, differenceInWeeks, format, startOfWeek } from 'date-fns';\nimport React, {\n  type Dispatch,\n  type PropsWithChildren,\n  type SetStateAction,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\nimport { List, type ListProps, type ListRowRenderer } from 'react-virtualized';\n\nimport { Event } from '@dxos/async';\nimport { IconButton, type ThemedClassName, useTranslation } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { translationKey } from '../../translations';\n\nimport { getDate, isSameDay } from './util';\n\nconst maxRows = 50 * 100;\nconst start = new Date('1970-01-01');\nconst size = 48;\nconst defaultWidth = 7 * size;\n\n//\n// Context\n//\n\ntype CalendarEvent = {\n  type: 'scroll';\n  date: Date;\n};\n\ntype CalendarContextValue = {\n  weekStartsOn: Day;\n  event: Event<CalendarEvent>;\n  index: number | undefined;\n  setIndex: Dispatch<SetStateAction<number | undefined>>;\n  selected: Date | undefined;\n  setSelected: Dispatch<SetStateAction<Date | undefined>>;\n};\n\nconst [CalendarContextProvider, useCalendarContext] = createContext<CalendarContextValue>('Calendar');\n\n//\n// Controller\n//\n\ntype CalendarController = {\n  scrollTo: (date: Date) => void;\n};\n\n//\n// Root\n//\n\ntype CalendarRootProps = PropsWithChildren<Partial<Pick<CalendarContextValue, 'weekStartsOn'>>>;\n\nconst CalendarRoot = forwardRef<CalendarController, CalendarRootProps>(\n  ({ children, weekStartsOn = 1 }, forwardedRef) => {\n    const event = useMemo(() => new Event<CalendarEvent>(), []);\n    const [selected, setSelected] = useState<Date | undefined>();\n    const [index, setIndex] = useState<number | undefined>();\n\n    useImperativeHandle(\n      forwardedRef,\n      () => ({\n        scrollTo: (date: Date) => {\n          event.emit({ type: 'scroll', date });\n        },\n      }),\n      [event],\n    );\n\n    return (\n      <CalendarContextProvider\n        weekStartsOn={weekStartsOn}\n        event={event}\n        index={index}\n        setIndex={setIndex}\n        selected={selected}\n        setSelected={setSelected}\n      >\n        {children}\n      </CalendarContextProvider>\n    );\n  },\n);\n\n//\n// Viewport\n//\n\ntype CalendarViewportProps = PropsWithChildren<ThemedClassName>;\n\nconst CalendarViewport = ({ children, classNames }: CalendarViewportProps) => {\n  return (\n    <div role='none' className={mx('flex flex-col items-center overflow-hidden bg-inputSurface', classNames)}>\n      {children}\n    </div>\n  );\n};\n\nCalendarViewport.displayName = 'CalendarContent';\n\n//\n// Header\n//\n\ntype CalendarHeaderProps = ThemedClassName;\n\nconst CalendarHeader = ({ classNames }: CalendarHeaderProps) => {\n  const { t } = useTranslation(translationKey);\n  const { weekStartsOn, event, index, selected } = useCalendarContext(CalendarHeader.displayName);\n  const top = useMemo(() => getDate(start, index ?? 0, 6, weekStartsOn), [index, weekStartsOn]);\n  const today = useMemo(() => new Date(), []);\n\n  const handleToday = useCallback(() => {\n    event.emit({ type: 'scroll', date: today });\n  }, [event, start, today]);\n\n  return (\n    <div role='none' className={mx('shink-0 is-full grid grid-cols-3', classNames)} style={{ width: defaultWidth }}>\n      <div className='flex justify-start'>\n        <IconButton\n          variant='ghost'\n          size={6}\n          icon='ph--calendar--regular'\n          iconOnly\n          classNames='aspect-square'\n          label={t('today button')}\n          onClick={handleToday}\n        />\n      </div>\n      <span className='flex justify-center p-2'>{format(selected ?? top, 'MMMM')}</span>\n      <span className='flex justify-end p-2'>{(selected ?? top).getFullYear()}</span>\n    </div>\n  );\n};\n\nCalendarHeader.displayName = 'CalendarHeader';\n\n//\n// Grid\n// TODO(burdon): Key nav.\n// TODO(burdon): Drag range.\n//\n\ntype CalendarGridProps = ThemedClassName<{\n  rows?: number;\n  onSelect?: (event: { date: Date }) => void;\n}>;\n\nconst CalendarGrid = ({ classNames, rows, onSelect }: CalendarGridProps) => {\n  const { weekStartsOn, event, setIndex, selected, setSelected } = useCalendarContext(CalendarGrid.displayName);\n  const { ref: containerRef, width = 0, height = 0 } = useResizeDetector();\n  const maxHeight = rows ? rows * size : undefined;\n  const listRef = useRef<List>(null);\n  const today = useMemo(() => new Date(), []);\n\n  const [initialized, setInitialized] = useState(false);\n  useEffect(() => {\n    const index = differenceInWeeks(today, start);\n    listRef.current?.scrollToRow(index);\n  }, [initialized, start, today]);\n\n  useEffect(() => {\n    return event.on((event) => {\n      switch (event.type) {\n        case 'scroll': {\n          const index = differenceInWeeks(event.date, start);\n          listRef.current?.scrollToRow(index);\n          break;\n        }\n      }\n    });\n  }, [event]);\n\n  const days = useMemo(() => {\n    const weekStart = startOfWeek(new Date(), { weekStartsOn });\n    return Array.from({ length: 7 }, (_, i) => {\n      const day = addDays(weekStart, i);\n      return format(day, 'EEE'); // Short day name (Mon, Tue, etc.)\n    });\n  }, []);\n\n  const handleDaySelect = useCallback(\n    (date: Date) => {\n      setSelected((current) => (isSameDay(date, current) ? undefined : date));\n      onSelect?.({ date });\n    },\n    [onSelect],\n  );\n\n  const handleScroll = useCallback<NonNullable<ListProps['onScroll']>>((info) => {\n    setIndex(Math.round(info.scrollTop / size));\n  }, []);\n\n  const rowRenderer = useCallback<ListRowRenderer>(\n    ({ key, index, style }) => {\n      const getBgColor = (date: Date) => date.getMonth() % 2 === 0 && 'bg-modalSurface';\n      return (\n        <div key={key} style={style} className='is-full grid grid-cols-[1fr_max-content_1fr] snap-center'>\n          <div className={mx(getBgColor(getDate(start, index, 0, weekStartsOn)))} />\n          <div className='grid grid-cols-7' style={{ gridTemplateColumns: `repeat(7, ${size}px)` }}>\n            {Array.from({ length: 7 }).map((_, i) => {\n              const date = getDate(start, index, i, weekStartsOn);\n              const border = isSameDay(date, selected)\n                ? 'border-primary-500'\n                : isSameDay(date, today)\n                  ? 'border-amber-500'\n                  : undefined;\n\n              return (\n                <div\n                  key={i}\n                  className={mx('relative flex justify-center items-center cursor-pointer', getBgColor(date))}\n                  onClick={() => handleDaySelect(date)}\n                >\n                  <span className='text-description'>{date.getDate()}</span>\n                  {!border && date.getDate() === 1 && (\n                    <span className='absolute top-0 text-xs text-description'>{format(date, 'MMM')}</span>\n                  )}\n                  {border && (\n                    <div className={mx('absolute top-0 left-0 is-full bs-full border-2 rounded-full', border)} />\n                  )}\n                </div>\n              );\n            })}\n          </div>\n          <div className={mx(getBgColor(getDate(start, index, 6, weekStartsOn)))} />\n        </div>\n      );\n    },\n    [handleDaySelect, selected, weekStartsOn],\n  );\n\n  return (\n    <div role='none' className={mx('flex flex-col bs-full is-full justify-center overflow-hidden', classNames)}>\n      {/* Day labels */}\n      <div role='none' className='flex justify-center bg-groupSurface'>\n        <div role='none' className='flex is-full grid grid-cols-7' style={{ width: defaultWidth }}>\n          {days.map((date, i) => (\n            <div key={i} role='none' className='flex justify-center p-2 text-sm font-thin'>\n              {date}\n            </div>\n          ))}\n        </div>\n      </div>\n      {/* Grid */}\n      <div role='none' className='flex flex-col bs-full is-full justify-center overflow-hidden' ref={containerRef}>\n        <List\n          ref={listRef}\n          role='none'\n          // TODO(burdon): Snap isn't working.\n          className='[&>div]:snap-y scrollbar-none outline-none'\n          width={width}\n          height={maxHeight ?? height}\n          rowCount={maxRows}\n          rowHeight={size}\n          rowRenderer={rowRenderer}\n          scrollToAlignment='start'\n          onScroll={handleScroll}\n          onRowsRendered={() => setInitialized(true)}\n        />\n      </div>\n    </div>\n  );\n};\n\nCalendarGrid.displayName = 'CalendarGrid';\n\n//\n// Calendar\n//\n\nexport const Calendar = {\n  Root: CalendarRoot,\n  Viewport: CalendarViewport,\n  Header: CalendarHeader,\n  Grid: CalendarGrid,\n};\n\nexport type { CalendarController, CalendarRootProps, CalendarViewportProps, CalendarHeaderProps, CalendarGridProps };\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nexport const translationKey = 'react-ui-calendar';\n\nexport const translations = [\n  {\n    'en-US': {\n      [translationKey]: {\n        'today button': 'Today',\n      },\n    },\n  },\n] as const satisfies Resource[];\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Day } from 'date-fns';\n\nexport const getDate = (start: Date, weekNumber: number, dayOfWeek: number, weekStartsOn: Day): Date => {\n  const result = new Date(start);\n  const startDayOfWeek = start.getDay(); // 0 = Sunday, 1 = Monday, etc.\n  const adjustedStartDay = (startDayOfWeek === 0 ? 7 : startDayOfWeek) - weekStartsOn; // Adjust for weekStartsOn.\n  result.setDate(start.getDate() - adjustedStartDay + weekNumber * 7 + dayOfWeek);\n  return result;\n};\n\nexport const isSameDay = (date1: Date, date2: Date | undefined): boolean => {\n  return (\n    !!date2 &&\n    date1.getFullYear() === date2.getFullYear() &&\n    date1.getMonth() === date2.getMonth() &&\n    date1.getDate() === date2.getDate()\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["createContext", "addDays", "differenceInWeeks", "format", "startOfWeek", "React", "forwardRef", "useCallback", "useEffect", "useImperativeHandle", "useMemo", "useRef", "useState", "useResizeDetector", "List", "Event", "IconButton", "useTranslation", "mx", "translationKey", "translations", "getDate", "start", "weekNumber", "dayOfWeek", "weekStartsOn", "result", "Date", "startDayOfWeek", "getDay", "adjustedStartDay", "setDate", "isSameDay", "date1", "date2", "getFullYear", "getMonth", "maxRows", "start", "Date", "size", "defaultWidth", "CalendarContextProvider", "useCalendarContext", "createContext", "CalendarRoot", "forwardRef", "children", "weekStartsOn", "forwardedRef", "event", "useMemo", "Event", "selected", "setSelected", "useState", "index", "setIndex", "useImperativeHandle", "scrollTo", "date", "emit", "type", "CalendarViewport", "classNames", "div", "role", "className", "mx", "displayName", "CalendarHeader", "t", "useTranslation", "translationKey", "top", "getDate", "today", "handleToday", "useCallback", "style", "width", "IconButton", "variant", "icon", "iconOnly", "label", "onClick", "span", "format", "getFullYear", "CalendarGrid", "rows", "onSelect", "ref", "containerRef", "height", "useResizeDetector", "maxHeight", "undefined", "listRef", "useRef", "initialized", "setInitialized", "useEffect", "differenceInWeeks", "current", "scrollToRow", "on", "days", "weekStart", "startOfWeek", "Array", "from", "length", "_", "i", "day", "addDays", "handleDaySelect", "isSameDay", "handleScroll", "info", "Math", "round", "scrollTop", "rowRenderer", "key", "getBgColor", "getMonth", "gridTemplateColumns", "map", "border", "List", "rowCount", "rowHeight", "scrollToAlignment", "onScroll", "onRowsRendered", "Calendar", "Root", "Viewport", "Header", "Grid"]
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { createContext } from '@radix-ui/react-context';\nimport { type Day, addDays, differenceInWeeks, format, startOfWeek } from 'date-fns';\nimport React, {\n  type Dispatch,\n  type PropsWithChildren,\n  type SetStateAction,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\nimport { List, type ListProps, type ListRowRenderer } from 'react-virtualized';\n\nimport { Event } from '@dxos/async';\nimport { Icon, IconButton, type ThemedClassName, useTranslation } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { translationKey } from '../../translations';\n\nimport { getDate, isSameDay } from './util';\n\nconst maxRows = 50 * 100;\nconst start = new Date('1970-01-01');\nconst size = 48;\nconst defaultWidth = 7 * size;\n\n//\n// Context\n//\n\ntype CalendarEvent = {\n  type: 'scroll';\n  date: Date;\n};\n\ntype CalendarContextValue = {\n  weekStartsOn: Day;\n  event: Event<CalendarEvent>;\n  index: number | undefined;\n  setIndex: Dispatch<SetStateAction<number | undefined>>;\n  selected: Date | undefined;\n  setSelected: Dispatch<SetStateAction<Date | undefined>>;\n};\n\nconst [CalendarContextProvider, useCalendarContext] = createContext<CalendarContextValue>('Calendar');\n\n//\n// Controller\n//\n\ntype CalendarController = {\n  scrollTo: (date: Date) => void;\n};\n\n//\n// Root\n//\n\ntype CalendarRootProps = PropsWithChildren<Partial<Pick<CalendarContextValue, 'weekStartsOn'>>>;\n\nconst CalendarRoot = forwardRef<CalendarController, CalendarRootProps>(\n  ({ children, weekStartsOn = 1 }, forwardedRef) => {\n    const event = useMemo(() => new Event<CalendarEvent>(), []);\n    const [selected, setSelected] = useState<Date | undefined>();\n    const [index, setIndex] = useState<number | undefined>();\n\n    useImperativeHandle(\n      forwardedRef,\n      () => ({\n        scrollTo: (date: Date) => {\n          event.emit({ type: 'scroll', date });\n        },\n      }),\n      [event],\n    );\n\n    return (\n      <CalendarContextProvider\n        weekStartsOn={weekStartsOn}\n        event={event}\n        index={index}\n        setIndex={setIndex}\n        selected={selected}\n        setSelected={setSelected}\n      >\n        {children}\n      </CalendarContextProvider>\n    );\n  },\n);\n\n//\n// Viewport\n//\n\ntype CalendarViewportProps = PropsWithChildren<ThemedClassName>;\n\nconst CalendarViewport = ({ children, classNames }: CalendarViewportProps) => {\n  return (\n    <div role='none' className={mx('flex flex-col items-center overflow-hidden bg-inputSurface', classNames)}>\n      {children}\n    </div>\n  );\n};\n\nCalendarViewport.displayName = 'CalendarContent';\n\n//\n// Header\n//\n\ntype CalendarToolbarProps = ThemedClassName;\n\nconst CalendarToolbar = ({ classNames }: CalendarToolbarProps) => {\n  const { t } = useTranslation(translationKey);\n  const { weekStartsOn, event, index, selected } = useCalendarContext(CalendarToolbar.displayName);\n  const top = useMemo(() => getDate(start, index ?? 0, 6, weekStartsOn), [index, weekStartsOn]);\n  const today = useMemo(() => new Date(), []);\n\n  const handleToday = useCallback(() => {\n    event.emit({ type: 'scroll', date: today });\n  }, [event, start, today]);\n\n  return (\n    <div\n      role='none'\n      className={mx('shink-0 is-full grid grid-cols-3 items-center bg-barSurface', classNames)}\n      style={{ width: defaultWidth }}\n    >\n      <div className='flex justify-start'>\n        <IconButton\n          variant='ghost'\n          size={5}\n          icon='ph--calendar--regular'\n          iconOnly\n          classNames='aspect-square'\n          label={t('today button')}\n          onClick={handleToday}\n        />\n      </div>\n      <div className='flex justify-center p-2 text-description'>{format(selected ?? top, 'MMMM')}</div>\n      <div className='flex justify-end p-2 text-description'>{(selected ?? top).getFullYear()}</div>\n    </div>\n  );\n};\n\nCalendarToolbar.displayName = 'CalendarHeader';\n\n//\n// Grid\n// TODO(burdon): Key nav.\n// TODO(burdon): Drag range.\n//\n\ntype CalendarGridProps = ThemedClassName<{\n  rows?: number;\n  onSelect?: (event: { date: Date }) => void;\n}>;\n\nconst CalendarGrid = ({ classNames, rows, onSelect }: CalendarGridProps) => {\n  const { weekStartsOn, event, setIndex, selected, setSelected } = useCalendarContext(CalendarGrid.displayName);\n  const { ref: containerRef, width = 0, height = 0 } = useResizeDetector();\n  const maxHeight = rows ? rows * size : undefined;\n  const listRef = useRef<List>(null);\n  const today = useMemo(() => new Date(), []);\n\n  const [initialized, setInitialized] = useState(false);\n  useEffect(() => {\n    const index = differenceInWeeks(today, start);\n    listRef.current?.scrollToRow(index);\n  }, [initialized, start, today]);\n\n  useEffect(() => {\n    return event.on((event) => {\n      switch (event.type) {\n        case 'scroll': {\n          const index = differenceInWeeks(event.date, start);\n          listRef.current?.scrollToRow(index);\n          break;\n        }\n      }\n    });\n  }, [event]);\n\n  const days = useMemo(() => {\n    const weekStart = startOfWeek(new Date(), { weekStartsOn });\n    return Array.from({ length: 7 }, (_, i) => {\n      const day = addDays(weekStart, i);\n      return format(day, 'EEE'); // Short day name (Mon, Tue, etc.)\n    });\n  }, []);\n\n  // TODO(burdon): Get info by range.\n  // TODO(burdon): Border marker for \"all day events?\"\n  const getNumAppointments = useCallback((_date: Date) => {\n    // return Math.floor(Math.random() * 10);\n    return 0;\n  }, []);\n\n  const handleDaySelect = useCallback(\n    (date: Date) => {\n      setSelected((current) => (isSameDay(date, current) ? undefined : date));\n      onSelect?.({ date });\n    },\n    [onSelect],\n  );\n\n  const handleScroll = useCallback<NonNullable<ListProps['onScroll']>>((info) => {\n    setIndex(Math.round(info.scrollTop / size));\n  }, []);\n\n  const rowRenderer = useCallback<ListRowRenderer>(\n    ({ key, index, style }) => {\n      const getBgColor = (date: Date) => date.getMonth() % 2 === 0 && 'bg-modalSurface';\n      return (\n        <div key={key} role='none' style={style} className='is-full grid grid-cols-[1fr_max-content_1fr] snap-center'>\n          <div role='none' className={mx(getBgColor(getDate(start, index, 0, weekStartsOn)))} />\n          <div role='none' className='grid grid-cols-7' style={{ gridTemplateColumns: `repeat(7, ${size}px)` }}>\n            {Array.from({ length: 7 }).map((_, i) => {\n              const date = getDate(start, index, i, weekStartsOn);\n              const num = getNumAppointments(date);\n              const border = isSameDay(date, selected)\n                ? 'border-primary-500'\n                : isSameDay(date, today)\n                  ? 'border-amber-500'\n                  : undefined;\n\n              return (\n                <div\n                  key={i}\n                  role='none'\n                  className={mx('relative flex justify-center items-center cursor-pointer', getBgColor(date))}\n                  onClick={() => handleDaySelect(date)}\n                >\n                  <span className='text-description'>{date.getDate()}</span>\n                  {!border && date.getDate() === 1 && (\n                    <span className='absolute top-0 text-xs text-description'>{format(date, 'MMM')}</span>\n                  )}\n                  {border && (\n                    <div\n                      role='none'\n                      className={mx('absolute top-0 left-0 is-full bs-full border-2 rounded-full', border)}\n                    />\n                  )}\n                  {num > 0 && (\n                    <Icon\n                      classNames='absolute bottom-0'\n                      icon={num > 3 ? 'ph--dots-three--regular' : 'ph--dot--regular'}\n                      size={5}\n                    />\n                  )}\n                </div>\n              );\n            })}\n          </div>\n          <div className={mx(getBgColor(getDate(start, index, 6, weekStartsOn)))} />\n        </div>\n      );\n    },\n    [handleDaySelect, getNumAppointments, selected, weekStartsOn],\n  );\n\n  return (\n    <div role='none' className={mx('flex flex-col bs-full is-full justify-center overflow-hidden', classNames)}>\n      {/* Day labels */}\n      <div role='none' className='flex justify-center bg-groupSurface'>\n        <div role='none' className='flex is-full grid grid-cols-7' style={{ width: defaultWidth }}>\n          {days.map((date, i) => (\n            <div key={i} role='none' className='flex justify-center p-2 text-sm font-thin'>\n              {date}\n            </div>\n          ))}\n        </div>\n      </div>\n\n      {/* Grid */}\n      <div role='none' className='flex flex-col bs-full is-full justify-center overflow-hidden' ref={containerRef}>\n        <List\n          ref={listRef}\n          role='none'\n          // TODO(burdon): Snap isn't working.\n          className='[&>div]:snap-y scrollbar-none outline-none'\n          width={width}\n          height={maxHeight ?? height}\n          rowCount={maxRows}\n          rowHeight={size}\n          rowRenderer={rowRenderer}\n          scrollToAlignment='start'\n          onScroll={handleScroll}\n          onRowsRendered={() => setInitialized(true)}\n        />\n      </div>\n    </div>\n  );\n};\n\nCalendarGrid.displayName = 'CalendarGrid';\n\n//\n// Calendar\n//\n\nexport const Calendar = {\n  Root: CalendarRoot,\n  Viewport: CalendarViewport,\n  Toolbar: CalendarToolbar,\n  Grid: CalendarGrid,\n};\n\nexport type { CalendarController, CalendarRootProps, CalendarViewportProps, CalendarToolbarProps, CalendarGridProps };\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nexport const translationKey = 'react-ui-calendar';\n\nexport const translations = [\n  {\n    'en-US': {\n      [translationKey]: {\n        'today button': 'Today',\n      },\n    },\n  },\n] as const satisfies Resource[];\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Day } from 'date-fns';\n\nexport const getDate = (start: Date, weekNumber: number, dayOfWeek: number, weekStartsOn: Day): Date => {\n  const result = new Date(start);\n  const startDayOfWeek = start.getDay(); // 0 = Sunday, 1 = Monday, etc.\n  const adjustedStartDay = (startDayOfWeek === 0 ? 7 : startDayOfWeek) - weekStartsOn; // Adjust for weekStartsOn.\n  result.setDate(start.getDate() - adjustedStartDay + weekNumber * 7 + dayOfWeek);\n  return result;\n};\n\nexport const isSameDay = (date1: Date, date2: Date | undefined): boolean => {\n  return (\n    !!date2 &&\n    date1.getFullYear() === date2.getFullYear() &&\n    date1.getMonth() === date2.getMonth() &&\n    date1.getDate() === date2.getDate()\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["createContext", "addDays", "differenceInWeeks", "format", "startOfWeek", "React", "forwardRef", "useCallback", "useEffect", "useImperativeHandle", "useMemo", "useRef", "useState", "useResizeDetector", "List", "Event", "Icon", "IconButton", "useTranslation", "mx", "translationKey", "translations", "getDate", "start", "weekNumber", "dayOfWeek", "weekStartsOn", "result", "Date", "startDayOfWeek", "getDay", "adjustedStartDay", "setDate", "isSameDay", "date1", "date2", "getFullYear", "getMonth", "maxRows", "start", "Date", "size", "defaultWidth", "CalendarContextProvider", "useCalendarContext", "createContext", "CalendarRoot", "forwardRef", "children", "weekStartsOn", "forwardedRef", "event", "useMemo", "Event", "selected", "setSelected", "useState", "index", "setIndex", "useImperativeHandle", "scrollTo", "date", "emit", "type", "CalendarViewport", "classNames", "div", "role", "className", "mx", "displayName", "CalendarToolbar", "t", "useTranslation", "translationKey", "top", "getDate", "today", "handleToday", "useCallback", "style", "width", "IconButton", "variant", "icon", "iconOnly", "label", "onClick", "format", "getFullYear", "CalendarGrid", "rows", "onSelect", "ref", "containerRef", "height", "useResizeDetector", "maxHeight", "undefined", "listRef", "useRef", "initialized", "setInitialized", "useEffect", "differenceInWeeks", "current", "scrollToRow", "on", "days", "weekStart", "startOfWeek", "Array", "from", "length", "_", "i", "day", "addDays", "getNumAppointments", "_date", "handleDaySelect", "isSameDay", "handleScroll", "info", "Math", "round", "scrollTop", "rowRenderer", "key", "getBgColor", "getMonth", "gridTemplateColumns", "map", "num", "border", "span", "Icon", "List", "rowCount", "rowHeight", "scrollToAlignment", "onScroll", "onRowsRendered", "Calendar", "Root", "Viewport", "Toolbar", "Grid"]
 }

package/dist/lib/browser/meta.json

@@ -1 +1 @@
-{"inputs":{"src/translations.ts":{"bytes":1182,"imports":[],"format":"esm"},"src/components/Calendar/util.ts":{"bytes":2802,"imports":[],"format":"esm"},"src/components/Calendar/Calendar.tsx":{"bytes":29761,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"date-fns","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"react-virtualized","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/translations.ts","kind":"import-statement","original":"../../translations"},{"path":"src/components/Calendar/util.ts","kind":"import-statement","original":"./util"}],"format":"esm"},"src/components/Calendar/index.ts":{"bytes":476,"imports":[{"path":"src/components/Calendar/Calendar.tsx","kind":"import-statement","original":"./Calendar"}],"format":"esm"},"src/components/index.ts":{"bytes":467,"imports":[{"path":"src/components/Calendar/index.ts","kind":"import-statement","original":"./Calendar"}],"format":"esm"},"src/index.ts":{"bytes":462,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":17427},"dist/lib/browser/index.mjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"date-fns","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"react-virtualized","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"exports":["Calendar"],"entryPoint":"src/index.ts","inputs":{"src/components/Calendar/Calendar.tsx":{"bytesInOutput":8140},"src/translations.ts":{"bytesInOutput":161},"src/components/Calendar/util.ts":{"bytesInOutput":517},"src/components/Calendar/index.ts":{"bytesInOutput":0},"src/components/index.ts":{"bytesInOutput":0},"src/index.ts":{"bytesInOutput":0}},"bytes":9017}}}
+{"inputs":{"src/translations.ts":{"bytes":1182,"imports":[],"format":"esm"},"src/components/Calendar/util.ts":{"bytes":2802,"imports":[],"format":"esm"},"src/components/Calendar/Calendar.tsx":{"bytes":32136,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"date-fns","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"react-virtualized","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/translations.ts","kind":"import-statement","original":"../../translations"},{"path":"src/components/Calendar/util.ts","kind":"import-statement","original":"./util"}],"format":"esm"},"src/components/Calendar/index.ts":{"bytes":476,"imports":[{"path":"src/components/Calendar/Calendar.tsx","kind":"import-statement","original":"./Calendar"}],"format":"esm"},"src/components/index.ts":{"bytes":467,"imports":[{"path":"src/components/Calendar/index.ts","kind":"import-statement","original":"./Calendar"}],"format":"esm"},"src/index.ts":{"bytes":462,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":18581},"dist/lib/browser/index.mjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"date-fns","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"react-virtualized","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"exports":["Calendar"],"entryPoint":"src/index.ts","inputs":{"src/components/Calendar/Calendar.tsx":{"bytesInOutput":8682},"src/translations.ts":{"bytesInOutput":161},"src/components/Calendar/util.ts":{"bytesInOutput":517},"src/components/Calendar/index.ts":{"bytesInOutput":0},"src/components/index.ts":{"bytesInOutput":0},"src/index.ts":{"bytesInOutput":0}},"bytes":9559}}}

package/dist/lib/node-esm/index.mjs

@@ -8,7 +8,7 @@ import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo
 import { useResizeDetector } from "react-resize-detector";
 import { List } from "react-virtualized";
 import { Event } from "@dxos/async";
-import { IconButton, useTranslation } from "@dxos/react-ui";
+import { Icon, IconButton, useTranslation } from "@dxos/react-ui";
 import { mx } from "@dxos/react-ui-theme";
 
 // src/translations.ts
@@ -81,11 +81,11 @@ var CalendarViewport = ({ children, classNames }) => {
   }
 };
 CalendarViewport.displayName = "CalendarContent";
-var CalendarHeader = ({ classNames }) => {
+var CalendarToolbar = ({ classNames }) => {
   var _effect = _useSignals();
   try {
     const { t } = useTranslation(translationKey);
-    const { weekStartsOn, event, index, selected } = useCalendarContext(CalendarHeader.displayName);
+    const { weekStartsOn, event, index, selected } = useCalendarContext(CalendarToolbar.displayName);
     const top = useMemo(() => getDate(start, index ?? 0, 6, weekStartsOn), [
       index,
       weekStartsOn
@@ -103,7 +103,7 @@ var CalendarHeader = ({ classNames }) => {
     ]);
     return /* @__PURE__ */ React.createElement("div", {
       role: "none",
-      className: mx("shink-0 is-full grid grid-cols-3", classNames),
+      className: mx("shink-0 is-full grid grid-cols-3 items-center bg-barSurface", classNames),
       style: {
         width: defaultWidth
       }
@@ -111,22 +111,22 @@ var CalendarHeader = ({ classNames }) => {
       className: "flex justify-start"
     }, /* @__PURE__ */ React.createElement(IconButton, {
       variant: "ghost",
-      size: 6,
+      size: 5,
       icon: "ph--calendar--regular",
       iconOnly: true,
       classNames: "aspect-square",
       label: t("today button"),
       onClick: handleToday
-    })), /* @__PURE__ */ React.createElement("span", {
-      className: "flex justify-center p-2"
-    }, format(selected ?? top, "MMMM")), /* @__PURE__ */ React.createElement("span", {
-      className: "flex justify-end p-2"
+    })), /* @__PURE__ */ React.createElement("div", {
+      className: "flex justify-center p-2 text-description"
+    }, format(selected ?? top, "MMMM")), /* @__PURE__ */ React.createElement("div", {
+      className: "flex justify-end p-2 text-description"
     }, (selected ?? top).getFullYear()));
   } finally {
     _effect.f();
   }
 };
-CalendarHeader.displayName = "CalendarHeader";
+CalendarToolbar.displayName = "CalendarHeader";
 var CalendarGrid = ({ classNames, rows, onSelect }) => {
   var _effect = _useSignals();
   try {
@@ -168,6 +168,9 @@ var CalendarGrid = ({ classNames, rows, onSelect }) => {
         return format(day, "EEE");
       });
     }, []);
+    const getNumAppointments = useCallback((_date) => {
+      return 0;
+    }, []);
     const handleDaySelect = useCallback((date) => {
       setSelected((current) => isSameDay(date, current) ? void 0 : date);
       onSelect?.({
@@ -183,11 +186,14 @@ var CalendarGrid = ({ classNames, rows, onSelect }) => {
       const getBgColor = (date) => date.getMonth() % 2 === 0 && "bg-modalSurface";
       return /* @__PURE__ */ React.createElement("div", {
         key,
+        role: "none",
         style,
         className: "is-full grid grid-cols-[1fr_max-content_1fr] snap-center"
       }, /* @__PURE__ */ React.createElement("div", {
+        role: "none",
         className: mx(getBgColor(getDate(start, index, 0, weekStartsOn)))
       }), /* @__PURE__ */ React.createElement("div", {
+        role: "none",
         className: "grid grid-cols-7",
         style: {
           gridTemplateColumns: `repeat(7, ${size}px)`
@@ -196,9 +202,11 @@ var CalendarGrid = ({ classNames, rows, onSelect }) => {
         length: 7
       }).map((_, i) => {
         const date = getDate(start, index, i, weekStartsOn);
+        const num = getNumAppointments(date);
         const border = isSameDay(date, selected) ? "border-primary-500" : isSameDay(date, today) ? "border-amber-500" : void 0;
         return /* @__PURE__ */ React.createElement("div", {
           key: i,
+          role: "none",
           className: mx("relative flex justify-center items-center cursor-pointer", getBgColor(date)),
           onClick: () => handleDaySelect(date)
         }, /* @__PURE__ */ React.createElement("span", {
@@ -206,13 +214,19 @@ var CalendarGrid = ({ classNames, rows, onSelect }) => {
         }, date.getDate()), !border && date.getDate() === 1 && /* @__PURE__ */ React.createElement("span", {
           className: "absolute top-0 text-xs text-description"
         }, format(date, "MMM")), border && /* @__PURE__ */ React.createElement("div", {
+          role: "none",
           className: mx("absolute top-0 left-0 is-full bs-full border-2 rounded-full", border)
+        }), num > 0 && /* @__PURE__ */ React.createElement(Icon, {
+          classNames: "absolute bottom-0",
+          icon: num > 3 ? "ph--dots-three--regular" : "ph--dot--regular",
+          size: 5
         }));
       })), /* @__PURE__ */ React.createElement("div", {
         className: mx(getBgColor(getDate(start, index, 6, weekStartsOn)))
       }));
     }, [
       handleDaySelect,
+      getNumAppointments,
       selected,
       weekStartsOn
     ]);
@@ -258,7 +272,7 @@ CalendarGrid.displayName = "CalendarGrid";
 var Calendar = {
   Root: CalendarRoot,
   Viewport: CalendarViewport,
-  Header: CalendarHeader,
+  Toolbar: CalendarToolbar,
   Grid: CalendarGrid
 };
 export {

package/dist/lib/node-esm/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/Calendar/Calendar.tsx", "../../../src/translations.ts", "../../../src/components/Calendar/util.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { createContext } from '@radix-ui/react-context';\nimport { type Day, addDays, differenceInWeeks, format, startOfWeek } from 'date-fns';\nimport React, {\n  type Dispatch,\n  type PropsWithChildren,\n  type SetStateAction,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\nimport { List, type ListProps, type ListRowRenderer } from 'react-virtualized';\n\nimport { Event } from '@dxos/async';\nimport { IconButton, type ThemedClassName, useTranslation } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { translationKey } from '../../translations';\n\nimport { getDate, isSameDay } from './util';\n\nconst maxRows = 50 * 100;\nconst start = new Date('1970-01-01');\nconst size = 48;\nconst defaultWidth = 7 * size;\n\n//\n// Context\n//\n\ntype CalendarEvent = {\n  type: 'scroll';\n  date: Date;\n};\n\ntype CalendarContextValue = {\n  weekStartsOn: Day;\n  event: Event<CalendarEvent>;\n  index: number | undefined;\n  setIndex: Dispatch<SetStateAction<number | undefined>>;\n  selected: Date | undefined;\n  setSelected: Dispatch<SetStateAction<Date | undefined>>;\n};\n\nconst [CalendarContextProvider, useCalendarContext] = createContext<CalendarContextValue>('Calendar');\n\n//\n// Controller\n//\n\ntype CalendarController = {\n  scrollTo: (date: Date) => void;\n};\n\n//\n// Root\n//\n\ntype CalendarRootProps = PropsWithChildren<Partial<Pick<CalendarContextValue, 'weekStartsOn'>>>;\n\nconst CalendarRoot = forwardRef<CalendarController, CalendarRootProps>(\n  ({ children, weekStartsOn = 1 }, forwardedRef) => {\n    const event = useMemo(() => new Event<CalendarEvent>(), []);\n    const [selected, setSelected] = useState<Date | undefined>();\n    const [index, setIndex] = useState<number | undefined>();\n\n    useImperativeHandle(\n      forwardedRef,\n      () => ({\n        scrollTo: (date: Date) => {\n          event.emit({ type: 'scroll', date });\n        },\n      }),\n      [event],\n    );\n\n    return (\n      <CalendarContextProvider\n        weekStartsOn={weekStartsOn}\n        event={event}\n        index={index}\n        setIndex={setIndex}\n        selected={selected}\n        setSelected={setSelected}\n      >\n        {children}\n      </CalendarContextProvider>\n    );\n  },\n);\n\n//\n// Viewport\n//\n\ntype CalendarViewportProps = PropsWithChildren<ThemedClassName>;\n\nconst CalendarViewport = ({ children, classNames }: CalendarViewportProps) => {\n  return (\n    <div role='none' className={mx('flex flex-col items-center overflow-hidden bg-inputSurface', classNames)}>\n      {children}\n    </div>\n  );\n};\n\nCalendarViewport.displayName = 'CalendarContent';\n\n//\n// Header\n//\n\ntype CalendarHeaderProps = ThemedClassName;\n\nconst CalendarHeader = ({ classNames }: CalendarHeaderProps) => {\n  const { t } = useTranslation(translationKey);\n  const { weekStartsOn, event, index, selected } = useCalendarContext(CalendarHeader.displayName);\n  const top = useMemo(() => getDate(start, index ?? 0, 6, weekStartsOn), [index, weekStartsOn]);\n  const today = useMemo(() => new Date(), []);\n\n  const handleToday = useCallback(() => {\n    event.emit({ type: 'scroll', date: today });\n  }, [event, start, today]);\n\n  return (\n    <div role='none' className={mx('shink-0 is-full grid grid-cols-3', classNames)} style={{ width: defaultWidth }}>\n      <div className='flex justify-start'>\n        <IconButton\n          variant='ghost'\n          size={6}\n          icon='ph--calendar--regular'\n          iconOnly\n          classNames='aspect-square'\n          label={t('today button')}\n          onClick={handleToday}\n        />\n      </div>\n      <span className='flex justify-center p-2'>{format(selected ?? top, 'MMMM')}</span>\n      <span className='flex justify-end p-2'>{(selected ?? top).getFullYear()}</span>\n    </div>\n  );\n};\n\nCalendarHeader.displayName = 'CalendarHeader';\n\n//\n// Grid\n// TODO(burdon): Key nav.\n// TODO(burdon): Drag range.\n//\n\ntype CalendarGridProps = ThemedClassName<{\n  rows?: number;\n  onSelect?: (event: { date: Date }) => void;\n}>;\n\nconst CalendarGrid = ({ classNames, rows, onSelect }: CalendarGridProps) => {\n  const { weekStartsOn, event, setIndex, selected, setSelected } = useCalendarContext(CalendarGrid.displayName);\n  const { ref: containerRef, width = 0, height = 0 } = useResizeDetector();\n  const maxHeight = rows ? rows * size : undefined;\n  const listRef = useRef<List>(null);\n  const today = useMemo(() => new Date(), []);\n\n  const [initialized, setInitialized] = useState(false);\n  useEffect(() => {\n    const index = differenceInWeeks(today, start);\n    listRef.current?.scrollToRow(index);\n  }, [initialized, start, today]);\n\n  useEffect(() => {\n    return event.on((event) => {\n      switch (event.type) {\n        case 'scroll': {\n          const index = differenceInWeeks(event.date, start);\n          listRef.current?.scrollToRow(index);\n          break;\n        }\n      }\n    });\n  }, [event]);\n\n  const days = useMemo(() => {\n    const weekStart = startOfWeek(new Date(), { weekStartsOn });\n    return Array.from({ length: 7 }, (_, i) => {\n      const day = addDays(weekStart, i);\n      return format(day, 'EEE'); // Short day name (Mon, Tue, etc.)\n    });\n  }, []);\n\n  const handleDaySelect = useCallback(\n    (date: Date) => {\n      setSelected((current) => (isSameDay(date, current) ? undefined : date));\n      onSelect?.({ date });\n    },\n    [onSelect],\n  );\n\n  const handleScroll = useCallback<NonNullable<ListProps['onScroll']>>((info) => {\n    setIndex(Math.round(info.scrollTop / size));\n  }, []);\n\n  const rowRenderer = useCallback<ListRowRenderer>(\n    ({ key, index, style }) => {\n      const getBgColor = (date: Date) => date.getMonth() % 2 === 0 && 'bg-modalSurface';\n      return (\n        <div key={key} style={style} className='is-full grid grid-cols-[1fr_max-content_1fr] snap-center'>\n          <div className={mx(getBgColor(getDate(start, index, 0, weekStartsOn)))} />\n          <div className='grid grid-cols-7' style={{ gridTemplateColumns: `repeat(7, ${size}px)` }}>\n            {Array.from({ length: 7 }).map((_, i) => {\n              const date = getDate(start, index, i, weekStartsOn);\n              const border = isSameDay(date, selected)\n                ? 'border-primary-500'\n                : isSameDay(date, today)\n                  ? 'border-amber-500'\n                  : undefined;\n\n              return (\n                <div\n                  key={i}\n                  className={mx('relative flex justify-center items-center cursor-pointer', getBgColor(date))}\n                  onClick={() => handleDaySelect(date)}\n                >\n                  <span className='text-description'>{date.getDate()}</span>\n                  {!border && date.getDate() === 1 && (\n                    <span className='absolute top-0 text-xs text-description'>{format(date, 'MMM')}</span>\n                  )}\n                  {border && (\n                    <div className={mx('absolute top-0 left-0 is-full bs-full border-2 rounded-full', border)} />\n                  )}\n                </div>\n              );\n            })}\n          </div>\n          <div className={mx(getBgColor(getDate(start, index, 6, weekStartsOn)))} />\n        </div>\n      );\n    },\n    [handleDaySelect, selected, weekStartsOn],\n  );\n\n  return (\n    <div role='none' className={mx('flex flex-col bs-full is-full justify-center overflow-hidden', classNames)}>\n      {/* Day labels */}\n      <div role='none' className='flex justify-center bg-groupSurface'>\n        <div role='none' className='flex is-full grid grid-cols-7' style={{ width: defaultWidth }}>\n          {days.map((date, i) => (\n            <div key={i} role='none' className='flex justify-center p-2 text-sm font-thin'>\n              {date}\n            </div>\n          ))}\n        </div>\n      </div>\n      {/* Grid */}\n      <div role='none' className='flex flex-col bs-full is-full justify-center overflow-hidden' ref={containerRef}>\n        <List\n          ref={listRef}\n          role='none'\n          // TODO(burdon): Snap isn't working.\n          className='[&>div]:snap-y scrollbar-none outline-none'\n          width={width}\n          height={maxHeight ?? height}\n          rowCount={maxRows}\n          rowHeight={size}\n          rowRenderer={rowRenderer}\n          scrollToAlignment='start'\n          onScroll={handleScroll}\n          onRowsRendered={() => setInitialized(true)}\n        />\n      </div>\n    </div>\n  );\n};\n\nCalendarGrid.displayName = 'CalendarGrid';\n\n//\n// Calendar\n//\n\nexport const Calendar = {\n  Root: CalendarRoot,\n  Viewport: CalendarViewport,\n  Header: CalendarHeader,\n  Grid: CalendarGrid,\n};\n\nexport type { CalendarController, CalendarRootProps, CalendarViewportProps, CalendarHeaderProps, CalendarGridProps };\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nexport const translationKey = 'react-ui-calendar';\n\nexport const translations = [\n  {\n    'en-US': {\n      [translationKey]: {\n        'today button': 'Today',\n      },\n    },\n  },\n] as const satisfies Resource[];\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Day } from 'date-fns';\n\nexport const getDate = (start: Date, weekNumber: number, dayOfWeek: number, weekStartsOn: Day): Date => {\n  const result = new Date(start);\n  const startDayOfWeek = start.getDay(); // 0 = Sunday, 1 = Monday, etc.\n  const adjustedStartDay = (startDayOfWeek === 0 ? 7 : startDayOfWeek) - weekStartsOn; // Adjust for weekStartsOn.\n  result.setDate(start.getDate() - adjustedStartDay + weekNumber * 7 + dayOfWeek);\n  return result;\n};\n\nexport const isSameDay = (date1: Date, date2: Date | undefined): boolean => {\n  return (\n    !!date2 &&\n    date1.getFullYear() === date2.getFullYear() &&\n    date1.getMonth() === date2.getMonth() &&\n    date1.getDate() === date2.getDate()\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["createContext", "addDays", "differenceInWeeks", "format", "startOfWeek", "React", "forwardRef", "useCallback", "useEffect", "useImperativeHandle", "useMemo", "useRef", "useState", "useResizeDetector", "List", "Event", "IconButton", "useTranslation", "mx", "translationKey", "translations", "getDate", "start", "weekNumber", "dayOfWeek", "weekStartsOn", "result", "Date", "startDayOfWeek", "getDay", "adjustedStartDay", "setDate", "isSameDay", "date1", "date2", "getFullYear", "getMonth", "maxRows", "start", "Date", "size", "defaultWidth", "CalendarContextProvider", "useCalendarContext", "createContext", "CalendarRoot", "forwardRef", "children", "weekStartsOn", "forwardedRef", "event", "useMemo", "Event", "selected", "setSelected", "useState", "index", "setIndex", "useImperativeHandle", "scrollTo", "date", "emit", "type", "CalendarViewport", "classNames", "div", "role", "className", "mx", "displayName", "CalendarHeader", "t", "useTranslation", "translationKey", "top", "getDate", "today", "handleToday", "useCallback", "style", "width", "IconButton", "variant", "icon", "iconOnly", "label", "onClick", "span", "format", "getFullYear", "CalendarGrid", "rows", "onSelect", "ref", "containerRef", "height", "useResizeDetector", "maxHeight", "undefined", "listRef", "useRef", "initialized", "setInitialized", "useEffect", "differenceInWeeks", "current", "scrollToRow", "on", "days", "weekStart", "startOfWeek", "Array", "from", "length", "_", "i", "day", "addDays", "handleDaySelect", "isSameDay", "handleScroll", "info", "Math", "round", "scrollTop", "rowRenderer", "key", "getBgColor", "getMonth", "gridTemplateColumns", "map", "border", "List", "rowCount", "rowHeight", "scrollToAlignment", "onScroll", "onRowsRendered", "Calendar", "Root", "Viewport", "Header", "Grid"]
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { createContext } from '@radix-ui/react-context';\nimport { type Day, addDays, differenceInWeeks, format, startOfWeek } from 'date-fns';\nimport React, {\n  type Dispatch,\n  type PropsWithChildren,\n  type SetStateAction,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\nimport { List, type ListProps, type ListRowRenderer } from 'react-virtualized';\n\nimport { Event } from '@dxos/async';\nimport { Icon, IconButton, type ThemedClassName, useTranslation } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { translationKey } from '../../translations';\n\nimport { getDate, isSameDay } from './util';\n\nconst maxRows = 50 * 100;\nconst start = new Date('1970-01-01');\nconst size = 48;\nconst defaultWidth = 7 * size;\n\n//\n// Context\n//\n\ntype CalendarEvent = {\n  type: 'scroll';\n  date: Date;\n};\n\ntype CalendarContextValue = {\n  weekStartsOn: Day;\n  event: Event<CalendarEvent>;\n  index: number | undefined;\n  setIndex: Dispatch<SetStateAction<number | undefined>>;\n  selected: Date | undefined;\n  setSelected: Dispatch<SetStateAction<Date | undefined>>;\n};\n\nconst [CalendarContextProvider, useCalendarContext] = createContext<CalendarContextValue>('Calendar');\n\n//\n// Controller\n//\n\ntype CalendarController = {\n  scrollTo: (date: Date) => void;\n};\n\n//\n// Root\n//\n\ntype CalendarRootProps = PropsWithChildren<Partial<Pick<CalendarContextValue, 'weekStartsOn'>>>;\n\nconst CalendarRoot = forwardRef<CalendarController, CalendarRootProps>(\n  ({ children, weekStartsOn = 1 }, forwardedRef) => {\n    const event = useMemo(() => new Event<CalendarEvent>(), []);\n    const [selected, setSelected] = useState<Date | undefined>();\n    const [index, setIndex] = useState<number | undefined>();\n\n    useImperativeHandle(\n      forwardedRef,\n      () => ({\n        scrollTo: (date: Date) => {\n          event.emit({ type: 'scroll', date });\n        },\n      }),\n      [event],\n    );\n\n    return (\n      <CalendarContextProvider\n        weekStartsOn={weekStartsOn}\n        event={event}\n        index={index}\n        setIndex={setIndex}\n        selected={selected}\n        setSelected={setSelected}\n      >\n        {children}\n      </CalendarContextProvider>\n    );\n  },\n);\n\n//\n// Viewport\n//\n\ntype CalendarViewportProps = PropsWithChildren<ThemedClassName>;\n\nconst CalendarViewport = ({ children, classNames }: CalendarViewportProps) => {\n  return (\n    <div role='none' className={mx('flex flex-col items-center overflow-hidden bg-inputSurface', classNames)}>\n      {children}\n    </div>\n  );\n};\n\nCalendarViewport.displayName = 'CalendarContent';\n\n//\n// Header\n//\n\ntype CalendarToolbarProps = ThemedClassName;\n\nconst CalendarToolbar = ({ classNames }: CalendarToolbarProps) => {\n  const { t } = useTranslation(translationKey);\n  const { weekStartsOn, event, index, selected } = useCalendarContext(CalendarToolbar.displayName);\n  const top = useMemo(() => getDate(start, index ?? 0, 6, weekStartsOn), [index, weekStartsOn]);\n  const today = useMemo(() => new Date(), []);\n\n  const handleToday = useCallback(() => {\n    event.emit({ type: 'scroll', date: today });\n  }, [event, start, today]);\n\n  return (\n    <div\n      role='none'\n      className={mx('shink-0 is-full grid grid-cols-3 items-center bg-barSurface', classNames)}\n      style={{ width: defaultWidth }}\n    >\n      <div className='flex justify-start'>\n        <IconButton\n          variant='ghost'\n          size={5}\n          icon='ph--calendar--regular'\n          iconOnly\n          classNames='aspect-square'\n          label={t('today button')}\n          onClick={handleToday}\n        />\n      </div>\n      <div className='flex justify-center p-2 text-description'>{format(selected ?? top, 'MMMM')}</div>\n      <div className='flex justify-end p-2 text-description'>{(selected ?? top).getFullYear()}</div>\n    </div>\n  );\n};\n\nCalendarToolbar.displayName = 'CalendarHeader';\n\n//\n// Grid\n// TODO(burdon): Key nav.\n// TODO(burdon): Drag range.\n//\n\ntype CalendarGridProps = ThemedClassName<{\n  rows?: number;\n  onSelect?: (event: { date: Date }) => void;\n}>;\n\nconst CalendarGrid = ({ classNames, rows, onSelect }: CalendarGridProps) => {\n  const { weekStartsOn, event, setIndex, selected, setSelected } = useCalendarContext(CalendarGrid.displayName);\n  const { ref: containerRef, width = 0, height = 0 } = useResizeDetector();\n  const maxHeight = rows ? rows * size : undefined;\n  const listRef = useRef<List>(null);\n  const today = useMemo(() => new Date(), []);\n\n  const [initialized, setInitialized] = useState(false);\n  useEffect(() => {\n    const index = differenceInWeeks(today, start);\n    listRef.current?.scrollToRow(index);\n  }, [initialized, start, today]);\n\n  useEffect(() => {\n    return event.on((event) => {\n      switch (event.type) {\n        case 'scroll': {\n          const index = differenceInWeeks(event.date, start);\n          listRef.current?.scrollToRow(index);\n          break;\n        }\n      }\n    });\n  }, [event]);\n\n  const days = useMemo(() => {\n    const weekStart = startOfWeek(new Date(), { weekStartsOn });\n    return Array.from({ length: 7 }, (_, i) => {\n      const day = addDays(weekStart, i);\n      return format(day, 'EEE'); // Short day name (Mon, Tue, etc.)\n    });\n  }, []);\n\n  // TODO(burdon): Get info by range.\n  // TODO(burdon): Border marker for \"all day events?\"\n  const getNumAppointments = useCallback((_date: Date) => {\n    // return Math.floor(Math.random() * 10);\n    return 0;\n  }, []);\n\n  const handleDaySelect = useCallback(\n    (date: Date) => {\n      setSelected((current) => (isSameDay(date, current) ? undefined : date));\n      onSelect?.({ date });\n    },\n    [onSelect],\n  );\n\n  const handleScroll = useCallback<NonNullable<ListProps['onScroll']>>((info) => {\n    setIndex(Math.round(info.scrollTop / size));\n  }, []);\n\n  const rowRenderer = useCallback<ListRowRenderer>(\n    ({ key, index, style }) => {\n      const getBgColor = (date: Date) => date.getMonth() % 2 === 0 && 'bg-modalSurface';\n      return (\n        <div key={key} role='none' style={style} className='is-full grid grid-cols-[1fr_max-content_1fr] snap-center'>\n          <div role='none' className={mx(getBgColor(getDate(start, index, 0, weekStartsOn)))} />\n          <div role='none' className='grid grid-cols-7' style={{ gridTemplateColumns: `repeat(7, ${size}px)` }}>\n            {Array.from({ length: 7 }).map((_, i) => {\n              const date = getDate(start, index, i, weekStartsOn);\n              const num = getNumAppointments(date);\n              const border = isSameDay(date, selected)\n                ? 'border-primary-500'\n                : isSameDay(date, today)\n                  ? 'border-amber-500'\n                  : undefined;\n\n              return (\n                <div\n                  key={i}\n                  role='none'\n                  className={mx('relative flex justify-center items-center cursor-pointer', getBgColor(date))}\n                  onClick={() => handleDaySelect(date)}\n                >\n                  <span className='text-description'>{date.getDate()}</span>\n                  {!border && date.getDate() === 1 && (\n                    <span className='absolute top-0 text-xs text-description'>{format(date, 'MMM')}</span>\n                  )}\n                  {border && (\n                    <div\n                      role='none'\n                      className={mx('absolute top-0 left-0 is-full bs-full border-2 rounded-full', border)}\n                    />\n                  )}\n                  {num > 0 && (\n                    <Icon\n                      classNames='absolute bottom-0'\n                      icon={num > 3 ? 'ph--dots-three--regular' : 'ph--dot--regular'}\n                      size={5}\n                    />\n                  )}\n                </div>\n              );\n            })}\n          </div>\n          <div className={mx(getBgColor(getDate(start, index, 6, weekStartsOn)))} />\n        </div>\n      );\n    },\n    [handleDaySelect, getNumAppointments, selected, weekStartsOn],\n  );\n\n  return (\n    <div role='none' className={mx('flex flex-col bs-full is-full justify-center overflow-hidden', classNames)}>\n      {/* Day labels */}\n      <div role='none' className='flex justify-center bg-groupSurface'>\n        <div role='none' className='flex is-full grid grid-cols-7' style={{ width: defaultWidth }}>\n          {days.map((date, i) => (\n            <div key={i} role='none' className='flex justify-center p-2 text-sm font-thin'>\n              {date}\n            </div>\n          ))}\n        </div>\n      </div>\n\n      {/* Grid */}\n      <div role='none' className='flex flex-col bs-full is-full justify-center overflow-hidden' ref={containerRef}>\n        <List\n          ref={listRef}\n          role='none'\n          // TODO(burdon): Snap isn't working.\n          className='[&>div]:snap-y scrollbar-none outline-none'\n          width={width}\n          height={maxHeight ?? height}\n          rowCount={maxRows}\n          rowHeight={size}\n          rowRenderer={rowRenderer}\n          scrollToAlignment='start'\n          onScroll={handleScroll}\n          onRowsRendered={() => setInitialized(true)}\n        />\n      </div>\n    </div>\n  );\n};\n\nCalendarGrid.displayName = 'CalendarGrid';\n\n//\n// Calendar\n//\n\nexport const Calendar = {\n  Root: CalendarRoot,\n  Viewport: CalendarViewport,\n  Toolbar: CalendarToolbar,\n  Grid: CalendarGrid,\n};\n\nexport type { CalendarController, CalendarRootProps, CalendarViewportProps, CalendarToolbarProps, CalendarGridProps };\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nexport const translationKey = 'react-ui-calendar';\n\nexport const translations = [\n  {\n    'en-US': {\n      [translationKey]: {\n        'today button': 'Today',\n      },\n    },\n  },\n] as const satisfies Resource[];\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Day } from 'date-fns';\n\nexport const getDate = (start: Date, weekNumber: number, dayOfWeek: number, weekStartsOn: Day): Date => {\n  const result = new Date(start);\n  const startDayOfWeek = start.getDay(); // 0 = Sunday, 1 = Monday, etc.\n  const adjustedStartDay = (startDayOfWeek === 0 ? 7 : startDayOfWeek) - weekStartsOn; // Adjust for weekStartsOn.\n  result.setDate(start.getDate() - adjustedStartDay + weekNumber * 7 + dayOfWeek);\n  return result;\n};\n\nexport const isSameDay = (date1: Date, date2: Date | undefined): boolean => {\n  return (\n    !!date2 &&\n    date1.getFullYear() === date2.getFullYear() &&\n    date1.getMonth() === date2.getMonth() &&\n    date1.getDate() === date2.getDate()\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["createContext", "addDays", "differenceInWeeks", "format", "startOfWeek", "React", "forwardRef", "useCallback", "useEffect", "useImperativeHandle", "useMemo", "useRef", "useState", "useResizeDetector", "List", "Event", "Icon", "IconButton", "useTranslation", "mx", "translationKey", "translations", "getDate", "start", "weekNumber", "dayOfWeek", "weekStartsOn", "result", "Date", "startDayOfWeek", "getDay", "adjustedStartDay", "setDate", "isSameDay", "date1", "date2", "getFullYear", "getMonth", "maxRows", "start", "Date", "size", "defaultWidth", "CalendarContextProvider", "useCalendarContext", "createContext", "CalendarRoot", "forwardRef", "children", "weekStartsOn", "forwardedRef", "event", "useMemo", "Event", "selected", "setSelected", "useState", "index", "setIndex", "useImperativeHandle", "scrollTo", "date", "emit", "type", "CalendarViewport", "classNames", "div", "role", "className", "mx", "displayName", "CalendarToolbar", "t", "useTranslation", "translationKey", "top", "getDate", "today", "handleToday", "useCallback", "style", "width", "IconButton", "variant", "icon", "iconOnly", "label", "onClick", "format", "getFullYear", "CalendarGrid", "rows", "onSelect", "ref", "containerRef", "height", "useResizeDetector", "maxHeight", "undefined", "listRef", "useRef", "initialized", "setInitialized", "useEffect", "differenceInWeeks", "current", "scrollToRow", "on", "days", "weekStart", "startOfWeek", "Array", "from", "length", "_", "i", "day", "addDays", "getNumAppointments", "_date", "handleDaySelect", "isSameDay", "handleScroll", "info", "Math", "round", "scrollTop", "rowRenderer", "key", "getBgColor", "getMonth", "gridTemplateColumns", "map", "num", "border", "span", "Icon", "List", "rowCount", "rowHeight", "scrollToAlignment", "onScroll", "onRowsRendered", "Calendar", "Root", "Viewport", "Toolbar", "Grid"]
 }

package/dist/lib/node-esm/meta.json

@@ -1 +1 @@
-{"inputs":{"src/translations.ts":{"bytes":1182,"imports":[],"format":"esm"},"src/components/Calendar/util.ts":{"bytes":2802,"imports":[],"format":"esm"},"src/components/Calendar/Calendar.tsx":{"bytes":29761,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"date-fns","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"react-virtualized","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/translations.ts","kind":"import-statement","original":"../../translations"},{"path":"src/components/Calendar/util.ts","kind":"import-statement","original":"./util"}],"format":"esm"},"src/components/Calendar/index.ts":{"bytes":476,"imports":[{"path":"src/components/Calendar/Calendar.tsx","kind":"import-statement","original":"./Calendar"}],"format":"esm"},"src/components/index.ts":{"bytes":467,"imports":[{"path":"src/components/Calendar/index.ts","kind":"import-statement","original":"./Calendar"}],"format":"esm"},"src/index.ts":{"bytes":462,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"}],"format":"esm"}},"outputs":{"dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":17429},"dist/lib/node-esm/index.mjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"date-fns","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"react-virtualized","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"exports":["Calendar"],"entryPoint":"src/index.ts","inputs":{"src/components/Calendar/Calendar.tsx":{"bytesInOutput":8140},"src/translations.ts":{"bytesInOutput":161},"src/components/Calendar/util.ts":{"bytesInOutput":517},"src/components/Calendar/index.ts":{"bytesInOutput":0},"src/components/index.ts":{"bytesInOutput":0},"src/index.ts":{"bytesInOutput":0}},"bytes":9110}}}
+{"inputs":{"src/translations.ts":{"bytes":1182,"imports":[],"format":"esm"},"src/components/Calendar/util.ts":{"bytes":2802,"imports":[],"format":"esm"},"src/components/Calendar/Calendar.tsx":{"bytes":32136,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"date-fns","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"react-virtualized","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/translations.ts","kind":"import-statement","original":"../../translations"},{"path":"src/components/Calendar/util.ts","kind":"import-statement","original":"./util"}],"format":"esm"},"src/components/Calendar/index.ts":{"bytes":476,"imports":[{"path":"src/components/Calendar/Calendar.tsx","kind":"import-statement","original":"./Calendar"}],"format":"esm"},"src/components/index.ts":{"bytes":467,"imports":[{"path":"src/components/Calendar/index.ts","kind":"import-statement","original":"./Calendar"}],"format":"esm"},"src/index.ts":{"bytes":462,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"}],"format":"esm"}},"outputs":{"dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":18583},"dist/lib/node-esm/index.mjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"date-fns","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"react-virtualized","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"exports":["Calendar"],"entryPoint":"src/index.ts","inputs":{"src/components/Calendar/Calendar.tsx":{"bytesInOutput":8682},"src/translations.ts":{"bytesInOutput":161},"src/components/Calendar/util.ts":{"bytesInOutput":517},"src/components/Calendar/index.ts":{"bytesInOutput":0},"src/components/index.ts":{"bytesInOutput":0},"src/index.ts":{"bytesInOutput":0}},"bytes":9652}}}

package/dist/types/src/components/Calendar/Calendar.d.ts

@@ -19,7 +19,7 @@ type CalendarController = {
 };
 type CalendarRootProps = PropsWithChildren<Partial<Pick<CalendarContextValue, 'weekStartsOn'>>>;
 type CalendarViewportProps = PropsWithChildren<ThemedClassName>;
-type CalendarHeaderProps = ThemedClassName;
+type CalendarToolbarProps = ThemedClassName;
 type CalendarGridProps = ThemedClassName<{
     rows?: number;
     onSelect?: (event: {
@@ -34,8 +34,8 @@ export declare const Calendar: {
         ({ children, classNames }: CalendarViewportProps): React.JSX.Element;
         displayName: string;
     };
-    Header: {
-        ({ classNames }: CalendarHeaderProps): React.JSX.Element;
+    Toolbar: {
+        ({ classNames }: CalendarToolbarProps): React.JSX.Element;
         displayName: string;
     };
     Grid: {
@@ -43,5 +43,5 @@ export declare const Calendar: {
         displayName: string;
     };
 };
-export type { CalendarController, CalendarRootProps, CalendarViewportProps, CalendarHeaderProps, CalendarGridProps };
+export type { CalendarController, CalendarRootProps, CalendarViewportProps, CalendarToolbarProps, CalendarGridProps };
 //# sourceMappingURL=Calendar.d.ts.map

package/dist/types/src/components/Calendar/Calendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,GAAG,EAAmD,MAAM,UAAU,CAAC;AACrF,OAAO,KAAK,EAAE,EACZ,KAAK,QAAQ,EACb,KAAK,iBAAiB,EACtB,KAAK,cAAc,EAQpB,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAc,KAAK,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAgBlF,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,IAAI,CAAC;CACZ,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,YAAY,EAAE,GAAG,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAC5B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;IACvD,QAAQ,EAAE,IAAI,GAAG,SAAS,CAAC;IAC3B,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC;CACzD,CAAC;AAQF,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CAChC,CAAC;AAMF,KAAK,iBAAiB,GAAG,iBAAiB,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;AAqChG,KAAK,qBAAqB,GAAG,iBAAiB,CAAC,eAAe,CAAC,CAAC;AAgBhE,KAAK,mBAAmB,GAAG,eAAe,CAAC;AAuC3C,KAAK,iBAAiB,GAAG,eAAe,CAAC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;CAC5C,CAAC,CAAC;AA6HH,eAAO,MAAM,QAAQ;;;;;mCArL+B,qBAAqB;;;;yBAgBjC,mBAAmB;;;;yCA0CL,iBAAiB;;;CAgItE,CAAC;AAEF,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,GAAG,EAAmD,MAAM,UAAU,CAAC;AACrF,OAAO,KAAK,EAAE,EACZ,KAAK,QAAQ,EACb,KAAK,iBAAiB,EACtB,KAAK,cAAc,EAQpB,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAoB,KAAK,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAgBxF,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,IAAI,CAAC;CACZ,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,YAAY,EAAE,GAAG,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAC5B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;IACvD,QAAQ,EAAE,IAAI,GAAG,SAAS,CAAC;IAC3B,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC;CACzD,CAAC;AAQF,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CAChC,CAAC;AAMF,KAAK,iBAAiB,GAAG,iBAAiB,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;AAqChG,KAAK,qBAAqB,GAAG,iBAAiB,CAAC,eAAe,CAAC,CAAC;AAgBhE,KAAK,oBAAoB,GAAG,eAAe,CAAC;AA2C5C,KAAK,iBAAiB,GAAG,eAAe,CAAC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;CAC5C,CAAC,CAAC;AAiJH,eAAO,MAAM,QAAQ;;;;;mCA7M+B,qBAAqB;;;;yBAgBhC,oBAAoB;;;;yCA8CP,iBAAiB;;;CAoJtE,CAAC;AAEF,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,CAAC"}