@opengovsg/oui 0.0.13 → 0.0.15

package/dist/cjs/badge/badge.cjs

@@ -3,11 +3,11 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
+var $670gB$react = require('react');
 var useBadge = require('./use-badge.cjs');
 var x = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/x.cjs');
 
-const Badge = react.forwardRef((props, ref) => {
+const Badge = $670gB$react.forwardRef((props, ref) => {
   const {
     Component,
     children,
@@ -19,13 +19,13 @@ const Badge = react.forwardRef((props, ref) => {
     endContent,
     isCloseable
   } = useBadge.useBadge({ ...props, ref });
-  const start = react.useMemo(() => {
+  const start = $670gB$react.useMemo(() => {
     if (props.variant === "dot" && !startContent) {
       return /* @__PURE__ */ jsxRuntime.jsx("span", { className: slots.dot({ className: classNames?.dot }) });
     }
     return startContent;
   }, [props.variant, startContent, slots, classNames?.dot]);
-  const end = react.useMemo(() => {
+  const end = $670gB$react.useMemo(() => {
     if (isCloseable) {
       return /* @__PURE__ */ jsxRuntime.jsx("span", { ...getCloseButtonProps(), children: endContent ?? /* @__PURE__ */ jsxRuntime.jsx(x.default, { className: "size-full" }) });
     }

package/dist/cjs/badge/use-badge.cjs

@@ -1,7 +1,7 @@
 "use strict";
 'use strict';
 
-var react = require('react');
+var $670gB$react = require('react');
 var utils$1 = require('@react-aria/utils');
 var reactAria = require('react-aria');
 var useDeepCompare = require('use-deep-compare');
@@ -40,7 +40,7 @@ function useBadge(originalProps) {
     ...props
   } = _props;
   const domRef = refs.useDomRef(ref);
-  const Component = react.useMemo(() => as || "div", [as]);
+  const Component = $670gB$react.useMemo(() => as || "div", [as]);
   const baseClassName = ouiTheme.cn(classNames?.base, className);
   const formatMessage = reactAria.useMessageFormatter(i18nStrings);
   const isCloseable = variantProps.isCloseable || !!onClose;
@@ -59,14 +59,14 @@ function useBadge(originalProps) {
     isDisabled: !!variantProps?.isDisabled,
     onPress: onClose
   });
-  const getContentClone = react.useCallback(
-    (content) => react.isValidElement(content) ? react.cloneElement(content, {
+  const getContentClone = $670gB$react.useCallback(
+    (content) => $670gB$react.isValidElement(content) ? $670gB$react.cloneElement(content, {
       // @ts-expect-error types are not full
       className: content.props?.className
     }) : null,
     []
   );
-  const getChipProps = react.useCallback(() => {
+  const getChipProps = $670gB$react.useCallback(() => {
     return {
       ref: domRef,
       className: slots.base({ className: baseClassName }),
@@ -74,7 +74,7 @@ function useBadge(originalProps) {
       ...props
     };
   }, [baseClassName, domRef, props, slots, variantProps?.isDisabled]);
-  const getCloseButtonProps = react.useCallback(() => {
+  const getCloseButtonProps = $670gB$react.useCallback(() => {
     return {
       role: "button",
       tabIndex: 0,

package/dist/cjs/banner/banner.cjs

@@ -3,7 +3,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
+var $670gB$react = require('react');
 var reactAria = require('react-aria');
 var reactStately = require('react-stately');
 var ouiTheme = require('@opengovsg/oui-theme');
@@ -39,7 +39,7 @@ const Banner = ({
 }) => {
   const formatMessage = reactAria.useMessageFormatter(i18nStrings);
   const styles = ouiTheme.bannerStyles({ variant, size });
-  const startContent = react.useMemo(() => {
+  const startContent = $670gB$react.useMemo(() => {
     if (startContentProp) {
       return startContentProp;
     }
@@ -56,7 +56,7 @@ const Banner = ({
         );
     }
   }, [classNames?.icon, startContentProp, styles, variant]);
-  const bannerRef = react.useRef(null);
+  const bannerRef = $670gB$react.useRef(null);
   const state = reactStately.useDisclosureState({
     defaultExpanded
   });

package/dist/cjs/button/button.cjs

@@ -3,7 +3,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
+var $670gB$react = require('react');
 var utils = require('@react-aria/utils');
 var reactAriaComponents = require('react-aria-components');
 var ouiTheme = require('@opengovsg/oui-theme');
@@ -11,7 +11,7 @@ var ripple = require('../ripple/ripple.cjs');
 var useRipple = require('../ripple/use-ripple.cjs');
 var spinner = require('../spinner/spinner.cjs');
 
-const Button = react.forwardRef(
+const Button = $670gB$react.forwardRef(
   ({
     startContent,
     endContent,
@@ -37,7 +37,7 @@ const Button = react.forwardRef(
       onClear: onClearRipple,
       ripples
     } = useRipple.useRipple();
-    const spinner$1 = react.useMemo(() => {
+    const spinner$1 = $670gB$react.useMemo(() => {
       if (spinnerProp) {
         return spinnerProp;
       }

package/dist/cjs/calendar/calendar-bottom-content.cjs

@@ -3,7 +3,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
+var $670gB$react = require('react');
 var date = require('@internationalized/date');
 var button = require('../button/button.cjs');
 var agnosticCalendarStateContext = require('./agnostic-calendar-state-context.cjs');
@@ -14,7 +14,7 @@ const CalendarBottomContent = ({
   bottomContent,
   showTodayButton
 }) => {
-  const state = react.useContext(agnosticCalendarStateContext.AgnosticCalendarStateContext);
+  const state = $670gB$react.useContext(agnosticCalendarStateContext.AgnosticCalendarStateContext);
   const { slots, classNames, size } = calendarStyleContext.useCalendarStyleContext();
   const formatMessage = useCalendarI18n.useCalendarI18n();
   if (bottomContent) {

package/dist/cjs/calendar/calendar-header.cjs

@@ -3,7 +3,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
+var $670gB$react = require('react');
 var reactAriaComponents = require('react-aria-components');
 var button = require('../button/button.cjs');
 var agnosticCalendarStateContext = require('./agnostic-calendar-state-context.cjs');
@@ -16,7 +16,7 @@ var chevronLeft = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.0
 function CalendarHeader({ offsetMonths = 0 }) {
   const { direction } = reactAriaComponents.useLocale();
   const { slots, classNames, size } = calendarStyleContext.useCalendarStyleContext();
-  const state = react.useContext(agnosticCalendarStateContext.AgnosticCalendarStateContext);
+  const state = $670gB$react.useContext(agnosticCalendarStateContext.AgnosticCalendarStateContext);
   const monthYearTitle = utils.useLocalizedMonthYear(
     state.visibleRange.start.add({ months: offsetMonths }),
     state.timeZone

package/dist/cjs/calendar/calendar-month-day-selector.cjs

@@ -3,7 +3,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
+var $670gB$react = require('react');
 var date = require('@internationalized/date');
 var reactAriaComponents = require('react-aria-components');
 var select = require('../select/select.cjs');
@@ -15,7 +15,7 @@ var useCalendarI18n = require('./hooks/use-calendar-i18n.cjs');
 
 const CalendarMonthDaySelector = () => {
   const { slots, size, classNames } = calendarStyleContext.useCalendarStyleContext();
-  const state = react.useContext(agnosticCalendarStateContext.AgnosticCalendarStateContext);
+  const state = $670gB$react.useContext(agnosticCalendarStateContext.AgnosticCalendarStateContext);
   const { months, years, datePartOrder } = useCalendarSelectors.useCalendarSelectors(state);
   const formatMessage = useCalendarI18n.useCalendarI18n();
   return /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Group, { className: slots.selectors({ className: classNames?.selectors }), children: datePartOrder.map((part) => {

package/dist/cjs/calendar/calendar.cjs

@@ -3,7 +3,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
+var $670gB$react = require('react');
 var date = require('@internationalized/date');
 var reactAriaComponents = require('react-aria-components');
 var useDeepCompare = require('use-deep-compare');
@@ -35,7 +35,7 @@ const Calendar = utils.forwardRefGeneric(function Calendar2(originalProps, ref)
     () => ouiTheme.calendarStyles(variantProps),
     [variantProps]
   );
-  const context = react.useMemo(
+  const context = $670gB$react.useMemo(
     () => ({
       slots,
       classNames,
@@ -45,7 +45,7 @@ const Calendar = utils.forwardRefGeneric(function Calendar2(originalProps, ref)
     [className, classNames, slots, variantProps.size]
   );
   const numberOfVisibleMonths = props.visibleDuration?.months ?? 1;
-  const dateToHighlight = react.useMemo(() => {
+  const dateToHighlight = $670gB$react.useMemo(() => {
     if (props.defaultFocusedValue !== void 0) {
       return props.defaultFocusedValue;
     }
@@ -147,7 +147,7 @@ const Calendar = utils.forwardRefGeneric(function Calendar2(originalProps, ref)
 const CalendarStateWrapper = ({
   children
 }) => {
-  const state = react.useContext(reactAriaComponents.CalendarStateContext);
+  const state = $670gB$react.useContext(reactAriaComponents.CalendarStateContext);
   return /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Provider, { values: [[agnosticCalendarStateContext.AgnosticCalendarStateContext, state]], children });
 };
 

package/dist/cjs/calendar/hooks/use-calendar-selectors.cjs

@@ -2,18 +2,18 @@
 "use client";
 'use strict';
 
-var react = require('react');
+var $670gB$react = require('react');
 var reactAria = require('react-aria');
 var utils = require('../utils.cjs');
 
 const useCalendarSelectors = (state) => {
-  const yearRange = react.useMemo(() => {
+  const yearRange = $670gB$react.useMemo(() => {
     const start = state.minValue.year ?? 1900;
     const end = state.maxValue.year ?? 2100;
     return { start, end };
   }, [state.maxValue, state.minValue]);
   const dateFormatter = reactAria.useDateFormatter(state);
-  const datePartOrder = react.useMemo(() => {
+  const datePartOrder = $670gB$react.useMemo(() => {
     const parts = dateFormatter.formatToParts(
       state.visibleRange.start.toDate(state.timeZone)
     );
@@ -29,7 +29,7 @@ const useCalendarSelectors = (state) => {
     yearRange.end,
     state.timeZone
   );
-  return react.useMemo(() => {
+  return $670gB$react.useMemo(() => {
     return {
       months,
       years,

package/dist/cjs/calendar/utils.cjs

@@ -1,7 +1,7 @@
 "use strict";
 'use strict';
 
-var react = require('react');
+var $670gB$react = require('react');
 var date = require('@internationalized/date');
 var i18n = require('@react-aria/i18n');
 
@@ -25,7 +25,7 @@ function useGenerateLocalizedMonths(timeZone, formatterOptions) {
     timeZone,
     ...formatterOptions
   });
-  return react.useMemo(() => {
+  return $670gB$react.useMemo(() => {
     return Array.from({ length: 12 }, (_, i) => {
       const id = i + 1;
       return {
@@ -43,7 +43,7 @@ function useGenerateLocalizedYears(yearStart, yearEnd, timeZone, formatterOption
     timeZone,
     ...formatterOptions
   });
-  return react.useMemo(() => {
+  return $670gB$react.useMemo(() => {
     return Array.from({ length: yearEnd - yearStart + 1 }, (_, i) => {
       const year = yearStart + i;
       return {

package/dist/cjs/checkbox/checkbox-group-style-context.cjs

@@ -0,0 +1,16 @@
+"use strict";
+"use client";
+'use strict';
+
+var context = require('../system/react-utils/context.cjs');
+
+const [CheckboxGroupStyleContext, useCheckboxGroupStyleContext] = context.createContext({
+  name: "CheckboxGroupStyleContext",
+  strict: false,
+  defaultValue: {
+    size: "md"
+  }
+});
+
+exports.CheckboxGroupStyleContext = CheckboxGroupStyleContext;
+exports.useCheckboxGroupStyleContext = useCheckboxGroupStyleContext;

package/dist/cjs/checkbox/checkbox.cjs

@@ -0,0 +1,94 @@
+"use strict";
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactAriaComponents = require('react-aria-components');
+var ouiTheme = require('@opengovsg/oui-theme');
+var field = require('../field/field.cjs');
+var utils = require('../system/utils.cjs');
+var checkboxGroupStyleContext = require('./checkbox-group-style-context.cjs');
+var minus = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/minus.cjs');
+var check = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/check.cjs');
+
+const Checkbox = ({
+  classNames,
+  className,
+  ...originalProps
+}) => {
+  const [props, variants] = utils.mapPropsVariants(
+    originalProps,
+    ouiTheme.checkboxStyles.variantKeys
+  );
+  const { size } = checkboxGroupStyleContext.useCheckboxGroupStyleContext();
+  const styles = ouiTheme.checkboxStyles({ size, ...variants });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactAriaComponents.Checkbox,
+    {
+      ...props,
+      isDisabled: variants.isDisabled,
+      isInvalid: variants.isInvalid,
+      isSelected: variants.isSelected,
+      className: reactAriaComponents.composeRenderProps(
+        className ?? classNames?.base,
+        (className2, renderProps) => styles.base({ ...renderProps, className: className2 })
+      ),
+      children: ({ isSelected, isIndeterminate, ...renderProps }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: styles.box({
+              isSelected: isSelected || isIndeterminate,
+              ...renderProps,
+              className: classNames?.box
+            }),
+            children: isIndeterminate ? /* @__PURE__ */ jsxRuntime.jsx(
+              minus.default,
+              {
+                "aria-hidden": true,
+                className: styles.icon({ className: classNames?.icon })
+              }
+            ) : isSelected ? /* @__PURE__ */ jsxRuntime.jsx(
+              check.default,
+              {
+                "aria-hidden": true,
+                className: styles.icon({ className: classNames?.icon })
+              }
+            ) : null
+          }
+        ),
+        props.children
+      ] })
+    }
+  );
+};
+function CheckboxGroup({
+  description,
+  errorMessage,
+  classNames,
+  size,
+  ...props
+}) {
+  const context = {
+    size
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Provider, { values: [[checkboxGroupStyleContext.CheckboxGroupStyleContext, context]], children: /* @__PURE__ */ jsxRuntime.jsxs(
+    reactAriaComponents.CheckboxGroup,
+    {
+      ...props,
+      className: reactAriaComponents.composeRenderProps(
+        props.className ?? classNames?.base,
+        (className, renderProps) => ouiTheme.checkboxGroupStyles({ ...renderProps, size, className })
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(field.Label, { size, className: classNames?.label, children: props.label }),
+        props.children,
+        description && /* @__PURE__ */ jsxRuntime.jsx(field.Description, { size, className: classNames?.description, children: description }),
+        /* @__PURE__ */ jsxRuntime.jsx(field.FieldError, { size, classNames: classNames?.error, children: errorMessage })
+      ]
+    }
+  ) });
+}
+
+exports.Checkbox = Checkbox;
+exports.CheckboxGroup = CheckboxGroup;

package/dist/cjs/checkbox/index.cjs

@@ -0,0 +1,12 @@
+"use strict";
+'use strict';
+
+var checkbox = require('./checkbox.cjs');
+var checkboxGroupStyleContext = require('./checkbox-group-style-context.cjs');
+
+
+
+exports.Checkbox = checkbox.Checkbox;
+exports.CheckboxGroup = checkbox.CheckboxGroup;
+exports.CheckboxGroupStyleContext = checkboxGroupStyleContext.CheckboxGroupStyleContext;
+exports.useCheckboxGroupStyleContext = checkboxGroupStyleContext.useCheckboxGroupStyleContext;

package/dist/cjs/combo-box/combo-box-fuzzy.cjs

@@ -3,7 +3,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
+var $670gB$react = require('react');
 var fuzzysort = require('fuzzysort');
 var reactAriaComponents = require('react-aria-components');
 var ouiTheme = require('@opengovsg/oui-theme');
@@ -45,22 +45,22 @@ function ComboBoxFuzzy(originalProps) {
     inputValue,
     ...props
   } = _props;
-  const deferredInputValue = react.useDeferredValue(inputValue);
-  const preparedItems = react.useMemo(() => {
+  const deferredInputValue = $670gB$react.useDeferredValue(inputValue);
+  const preparedItems = $670gB$react.useMemo(() => {
     return items?.map((item) => ({
       ...item,
       prepared: fuzzysort.prepare(item.textValue)
     })) ?? [];
   }, [items]);
-  const [filteredResults, setFilteredResults] = react.useState({ items, result: {} });
-  const onSelectionChange = react.useCallback(
+  const [filteredResults, setFilteredResults] = $670gB$react.useState({ items, result: {} });
+  const onSelectionChange = $670gB$react.useCallback(
     (key) => {
       onSelectionChangeProp(key);
       setFilteredResults({ items: preparedItems, result: {} });
     },
     [onSelectionChangeProp, preparedItems]
   );
-  const onInputChange = react.useCallback(
+  const onInputChange = $670gB$react.useCallback(
     (value) => {
       onInputChangeProp(value);
       if (!value) {

package/dist/cjs/combo-box/combo-box-item.cjs

@@ -3,7 +3,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
+var $670gB$react = require('react');
 var reactAriaComponents = require('react-aria-components');
 var ouiTheme = require('@opengovsg/oui-theme');
 var utils = require('../system/utils.cjs');
@@ -20,7 +20,7 @@ const ComboBoxItem = utils.forwardRef(function ComboBoxItem2(originalProps, ref)
     variantProps
   ] = utils.mapPropsVariants(originalProps, ouiTheme.listBoxItemStyles.variantKeys);
   const styles = ouiTheme.listBoxItemStyles(variantProps);
-  const defaultTextValue = react.useMemo(() => {
+  const defaultTextValue = $670gB$react.useMemo(() => {
     if (props.textValue) {
       return props.textValue;
     }

package/dist/cjs/combo-box/combo-box.cjs

@@ -3,7 +3,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
+var $670gB$react = require('react');
 var reactAria = require('react-aria');
 var reactAriaComponents = require('react-aria-components');
 var ouiTheme = require('@opengovsg/oui-theme');
@@ -78,7 +78,7 @@ function ComboBox(originalProps) {
     ...props
   } = _props;
   const styles = ouiTheme.comboBoxStyles(variantProps);
-  const layout = react.useMemo(() => {
+  const layout = $670gB$react.useMemo(() => {
     return new reactAriaComponents.ListLayout({
       estimatedRowHeight: calculateEstimatedRowHeight(
         variantProps.size ?? "md"
@@ -86,7 +86,7 @@ function ComboBox(originalProps) {
       ...listLayoutOptions
     });
   }, [listLayoutOptions, variantProps.size]);
-  const renderEmptyState = react.useCallback(
+  const renderEmptyState = $670gB$react.useCallback(
     (props2) => {
       if (renderEmptyStateProp) {
         return renderEmptyStateProp(props2);

package/dist/cjs/date-field/date-field.cjs

@@ -3,7 +3,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
+var $670gB$react = require('react');
 var reactAriaComponents = require('react-aria-components');
 var ouiTheme = require('@opengovsg/oui-theme');
 var field = require('../field/field.cjs');
@@ -13,7 +13,7 @@ function DateField(originalProps) {
   const [
     { label, description, errorMessage, className, classNames, ...props },
     variantProps
-  ] = react.useMemo(
+  ] = $670gB$react.useMemo(
     () => utils.mapPropsVariants(originalProps, ouiTheme.dateFieldStyles.variantKeys),
     [originalProps]
   );
@@ -47,7 +47,7 @@ function DateField(originalProps) {
   );
 }
 function DateInput(originalProps) {
-  const [{ className, classNames, ...props }, variantProps] = react.useMemo(
+  const [{ className, classNames, ...props }, variantProps] = $670gB$react.useMemo(
     () => utils.mapPropsVariants(originalProps, ouiTheme.dateInputStyles.variantKeys),
     [originalProps]
   );

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

@@ -3,15 +3,16 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
+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 dateField = require('../date-field/date-field.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) {
@@ -28,7 +29,7 @@ function DatePicker(originalProps) {
       ...props
     },
     variantProps
-  ] = react.useMemo(
+  ] = $670gB$react.useMemo(
     () => utils.mapPropsVariants(originalProps, ouiTheme.datePickerStyles.variantKeys),
     [originalProps]
   );

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

@@ -3,16 +3,16 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
+var $670gB$react = require('react');
 var date = require('@internationalized/date');
 var reactAriaComponents = require('react-aria-components');
 var ouiTheme = require('@opengovsg/oui-theme');
+var dateField = require('../date-field/date-field.cjs');
 var field = require('../field/field.cjs');
 var popover = require('../popover/popover.cjs');
 var rangeCalendar = require('../range-calendar/range-calendar.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 dateField = require('../date-field/date-field.cjs');
 var button = require('../button/button.cjs');
 
 function DateRangePicker(originalProps) {
@@ -31,12 +31,12 @@ function DateRangePicker(originalProps) {
       ...props
     },
     variantProps
-  ] = react.useMemo(
+  ] = $670gB$react.useMemo(
     () => utils.mapPropsVariants(originalProps, ouiTheme.dateRangePickerStyles.variantKeys),
     [originalProps]
   );
   const styles = ouiTheme.dateRangePickerStyles(variantProps);
-  const { minValue, maxValue } = react.useMemo(() => {
+  const { minValue, maxValue } = $670gB$react.useMemo(() => {
     return {
       minValue: minValueProp ?? new date.CalendarDate(1900, 0, 1),
       // Default to 1 Jan 1900

package/dist/cjs/govt-banner/govt-banner.cjs

@@ -3,7 +3,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
+var $670gB$react = require('react');
 var reactAria = require('react-aria');
 var reactStately = require('react-stately');
 var ouiTheme = require('@opengovsg/oui-theme');
@@ -18,8 +18,8 @@ function GovtBanner({
   ...props
 }) {
   const state = reactStately.useDisclosureState(props);
-  const panelRef = react.useRef(null);
-  const triggerRef = react.useRef(null);
+  const panelRef = $670gB$react.useRef(null);
+  const triggerRef = $670gB$react.useRef(null);
   const { buttonProps: triggerProps, panelProps } = reactAria.useDisclosure(
     props,
     state,

package/dist/cjs/hooks/use-callback-ref.cjs

@@ -2,16 +2,16 @@
 "use client";
 'use strict';
 
-var react = require('react');
+var $670gB$react = require('react');
 
 function useCallbackRef(callback, deps = []) {
-  const callbackRef = react.useRef(() => {
+  const callbackRef = $670gB$react.useRef(() => {
     throw new Error("Cannot call an event handler while rendering.");
   });
-  react.useInsertionEffect(() => {
+  $670gB$react.useInsertionEffect(() => {
     callbackRef.current = callback;
   });
-  return react.useCallback((...args) => callbackRef.current?.(...args), deps);
+  return $670gB$react.useCallback((...args) => callbackRef.current?.(...args), deps);
 }
 
 exports.useCallbackRef = useCallbackRef;

package/dist/cjs/hooks/use-controllable-state.cjs

@@ -2,7 +2,7 @@
 "use client";
 'use strict';
 
-var react = require('react');
+var $670gB$react = require('react');
 var useCallbackRef = require('./use-callback-ref.cjs');
 
 function useControllableState(props) {
@@ -14,7 +14,7 @@ function useControllableState(props) {
   } = props;
   const onChangeProp = useCallbackRef.useCallbackRef(onChange);
   const shouldUpdateProp = useCallbackRef.useCallbackRef(shouldUpdate);
-  const [uncontrolledState, setUncontrolledState] = react.useState(defaultValue);
+  const [uncontrolledState, setUncontrolledState] = $670gB$react.useState(defaultValue);
   const controlled = valueProp !== void 0;
   const value = controlled ? valueProp : uncontrolledState;
   const setValue = useCallbackRef.useCallbackRef(