@opengovsg/oui 0.0.0-snapshot-20250813172903 → 0.0.0-snapshot-20250820072711

package/dist/cjs/date-picker/date-picker.cjs

@@ -6,12 +6,13 @@ var jsxRuntime = require('react/jsx-runtime');
 var $670gB$react = require('react');
 var reactAriaComponents = require('react-aria-components');
 var ouiTheme = require('@opengovsg/oui-theme');
+var calendar$1 = require('../calendar/calendar.cjs');
+require('@internationalized/date');
 var dateField = require('../date-field/date-field.cjs');
 var field = require('../field/field.cjs');
 var popover = require('../popover/popover.cjs');
 var utils = require('../system/utils.cjs');
 var calendar = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/calendar.cjs');
-var calendar$1 = require('../calendar/calendar.cjs');
 var button = require('../button/button.cjs');
 
 function DatePicker(originalProps) {

package/dist/cjs/index.cjs

@@ -23,6 +23,10 @@ var tagFieldItem = require('./tag-field/tag-field-item.cjs');
 var select = require('./select/select.cjs');
 var selectItem = require('./select/select-item.cjs');
 var selectVariantContext = require('./select/select-variant-context.cjs');
+var calendar = require('./calendar/calendar.cjs');
+var calendarStyleContext = require('./calendar/calendar-style-context.cjs');
+var utils = require('./calendar/utils.cjs');
+var date = require('@internationalized/date');
 var rangeCalendar = require('./range-calendar/range-calendar.cjs');
 var menu = require('./menu/menu.cjs');
 var popover = require('./popover/popover.cjs');
@@ -40,10 +44,6 @@ var usePagination$1 = require('./pagination/use-pagination.cjs');
 var button = require('./button/button.cjs');
 var banner = require('./banner/banner.cjs');
 var badge = require('./badge/badge.cjs');
-var date = require('@internationalized/date');
-var calendar = require('./calendar/calendar.cjs');
-var calendarStyleContext = require('./calendar/calendar-style-context.cjs');
-var utils = require('./calendar/utils.cjs');
 
 
 
@@ -75,6 +75,18 @@ exports.Select = select.Select;
 exports.SelectItem = selectItem.SelectItem;
 exports.SelectVariantContext = selectVariantContext.SelectVariantContext;
 exports.useSelectVariantContext = selectVariantContext.useSelectVariantContext;
+exports.Calendar = calendar.Calendar;
+exports.CalendarStateWrapper = calendar.CalendarStateWrapper;
+exports.CalendarStyleContext = calendarStyleContext.CalendarStyleContext;
+exports.useCalendarStyleContext = calendarStyleContext.useCalendarStyleContext;
+exports.getEraFormat = utils.getEraFormat;
+exports.useGenerateLocalizedMonths = utils.useGenerateLocalizedMonths;
+exports.useGenerateLocalizedYears = utils.useGenerateLocalizedYears;
+exports.useLocalizedMonthYear = utils.useLocalizedMonthYear;
+Object.defineProperty(exports, "CalendarDate", {
+	enumerable: true,
+	get: function () { return date.CalendarDate; }
+});
 exports.RangeCalendar = rangeCalendar.RangeCalendar;
 exports.RangeCalendarCell = rangeCalendar.RangeCalendarCell;
 exports.RangeCalendarStateWrapper = rangeCalendar.RangeCalendarStateWrapper;
@@ -110,15 +122,3 @@ exports.usePagination = usePagination$1.usePagination;
 exports.Button = button.Button;
 exports.Banner = banner.Banner;
 exports.Badge = badge.Badge;
-Object.defineProperty(exports, "CalendarDate", {
-	enumerable: true,
-	get: function () { return date.CalendarDate; }
-});
-exports.Calendar = calendar.Calendar;
-exports.CalendarStateWrapper = calendar.CalendarStateWrapper;
-exports.CalendarStyleContext = calendarStyleContext.CalendarStyleContext;
-exports.useCalendarStyleContext = calendarStyleContext.useCalendarStyleContext;
-exports.getEraFormat = utils.getEraFormat;
-exports.useGenerateLocalizedMonths = utils.useGenerateLocalizedMonths;
-exports.useGenerateLocalizedYears = utils.useGenerateLocalizedYears;
-exports.useLocalizedMonthYear = utils.useLocalizedMonthYear;

package/dist/cjs/range-calendar/range-calendar.cjs

@@ -8,12 +8,12 @@ var date = require('@internationalized/date');
 var reactAriaComponents = require('react-aria-components');
 var useDeepCompare = require('use-deep-compare');
 var ouiTheme = require('@opengovsg/oui-theme');
+var calendarStyleContext = require('../calendar/calendar-style-context.cjs');
 var agnosticCalendarStateContext = require('../calendar/agnostic-calendar-state-context.cjs');
 var calendarBottomContent = require('../calendar/calendar-bottom-content.cjs');
 var calendarGridHeader = require('../calendar/calendar-grid-header.cjs');
 var calendarHeader = require('../calendar/calendar-header.cjs');
 var utils = require('../system/utils.cjs');
-var calendarStyleContext = require('../calendar/calendar-style-context.cjs');
 
 const RangeCalendar = utils.forwardRefGeneric(function RangeCalendar2(originalProps, ref) {
   const [props, variantProps] = utils.mapPropsVariants(

package/dist/cjs/select/select.cjs

@@ -47,11 +47,11 @@ function Select({
   return /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Provider, { values: [[selectVariantContext.SelectVariantContext, variantProps]], children: /* @__PURE__ */ jsxRuntime.jsxs(
     reactAriaComponents.Select,
     {
+      ...props,
       className: ouiTheme.composeRenderProps(
-        props.className,
+        props.className ?? classNames?.base,
         (className, renderProps) => styles.base({ className, ...renderProps })
       ),
-      ...props,
       children: [
         label && /* @__PURE__ */ jsxRuntime.jsx(field.Label, { size: variantProps.size, className: classNames?.label, children: label }),
         /* @__PURE__ */ jsxRuntime.jsxs(

package/dist/esm/date-picker/date-picker.js

@@ -4,12 +4,13 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { DatePicker as DatePicker$1, Dialog } from 'react-aria-components';
 import { datePickerStyles, composeTailwindRenderProps } from '@opengovsg/oui-theme';
+import { Calendar as Calendar$1 } from '../calendar/calendar.js';
+import '@internationalized/date';
 import { DateInput } from '../date-field/date-field.js';
 import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
 import { Popover } from '../popover/popover.js';
 import { mapPropsVariants } from '../system/utils.js';
 import Calendar from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/calendar.js';
-import { Calendar as Calendar$1 } from '../calendar/calendar.js';
 import { Button } from '../button/button.js';
 
 function DatePicker(originalProps) {

package/dist/esm/index.js

@@ -21,6 +21,10 @@ 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 { Calendar, CalendarStateWrapper } from './calendar/calendar.js';
+export { CalendarStyleContext, useCalendarStyleContext } from './calendar/calendar-style-context.js';
+export { getEraFormat, useGenerateLocalizedMonths, useGenerateLocalizedYears, useLocalizedMonthYear } from './calendar/utils.js';
+export { CalendarDate } from '@internationalized/date';
 export { RangeCalendar, RangeCalendarCell, RangeCalendarStateWrapper } from './range-calendar/range-calendar.js';
 export { Menu, MenuItem, MenuSection, MenuSeparator, MenuTrigger, MenuVariantContext, SubmenuTrigger, useMenuVariantContext } from './menu/menu.js';
 export { Popover } from './popover/popover.js';
@@ -38,7 +42,3 @@ export { CURSOR_TRANSITION_TIMEOUT, usePagination } from './pagination/use-pagin
 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, 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/range-calendar.js

@@ -6,12 +6,12 @@ import { CalendarDate, today, getLocalTimeZone, getDayOfWeek } from '@internatio
 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 { CalendarStyleContext, useCalendarStyleContext } from '../calendar/calendar-style-context.js';
 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 { forwardRefGeneric, mapPropsVariants } from '../system/utils.js';
-import { CalendarStyleContext, useCalendarStyleContext } from '../calendar/calendar-style-context.js';
 
 const RangeCalendar = forwardRefGeneric(function RangeCalendar2(originalProps, ref) {
   const [props, variantProps] = mapPropsVariants(

package/dist/esm/select/select.js

@@ -45,11 +45,11 @@ function Select({
   return /* @__PURE__ */ jsx(Provider, { values: [[SelectVariantContext, variantProps]], children: /* @__PURE__ */ jsxs(
     Select$1,
     {
+      ...props,
       className: composeRenderProps(
-        props.className,
+        props.className ?? classNames?.base,
         (className, renderProps) => styles.base({ className, ...renderProps })
       ),
-      ...props,
       children: [
         label && /* @__PURE__ */ jsx(Label, { size: variantProps.size, className: classNames?.label, children: label }),
         /* @__PURE__ */ jsxs(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengovsg/oui",
-  "version": "0.0.0-snapshot-20250813172903",
+  "version": "0.0.0-snapshot-20250820072711",
   "sideEffects": false,
   "license": "SEE LICENSE IN LICENSE.md",
   "type": "module",
@@ -44,10 +44,11 @@
     "lucide-react": "^0.475.0",
     "motion": "^12.18.1",
     "prettier": "^3.5.3",
+    "react": "^19.0.0",
     "storybook": "9.1.1",
     "tsx": "^4.20.3",
     "typescript": "5.7.3",
-    "@opengovsg/oui-theme": "0.0.0-snapshot-20250813172903",
+    "@opengovsg/oui-theme": "0.0.0-snapshot-20250820072711",
     "@oui/chromatic": "0.0.0",
     "@oui/eslint-config": "0.0.0",
     "@oui/prettier-config": "0.0.0",
@@ -69,7 +70,6 @@
     "fuzzysort": "^3.1.0",
     "lodash-es": "^4.17.21",
     "nanoid": "^5.1.5",
-    "react": "^19.0.0",
     "react-aria": "^3.41.1",
     "react-aria-components": "^1.10.1",
     "react-stately": "^3.39.0",
@@ -81,8 +81,9 @@
   "prettier": "@oui/prettier-config",
   "peerDependencies": {
     "motion": ">=11.12.0 || >=12.0.0-alpha.1",
+    "react": ">= 18",
     "react-aria-components": "^1.10.1",
-    "@opengovsg/oui-theme": "0.0.0-snapshot-20250813172903"
+    "@opengovsg/oui-theme": "0.0.0-snapshot-20250820072711"
   },
   "scripts": {
     "build": "tsx ../../tooling/build-scripts/main.ts --dts --clean",