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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (132) hide show
  1. package/dist/cjs/badge/badge.cjs +4 -4
  2. package/dist/cjs/badge/use-badge.cjs +6 -6
  3. package/dist/cjs/banner/banner.cjs +4 -4
  4. package/dist/cjs/button/button.cjs +3 -3
  5. package/dist/cjs/calendar/calendar-bottom-content.cjs +2 -2
  6. package/dist/cjs/calendar/calendar-header.cjs +2 -2
  7. package/dist/cjs/calendar/calendar-month-day-selector.cjs +2 -2
  8. package/dist/cjs/calendar/calendar.cjs +4 -4
  9. package/dist/cjs/calendar/hooks/use-calendar-selectors.cjs +4 -4
  10. package/dist/cjs/calendar/utils.cjs +3 -3
  11. package/dist/cjs/combo-box/combo-box-fuzzy.cjs +6 -6
  12. package/dist/cjs/combo-box/combo-box-item.cjs +2 -2
  13. package/dist/cjs/combo-box/combo-box.cjs +3 -3
  14. package/dist/cjs/date-field/date-field.cjs +3 -3
  15. package/dist/cjs/date-picker/date-picker.cjs +4 -5
  16. package/dist/cjs/date-range-picker/date-range-picker.cjs +4 -4
  17. package/dist/cjs/govt-banner/govt-banner.cjs +3 -3
  18. package/dist/cjs/hooks/use-callback-ref.cjs +4 -4
  19. package/dist/cjs/hooks/use-controllable-state.cjs +2 -2
  20. package/dist/cjs/index.cjs +33 -22
  21. package/dist/cjs/input/input.cjs +2 -2
  22. package/dist/cjs/menu/menu.cjs +6 -6
  23. package/dist/cjs/node_modules/.pnpm/@react-aria_focus@3.20.5_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/focus/dist/useFocusRing.cjs +45 -0
  24. package/dist/cjs/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/context.cjs +21 -0
  25. package/dist/cjs/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/textSelection.cjs +72 -0
  26. package/dist/cjs/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/useFocus.cjs +60 -0
  27. package/dist/cjs/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/useFocusVisible.cjs +210 -0
  28. package/dist/cjs/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/useFocusWithin.cjs +100 -0
  29. package/dist/cjs/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/useHover.cjs +152 -0
  30. package/dist/cjs/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/usePress.cjs +676 -0
  31. package/dist/cjs/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/utils.cjs +160 -0
  32. package/dist/cjs/node_modules/.pnpm/@swc_helpers@0.5.17/node_modules/@swc/helpers/esm/_check_private_redeclaration.cjs +9 -0
  33. package/dist/cjs/node_modules/.pnpm/@swc_helpers@0.5.17/node_modules/@swc/helpers/esm/_class_apply_descriptor_get.cjs +9 -0
  34. package/dist/cjs/node_modules/.pnpm/@swc_helpers@0.5.17/node_modules/@swc/helpers/esm/_class_apply_descriptor_set.cjs +16 -0
  35. package/dist/cjs/node_modules/.pnpm/@swc_helpers@0.5.17/node_modules/@swc/helpers/esm/_class_extract_field_descriptor.cjs +9 -0
  36. package/dist/cjs/node_modules/.pnpm/@swc_helpers@0.5.17/node_modules/@swc/helpers/esm/_class_private_field_get.cjs +11 -0
  37. package/dist/cjs/node_modules/.pnpm/@swc_helpers@0.5.17/node_modules/@swc/helpers/esm/_class_private_field_init.cjs +10 -0
  38. package/dist/cjs/node_modules/.pnpm/@swc_helpers@0.5.17/node_modules/@swc/helpers/esm/_class_private_field_set.cjs +12 -0
  39. package/dist/cjs/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/Icon.cjs +4 -4
  40. package/dist/cjs/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/createLucideIcon.cjs +3 -3
  41. package/dist/cjs/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevrons-right.cjs +22 -0
  42. package/dist/cjs/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/ellipsis.cjs +23 -0
  43. package/dist/cjs/pagination/hooks/use-pagination.cjs +117 -0
  44. package/dist/cjs/pagination/index.cjs +17 -0
  45. package/dist/cjs/pagination/pagination-cursor.cjs +18 -0
  46. package/dist/cjs/pagination/pagination-item.cjs +18 -0
  47. package/dist/cjs/pagination/pagination.cjs +263 -0
  48. package/dist/cjs/pagination/use-pagination-item.cjs +87 -0
  49. package/dist/cjs/pagination/use-pagination.cjs +251 -0
  50. package/dist/cjs/range-calendar/range-calendar.cjs +7 -7
  51. package/dist/cjs/ripple/use-ripple.cjs +4 -4
  52. package/dist/cjs/select/select.cjs +3 -3
  53. package/dist/cjs/spinner/use-spinner.cjs +3 -3
  54. package/dist/cjs/system/react-utils/context.cjs +3 -3
  55. package/dist/cjs/system/react-utils/dom-props.cjs +186 -0
  56. package/dist/cjs/system/react-utils/filter-dom-props.cjs +46 -0
  57. package/dist/cjs/system/react-utils/index.cjs +2 -0
  58. package/dist/cjs/system/react-utils/refs.cjs +3 -3
  59. package/dist/cjs/system/utils.cjs +3 -3
  60. package/dist/cjs/tabs/tabs.cjs +2 -2
  61. package/dist/cjs/tag-field/tag-field-item.cjs +2 -2
  62. package/dist/cjs/tag-field/tag-field-list.cjs +4 -4
  63. package/dist/cjs/tag-field/tag-field-root.cjs +14 -14
  64. package/dist/cjs/tag-field/tag-field-state-context.cjs +2 -2
  65. package/dist/cjs/tag-field/tag-field-tag-list.cjs +3 -3
  66. package/dist/cjs/tag-field/tag-field-trigger.cjs +2 -2
  67. package/dist/cjs/tag-field/tag-field.cjs +2 -2
  68. package/dist/cjs/tag-field/use-tag-field-state.cjs +6 -6
  69. package/dist/cjs/tag-field/use-tag-field.cjs +4 -4
  70. package/dist/cjs/text-area/text-area.cjs +2 -2
  71. package/dist/cjs/toggle/toggle.cjs +3 -3
  72. package/dist/esm/banner/banner.js +1 -1
  73. package/dist/esm/date-picker/date-picker.js +2 -3
  74. package/dist/esm/date-range-picker/date-range-picker.js +1 -1
  75. package/dist/esm/index.js +12 -7
  76. package/dist/esm/node_modules/.pnpm/@react-aria_focus@3.20.5_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/focus/dist/useFocusRing.js +43 -0
  77. package/dist/esm/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/context.js +19 -0
  78. package/dist/esm/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/textSelection.js +69 -0
  79. package/dist/esm/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/useFocus.js +58 -0
  80. package/dist/esm/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/useFocusVisible.js +205 -0
  81. package/dist/esm/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/useFocusWithin.js +98 -0
  82. package/dist/esm/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/useHover.js +150 -0
  83. package/dist/esm/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/usePress.js +674 -0
  84. package/dist/esm/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/utils.js +155 -0
  85. package/dist/esm/node_modules/.pnpm/@swc_helpers@0.5.17/node_modules/@swc/helpers/esm/_check_private_redeclaration.js +7 -0
  86. package/dist/esm/node_modules/.pnpm/@swc_helpers@0.5.17/node_modules/@swc/helpers/esm/_class_apply_descriptor_get.js +7 -0
  87. package/dist/esm/node_modules/.pnpm/@swc_helpers@0.5.17/node_modules/@swc/helpers/esm/_class_apply_descriptor_set.js +14 -0
  88. package/dist/esm/node_modules/.pnpm/@swc_helpers@0.5.17/node_modules/@swc/helpers/esm/_class_extract_field_descriptor.js +7 -0
  89. package/dist/esm/node_modules/.pnpm/@swc_helpers@0.5.17/node_modules/@swc/helpers/esm/_class_private_field_get.js +9 -0
  90. package/dist/esm/node_modules/.pnpm/@swc_helpers@0.5.17/node_modules/@swc/helpers/esm/_class_private_field_init.js +8 -0
  91. package/dist/esm/node_modules/.pnpm/@swc_helpers@0.5.17/node_modules/@swc/helpers/esm/_class_private_field_set.js +10 -0
  92. package/dist/esm/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevrons-right.js +17 -0
  93. package/dist/esm/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/ellipsis.js +18 -0
  94. package/dist/esm/pagination/hooks/use-pagination.js +114 -0
  95. package/dist/esm/pagination/index.js +6 -0
  96. package/dist/esm/pagination/pagination-cursor.js +16 -0
  97. package/dist/esm/pagination/pagination-item.js +16 -0
  98. package/dist/esm/pagination/pagination.js +261 -0
  99. package/dist/esm/pagination/use-pagination-item.js +85 -0
  100. package/dist/esm/pagination/use-pagination.js +248 -0
  101. package/dist/esm/range-calendar/range-calendar.js +1 -1
  102. package/dist/esm/select/select.js +1 -1
  103. package/dist/esm/system/react-utils/dom-props.js +183 -0
  104. package/dist/esm/system/react-utils/filter-dom-props.js +44 -0
  105. package/dist/esm/system/react-utils/index.js +1 -0
  106. package/dist/types/badge/badge.d.ts +3 -1
  107. package/dist/types/badge/badge.d.ts.map +1 -1
  108. package/dist/types/index.d.mts +1 -0
  109. package/dist/types/index.d.ts +1 -0
  110. package/dist/types/index.d.ts.map +1 -1
  111. package/dist/types/pagination/hooks/use-pagination.d.ts +51 -0
  112. package/dist/types/pagination/hooks/use-pagination.d.ts.map +1 -0
  113. package/dist/types/pagination/index.d.ts +7 -0
  114. package/dist/types/pagination/index.d.ts.map +1 -0
  115. package/dist/types/pagination/pagination-cursor.d.ts +9 -0
  116. package/dist/types/pagination/pagination-cursor.d.ts.map +1 -0
  117. package/dist/types/pagination/pagination-item.d.ts +5 -0
  118. package/dist/types/pagination/pagination-item.d.ts.map +1 -0
  119. package/dist/types/pagination/pagination.d.ts +5 -0
  120. package/dist/types/pagination/pagination.d.ts.map +1 -0
  121. package/dist/types/pagination/use-pagination-item.d.ts +51 -0
  122. package/dist/types/pagination/use-pagination-item.d.ts.map +1 -0
  123. package/dist/types/pagination/use-pagination.d.ts +353 -0
  124. package/dist/types/pagination/use-pagination.d.ts.map +1 -0
  125. package/dist/types/system/react-utils/context.d.ts.map +1 -1
  126. package/dist/types/system/react-utils/dom-props.d.ts +3 -0
  127. package/dist/types/system/react-utils/dom-props.d.ts.map +1 -0
  128. package/dist/types/system/react-utils/filter-dom-props.d.ts +39 -0
  129. package/dist/types/system/react-utils/filter-dom-props.d.ts.map +1 -0
  130. package/dist/types/system/react-utils/index.d.ts +1 -0
  131. package/dist/types/system/react-utils/index.d.ts.map +1 -1
  132. package/package.json +6 -4
@@ -3,11 +3,11 @@
3
3
  'use strict';
4
4
 
5
5
  var jsxRuntime = require('react/jsx-runtime');
6
- var react = require('react');
6
+ var $670gB$react = require('react');
7
7
  var useBadge = require('./use-badge.cjs');
8
8
  var x = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/x.cjs');
9
9
 
10
- const Badge = react.forwardRef((props, ref) => {
10
+ const Badge = $670gB$react.forwardRef((props, ref) => {
11
11
  const {
12
12
  Component,
13
13
  children,
@@ -19,13 +19,13 @@ const Badge = react.forwardRef((props, ref) => {
19
19
  endContent,
20
20
  isCloseable
21
21
  } = useBadge.useBadge({ ...props, ref });
22
- const start = react.useMemo(() => {
22
+ const start = $670gB$react.useMemo(() => {
23
23
  if (props.variant === "dot" && !startContent) {
24
24
  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: slots.dot({ className: classNames?.dot }) });
25
25
  }
26
26
  return startContent;
27
27
  }, [props.variant, startContent, slots, classNames?.dot]);
28
- const end = react.useMemo(() => {
28
+ const end = $670gB$react.useMemo(() => {
29
29
  if (isCloseable) {
30
30
  return /* @__PURE__ */ jsxRuntime.jsx("span", { ...getCloseButtonProps(), children: endContent ?? /* @__PURE__ */ jsxRuntime.jsx(x.default, { className: "size-full" }) });
31
31
  }
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  'use strict';
3
3
 
4
- var react = require('react');
4
+ var $670gB$react = require('react');
5
5
  var utils$1 = require('@react-aria/utils');
6
6
  var reactAria = require('react-aria');
7
7
  var useDeepCompare = require('use-deep-compare');
@@ -40,7 +40,7 @@ function useBadge(originalProps) {
40
40
  ...props
41
41
  } = _props;
42
42
  const domRef = refs.useDomRef(ref);
43
- const Component = react.useMemo(() => as || "div", [as]);
43
+ const Component = $670gB$react.useMemo(() => as || "div", [as]);
44
44
  const baseClassName = ouiTheme.cn(classNames?.base, className);
45
45
  const formatMessage = reactAria.useMessageFormatter(i18nStrings);
46
46
  const isCloseable = variantProps.isCloseable || !!onClose;
@@ -59,14 +59,14 @@ function useBadge(originalProps) {
59
59
  isDisabled: !!variantProps?.isDisabled,
60
60
  onPress: onClose
61
61
  });
62
- const getContentClone = react.useCallback(
63
- (content) => react.isValidElement(content) ? react.cloneElement(content, {
62
+ const getContentClone = $670gB$react.useCallback(
63
+ (content) => $670gB$react.isValidElement(content) ? $670gB$react.cloneElement(content, {
64
64
  // @ts-expect-error types are not full
65
65
  className: content.props?.className
66
66
  }) : null,
67
67
  []
68
68
  );
69
- const getChipProps = react.useCallback(() => {
69
+ const getChipProps = $670gB$react.useCallback(() => {
70
70
  return {
71
71
  ref: domRef,
72
72
  className: slots.base({ className: baseClassName }),
@@ -74,7 +74,7 @@ function useBadge(originalProps) {
74
74
  ...props
75
75
  };
76
76
  }, [baseClassName, domRef, props, slots, variantProps?.isDisabled]);
77
- const getCloseButtonProps = react.useCallback(() => {
77
+ const getCloseButtonProps = $670gB$react.useCallback(() => {
78
78
  return {
79
79
  role: "button",
80
80
  tabIndex: 0,
@@ -3,13 +3,13 @@
3
3
  'use strict';
4
4
 
5
5
  var jsxRuntime = require('react/jsx-runtime');
6
- var react = require('react');
6
+ var $670gB$react = require('react');
7
7
  var reactAria = require('react-aria');
8
8
  var reactStately = require('react-stately');
9
9
  var ouiTheme = require('@opengovsg/oui-theme');
10
- var button = require('../button/button.cjs');
11
10
  var circleAlert = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/circle-alert.cjs');
12
11
  var info = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/info.cjs');
12
+ var button = require('../button/button.cjs');
13
13
  var x = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/x.cjs');
14
14
 
15
15
  const i18nStrings = {
@@ -39,7 +39,7 @@ const Banner = ({
39
39
  }) => {
40
40
  const formatMessage = reactAria.useMessageFormatter(i18nStrings);
41
41
  const styles = ouiTheme.bannerStyles({ variant, size });
42
- const startContent = react.useMemo(() => {
42
+ const startContent = $670gB$react.useMemo(() => {
43
43
  if (startContentProp) {
44
44
  return startContentProp;
45
45
  }
@@ -56,7 +56,7 @@ const Banner = ({
56
56
  );
57
57
  }
58
58
  }, [classNames?.icon, startContentProp, styles, variant]);
59
- const bannerRef = react.useRef(null);
59
+ const bannerRef = $670gB$react.useRef(null);
60
60
  const state = reactStately.useDisclosureState({
61
61
  defaultExpanded
62
62
  });
@@ -3,7 +3,7 @@
3
3
  'use strict';
4
4
 
5
5
  var jsxRuntime = require('react/jsx-runtime');
6
- var react = require('react');
6
+ var $670gB$react = require('react');
7
7
  var utils = require('@react-aria/utils');
8
8
  var reactAriaComponents = require('react-aria-components');
9
9
  var ouiTheme = require('@opengovsg/oui-theme');
@@ -11,7 +11,7 @@ var ripple = require('../ripple/ripple.cjs');
11
11
  var useRipple = require('../ripple/use-ripple.cjs');
12
12
  var spinner = require('../spinner/spinner.cjs');
13
13
 
14
- const Button = react.forwardRef(
14
+ const Button = $670gB$react.forwardRef(
15
15
  ({
16
16
  startContent,
17
17
  endContent,
@@ -37,7 +37,7 @@ const Button = react.forwardRef(
37
37
  onClear: onClearRipple,
38
38
  ripples
39
39
  } = useRipple.useRipple();
40
- const spinner$1 = react.useMemo(() => {
40
+ const spinner$1 = $670gB$react.useMemo(() => {
41
41
  if (spinnerProp) {
42
42
  return spinnerProp;
43
43
  }
@@ -3,7 +3,7 @@
3
3
  'use strict';
4
4
 
5
5
  var jsxRuntime = require('react/jsx-runtime');
6
- var react = require('react');
6
+ var $670gB$react = require('react');
7
7
  var date = require('@internationalized/date');
8
8
  var button = require('../button/button.cjs');
9
9
  var agnosticCalendarStateContext = require('./agnostic-calendar-state-context.cjs');
@@ -14,7 +14,7 @@ const CalendarBottomContent = ({
14
14
  bottomContent,
15
15
  showTodayButton
16
16
  }) => {
17
- const state = react.useContext(agnosticCalendarStateContext.AgnosticCalendarStateContext);
17
+ const state = $670gB$react.useContext(agnosticCalendarStateContext.AgnosticCalendarStateContext);
18
18
  const { slots, classNames, size } = calendarStyleContext.useCalendarStyleContext();
19
19
  const formatMessage = useCalendarI18n.useCalendarI18n();
20
20
  if (bottomContent) {
@@ -3,7 +3,7 @@
3
3
  'use strict';
4
4
 
5
5
  var jsxRuntime = require('react/jsx-runtime');
6
- var react = require('react');
6
+ var $670gB$react = require('react');
7
7
  var reactAriaComponents = require('react-aria-components');
8
8
  var button = require('../button/button.cjs');
9
9
  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
16
16
  function CalendarHeader({ offsetMonths = 0 }) {
17
17
  const { direction } = reactAriaComponents.useLocale();
18
18
  const { slots, classNames, size } = calendarStyleContext.useCalendarStyleContext();
19
- const state = react.useContext(agnosticCalendarStateContext.AgnosticCalendarStateContext);
19
+ const state = $670gB$react.useContext(agnosticCalendarStateContext.AgnosticCalendarStateContext);
20
20
  const monthYearTitle = utils.useLocalizedMonthYear(
21
21
  state.visibleRange.start.add({ months: offsetMonths }),
22
22
  state.timeZone
@@ -3,7 +3,7 @@
3
3
  'use strict';
4
4
 
5
5
  var jsxRuntime = require('react/jsx-runtime');
6
- var react = require('react');
6
+ var $670gB$react = require('react');
7
7
  var date = require('@internationalized/date');
8
8
  var reactAriaComponents = require('react-aria-components');
9
9
  var select = require('../select/select.cjs');
@@ -15,7 +15,7 @@ var useCalendarI18n = require('./hooks/use-calendar-i18n.cjs');
15
15
 
16
16
  const CalendarMonthDaySelector = () => {
17
17
  const { slots, size, classNames } = calendarStyleContext.useCalendarStyleContext();
18
- const state = react.useContext(agnosticCalendarStateContext.AgnosticCalendarStateContext);
18
+ const state = $670gB$react.useContext(agnosticCalendarStateContext.AgnosticCalendarStateContext);
19
19
  const { months, years, datePartOrder } = useCalendarSelectors.useCalendarSelectors(state);
20
20
  const formatMessage = useCalendarI18n.useCalendarI18n();
21
21
  return /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Group, { className: slots.selectors({ className: classNames?.selectors }), children: datePartOrder.map((part) => {
@@ -3,7 +3,7 @@
3
3
  'use strict';
4
4
 
5
5
  var jsxRuntime = require('react/jsx-runtime');
6
- var react = require('react');
6
+ var $670gB$react = require('react');
7
7
  var date = require('@internationalized/date');
8
8
  var reactAriaComponents = require('react-aria-components');
9
9
  var useDeepCompare = require('use-deep-compare');
@@ -35,7 +35,7 @@ const Calendar = utils.forwardRefGeneric(function Calendar2(originalProps, ref)
35
35
  () => ouiTheme.calendarStyles(variantProps),
36
36
  [variantProps]
37
37
  );
38
- const context = react.useMemo(
38
+ const context = $670gB$react.useMemo(
39
39
  () => ({
40
40
  slots,
41
41
  classNames,
@@ -45,7 +45,7 @@ const Calendar = utils.forwardRefGeneric(function Calendar2(originalProps, ref)
45
45
  [className, classNames, slots, variantProps.size]
46
46
  );
47
47
  const numberOfVisibleMonths = props.visibleDuration?.months ?? 1;
48
- const dateToHighlight = react.useMemo(() => {
48
+ const dateToHighlight = $670gB$react.useMemo(() => {
49
49
  if (props.defaultFocusedValue !== void 0) {
50
50
  return props.defaultFocusedValue;
51
51
  }
@@ -147,7 +147,7 @@ const Calendar = utils.forwardRefGeneric(function Calendar2(originalProps, ref)
147
147
  const CalendarStateWrapper = ({
148
148
  children
149
149
  }) => {
150
- const state = react.useContext(reactAriaComponents.CalendarStateContext);
150
+ const state = $670gB$react.useContext(reactAriaComponents.CalendarStateContext);
151
151
  return /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Provider, { values: [[agnosticCalendarStateContext.AgnosticCalendarStateContext, state]], children });
152
152
  };
153
153
 
@@ -2,18 +2,18 @@
2
2
  "use client";
3
3
  'use strict';
4
4
 
5
- var react = require('react');
5
+ var $670gB$react = require('react');
6
6
  var reactAria = require('react-aria');
7
7
  var utils = require('../utils.cjs');
8
8
 
9
9
  const useCalendarSelectors = (state) => {
10
- const yearRange = react.useMemo(() => {
10
+ const yearRange = $670gB$react.useMemo(() => {
11
11
  const start = state.minValue.year ?? 1900;
12
12
  const end = state.maxValue.year ?? 2100;
13
13
  return { start, end };
14
14
  }, [state.maxValue, state.minValue]);
15
15
  const dateFormatter = reactAria.useDateFormatter(state);
16
- const datePartOrder = react.useMemo(() => {
16
+ const datePartOrder = $670gB$react.useMemo(() => {
17
17
  const parts = dateFormatter.formatToParts(
18
18
  state.visibleRange.start.toDate(state.timeZone)
19
19
  );
@@ -29,7 +29,7 @@ const useCalendarSelectors = (state) => {
29
29
  yearRange.end,
30
30
  state.timeZone
31
31
  );
32
- return react.useMemo(() => {
32
+ return $670gB$react.useMemo(() => {
33
33
  return {
34
34
  months,
35
35
  years,
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  'use strict';
3
3
 
4
- var react = require('react');
4
+ var $670gB$react = require('react');
5
5
  var date = require('@internationalized/date');
6
6
  var i18n = require('@react-aria/i18n');
7
7
 
@@ -25,7 +25,7 @@ function useGenerateLocalizedMonths(timeZone, formatterOptions) {
25
25
  timeZone,
26
26
  ...formatterOptions
27
27
  });
28
- return react.useMemo(() => {
28
+ return $670gB$react.useMemo(() => {
29
29
  return Array.from({ length: 12 }, (_, i) => {
30
30
  const id = i + 1;
31
31
  return {
@@ -43,7 +43,7 @@ function useGenerateLocalizedYears(yearStart, yearEnd, timeZone, formatterOption
43
43
  timeZone,
44
44
  ...formatterOptions
45
45
  });
46
- return react.useMemo(() => {
46
+ return $670gB$react.useMemo(() => {
47
47
  return Array.from({ length: yearEnd - yearStart + 1 }, (_, i) => {
48
48
  const year = yearStart + i;
49
49
  return {
@@ -3,7 +3,7 @@
3
3
  'use strict';
4
4
 
5
5
  var jsxRuntime = require('react/jsx-runtime');
6
- var react = require('react');
6
+ var $670gB$react = require('react');
7
7
  var fuzzysort = require('fuzzysort');
8
8
  var reactAriaComponents = require('react-aria-components');
9
9
  var ouiTheme = require('@opengovsg/oui-theme');
@@ -45,22 +45,22 @@ function ComboBoxFuzzy(originalProps) {
45
45
  inputValue,
46
46
  ...props
47
47
  } = _props;
48
- const deferredInputValue = react.useDeferredValue(inputValue);
49
- const preparedItems = react.useMemo(() => {
48
+ const deferredInputValue = $670gB$react.useDeferredValue(inputValue);
49
+ const preparedItems = $670gB$react.useMemo(() => {
50
50
  return items?.map((item) => ({
51
51
  ...item,
52
52
  prepared: fuzzysort.prepare(item.textValue)
53
53
  })) ?? [];
54
54
  }, [items]);
55
- const [filteredResults, setFilteredResults] = react.useState({ items, result: {} });
56
- const onSelectionChange = react.useCallback(
55
+ const [filteredResults, setFilteredResults] = $670gB$react.useState({ items, result: {} });
56
+ const onSelectionChange = $670gB$react.useCallback(
57
57
  (key) => {
58
58
  onSelectionChangeProp(key);
59
59
  setFilteredResults({ items: preparedItems, result: {} });
60
60
  },
61
61
  [onSelectionChangeProp, preparedItems]
62
62
  );
63
- const onInputChange = react.useCallback(
63
+ const onInputChange = $670gB$react.useCallback(
64
64
  (value) => {
65
65
  onInputChangeProp(value);
66
66
  if (!value) {
@@ -3,7 +3,7 @@
3
3
  'use strict';
4
4
 
5
5
  var jsxRuntime = require('react/jsx-runtime');
6
- var react = require('react');
6
+ var $670gB$react = require('react');
7
7
  var reactAriaComponents = require('react-aria-components');
8
8
  var ouiTheme = require('@opengovsg/oui-theme');
9
9
  var utils = require('../system/utils.cjs');
@@ -20,7 +20,7 @@ const ComboBoxItem = utils.forwardRef(function ComboBoxItem2(originalProps, ref)
20
20
  variantProps
21
21
  ] = utils.mapPropsVariants(originalProps, ouiTheme.listBoxItemStyles.variantKeys);
22
22
  const styles = ouiTheme.listBoxItemStyles(variantProps);
23
- const defaultTextValue = react.useMemo(() => {
23
+ const defaultTextValue = $670gB$react.useMemo(() => {
24
24
  if (props.textValue) {
25
25
  return props.textValue;
26
26
  }
@@ -3,7 +3,7 @@
3
3
  'use strict';
4
4
 
5
5
  var jsxRuntime = require('react/jsx-runtime');
6
- var react = require('react');
6
+ var $670gB$react = require('react');
7
7
  var reactAria = require('react-aria');
8
8
  var reactAriaComponents = require('react-aria-components');
9
9
  var ouiTheme = require('@opengovsg/oui-theme');
@@ -78,7 +78,7 @@ function ComboBox(originalProps) {
78
78
  ...props
79
79
  } = _props;
80
80
  const styles = ouiTheme.comboBoxStyles(variantProps);
81
- const layout = react.useMemo(() => {
81
+ const layout = $670gB$react.useMemo(() => {
82
82
  return new reactAriaComponents.ListLayout({
83
83
  estimatedRowHeight: calculateEstimatedRowHeight(
84
84
  variantProps.size ?? "md"
@@ -86,7 +86,7 @@ function ComboBox(originalProps) {
86
86
  ...listLayoutOptions
87
87
  });
88
88
  }, [listLayoutOptions, variantProps.size]);
89
- const renderEmptyState = react.useCallback(
89
+ const renderEmptyState = $670gB$react.useCallback(
90
90
  (props2) => {
91
91
  if (renderEmptyStateProp) {
92
92
  return renderEmptyStateProp(props2);
@@ -3,7 +3,7 @@
3
3
  'use strict';
4
4
 
5
5
  var jsxRuntime = require('react/jsx-runtime');
6
- var react = require('react');
6
+ var $670gB$react = require('react');
7
7
  var reactAriaComponents = require('react-aria-components');
8
8
  var ouiTheme = require('@opengovsg/oui-theme');
9
9
  var field = require('../field/field.cjs');
@@ -13,7 +13,7 @@ function DateField(originalProps) {
13
13
  const [
14
14
  { label, description, errorMessage, className, classNames, ...props },
15
15
  variantProps
16
- ] = react.useMemo(
16
+ ] = $670gB$react.useMemo(
17
17
  () => utils.mapPropsVariants(originalProps, ouiTheme.dateFieldStyles.variantKeys),
18
18
  [originalProps]
19
19
  );
@@ -47,7 +47,7 @@ function DateField(originalProps) {
47
47
  );
48
48
  }
49
49
  function DateInput(originalProps) {
50
- const [{ className, classNames, ...props }, variantProps] = react.useMemo(
50
+ const [{ className, classNames, ...props }, variantProps] = $670gB$react.useMemo(
51
51
  () => utils.mapPropsVariants(originalProps, ouiTheme.dateInputStyles.variantKeys),
52
52
  [originalProps]
53
53
  );
@@ -3,17 +3,16 @@
3
3
  'use strict';
4
4
 
5
5
  var jsxRuntime = require('react/jsx-runtime');
6
- var react = require('react');
6
+ var $670gB$react = require('react');
7
7
  var reactAriaComponents = require('react-aria-components');
8
8
  var ouiTheme = require('@opengovsg/oui-theme');
9
- var button = require('../button/button.cjs');
10
- var calendar$1 = require('../calendar/calendar.cjs');
11
- require('@internationalized/date');
12
9
  var dateField = require('../date-field/date-field.cjs');
13
10
  var field = require('../field/field.cjs');
14
11
  var popover = require('../popover/popover.cjs');
15
12
  var utils = require('../system/utils.cjs');
16
13
  var calendar = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/calendar.cjs');
14
+ var calendar$1 = require('../calendar/calendar.cjs');
15
+ var button = require('../button/button.cjs');
17
16
 
18
17
  function DatePicker(originalProps) {
19
18
  const [
@@ -29,7 +28,7 @@ function DatePicker(originalProps) {
29
28
  ...props
30
29
  },
31
30
  variantProps
32
- ] = react.useMemo(
31
+ ] = $670gB$react.useMemo(
33
32
  () => utils.mapPropsVariants(originalProps, ouiTheme.datePickerStyles.variantKeys),
34
33
  [originalProps]
35
34
  );
@@ -3,17 +3,17 @@
3
3
  'use strict';
4
4
 
5
5
  var jsxRuntime = require('react/jsx-runtime');
6
- var react = require('react');
6
+ var $670gB$react = require('react');
7
7
  var date = require('@internationalized/date');
8
8
  var reactAriaComponents = require('react-aria-components');
9
9
  var ouiTheme = require('@opengovsg/oui-theme');
10
- var button = require('../button/button.cjs');
11
10
  var dateField = require('../date-field/date-field.cjs');
12
11
  var field = require('../field/field.cjs');
13
12
  var popover = require('../popover/popover.cjs');
14
13
  var rangeCalendar = require('../range-calendar/range-calendar.cjs');
15
14
  var utils = require('../system/utils.cjs');
16
15
  var calendar = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/calendar.cjs');
16
+ var button = require('../button/button.cjs');
17
17
 
18
18
  function DateRangePicker(originalProps) {
19
19
  const [
@@ -31,12 +31,12 @@ function DateRangePicker(originalProps) {
31
31
  ...props
32
32
  },
33
33
  variantProps
34
- ] = react.useMemo(
34
+ ] = $670gB$react.useMemo(
35
35
  () => utils.mapPropsVariants(originalProps, ouiTheme.dateRangePickerStyles.variantKeys),
36
36
  [originalProps]
37
37
  );
38
38
  const styles = ouiTheme.dateRangePickerStyles(variantProps);
39
- const { minValue, maxValue } = react.useMemo(() => {
39
+ const { minValue, maxValue } = $670gB$react.useMemo(() => {
40
40
  return {
41
41
  minValue: minValueProp ?? new date.CalendarDate(1900, 0, 1),
42
42
  // Default to 1 Jan 1900
@@ -3,7 +3,7 @@
3
3
  'use strict';
4
4
 
5
5
  var jsxRuntime = require('react/jsx-runtime');
6
- var react = require('react');
6
+ var $670gB$react = require('react');
7
7
  var reactAria = require('react-aria');
8
8
  var reactStately = require('react-stately');
9
9
  var ouiTheme = require('@opengovsg/oui-theme');
@@ -18,8 +18,8 @@ function GovtBanner({
18
18
  ...props
19
19
  }) {
20
20
  const state = reactStately.useDisclosureState(props);
21
- const panelRef = react.useRef(null);
22
- const triggerRef = react.useRef(null);
21
+ const panelRef = $670gB$react.useRef(null);
22
+ const triggerRef = $670gB$react.useRef(null);
23
23
  const { buttonProps: triggerProps, panelProps } = reactAria.useDisclosure(
24
24
  props,
25
25
  state,
@@ -2,16 +2,16 @@
2
2
  "use client";
3
3
  'use strict';
4
4
 
5
- var react = require('react');
5
+ var $670gB$react = require('react');
6
6
 
7
7
  function useCallbackRef(callback, deps = []) {
8
- const callbackRef = react.useRef(() => {
8
+ const callbackRef = $670gB$react.useRef(() => {
9
9
  throw new Error("Cannot call an event handler while rendering.");
10
10
  });
11
- react.useInsertionEffect(() => {
11
+ $670gB$react.useInsertionEffect(() => {
12
12
  callbackRef.current = callback;
13
13
  });
14
- return react.useCallback((...args) => callbackRef.current?.(...args), deps);
14
+ return $670gB$react.useCallback((...args) => callbackRef.current?.(...args), deps);
15
15
  }
16
16
 
17
17
  exports.useCallbackRef = useCallbackRef;
@@ -2,7 +2,7 @@
2
2
  "use client";
3
3
  'use strict';
4
4
 
5
- var react = require('react');
5
+ var $670gB$react = require('react');
6
6
  var useCallbackRef = require('./use-callback-ref.cjs');
7
7
 
8
8
  function useControllableState(props) {
@@ -14,7 +14,7 @@ function useControllableState(props) {
14
14
  } = props;
15
15
  const onChangeProp = useCallbackRef.useCallbackRef(onChange);
16
16
  const shouldUpdateProp = useCallbackRef.useCallbackRef(shouldUpdate);
17
- const [uncontrolledState, setUncontrolledState] = react.useState(defaultValue);
17
+ const [uncontrolledState, setUncontrolledState] = $670gB$react.useState(defaultValue);
18
18
  const controlled = valueProp !== void 0;
19
19
  const value = controlled ? valueProp : uncontrolledState;
20
20
  const setValue = useCallbackRef.useCallbackRef(
@@ -2,7 +2,6 @@
2
2
  'use strict';
3
3
 
4
4
  var useControllableState = require('./hooks/use-controllable-state.cjs');
5
- var button = require('./button/button.cjs');
6
5
  var govtBanner = require('./govt-banner/govt-banner.cjs');
7
6
  var ripple = require('./ripple/ripple.cjs');
8
7
  var useRipple = require('./ripple/use-ripple.cjs');
@@ -19,17 +18,11 @@ var comboBox = require('./combo-box/combo-box.cjs');
19
18
  var comboBoxFuzzy = require('./combo-box/combo-box-fuzzy.cjs');
20
19
  var comboBoxItem = require('./combo-box/combo-box-item.cjs');
21
20
  var comboBoxVariantContext = require('./combo-box/combo-box-variant-context.cjs');
22
- var banner = require('./banner/banner.cjs');
23
21
  var tagField = require('./tag-field/tag-field.cjs');
24
22
  var tagFieldItem = require('./tag-field/tag-field-item.cjs');
25
23
  var select = require('./select/select.cjs');
26
24
  var selectItem = require('./select/select-item.cjs');
27
25
  var selectVariantContext = require('./select/select-variant-context.cjs');
28
- var badge = require('./badge/badge.cjs');
29
- var calendar = require('./calendar/calendar.cjs');
30
- var calendarStyleContext = require('./calendar/calendar-style-context.cjs');
31
- var utils = require('./calendar/utils.cjs');
32
- var date = require('@internationalized/date');
33
26
  var rangeCalendar = require('./range-calendar/range-calendar.cjs');
34
27
  var menu = require('./menu/menu.cjs');
35
28
  var popover = require('./popover/popover.cjs');
@@ -39,11 +32,22 @@ var datePicker = require('./date-picker/date-picker.cjs');
39
32
  var dateRangePicker = require('./date-range-picker/date-range-picker.cjs');
40
33
  var checkbox = require('./checkbox/checkbox.cjs');
41
34
  var checkboxGroupStyleContext = require('./checkbox/checkbox-group-style-context.cjs');
35
+ var pagination = require('./pagination/pagination.cjs');
36
+ var paginationCursor = require('./pagination/pagination-cursor.cjs');
37
+ var paginationItem = require('./pagination/pagination-item.cjs');
38
+ var usePagination = require('./pagination/hooks/use-pagination.cjs');
39
+ var usePagination$1 = require('./pagination/use-pagination.cjs');
40
+ var button = require('./button/button.cjs');
41
+ var banner = require('./banner/banner.cjs');
42
+ var badge = require('./badge/badge.cjs');
43
+ var date = require('@internationalized/date');
44
+ var calendar = require('./calendar/calendar.cjs');
45
+ var calendarStyleContext = require('./calendar/calendar-style-context.cjs');
46
+ var utils = require('./calendar/utils.cjs');
42
47
 
43
48
 
44
49
 
45
50
  exports.useControllableState = useControllableState.useControllableState;
46
- exports.Button = button.Button;
47
51
  exports.GovtBanner = govtBanner.GovtBanner;
48
52
  exports.Ripple = ripple.Ripple;
49
53
  exports.useRipple = useRipple.useRipple;
@@ -65,26 +69,12 @@ exports.ComboBoxFuzzy = comboBoxFuzzy.ComboBoxFuzzy;
65
69
  exports.ComboBoxItem = comboBoxItem.ComboBoxItem;
66
70
  exports.ComboBoxVariantContext = comboBoxVariantContext.ComboBoxVariantContext;
67
71
  exports.useComboBoxVariantContext = comboBoxVariantContext.useComboBoxVariantContext;
68
- exports.Banner = banner.Banner;
69
72
  exports.TagField = tagField.TagField;
70
73
  exports.TagFieldItem = tagFieldItem.TagFieldItem;
71
74
  exports.Select = select.Select;
72
75
  exports.SelectItem = selectItem.SelectItem;
73
76
  exports.SelectVariantContext = selectVariantContext.SelectVariantContext;
74
77
  exports.useSelectVariantContext = selectVariantContext.useSelectVariantContext;
75
- exports.Badge = badge.Badge;
76
- exports.Calendar = calendar.Calendar;
77
- exports.CalendarStateWrapper = calendar.CalendarStateWrapper;
78
- exports.CalendarStyleContext = calendarStyleContext.CalendarStyleContext;
79
- exports.useCalendarStyleContext = calendarStyleContext.useCalendarStyleContext;
80
- exports.getEraFormat = utils.getEraFormat;
81
- exports.useGenerateLocalizedMonths = utils.useGenerateLocalizedMonths;
82
- exports.useGenerateLocalizedYears = utils.useGenerateLocalizedYears;
83
- exports.useLocalizedMonthYear = utils.useLocalizedMonthYear;
84
- Object.defineProperty(exports, "CalendarDate", {
85
- enumerable: true,
86
- get: function () { return date.CalendarDate; }
87
- });
88
78
  exports.RangeCalendar = rangeCalendar.RangeCalendar;
89
79
  exports.RangeCalendarCell = rangeCalendar.RangeCalendarCell;
90
80
  exports.RangeCalendarStateWrapper = rangeCalendar.RangeCalendarStateWrapper;
@@ -111,3 +101,24 @@ exports.Checkbox = checkbox.Checkbox;
111
101
  exports.CheckboxGroup = checkbox.CheckboxGroup;
112
102
  exports.CheckboxGroupStyleContext = checkboxGroupStyleContext.CheckboxGroupStyleContext;
113
103
  exports.useCheckboxGroupStyleContext = checkboxGroupStyleContext.useCheckboxGroupStyleContext;
104
+ exports.Pagination = pagination.Pagination;
105
+ exports.PaginationCursor = paginationCursor.PaginationCursor;
106
+ exports.PaginationItem = paginationItem.PaginationItem;
107
+ exports.PaginationItemType = usePagination.PaginationItemType;
108
+ exports.CURSOR_TRANSITION_TIMEOUT = usePagination$1.CURSOR_TRANSITION_TIMEOUT;
109
+ exports.usePagination = usePagination$1.usePagination;
110
+ exports.Button = button.Button;
111
+ exports.Banner = banner.Banner;
112
+ exports.Badge = badge.Badge;
113
+ Object.defineProperty(exports, "CalendarDate", {
114
+ enumerable: true,
115
+ get: function () { return date.CalendarDate; }
116
+ });
117
+ exports.Calendar = calendar.Calendar;
118
+ exports.CalendarStateWrapper = calendar.CalendarStateWrapper;
119
+ exports.CalendarStyleContext = calendarStyleContext.CalendarStyleContext;
120
+ exports.useCalendarStyleContext = calendarStyleContext.useCalendarStyleContext;
121
+ exports.getEraFormat = utils.getEraFormat;
122
+ exports.useGenerateLocalizedMonths = utils.useGenerateLocalizedMonths;
123
+ exports.useGenerateLocalizedYears = utils.useGenerateLocalizedYears;
124
+ exports.useLocalizedMonthYear = utils.useLocalizedMonthYear;
@@ -3,11 +3,11 @@
3
3
  'use strict';
4
4
 
5
5
  var jsxRuntime = require('react/jsx-runtime');
6
- var react = require('react');
6
+ var $670gB$react = require('react');
7
7
  var reactAriaComponents = require('react-aria-components');
8
8
  var ouiTheme = require('@opengovsg/oui-theme');
9
9
 
10
- const Input = react.forwardRef(
10
+ const Input = $670gB$react.forwardRef(
11
11
  ({ size, variant, isDisabled, ...props }, ref) => {
12
12
  return /* @__PURE__ */ jsxRuntime.jsx(
13
13
  reactAriaComponents.Input,