@opengovsg/oui 0.0.8 → 0.0.10

package/dist/esm/popover/index.js

@@ -0,0 +1,2 @@
+"use strict";
+export { Popover } from './popover.js';

package/dist/esm/popover/popover.js

@@ -0,0 +1,44 @@
+"use strict";
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useSlottedContext, PopoverContext, Popover as Popover$1, composeRenderProps, OverlayArrow } from 'react-aria-components';
+import { popoverArrowStyles, popoverStyles } from '@opengovsg/oui-theme';
+
+const Popover = ({
+  children,
+  showArrow,
+  className,
+  classNames,
+  ...props
+}) => {
+  const popoverContext = useSlottedContext(PopoverContext);
+  const isSubmenu = popoverContext?.trigger === "SubmenuTrigger";
+  let offset = showArrow ? 12 : 8;
+  offset = isSubmenu ? offset - 6 : offset;
+  return /* @__PURE__ */ jsxs(
+    Popover$1,
+    {
+      offset,
+      ...props,
+      className: composeRenderProps(
+        className ?? classNames?.base,
+        (className2, renderProps) => popoverStyles({ ...renderProps, className: className2 })
+      ),
+      children: [
+        showArrow && /* @__PURE__ */ jsx(OverlayArrow, { className: "group", children: /* @__PURE__ */ jsx(
+          "svg",
+          {
+            width: 12,
+            height: 12,
+            viewBox: "0 0 12 12",
+            className: popoverArrowStyles({ className: classNames?.arrow }),
+            children: /* @__PURE__ */ jsx("path", { d: "M0 0 L6 6 L12 0" })
+          }
+        ) }),
+        children
+      ]
+    }
+  );
+};
+
+export { Popover };

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-item.js

@@ -1,11 +1,10 @@
 "use strict";
 "use client";
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import { useContextProps, ListBoxItem } from 'react-aria-components';
 import { selectItemStyles, composeRenderProps } from '@opengovsg/oui-theme';
 import { forwardRef, mapPropsVariants } from '../system/utils.js';
 import { SelectVariantContext } from './select-variant-context.js';
-import Check from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/check.js';
 
 const SelectItem = forwardRef(function SelectItem2({ classNames, ...originalProps }, ref) {
   [originalProps, ref] = useContextProps(
@@ -21,6 +20,7 @@ const SelectItem = forwardRef(function SelectItem2({ classNames, ...originalProp
   return /* @__PURE__ */ jsx(
     ListBoxItem,
     {
+      textValue: typeof props.children === "string" ? props.children : void 0,
       ...props,
       ref,
       className: composeRenderProps(
@@ -31,29 +31,16 @@ const SelectItem = forwardRef(function SelectItem2({ classNames, ...originalProp
         if (typeof props.children === "function") {
           return props.children(renderProps);
         }
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: styles.text({
-                className: classNames?.text,
-                ...renderProps
-              }),
-              children: props.children
-            }
-          ),
-          renderProps.isSelected && /* @__PURE__ */ jsx(
-            "span",
-            {
-              "aria-hidden": true,
-              className: styles.icon({
-                className: classNames?.icon,
-                ...renderProps
-              }),
-              children: /* @__PURE__ */ jsx(Check, {})
-            }
-          )
-        ] });
+        return /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: styles.text({
+              className: classNames?.text,
+              ...renderProps
+            }),
+            children: props.children
+          }
+        );
       }
     }
   );

package/dist/esm/select/select.js

@@ -2,12 +2,13 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
-import { ListLayout, Provider, Select as Select$1, SelectValue, Popover, Virtualizer, ListBox } from 'react-aria-components';
+import { Provider, Select as Select$1, SelectValue, Virtualizer, ListLayout, ListBox } from 'react-aria-components';
 import { selectStyles, composeRenderProps } from '@opengovsg/oui-theme';
 import { mapPropsVariants } from '../system/utils.js';
 import { SelectVariantContext } from './select-variant-context.js';
-import ChevronsUpDown from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevrons-up-down.js';
-import { Label, Description } from '../field/field.js';
+import { Label, Description, FieldError } 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 { Popover } from '../popover/popover.js';
 import { Button } from '../button/button.js';
 
 const calculateEstimatedRowHeight = (size) => {
@@ -24,6 +25,7 @@ function Select({
   label,
   description,
   classNames,
+  errorMessage,
   ...originalProps
 }) {
   const [_props, variantProps] = mapPropsVariants(
@@ -32,13 +34,13 @@ function Select({
   );
   const { items, children, listLayoutOptions, ...props } = _props;
   const styles = selectStyles(variantProps);
-  const layout = useMemo(() => {
-    return new ListLayout({
+  const layoutOptions = useMemo(() => {
+    return {
       estimatedRowHeight: calculateEstimatedRowHeight(
         variantProps.size ?? "md"
       ),
       ...listLayoutOptions
-    });
+    };
   }, [listLayoutOptions, variantProps.size]);
   return /* @__PURE__ */ jsx(Provider, { values: [[SelectVariantContext, variantProps]], children: /* @__PURE__ */ jsxs(
     Select$1,
@@ -69,7 +71,14 @@ function Select({
                   })
                 }
               ),
-              /* @__PURE__ */ jsx(ChevronsUpDown, { className: "h-4 w-4" })
+              /* @__PURE__ */ jsx(
+                ChevronDown,
+                {
+                  className: styles.icon({
+                    className: classNames?.icon
+                  })
+                }
+              )
             ]
           }
         ),
@@ -81,9 +90,11 @@ function Select({
             children: description
           }
         ),
-        /* @__PURE__ */ jsx(Popover, { className: styles.popover({ className: classNames?.popover }), children: /* @__PURE__ */ jsx(Virtualizer, { layout, children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(FieldError, { size: variantProps.size, className: classNames?.error, children: errorMessage }),
+        /* @__PURE__ */ jsx(Popover, { className: styles.popover({ className: classNames?.popover }), children: /* @__PURE__ */ jsx(Virtualizer, { layout: ListLayout, layoutOptions, children: /* @__PURE__ */ jsx(
           ListBox,
           {
+            autoFocus: true,
             items,
             shouldFocusWrap: true,
             className: composeRenderProps(

package/dist/esm/system/react-utils/context.js

@@ -5,9 +5,10 @@ function createContext(options = {}) {
   const {
     strict = true,
     errorMessage = "useContext: `context` is undefined. Seems you forgot to wrap component within the Provider",
-    name
+    name,
+    defaultValue
   } = options;
-  const Context = createContext$1(void 0);
+  const Context = createContext$1(defaultValue);
   Context.displayName = name;
   function useContext$1() {
     const context = useContext(Context);

package/dist/esm/system/utils.js

@@ -11,12 +11,15 @@ const mapPropsVariants = (props, variantKeys, removeVariantProps = true) => {
   if (!variantKeys) {
     return [props, {}];
   }
-  const picked = variantKeys.reduce((acc, key) => {
-    if (key in props) {
-      return { ...acc, [key]: props[key] };
-    }
-    return acc;
-  }, {});
+  const picked = variantKeys.reduce(
+    (acc, key) => {
+      if (key in props) {
+        return { ...acc, [key]: props[key] };
+      }
+      return acc;
+    },
+    {}
+  );
   if (removeVariantProps) {
     const omitted = Object.keys(props).filter((key) => !variantKeys.includes(key)).reduce((acc, key) => ({ ...acc, [key]: props[key] }), {});
     return [omitted, picked];

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

@@ -1,2 +1,3 @@
 "use strict";
 export { TagField } from './tag-field.js';
+export { TagFieldItem } from './tag-field-item.js';

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

@@ -0,0 +1,31 @@
+"use strict";
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useContext } from 'react';
+import { listBoxItemStyles, dataAttr } from '@opengovsg/oui-theme';
+import { forwardRefGeneric } from '../system/utils.js';
+import { TagFieldStateContext } from './tag-field-state-context.js';
+
+const TagFieldItemInner = ({ item, isHighlighted, classNames, ...itemProps }, ref) => {
+  const { itemToText, size } = useContext(TagFieldStateContext);
+  const styles = listBoxItemStyles({ size });
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      ref,
+      ...itemProps,
+      className: styles.container({
+        className: classNames?.container,
+        isFocused: isHighlighted,
+        isDisabled: itemProps["aria-disabled"]
+      }),
+      "data-rac": true,
+      "data-focused": dataAttr(isHighlighted),
+      "data-disabled": dataAttr(itemProps["aria-disabled"]),
+      children: /* @__PURE__ */ jsx("span", { className: styles.label({ className: classNames?.label }), children: itemToText(item) })
+    }
+  );
+};
+const TagFieldItem = forwardRefGeneric(TagFieldItemInner);
+
+export { TagFieldItem };

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

@@ -3,27 +3,11 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createContext, useContext, createElement } from 'react';
 import { useContextProps } from 'react-aria-components';
-import { tagFieldItemStyles, dataAttr } from '@opengovsg/oui-theme';
 import { forwardRefGeneric } from '../system/utils.js';
+import { TagFieldItem } from './tag-field-item.js';
 import { TagFieldStateContext } from './tag-field-state-context.js';
 
 const TagFieldListContext = createContext(null);
-const TagFieldListItemInner = ({ item, isHighlighted, classNames, ...itemProps }, ref) => {
-  const { itemToText, size } = useContext(TagFieldStateContext);
-  const styles = tagFieldItemStyles({ size });
-  return /* @__PURE__ */ jsx(
-    "li",
-    {
-      ref,
-      ...itemProps,
-      className: styles.container({ className: classNames?.container }),
-      "data-rac": true,
-      "data-hovered": dataAttr(isHighlighted),
-      children: /* @__PURE__ */ jsx("span", { className: styles.label({ className: classNames?.label }), children: itemToText(item) })
-    }
-  );
-};
-const TagFieldListItem = forwardRefGeneric(TagFieldListItemInner);
 const TagFieldListInner = (props, ref) => {
   [props, ref] = useContextProps(props, ref, TagFieldListContext);
   const { items, getItemProps, highlightedIndex } = useContext(TagFieldStateContext);
@@ -55,16 +39,22 @@ const TagFieldListInner = (props, ref) => {
         item,
         isHighlighted: highlightedIndex === virtualRow.index,
         key: virtualRow.key,
-        itemClassNames,
-        ...itemProps
+        classNames: itemClassNames
       };
       if (typeof props.children === "function") {
-        return props.children(childProps);
+        return props.children({ ...childProps, itemProps });
       }
-      return /* @__PURE__ */ createElement(TagFieldListItem, { ...childProps, key: childProps.key });
+      return /* @__PURE__ */ createElement(
+        TagFieldItem,
+        {
+          ...childProps,
+          ...itemProps,
+          key: childProps.key
+        }
+      );
     })
   ] }) });
 };
 const TagFieldList = forwardRefGeneric(TagFieldListInner);
 
-export { TagFieldList, TagFieldListContext, TagFieldListItem };
+export { TagFieldList, TagFieldListContext };

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

@@ -13,7 +13,8 @@ const TagFieldTagList = ({
     getSelectedItemProps,
     removeSelectedItem,
     isDisabled,
-    isReadOnly
+    isReadOnly,
+    itemToText
   } = useContext(TagFieldStateContext);
   const handleRemoveSelectedItem = useCallback(
     (item) => () => {
@@ -47,7 +48,7 @@ const TagFieldTagList = ({
         className: classNames?.tag,
         ...itemProps,
         children: [
-          /* @__PURE__ */ jsx("span", { className: classNames?.tagText, children: selectedItem.textValue }),
+          /* @__PURE__ */ jsx("span", { className: classNames?.tagText, children: itemToText(selectedItem) }),
           /* @__PURE__ */ jsx(
             X,
             {

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

@@ -2,15 +2,17 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { createElement } from 'react';
-import { composeRenderProps, Popover } from 'react-aria-components';
+import { composeRenderProps } from 'react-aria-components';
 import { tagFieldStyles } from '@opengovsg/oui-theme';
-import { Input } from '../input/input.js';
-import { TagFieldList, TagFieldListItem } from './tag-field-list.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';
+import { Popover } from '../popover/popover.js';
 
 function TagField({
   classNames,
@@ -90,12 +92,12 @@ function TagField({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx(Popover, { children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Popover, { className: styles.popover({ className: classNames?.popover }), children: /* @__PURE__ */ jsx(
       TagFieldList,
       {
         className: styles.list({ className: classNames?.list }),
         itemClassNames: props.itemClassNames,
-        children: ({ key, ...props2 }) => children ? children({ key, ...props2 }) : /* @__PURE__ */ createElement(TagFieldListItem, { ...props2, key })
+        children: ({ key, itemProps, ...props2 }) => children ? children({ key, itemProps, ...props2 }) : /* @__PURE__ */ createElement(TagFieldItem, { ...props2, ...itemProps, key })
       }
     ) })
   ] });

package/dist/types/button/button.d.ts

@@ -30,6 +30,11 @@ export interface ButtonProps extends Omit<AriaButtonProps, "children">, ButtonVa
      * @defaultValue "start"
      */
     spinnerPlacement?: "start" | "end";
+    /**
+     * Whether the button only contains an icon.
+     * If true, you must provide an `aria-label` for accessibility.
+     */
+    isIconOnly?: boolean;
 }
 /**
  * You probably do not want to use this component if you are rendering a link.

package/dist/types/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAK3E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAO9D,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,EACvC,kBAAkB;IACpB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CACnC;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,2GAwElB,CAAA"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAK3E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAO9D,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,EACvC,kBAAkB;IACpB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAElC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,2GAwElB,CAAA"}

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"}

package/dist/types/calendar/calendar-style-context.d.ts

@@ -0,0 +1,12 @@
+import type { CalendarDate } from "@internationalized/date";
+import type { RangeCalendarProps } from "react-aria-components";
+import type { calendarStyles } from "@opengovsg/oui-theme";
+import type { CalendarProps } from "./types";
+export interface UseProvideCalendarStylesReturn<T extends CalendarDate> {
+    slots: ReturnType<typeof calendarStyles>;
+    classNames: CalendarProps<T>["classNames"];
+    className: CalendarProps<T>["className"] | RangeCalendarProps<T>["className"];
+    size: CalendarProps<T>["size"];
+}
+export declare const CalendarStyleContext: import("react").Context<UseProvideCalendarStylesReturn<CalendarDate>>, useCalendarStyleContext: () => UseProvideCalendarStylesReturn<CalendarDate>;
+//# sourceMappingURL=calendar-style-context.d.ts.map

package/dist/types/calendar/calendar-style-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-style-context.d.ts","sourceRoot":"","sources":["../../../src/calendar/calendar-style-context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAC3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAG5C,MAAM,WAAW,8BAA8B,CAAC,CAAC,SAAS,YAAY;IACpE,KAAK,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;IACxC,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAA;IAC1C,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAA;IAC7E,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;CAC/B;AAED,eAAO,MAAO,oBAAoB,yEAAE,uBAAuB,oDAKzD,CAAA"}

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

@@ -0,0 +1,8 @@
+import type { ReactElement } from "react";
+import { CalendarDate } from "@internationalized/date";
+import type { CalendarProps } from "./types";
+export declare const Calendar: <T extends CalendarDate>(props: CalendarProps<T>) => ReactElement;
+export declare const CalendarStateWrapper: ({ children, }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=calendar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/calendar/calendar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAgB,YAAY,EAAE,MAAM,OAAO,CAAA;AAEvD,OAAO,EAAE,YAAY,EAA2B,MAAM,yBAAyB,CAAA;AAe/E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAQ5C,eAAO,MAAM,QAAQ,EA8Hf,CAAC,CAAC,SAAS,YAAY,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,YAAY,CAAA;AAEvE,eAAO,MAAM,oBAAoB,kBAE9B;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,4CAQA,CAAA"}