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

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

@@ -0,0 +1,343 @@
+"use strict";
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useMemo, useContext } from 'react';
+import { today, getLocalTimeZone, CalendarDate } from '@internationalized/date';
+import { useMessageFormatter, useDateFormatter } from 'react-aria';
+import { Calendar, composeRenderProps, CalendarGrid, CalendarGridBody, CalendarCell, useLocale, CalendarStateContext, Group, Heading, CalendarGridHeader as CalendarGridHeader$1, CalendarHeaderCell } from 'react-aria-components';
+import { cn } from '@opengovsg/oui-theme';
+import { Button } from '../button/button.js';
+import { useCalendarStyleContext } from './calendar-style-context.js';
+import { useLocalizedMonthYear, useGenerateLocalizedMonths, useGenerateLocalizedYears } from './utils.js';
+import ChevronRight from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevron-right.js';
+import ChevronLeft from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevron-left.js';
+import { Select } from '../select/select.js';
+import { SelectItem } from '../select/select-item.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]);
+};
+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 CalendarBottomContent = ({
+  bottomContent,
+  showTodayButton
+}) => {
+  const state = useContext(CalendarStateContext);
+  const { slots, classNames, size } = useCalendarStyleContext();
+  const formatMessage = useMessageFormatter(i18nStrings);
+  if (bottomContent) {
+    return bottomContent;
+  }
+  if (!showTodayButton) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: slots.bottomContentWrapper({
+        className: classNames?.bottomContentWrapper
+      }),
+      children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          isDisabled: state.isDisabled,
+          variant: "clear",
+          color: "sub",
+          size,
+          slot: null,
+          className: slots.todayButton({ className: classNames?.todayButton }),
+          onPress: () => {
+            state.setFocusedDate(today(getLocalTimeZone()));
+          },
+          children: formatMessage("today")
+        }
+      )
+    }
+  );
+};
+function CalendarBase({
+  weekdayStyle = "narrow",
+  calendarRef,
+  minValue = new CalendarDate(1900, 0, 1),
+  maxValue = new CalendarDate(2100, 12, 31),
+  bottomContent,
+  showTodayButton = true,
+  ...props
+}) {
+  const { slots, className, classNames } = useCalendarStyleContext();
+  const numberOfVisibleMonths = props.visibleDuration?.months ?? 1;
+  const dateToHighlight = useMemo(() => {
+    return props.defaultFocusedValue ?? today(getLocalTimeZone());
+  }, [props.defaultFocusedValue]);
+  return /* @__PURE__ */ jsxs(
+    Calendar,
+    {
+      pageBehavior: "single",
+      ...props,
+      ref: calendarRef,
+      minValue,
+      maxValue,
+      className: composeRenderProps(
+        className,
+        (className2, renderProps) => slots.base({
+          className: cn(classNames?.base, className2),
+          ...renderProps
+        })
+      ),
+      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,
+                                    isDateHighlighted: date.compare(dateToHighlight) === 0,
+                                    ...renderProps
+                                  })
+                                ),
+                                date
+                              }
+                            )
+                          }
+                        )
+                      ]
+                    }
+                  )
+                ]
+              },
+              index
+            ))
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          CalendarBottomContent,
+          {
+            bottomContent,
+            showTodayButton
+          }
+        )
+      ]
+    }
+  );
+}
+const CalendarMonthDaySelector = () => {
+  const { slots, size, classNames } = useCalendarStyleContext();
+  const state = useContext(CalendarStateContext);
+  const { months, years, datePartOrder } = useCalendarSelectors(state);
+  const formatMessage = useMessageFormatter(i18nStrings);
+  return /* @__PURE__ */ jsx(Group, { className: slots.selectors({ className: classNames?.selectors }), children: datePartOrder.map((part) => {
+    if (part === "month") {
+      return /* @__PURE__ */ jsx(
+        Select,
+        {
+          isDisabled: state.isDisabled,
+          size,
+          items: months,
+          variant: "clear",
+          classNames: {
+            trigger: slots.monthSelector({
+              className: classNames?.monthSelector
+            }),
+            list: slots.monthList({ className: classNames?.monthList }),
+            selectedText: slots.selectorText({
+              className: classNames?.selectorText
+            }),
+            popover: "min-w-[12ch]"
+          },
+          selectedKey: state.visibleRange.start.month,
+          "aria-label": formatMessage("selectMonth"),
+          onSelectionChange: (month) => {
+            state.setFocusedDate(
+              new CalendarDate(state.focusedDate.year, Number(month), 1)
+            );
+          },
+          children: (month) => /* @__PURE__ */ jsx(SelectItem, { children: month.textValue })
+        },
+        part
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      Select,
+      {
+        isDisabled: state.isDisabled,
+        size,
+        variant: "clear",
+        items: years,
+        classNames: {
+          trigger: slots.yearSelector({
+            className: classNames?.yearSelector
+          }),
+          list: slots.yearList({ className: classNames?.yearList }),
+          selectedText: slots.selectorText({
+            className: classNames?.selectorText
+          })
+        },
+        selectedKey: state.visibleRange.start.year,
+        "aria-label": formatMessage("selectYear"),
+        onSelectionChange: (year) => {
+          state.setFocusedDate(
+            new CalendarDate(
+              Number(year),
+              state.focusedDate.month,
+              state.focusedDate.day
+            )
+          );
+        },
+        children: (year) => /* @__PURE__ */ jsx(SelectItem, { children: year.textValue })
+      },
+      part
+    );
+  }) });
+};
+function CalendarHeader({ offsetMonths = 0 }) {
+  const { direction } = useLocale();
+  const { slots, classNames, size } = useCalendarStyleContext();
+  const state = useContext(CalendarStateContext);
+  const monthYearTitle = useLocalizedMonthYear(
+    state.visibleRange.start.add({ months: offsetMonths }),
+    state.timeZone
+  );
+  if (offsetMonths === 0) {
+    return /* @__PURE__ */ jsxs("div", { className: slots.header({ className: classNames?.header }), children: [
+      /* @__PURE__ */ jsx(CalendarMonthDaySelector, {}),
+      /* @__PURE__ */ jsxs(
+        Group,
+        {
+          className: slots.buttonGroup({ className: classNames?.buttonGroup }),
+          children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                size,
+                isIconOnly: true,
+                variant: "clear",
+                color: "sub",
+                slot: "previous",
+                className: slots.prevButton({ className: classNames?.prevButton }),
+                children: direction === "rtl" ? /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": true }) : /* @__PURE__ */ jsx(ChevronLeft, { "aria-hidden": true })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                size,
+                variant: "clear",
+                color: "sub",
+                isIconOnly: true,
+                slot: "next",
+                className: slots.nextButton({
+                  className: classNames?.nextButton
+                }),
+                children: direction === "rtl" ? /* @__PURE__ */ jsx(ChevronLeft, { "aria-hidden": true }) : /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": true })
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsx(
+    Heading,
+    {
+      className: slots.header({ className: classNames?.header }),
+      "aria-hidden": true,
+      level: 2,
+      children: monthYearTitle
+    }
+  );
+}
+function CalendarGridHeader() {
+  const { slots, classNames } = useCalendarStyleContext();
+  return /* @__PURE__ */ jsx(
+    CalendarGridHeader$1,
+    {
+      className: slots.gridHeader({ className: classNames?.gridHeader }),
+      children: (day) => /* @__PURE__ */ jsx(
+        CalendarHeaderCell,
+        {
+          className: slots.gridHeaderCell({
+            className: classNames?.gridHeaderCell
+          }),
+          children: day
+        }
+      )
+    }
+  );
+}
+
+export { CalendarBase, CalendarGridHeader, CalendarHeader };

package/dist/esm/calendar/calendar-style-context.js

@@ -0,0 +1,34 @@
+"use strict";
+"use client";
+import { useDeepCompareMemo } from 'use-deep-compare';
+import { calendarStyles } from '@opengovsg/oui-theme';
+import { mapPropsVariants } from '../system/utils.js';
+import { createContext } from '../system/react-utils/context.js';
+
+function useProvideCalendarStyles(originalProps) {
+  const [props, variantProps] = mapPropsVariants(
+    originalProps,
+    calendarStyles.variantKeys
+  );
+  const { errorMessage, className, classNames, ...restProps } = props;
+  const slots = useDeepCompareMemo(
+    () => calendarStyles(variantProps),
+    [variantProps]
+  );
+  return {
+    context: {
+      slots,
+      classNames,
+      className,
+      size: variantProps.size ?? calendarStyles.defaultVariants.size,
+      errorMessage
+    },
+    calendarProps: { ...restProps, onChange: restProps.onChange }
+  };
+}
+const [CalendarStyleContext, useCalendarStyleContext] = createContext({
+  name: "CalendarStyleContext",
+  strict: true
+});
+
+export { CalendarStyleContext, useCalendarStyleContext, useProvideCalendarStyles };

package/dist/esm/calendar/calendar.js

@@ -0,0 +1,14 @@
+"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';
+
+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 }) });
+});
+
+export { Calendar };

package/dist/esm/calendar/index.js

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

package/dist/esm/calendar/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/esm/calendar/utils.js

@@ -0,0 +1,57 @@
+"use strict";
+import { useMemo } from 'react';
+import { CalendarDate } from '@internationalized/date';
+import { useDateFormatter } from '@react-aria/i18n';
+
+function getEraFormat(date) {
+  return date?.calendar.identifier === "gregory" && date.era === "BC" ? "short" : void 0;
+}
+function useLocalizedMonthYear(date, timeZone) {
+  const era = getEraFormat(date);
+  const monthFormatter = useDateFormatter({
+    month: "long",
+    year: "numeric",
+    era,
+    calendar: date.calendar.identifier,
+    timeZone
+  });
+  return monthFormatter.format(date.toDate(timeZone));
+}
+function useGenerateLocalizedMonths(timeZone, formatterOptions) {
+  const formatter = useDateFormatter({
+    month: "long",
+    timeZone,
+    ...formatterOptions
+  });
+  return useMemo(() => {
+    return Array.from({ length: 12 }, (_, i) => {
+      const id = i + 1;
+      return {
+        id,
+        textValue: formatter.format(
+          new CalendarDate(2020, id, 1).toDate(timeZone)
+        )
+      };
+    });
+  }, [formatter, timeZone]);
+}
+function useGenerateLocalizedYears(yearStart, yearEnd, timeZone, formatterOptions) {
+  const formatter = useDateFormatter({
+    year: "numeric",
+    timeZone,
+    ...formatterOptions
+  });
+  return useMemo(() => {
+    return Array.from({ length: yearEnd - yearStart + 1 }, (_, i) => {
+      const year = yearStart + i;
+      return {
+        id: year,
+        textValue: formatter.format(
+          new CalendarDate(year, 1, 1).toDate(timeZone)
+        )
+      };
+    });
+  }, [formatter, yearStart, yearEnd, timeZone]);
+}
+
+export { getEraFormat, useGenerateLocalizedMonths, useGenerateLocalizedYears, useLocalizedMonthYear };

package/dist/esm/index.js

@@ -24,3 +24,7 @@ export { Select } from './select/select.js';
 export { SelectItem } from './select/select-item.js';
 export { SelectVariantContext, useSelectVariantContext } from './select/select-variant-context.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 { getEraFormat, useGenerateLocalizedMonths, useGenerateLocalizedYears, useLocalizedMonthYear } from './calendar/utils.js';

package/dist/esm/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/{check.js → chevron-left.js}

@@ -8,7 +8,7 @@ import createLucideIcon from '../createLucideIcon.js';
  */
 
 
-const __iconNode = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("Check", __iconNode);
+const __iconNode = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+const ChevronLeft = createLucideIcon("ChevronLeft", __iconNode);
 
-export { __iconNode, Check as default };
+export { __iconNode, ChevronLeft as default };

package/dist/esm/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevron-right.js

@@ -0,0 +1,14 @@
+import createLucideIcon from '../createLucideIcon.js';
+
+/**
+ * @license lucide-react v0.475.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("ChevronRight", __iconNode);
+
+export { __iconNode, ChevronRight as default };

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,12 @@
 "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, Popover, 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 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';
 
 const calculateEstimatedRowHeight = (size) => {
@@ -32,13 +32,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 +69,14 @@ function Select({
                   })
                 }
               ),
-              /* @__PURE__ */ jsx(ChevronsUpDown, { className: "h-4 w-4" })
+              /* @__PURE__ */ jsx(
+                ChevronDown,
+                {
+                  className: styles.icon({
+                    className: classNames?.icon
+                  })
+                }
+              )
             ]
           }
         ),
@@ -81,9 +88,10 @@ function Select({
             children: description
           }
         ),
-        /* @__PURE__ */ jsx(Popover, { className: styles.popover({ className: classNames?.popover }), children: /* @__PURE__ */ jsx(Virtualizer, { layout, children: /* @__PURE__ */ jsx(
+        /* @__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/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/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/calendar-base.d.ts

@@ -0,0 +1,14 @@
+import type { ForwardedRef } from "react";
+import type { DateValue } from "react-aria-components";
+import type { CalendarProps } from "./types";
+export interface CalendarBaseProps<T extends DateValue> extends CalendarProps<T> {
+    calendarRef: ForwardedRef<HTMLDivElement>;
+}
+export declare function CalendarBase<T extends DateValue>({ weekdayStyle, calendarRef, minValue, maxValue, bottomContent, showTodayButton, ...props }: CalendarBaseProps<T>): import("react/jsx-runtime").JSX.Element;
+interface CalendarHeaderProps {
+    offsetMonths?: number;
+}
+export declare function CalendarHeader({ offsetMonths }: CalendarHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function CalendarGridHeader(): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=calendar-base.d.ts.map