@opengovsg/oui 0.0.0-snapshot-20250320092809 → 0.0.0-snapshot-20250326085831

package/dist/esm/calendar/calendar.js

@@ -1,14 +1,152 @@
 "use strict";
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { Provider } from 'react-aria-components';
-import { forwardRef } from '../system/utils.js';
-import { CalendarBase } from './calendar-base.js';
-import { useProvideCalendarStyles, CalendarStyleContext } from './calendar-style-context.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useMemo, useContext } from 'react';
+import { CalendarDate, today, getLocalTimeZone } from '@internationalized/date';
+import { Calendar as Calendar$1, composeRenderProps, Provider, CalendarGrid, CalendarGridBody, CalendarCell, Text, CalendarStateContext } from 'react-aria-components';
+import { useDeepCompareMemo } from 'use-deep-compare';
+import { calendarStyles, dataAttr, cn } from '@opengovsg/oui-theme';
+import { forwardRef, mapPropsVariants } from '../system/utils.js';
+import { AgnosticCalendarStateContext } from './agnostic-calendar-state-context.js';
+import { CalendarBottomContent } from './calendar-bottom-content.js';
+import { CalendarGridHeader } from './calendar-grid-header.js';
+import { CalendarHeader } from './calendar-header.js';
+import { CalendarStyleContext } from './calendar-style-context.js';
 
-const Calendar = forwardRef(function Calendar2(props, ref) {
-  const { calendarProps, context } = useProvideCalendarStyles(props);
-  return /* @__PURE__ */ jsx(Provider, { values: [[CalendarStyleContext, context]], children: /* @__PURE__ */ jsx(CalendarBase, { calendarRef: ref, ...calendarProps }) });
+const Calendar = forwardRef(function Calendar2(originalProps, ref) {
+  const [props, variantProps] = mapPropsVariants(
+    originalProps,
+    calendarStyles.variantKeys
+  );
+  const {
+    className,
+    classNames,
+    weekdayStyle = "narrow",
+    minValue = new CalendarDate(1900, 0, 1),
+    maxValue = new CalendarDate(2100, 12, 31),
+    bottomContent,
+    showTodayButton = true,
+    errorMessage,
+    ...restProps
+  } = props;
+  const slots = useDeepCompareMemo(
+    () => calendarStyles(variantProps),
+    [variantProps]
+  );
+  const context = useMemo(
+    () => ({
+      slots,
+      classNames,
+      className,
+      size: variantProps.size ?? calendarStyles.defaultVariants.size
+    }),
+    [className, classNames, slots, variantProps.size]
+  );
+  const numberOfVisibleMonths = props.visibleDuration?.months ?? 1;
+  const dateToHighlight = useMemo(() => {
+    if (props.defaultFocusedValue !== void 0) {
+      return props.defaultFocusedValue;
+    }
+    return today(getLocalTimeZone());
+  }, [props.defaultFocusedValue]);
+  return /* @__PURE__ */ jsxs(
+    Calendar$1,
+    {
+      pageBehavior: "single",
+      ...restProps,
+      ref,
+      minValue,
+      maxValue,
+      className: composeRenderProps(
+        className,
+        (className2, renderProps) => slots.base({
+          className: cn(classNames?.base, className2),
+          ...renderProps
+        })
+      ),
+      children: [
+        /* @__PURE__ */ jsx(CalendarStateWrapper, { children: /* @__PURE__ */ jsxs(Provider, { values: [[CalendarStyleContext, context]], children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: slots.gridWrapper({
+                className: classNames?.gridWrapper
+              }),
+              children: Array.from({ length: numberOfVisibleMonths }).map((_, index) => /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: slots.calendar({ className: classNames?.calendar }),
+                  children: [
+                    /* @__PURE__ */ jsx(CalendarHeader, { offsetMonths: index }),
+                    /* @__PURE__ */ jsxs(
+                      CalendarGrid,
+                      {
+                        className: slots.grid({ className: classNames?.grid }),
+                        weekdayStyle,
+                        offset: { months: index },
+                        children: [
+                          /* @__PURE__ */ jsx(CalendarGridHeader, {}),
+                          /* @__PURE__ */ jsx(
+                            CalendarGridBody,
+                            {
+                              className: slots.gridBody({
+                                className: classNames?.gridBody
+                              }),
+                              children: (date) => /* @__PURE__ */ jsx(
+                                CalendarCell,
+                                {
+                                  className: composeRenderProps(
+                                    classNames?.cell,
+                                    (className2, renderProps) => slots.cell({
+                                      className: className2,
+                                      isMultipleMonths: numberOfVisibleMonths >= 2,
+                                      ...renderProps
+                                    })
+                                  ),
+                                  "data-highlighted": dataAttr(
+                                    dateToHighlight ? date.compare(dateToHighlight) === 0 : false
+                                  ),
+                                  date
+                                }
+                              )
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  ]
+                },
+                index
+              ))
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            CalendarBottomContent,
+            {
+              bottomContent,
+              showTodayButton
+            }
+          )
+        ] }) }),
+        errorMessage && /* @__PURE__ */ jsx(
+          Text,
+          {
+            className: slots.errorMessage({
+              className: classNames?.errorMessage
+            }),
+            slot: "errorMessage",
+            children: errorMessage
+          }
+        )
+      ]
+    }
+  );
 });
+const CalendarStateWrapper = ({
+  children
+}) => {
+  const state = useContext(CalendarStateContext);
+  return /* @__PURE__ */ jsx(Provider, { values: [[AgnosticCalendarStateContext, state]], children });
+};
 
-export { Calendar };
+export { Calendar, CalendarStateWrapper };

package/dist/esm/calendar/hooks/index.js

@@ -0,0 +1,3 @@
+"use strict";
+export { i18nStrings, useCalendarI18n } from './use-calendar-i18n.js';
+export { useCalendarSelectors } from './use-calendar-selectors.js';

package/dist/esm/calendar/hooks/use-calendar-i18n.js

@@ -0,0 +1,30 @@
+"use strict";
+import { useMessageFormatter } from 'react-aria';
+
+const i18nStrings = {
+  "en-SG": {
+    selectMonth: "Select month",
+    selectYear: "Select year",
+    today: "Today"
+  },
+  "zh-SG": {
+    selectMonth: "\u9009\u62E9\u6708\u4EFD",
+    selectYear: "\u9009\u62E9\u5E74\u4EFD",
+    today: "\u4ECA\u5929"
+  },
+  "ms-SG": {
+    selectMonth: "Pilih bulan",
+    selectYear: "Pilih tahun",
+    today: "Hari ini"
+  },
+  "ta-SG": {
+    selectMonth: "\u0BAE\u0BBE\u0BA4\u0BA4\u0BCD\u0BA4\u0BC8 \u0BA4\u0BC7\u0BB0\u0BCD\u0BA8\u0BCD\u0BA4\u0BC6\u0B9F\u0BC1\u0B95\u0BCD\u0B95\u0BB5\u0BC1\u0BAE\u0BCD",
+    selectYear: "\u0B86\u0BA3\u0BCD\u0B9F\u0BC8 \u0BA4\u0BC7\u0BB0\u0BCD\u0BA8\u0BCD\u0BA4\u0BC6\u0B9F\u0BC1\u0B95\u0BCD\u0B95\u0BB5\u0BC1\u0BAE\u0BCD",
+    today: "\u0B87\u0BA9\u0BCD\u0BB1\u0BC1"
+  }
+};
+const useCalendarI18n = () => {
+  return useMessageFormatter(i18nStrings);
+};
+
+export { i18nStrings, useCalendarI18n };

package/dist/esm/calendar/hooks/use-calendar-selectors.js

@@ -0,0 +1,39 @@
+"use strict";
+"use client";
+import { useMemo } from 'react';
+import { useDateFormatter } from 'react-aria';
+import { useGenerateLocalizedMonths, useGenerateLocalizedYears } from '../utils.js';
+
+const useCalendarSelectors = (state) => {
+  const yearRange = useMemo(() => {
+    const start = state.minValue.year ?? 1900;
+    const end = state.maxValue.year ?? 2100;
+    return { start, end };
+  }, [state.maxValue, state.minValue]);
+  const dateFormatter = useDateFormatter(state);
+  const datePartOrder = useMemo(() => {
+    const parts = dateFormatter.formatToParts(
+      state.visibleRange.start.toDate(state.timeZone)
+    );
+    const filteredParts = parts.filter(
+      (part) => ["year", "month"].includes(part.type)
+    );
+    const filteredPartNames = filteredParts.map((part) => part.type);
+    return filteredPartNames;
+  }, [dateFormatter, state.timeZone, state.visibleRange.start]);
+  const months = useGenerateLocalizedMonths(state.timeZone);
+  const years = useGenerateLocalizedYears(
+    yearRange.start,
+    yearRange.end,
+    state.timeZone
+  );
+  return useMemo(() => {
+    return {
+      months,
+      years,
+      datePartOrder
+    };
+  }, [datePartOrder, months, years]);
+};
+
+export { useCalendarSelectors };

package/dist/esm/calendar/index.js

@@ -1,5 +1,5 @@
 "use strict";
-export { Calendar } from './calendar.js';
-export { CalendarStyleContext, useCalendarStyleContext, useProvideCalendarStyles } from './calendar-style-context.js';
+export { Calendar, CalendarStateWrapper } from './calendar.js';
+export { CalendarStyleContext, useCalendarStyleContext } from './calendar-style-context.js';
 export { getEraFormat, useGenerateLocalizedMonths, useGenerateLocalizedYears, useLocalizedMonthYear } from './utils.js';
 export { CalendarDate } from '@internationalized/date';

package/dist/esm/combo-box/combo-box.js

@@ -5,9 +5,9 @@ import { useMemo, useCallback } from 'react';
 import { useMessageFormatter } from 'react-aria';
 import { ListLayout, Provider, ComboBox as ComboBox$1, Input, Button, Popover, Virtualizer, ListBox } from 'react-aria-components';
 import { comboBoxItemStyles, cn, comboBoxStyles, composeTailwindRenderProps, composeRenderProps, comboBoxClearButtonStyles } from '@opengovsg/oui-theme';
+import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
 import { mapPropsVariants } from '../system/utils.js';
 import { ComboBoxVariantContext } from './combo-box-variant-context.js';
-import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
 import ChevronUp from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevron-up.js';
 import ChevronDown from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevron-down.js';
 import X from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/x.js';

package/dist/esm/index.js

@@ -1,6 +1,5 @@
 "use strict";
 export { useControllableState } from './hooks/use-controllable-state.js';
-export { Button } from './button/button.js';
 export { GovtBanner } from './govt-banner/govt-banner.js';
 export { Ripple } from './ripple/ripple.js';
 export { useRipple } from './ripple/use-ripple.js';
@@ -17,14 +16,16 @@ export { ComboBox, ComboBoxEmptyState } from './combo-box/combo-box.js';
 export { ComboBoxFuzzy } from './combo-box/combo-box-fuzzy.js';
 export { ComboBoxItem } from './combo-box/combo-box-item.js';
 export { ComboBoxVariantContext, useComboBoxVariantContext } from './combo-box/combo-box-variant-context.js';
-export { Banner } from './banner/banner.js';
 export { TagField } from './tag-field/tag-field.js';
 export { TagFieldItem } from './tag-field/tag-field-item.js';
 export { Select } from './select/select.js';
 export { SelectItem } from './select/select-item.js';
 export { SelectVariantContext, useSelectVariantContext } from './select/select-variant-context.js';
+export { RangeCalendar, RangeCalendarCell, RangeCalendarStateWrapper } from './range-calendar/range-calendar.js';
+export { Button } from './button/button.js';
+export { Banner } from './banner/banner.js';
 export { Badge } from './badge/badge.js';
 export { CalendarDate } from '@internationalized/date';
-export { Calendar } from './calendar/calendar.js';
-export { CalendarStyleContext, useCalendarStyleContext, useProvideCalendarStyles } from './calendar/calendar-style-context.js';
+export { Calendar, CalendarStateWrapper } from './calendar/calendar.js';
+export { CalendarStyleContext, useCalendarStyleContext } from './calendar/calendar-style-context.js';
 export { getEraFormat, useGenerateLocalizedMonths, useGenerateLocalizedYears, useLocalizedMonthYear } from './calendar/utils.js';

package/dist/esm/range-calendar/index.js

@@ -0,0 +1,2 @@
+"use strict";
+export { RangeCalendar, RangeCalendarCell, RangeCalendarStateWrapper } from './range-calendar.js';

package/dist/esm/range-calendar/range-calendar.js

@@ -0,0 +1,184 @@
+"use strict";
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, useMemo, useContext } from 'react';
+import { CalendarDate, today, getLocalTimeZone, getDayOfWeek } from '@internationalized/date';
+import { RangeCalendar as RangeCalendar$1, Provider, CalendarGrid, CalendarGridBody, Text, RangeCalendarStateContext, useLocale, CalendarCell } from 'react-aria-components';
+import { useDeepCompareMemo } from 'use-deep-compare';
+import { calendarStyles, composeRenderProps, cn, dataAttr } from '@opengovsg/oui-theme';
+import { AgnosticCalendarStateContext } from '../calendar/agnostic-calendar-state-context.js';
+import { CalendarBottomContent } from '../calendar/calendar-bottom-content.js';
+import { CalendarGridHeader } from '../calendar/calendar-grid-header.js';
+import { CalendarHeader } from '../calendar/calendar-header.js';
+import { mapPropsVariants } from '../system/utils.js';
+import { CalendarStyleContext, useCalendarStyleContext } from '../calendar/calendar-style-context.js';
+
+const RangeCalendar = forwardRef(function RangeCalendar2(originalProps, ref) {
+  const [props, variantProps] = mapPropsVariants(
+    originalProps,
+    calendarStyles.variantKeys
+  );
+  const {
+    className,
+    classNames,
+    weekdayStyle = "narrow",
+    minValue = new CalendarDate(1900, 0, 1),
+    maxValue = new CalendarDate(2100, 12, 31),
+    bottomContent,
+    showTodayButton = true,
+    errorMessage,
+    ...restProps
+  } = props;
+  const slots = useDeepCompareMemo(
+    () => calendarStyles({ ...variantProps, isRange: true }),
+    [variantProps]
+  );
+  const context = useMemo(
+    () => ({
+      slots,
+      classNames,
+      className,
+      size: variantProps.size ?? calendarStyles.defaultVariants.size
+    }),
+    [className, classNames, slots, variantProps.size]
+  );
+  const numberOfVisibleMonths = props.visibleDuration?.months ?? 1;
+  const dateToHighlight = useMemo(() => {
+    if (props.defaultFocusedValue !== void 0) {
+      return props.defaultFocusedValue;
+    }
+    return today(getLocalTimeZone());
+  }, [props.defaultFocusedValue]);
+  return /* @__PURE__ */ jsxs(
+    RangeCalendar$1,
+    {
+      ...restProps,
+      ref,
+      minValue,
+      maxValue,
+      className: composeRenderProps(
+        className,
+        (className2, renderProps) => slots.base({
+          className: cn(classNames?.base, className2),
+          ...renderProps
+        })
+      ),
+      children: [
+        /* @__PURE__ */ jsx(Provider, { values: [[CalendarStyleContext, context]], children: /* @__PURE__ */ jsxs(RangeCalendarStateWrapper, { children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: slots.gridWrapper({
+                className: classNames?.gridWrapper
+              }),
+              children: Array.from({ length: numberOfVisibleMonths }).map((_, index) => /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: slots.calendar({ className: classNames?.calendar }),
+                  children: [
+                    /* @__PURE__ */ jsx(CalendarHeader, { offsetMonths: index }),
+                    /* @__PURE__ */ jsxs(
+                      CalendarGrid,
+                      {
+                        className: slots.grid({ className: classNames?.grid }),
+                        weekdayStyle,
+                        offset: { months: index },
+                        children: [
+                          /* @__PURE__ */ jsx(CalendarGridHeader, {}),
+                          /* @__PURE__ */ jsx(
+                            CalendarGridBody,
+                            {
+                              className: slots.gridBody({
+                                className: classNames?.gridBody
+                              }),
+                              children: (date) => /* @__PURE__ */ jsx(
+                                RangeCalendarCell,
+                                {
+                                  firstDayOfWeek: props.firstDayOfWeek,
+                                  dateToHighlight,
+                                  date,
+                                  isMultipleMonths: numberOfVisibleMonths >= 2
+                                }
+                              )
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  ]
+                },
+                index
+              ))
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            CalendarBottomContent,
+            {
+              bottomContent,
+              showTodayButton
+            }
+          )
+        ] }) }),
+        errorMessage && /* @__PURE__ */ jsx(
+          Text,
+          {
+            className: slots.errorMessage({
+              className: classNames?.errorMessage
+            }),
+            slot: "errorMessage",
+            children: errorMessage
+          }
+        )
+      ]
+    }
+  );
+});
+const RangeCalendarStateWrapper = ({
+  children
+}) => {
+  const state = useContext(RangeCalendarStateContext);
+  return /* @__PURE__ */ jsx(Provider, { values: [[AgnosticCalendarStateContext, state]], children });
+};
+const RangeCalendarCell = ({
+  date,
+  isMultipleMonths,
+  dateToHighlight,
+  firstDayOfWeek
+}) => {
+  const { classNames, slots } = useCalendarStyleContext();
+  const state = useContext(AgnosticCalendarStateContext);
+  const { locale } = useLocale();
+  const dataAttributes = useMemo(() => {
+    const isDateHighlighted = dateToHighlight ? date.compare(dateToHighlight) === 0 : false;
+    const isSelected = state.isSelected(date);
+    const isDisabled = state.isCellDisabled(date);
+    const isInvalid = state.isInvalid(date);
+    const isFirstSelectedAfterDisabled = !isDisabled && !isInvalid && state.isCellUnavailable(date.subtract({ days: 1 }));
+    const isLastSelectedBeforeDisabled = !isDisabled && !isInvalid && state.isCellUnavailable(date.add({ days: 1 }));
+    const dayOfWeek = getDayOfWeek(date, locale, firstDayOfWeek);
+    const isRangeStart = isSelected && (isFirstSelectedAfterDisabled || dayOfWeek === 0 || date.day === 1);
+    const isRangeEnd = isSelected && (isLastSelectedBeforeDisabled || dayOfWeek === 6 || date.day === date.calendar.getDaysInMonth(date));
+    return {
+      "data-highlighted": dataAttr(isDateHighlighted),
+      "data-range-end": dataAttr(isRangeEnd),
+      "data-range-start": dataAttr(isRangeStart)
+    };
+  }, [date, dateToHighlight, firstDayOfWeek, locale, state]);
+  return /* @__PURE__ */ jsx(
+    CalendarCell,
+    {
+      className: composeRenderProps(
+        classNames?.cell,
+        (className, renderProps) => slots.cell({
+          className,
+          isMultipleMonths,
+          ...renderProps
+        })
+      ),
+      ...dataAttributes,
+      date
+    }
+  );
+};
+
+export { RangeCalendar, RangeCalendarCell, RangeCalendarStateWrapper };

package/dist/esm/select/select.js

@@ -4,9 +4,9 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { Provider, Select as Select$1, SelectValue, Popover, Virtualizer, ListLayout, ListBox } from 'react-aria-components';
 import { selectStyles, composeRenderProps } from '@opengovsg/oui-theme';
+import { Label, Description } from '../field/field.js';
 import { mapPropsVariants } from '../system/utils.js';
 import { SelectVariantContext } from './select-variant-context.js';
-import { Label, Description } from '../field/field.js';
 import ChevronDown from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevron-down.js';
 import { Button } from '../button/button.js';
 

package/dist/esm/tag-field/tag-field.js

@@ -4,14 +4,14 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { createElement } from 'react';
 import { composeRenderProps, Popover } from 'react-aria-components';
 import { tagFieldStyles } from '@opengovsg/oui-theme';
+import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
+import { Input } from '../input/input.js';
 import { TagFieldItem } from './tag-field-item.js';
 import { TagFieldList } from './tag-field-list.js';
 import { TagFieldRoot } from './tag-field-root.js';
 import { TagFieldTagList } from './tag-field-tag-list.js';
 import { TagFieldTrigger } from './tag-field-trigger.js';
 import ChevronDown from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevron-down.js';
-import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
-import { Input } from '../input/input.js';
 
 function TagField({
   classNames,

package/dist/esm/text-area-field/text-area-field.js

@@ -3,8 +3,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { TextField } from 'react-aria-components';
 import { composeTailwindRenderProps } from '@opengovsg/oui-theme';
-import { TextArea } from '../text-area/text-area.js';
 import { Label, Description, FieldError } from '../field/field.js';
+import { TextArea } from '../text-area/text-area.js';
 
 function TextAreaField({
   label,

package/dist/esm/text-field/text-field.js

@@ -3,8 +3,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { TextField as TextField$1 } from 'react-aria-components';
 import { composeTailwindRenderProps } from '@opengovsg/oui-theme';
-import { Input } from '../input/input.js';
 import { Label, Description, FieldError } from '../field/field.js';
+import { Input } from '../input/input.js';
 
 function TextField({
   label,

package/dist/types/calendar/agnostic-calendar-state-context.d.ts

@@ -0,0 +1,3 @@
+import type { CalendarState, RangeCalendarState } from "react-stately";
+export declare const AgnosticCalendarStateContext: import("react").Context<CalendarState | RangeCalendarState>, useAgnosticCalendarStateContext: () => CalendarState | RangeCalendarState;
+//# sourceMappingURL=agnostic-calendar-state-context.d.ts.map

package/dist/types/calendar/agnostic-calendar-state-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"agnostic-calendar-state-context.d.ts","sourceRoot":"","sources":["../../../src/calendar/agnostic-calendar-state-context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAItE,eAAO,MAAO,4BAA4B,+DAAE,+BAA+B,0CAIvE,CAAA"}

package/dist/types/calendar/calendar-bottom-content.d.ts

@@ -0,0 +1,4 @@
+import type { CalendarDate } from "@internationalized/date";
+import type { CalendarProps } from "./types";
+export declare const CalendarBottomContent: <T extends CalendarDate>({ bottomContent, showTodayButton, }: Pick<CalendarProps<T>, "bottomContent" | "showTodayButton">) => string | number | bigint | true | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=calendar-bottom-content.d.ts.map

package/dist/types/calendar/calendar-bottom-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-bottom-content.d.ts","sourceRoot":"","sources":["../../../src/calendar/calendar-bottom-content.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAI3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAM5C,eAAO,MAAM,qBAAqB,GAAI,CAAC,SAAS,YAAY,uCAGzD,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,eAAe,GAAG,iBAAiB,CAAC,6VAkC7D,CAAA"}

package/dist/types/calendar/calendar-grid-header.d.ts

@@ -0,0 +1,2 @@
+export declare function CalendarGridHeader(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=calendar-grid-header.d.ts.map

package/dist/types/calendar/calendar-grid-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-grid-header.d.ts","sourceRoot":"","sources":["../../../src/calendar/calendar-grid-header.tsx"],"names":[],"mappings":"AASA,wBAAgB,kBAAkB,4CAiBjC"}

package/dist/types/calendar/calendar-header.d.ts

@@ -0,0 +1,6 @@
+interface CalendarHeaderProps {
+    offsetMonths?: number;
+}
+export declare function CalendarHeader({ offsetMonths }: CalendarHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=calendar-header.d.ts.map

package/dist/types/calendar/calendar-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-header.d.ts","sourceRoot":"","sources":["../../../src/calendar/calendar-header.tsx"],"names":[],"mappings":"AAYA,UAAU,mBAAmB;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,wBAAgB,cAAc,CAAC,EAAE,YAAgB,EAAE,EAAE,mBAAmB,2CA8DvE"}

package/dist/types/calendar/calendar-month-day-selector.d.ts

@@ -0,0 +1,2 @@
+export declare const CalendarMonthDaySelector: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=calendar-month-day-selector.d.ts.map

package/dist/types/calendar/calendar-month-day-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-month-day-selector.d.ts","sourceRoot":"","sources":["../../../src/calendar/calendar-month-day-selector.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,wBAAwB,+CA2EpC,CAAA"}