@opengovsg/oui 0.0.25 → 0.0.26

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 (97) hide show
  1. package/dist/cjs/badge/badge.cjs +1 -1
  2. package/dist/cjs/banner/banner.cjs +3 -3
  3. package/dist/cjs/button/button.cjs +2 -2
  4. package/dist/cjs/calendar/calendar-header.cjs +2 -2
  5. package/dist/cjs/checkbox/checkbox.cjs +3 -3
  6. package/dist/cjs/combo-box/combo-box.cjs +5 -5
  7. package/dist/cjs/date-field/date-field.cjs +1 -1
  8. package/dist/cjs/date-picker/date-picker.cjs +4 -5
  9. package/dist/cjs/date-range-picker/date-range-picker.cjs +5 -5
  10. package/dist/cjs/field/field.cjs +1 -1
  11. package/dist/cjs/file-dropzone/file-dropzone.cjs +3 -3
  12. package/dist/cjs/file-dropzone/file-info.cjs +1 -1
  13. package/dist/cjs/govt-banner/govt-banner.cjs +4 -4
  14. package/dist/cjs/index.cjs +44 -44
  15. package/dist/cjs/menu/menu.cjs +3 -3
  16. package/dist/cjs/modal/modal-content.cjs +1 -1
  17. package/dist/cjs/number-field/number-field.cjs +3 -3
  18. package/dist/cjs/pagination/pagination.cjs +3 -3
  19. package/dist/cjs/range-calendar/range-calendar.cjs +1 -1
  20. package/dist/cjs/select/select.cjs +3 -3
  21. package/dist/cjs/system/utils.cjs +0 -48
  22. package/dist/cjs/tag-field/tag-field-tag-list.cjs +1 -1
  23. package/dist/cjs/tag-field/tag-field.cjs +4 -4
  24. package/dist/cjs/text-area-field/text-area-field.cjs +1 -1
  25. package/dist/cjs/text-field/text-field.cjs +1 -1
  26. package/dist/esm/badge/badge.js +1 -1
  27. package/dist/esm/banner/banner.js +3 -3
  28. package/dist/esm/button/button.js +2 -2
  29. package/dist/esm/calendar/calendar-header.js +2 -2
  30. package/dist/esm/checkbox/checkbox.js +3 -3
  31. package/dist/esm/combo-box/combo-box.js +5 -5
  32. package/dist/esm/date-field/date-field.js +1 -1
  33. package/dist/esm/date-picker/date-picker.js +4 -5
  34. package/dist/esm/date-range-picker/date-range-picker.js +5 -5
  35. package/dist/esm/field/field.js +1 -1
  36. package/dist/esm/file-dropzone/file-dropzone.js +3 -3
  37. package/dist/esm/file-dropzone/file-info.js +1 -1
  38. package/dist/esm/govt-banner/govt-banner.js +4 -4
  39. package/dist/esm/index.js +17 -17
  40. package/dist/esm/menu/menu.js +3 -3
  41. package/dist/esm/modal/modal-content.js +1 -1
  42. package/dist/esm/number-field/number-field.js +3 -3
  43. package/dist/esm/pagination/pagination.js +3 -3
  44. package/dist/esm/range-calendar/range-calendar.js +1 -1
  45. package/dist/esm/select/select.js +3 -3
  46. package/dist/esm/system/utils.js +2 -49
  47. package/dist/esm/tag-field/tag-field-tag-list.js +1 -1
  48. package/dist/esm/tag-field/tag-field.js +4 -4
  49. package/dist/esm/text-area-field/text-area-field.js +1 -1
  50. package/dist/esm/text-field/text-field.js +1 -1
  51. package/dist/types/system/utils.d.ts +1 -833
  52. package/dist/types/system/utils.d.ts.map +1 -1
  53. package/package.json +11 -11
  54. /package/dist/cjs/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/Icon.cjs +0 -0
  55. /package/dist/cjs/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/createLucideIcon.cjs +0 -0
  56. /package/dist/cjs/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/defaultAttributes.cjs +0 -0
  57. /package/dist/cjs/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/calendar.cjs +0 -0
  58. /package/dist/cjs/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/check.cjs +0 -0
  59. /package/dist/cjs/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/chevron-down.cjs +0 -0
  60. /package/dist/cjs/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/chevron-left.cjs +0 -0
  61. /package/dist/cjs/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/chevron-right.cjs +0 -0
  62. /package/dist/cjs/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/chevron-up.cjs +0 -0
  63. /package/dist/cjs/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/chevrons-right.cjs +0 -0
  64. /package/dist/cjs/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/circle-alert.cjs +0 -0
  65. /package/dist/cjs/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/ellipsis.cjs +0 -0
  66. /package/dist/cjs/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/external-link.cjs +0 -0
  67. /package/dist/cjs/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/info.cjs +0 -0
  68. /package/dist/cjs/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/landmark.cjs +0 -0
  69. /package/dist/cjs/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/lock.cjs +0 -0
  70. /package/dist/cjs/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/minus.cjs +0 -0
  71. /package/dist/cjs/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/plus.cjs +0 -0
  72. /package/dist/cjs/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/trash-2.cjs +0 -0
  73. /package/dist/cjs/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/upload.cjs +0 -0
  74. /package/dist/cjs/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/x.cjs +0 -0
  75. /package/dist/cjs/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/shared/src/utils.cjs +0 -0
  76. /package/dist/esm/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/Icon.js +0 -0
  77. /package/dist/esm/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/createLucideIcon.js +0 -0
  78. /package/dist/esm/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/defaultAttributes.js +0 -0
  79. /package/dist/esm/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/calendar.js +0 -0
  80. /package/dist/esm/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/check.js +0 -0
  81. /package/dist/esm/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/chevron-down.js +0 -0
  82. /package/dist/esm/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/chevron-left.js +0 -0
  83. /package/dist/esm/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/chevron-right.js +0 -0
  84. /package/dist/esm/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/chevron-up.js +0 -0
  85. /package/dist/esm/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/chevrons-right.js +0 -0
  86. /package/dist/esm/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/circle-alert.js +0 -0
  87. /package/dist/esm/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/ellipsis.js +0 -0
  88. /package/dist/esm/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/external-link.js +0 -0
  89. /package/dist/esm/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/info.js +0 -0
  90. /package/dist/esm/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/landmark.js +0 -0
  91. /package/dist/esm/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/lock.js +0 -0
  92. /package/dist/esm/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/minus.js +0 -0
  93. /package/dist/esm/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/plus.js +0 -0
  94. /package/dist/esm/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/trash-2.js +0 -0
  95. /package/dist/esm/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/upload.js +0 -0
  96. /package/dist/esm/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/icons/x.js +0 -0
  97. /package/dist/esm/node_modules/.pnpm/{lucide-react@0.475.0_react@19.0.0 → lucide-react@0.475.0_react@19.2.1}/node_modules/lucide-react/dist/esm/shared/src/utils.js +0 -0
@@ -8,8 +8,8 @@ import { AgnosticCalendarStateContext } from './agnostic-calendar-state-context.
8
8
  import { CalendarMonthDaySelector } from './calendar-month-day-selector.js';
9
9
  import { useCalendarStyleContext } from './calendar-style-context.js';
10
10
  import { useLocalizedMonthYear } from './utils.js';
11
- 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';
12
- 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';
11
+ import ChevronRight from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/chevron-right.js';
12
+ import ChevronLeft from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/chevron-left.js';
13
13
 
14
14
  function CalendarHeader({ offsetMonths = 0 }) {
15
15
  const { direction } = useLocale();
@@ -3,11 +3,11 @@
3
3
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
4
4
  import { Checkbox as Checkbox$1, composeRenderProps, Provider, CheckboxGroup as CheckboxGroup$1 } from 'react-aria-components';
5
5
  import { checkboxStyles, checkboxGroupStyles } from '@opengovsg/oui-theme';
6
- import { Label, Description, FieldError } from '../field/field.js';
7
6
  import { mapPropsVariants } from '../system/utils.js';
8
7
  import { useCheckboxGroupStyleContext, CheckboxGroupStyleContext } from './checkbox-group-style-context.js';
9
- import Minus from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/minus.js';
10
- import Check from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/check.js';
8
+ import Minus from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/minus.js';
9
+ import Check from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/check.js';
10
+ import { Label, Description, FieldError } from '../field/field.js';
11
11
 
12
12
  const Checkbox = ({
13
13
  classNames,
@@ -5,13 +5,13 @@ import { useMemo, useCallback } from 'react';
5
5
  import { useMessageFormatter } from 'react-aria';
6
6
  import { ListLayout, Provider, ComboBox as ComboBox$1, Input, Button, Virtualizer, ListBox } from 'react-aria-components';
7
7
  import { listBoxItemStyles, cn, comboBoxStyles, composeTailwindRenderProps, composeRenderProps, comboBoxClearButtonStyles } from '@opengovsg/oui-theme';
8
- import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
9
- import { Popover } from '../popover/popover.js';
10
8
  import { mapPropsVariants } from '../system/utils.js';
11
9
  import { ComboBoxVariantContext } from './combo-box-variant-context.js';
12
- import ChevronUp from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevron-up.js';
13
- 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';
14
- import X from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/x.js';
10
+ import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
11
+ import ChevronUp from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/chevron-up.js';
12
+ import ChevronDown from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/chevron-down.js';
13
+ import X from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/x.js';
14
+ import { Popover } from '../popover/popover.js';
15
15
 
16
16
  const calculateEstimatedRowHeight = (size) => {
17
17
  switch (size) {
@@ -4,8 +4,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
4
4
  import { useMemo } from 'react';
5
5
  import { DateField as DateField$1, DateInput as DateInput$1, DateSegment } from 'react-aria-components';
6
6
  import { dateFieldStyles, composeTailwindRenderProps, dateInputStyles, composeRenderProps } from '@opengovsg/oui-theme';
7
- import { Label, Description, FieldError } from '../field/field.js';
8
7
  import { mapPropsVariants } from '../system/utils.js';
8
+ import { Label, Description, FieldError } from '../field/field.js';
9
9
 
10
10
  function DateField(originalProps) {
11
11
  const [
@@ -4,14 +4,13 @@ import { jsxs, jsx } from 'react/jsx-runtime';
4
4
  import { useMemo } from 'react';
5
5
  import { DatePicker as DatePicker$1, Dialog } from 'react-aria-components';
6
6
  import { datePickerStyles, composeTailwindRenderProps } from '@opengovsg/oui-theme';
7
- import { Calendar as Calendar$1 } from '../calendar/calendar.js';
8
- import '@internationalized/date';
7
+ import { mapPropsVariants } from '../system/utils.js';
9
8
  import { DateInput } from '../date-field/date-field.js';
9
+ import Calendar from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/calendar.js';
10
+ import { Calendar as Calendar$1 } from '../calendar/calendar.js';
10
11
  import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
11
- import { Popover } from '../popover/popover.js';
12
- import { mapPropsVariants } from '../system/utils.js';
13
- import Calendar from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/calendar.js';
14
12
  import { Button } from '../button/button.js';
13
+ import { Popover } from '../popover/popover.js';
15
14
 
16
15
  function DatePicker(originalProps) {
17
16
  const [
@@ -5,13 +5,13 @@ import { useMemo } from 'react';
5
5
  import { CalendarDate } from '@internationalized/date';
6
6
  import { DateRangePicker as DateRangePicker$1, Dialog } from 'react-aria-components';
7
7
  import { dateRangePickerStyles, composeTailwindRenderProps } from '@opengovsg/oui-theme';
8
- import { DateInput } from '../date-field/date-field.js';
9
- import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
10
- import { Popover } from '../popover/popover.js';
11
- import { RangeCalendar } from '../range-calendar/range-calendar.js';
12
8
  import { mapPropsVariants } from '../system/utils.js';
13
- import Calendar from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/calendar.js';
9
+ import Calendar from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/calendar.js';
10
+ import { RangeCalendar } from '../range-calendar/range-calendar.js';
11
+ import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
12
+ import { DateInput } from '../date-field/date-field.js';
14
13
  import { Button } from '../button/button.js';
14
+ import { Popover } from '../popover/popover.js';
15
15
 
16
16
  function DateRangePicker(originalProps) {
17
17
  const [
@@ -4,7 +4,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
4
4
  import { useMemo } from 'react';
5
5
  import { Label as Label$1, Text, FieldError as FieldError$1, Group } from 'react-aria-components';
6
6
  import { labelStyles, descriptionStyles, fieldErrorStyles, composeRenderProps, fieldGroupStyles } from '@opengovsg/oui-theme';
7
- import CircleAlert from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/circle-alert.js';
7
+ import CircleAlert from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/circle-alert.js';
8
8
 
9
9
  function Label({ size, className, ...props }) {
10
10
  return /* @__PURE__ */ jsx(Label$1, { ...props, className: labelStyles({ className, size }) });
@@ -7,13 +7,13 @@ import { useField, useId } from 'react-aria';
7
7
  import { Provider, LabelContext, GroupContext, TextContext, FieldErrorContext, Group } from 'react-aria-components';
8
8
  import { useDropzone } from 'react-dropzone';
9
9
  import { fileDropzoneStyles, dataAttr } from '@opengovsg/oui-theme';
10
- import { Label, Description, FieldError } from '../field/field.js';
11
- import { useControllableState } from '../hooks/use-controllable-state.js';
12
10
  import { mapPropsVariants } from '../system/utils.js';
13
11
  import { FileDropzoneStyleContext, FileDropzoneStateContext, useFileDropzoneStateContext, useFileDropzoneStyleContext } from './contexts.js';
14
12
  import { FileInfo } from './file-info.js';
15
13
  import { formatErrorMessage, formatBytes } from './utils.js';
16
- import Upload from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/upload.js';
14
+ import { useControllableState } from '../hooks/use-controllable-state.js';
15
+ import Upload from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/upload.js';
16
+ import { Label, Description, FieldError } from '../field/field.js';
17
17
 
18
18
  const FileDropzone = (originalProps) => {
19
19
  const [props, variantProps] = mapPropsVariants(
@@ -5,7 +5,7 @@ import { useState, useEffect } from 'react';
5
5
  import { fileInfoDropzoneStyles, cn } from '@opengovsg/oui-theme';
6
6
  import { useFileDropzoneStateContext, useFileDropzoneStyleContext } from './contexts.js';
7
7
  import { formatBytes } from './utils.js';
8
- import Trash2 from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/trash-2.js';
8
+ import Trash2 from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/trash-2.js';
9
9
  import { Button } from '../button/button.js';
10
10
 
11
11
  const FileInfo = ({ file, imagePreview, classNames }) => {
@@ -5,10 +5,10 @@ import { useRef } from 'react';
5
5
  import { useDisclosure, useButton, useFocusRing, mergeProps } from 'react-aria';
6
6
  import { useDisclosureState } from 'react-stately';
7
7
  import { govtBannerStyles, dataAttr, twMerge } from '@opengovsg/oui-theme';
8
- 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';
9
- import Landmark from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/landmark.js';
10
- import ExternalLink from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/external-link.js';
11
- import Lock from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/lock.js';
8
+ import ChevronDown from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/chevron-down.js';
9
+ import Landmark from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/landmark.js';
10
+ import ExternalLink from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/external-link.js';
11
+ import Lock from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/lock.js';
12
12
 
13
13
  function GovtBanner({
14
14
  environment,
package/dist/esm/index.js CHANGED
@@ -1,44 +1,47 @@
1
1
  "use strict";
2
- export { useControllableState } from './hooks/use-controllable-state.js';
3
- export { useDraggable } from './hooks/use-draggable.js';
4
- export { GovtBanner } from './govt-banner/govt-banner.js';
5
- export { Ripple } from './ripple/ripple.js';
6
- export { useRipple } from './ripple/use-ripple.js';
7
2
  export { Spinner } from './spinner/spinner.js';
8
3
  export { useSpinner } from './spinner/use-spinner.js';
9
4
  export { Toggle } from './toggle/toggle.js';
10
5
  export { SkipNavLink } from './skip-nav-link/skip-nav-link.js';
11
- export { Input } from './input/input.js';
12
6
  export { TextField } from './text-field/text-field.js';
13
- export { Description, FieldError, FieldErrorIcon, FieldGroup, Label } from './field/field.js';
14
7
  export { TextArea } from './text-area/text-area.js';
15
8
  export { TextAreaField } from './text-area-field/text-area-field.js';
16
- export { ComboBox, ComboBoxEmptyState } from './combo-box/combo-box.js';
17
- export { ComboBoxFuzzy } from './combo-box/combo-box-fuzzy.js';
18
- export { ComboBoxItem } from './combo-box/combo-box-item.js';
19
- export { ComboBoxVariantContext, useComboBoxVariantContext } from './combo-box/combo-box-variant-context.js';
20
9
  export { TagField } from './tag-field/tag-field.js';
21
10
  export { TagFieldItem } from './tag-field/tag-field-item.js';
22
11
  export { Select } from './select/select.js';
23
12
  export { SelectItem } from './select/select-item.js';
24
13
  export { SelectVariantContext, useSelectVariantContext } from './select/select-variant-context.js';
14
+ export { Tab, TabList, TabPanel, Tabs, TabsVariantContext, useTabsVariantContext } from './tabs/tabs.js';
15
+ export { useControllableState } from './hooks/use-controllable-state.js';
16
+ export { useDraggable } from './hooks/use-draggable.js';
17
+ export { Button } from './button/button.js';
18
+ export { GovtBanner } from './govt-banner/govt-banner.js';
19
+ export { Ripple } from './ripple/ripple.js';
20
+ export { useRipple } from './ripple/use-ripple.js';
21
+ export { Input } from './input/input.js';
22
+ export { Description, FieldError, FieldErrorIcon, FieldGroup, Label } from './field/field.js';
23
+ export { ComboBox, ComboBoxEmptyState } from './combo-box/combo-box.js';
24
+ export { ComboBoxFuzzy } from './combo-box/combo-box-fuzzy.js';
25
+ export { ComboBoxItem } from './combo-box/combo-box-item.js';
26
+ export { ComboBoxVariantContext, useComboBoxVariantContext } from './combo-box/combo-box-variant-context.js';
27
+ export { Banner } from './banner/banner.js';
28
+ export { Badge } from './badge/badge.js';
29
+ export { CalendarDate } from '@internationalized/date';
25
30
  export { Calendar, CalendarStateWrapper } from './calendar/calendar.js';
26
31
  export { CalendarStyleContext, useCalendarStyleContext } from './calendar/calendar-style-context.js';
27
32
  export { getEraFormat, useGenerateLocalizedMonths, useGenerateLocalizedYears, useLocalizedMonthYear } from './calendar/utils.js';
28
- export { CalendarDate } from '@internationalized/date';
29
33
  export { RangeCalendar, RangeCalendarCell, RangeCalendarStateWrapper } from './range-calendar/range-calendar.js';
30
34
  export { Menu, MenuItem, MenuSection, MenuSeparator, MenuTrigger, MenuVariantContext, SubmenuTrigger, useMenuVariantContext } from './menu/menu.js';
31
35
  export { Popover } from './popover/popover.js';
32
- export { Tab, TabList, TabPanel, Tabs, TabsVariantContext, useTabsVariantContext } from './tabs/tabs.js';
33
36
  export { DateField, DateInput } from './date-field/date-field.js';
34
37
  export { DatePicker } from './date-picker/date-picker.js';
35
38
  export { DateRangePicker } from './date-range-picker/date-range-picker.js';
36
39
  export { Checkbox, CheckboxGroup } from './checkbox/checkbox.js';
37
40
  export { CheckboxGroupStyleContext, useCheckboxGroupStyleContext } from './checkbox/checkbox-group-style-context.js';
41
+ export { PaginationItemType } from './pagination/hooks/use-pagination.js';
38
42
  export { Pagination } from './pagination/pagination.js';
39
43
  export { PaginationCursor } from './pagination/pagination-cursor.js';
40
44
  export { PaginationItem } from './pagination/pagination-item.js';
41
- export { PaginationItemType } from './pagination/hooks/use-pagination.js';
42
45
  export { CURSOR_TRANSITION_TIMEOUT, usePagination } from './pagination/use-pagination.js';
43
46
  export { FileDropzone } from './file-dropzone/file-dropzone.js';
44
47
  export { FileInfo } from './file-dropzone/file-info.js';
@@ -50,6 +53,3 @@ export { ModalFooter } from './modal/modal-footer.js';
50
53
  export { ModalBody } from './modal/modal-body.js';
51
54
  export { ModalHeader } from './modal/modal-header.js';
52
55
  export { ModalVariantContext, useModalVariantContext } from './modal/modal-variant-context.js';
53
- export { Button } from './button/button.js';
54
- export { Banner } from './banner/banner.js';
55
- export { Badge } from './badge/badge.js';
@@ -4,11 +4,11 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
4
4
  import { forwardRef, useMemo, useCallback } from 'react';
5
5
  import { useContextProps, MenuItem as MenuItem$1, composeRenderProps, Provider, Menu as Menu$1, MenuSection as MenuSection$1, Header, Collection, MenuTrigger as MenuTrigger$1, SubmenuTrigger as SubmenuTrigger$1, Separator } from 'react-aria-components';
6
6
  import { listBoxItemStyles, menuItemStyles, menuStyles, menuSectionStyles, menuDividerStyles } from '@opengovsg/oui-theme';
7
- import { Popover } from '../popover/popover.js';
8
7
  import { forwardRefGeneric, mapPropsVariants } from '../system/utils.js';
9
- import Check from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/check.js';
10
- 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';
8
+ import Check from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/check.js';
9
+ import ChevronRight from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/chevron-right.js';
11
10
  import { createContext } from '../system/react-utils/context.js';
11
+ import { Popover } from '../popover/popover.js';
12
12
 
13
13
  const [MenuVariantContext, useMenuVariantContext] = createContext({
14
14
  name: "MenuVariantContext",
@@ -7,7 +7,7 @@ import { Dialog } from 'react-aria-components';
7
7
  import { cn } from '@opengovsg/oui-theme';
8
8
  import { i18nStrings } from './i18n.js';
9
9
  import { ModalVariantContext } from './modal-variant-context.js';
10
- import X from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/x.js';
10
+ import X from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/x.js';
11
11
  import { Button } from '../button/button.js';
12
12
 
13
13
  function ModalContent({
@@ -3,11 +3,11 @@
3
3
  import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
4
4
  import { NumberField as NumberField$1 } from 'react-aria-components';
5
5
  import { numberFieldStyles, composeTailwindRenderProps, dataAttr, fieldBorderStyles, cn } from '@opengovsg/oui-theme';
6
+ import { mapPropsVariants } from '../system/utils.js';
7
+ import Minus from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/minus.js';
8
+ import Plus from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/plus.js';
6
9
  import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
7
10
  import { Input } from '../input/input.js';
8
- import { mapPropsVariants } from '../system/utils.js';
9
- import Minus from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/minus.js';
10
- import Plus from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/plus.js';
11
11
  import { Button } from '../button/button.js';
12
12
 
13
13
  function NumberField(originalProps) {
@@ -9,9 +9,9 @@ import { PaginationItemType } from './hooks/use-pagination.js';
9
9
  import { PaginationCursor } from './pagination-cursor.js';
10
10
  import { PaginationItem } from './pagination-item.js';
11
11
  import { usePagination } from './use-pagination.js';
12
- 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';
13
- import Ellipsis from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/ellipsis.js';
14
- import ChevronsRight from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevrons-right.js';
12
+ import ChevronLeft from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/chevron-left.js';
13
+ import Ellipsis from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/ellipsis.js';
14
+ import ChevronsRight from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/chevrons-right.js';
15
15
 
16
16
  const Pagination = forwardRef((props, ref) => {
17
17
  const {
@@ -6,12 +6,12 @@ import { CalendarDate, today, getLocalTimeZone, getDayOfWeek } from '@internatio
6
6
  import { RangeCalendar as RangeCalendar$1, Provider, CalendarGrid, CalendarGridBody, Text, RangeCalendarStateContext, useLocale, CalendarCell } from 'react-aria-components';
7
7
  import { useDeepCompareMemo } from 'use-deep-compare';
8
8
  import { calendarStyles, composeRenderProps, cn, dataAttr } from '@opengovsg/oui-theme';
9
- import { CalendarStyleContext, useCalendarStyleContext } from '../calendar/calendar-style-context.js';
10
9
  import { AgnosticCalendarStateContext } from '../calendar/agnostic-calendar-state-context.js';
11
10
  import { CalendarBottomContent } from '../calendar/calendar-bottom-content.js';
12
11
  import { CalendarGridHeader } from '../calendar/calendar-grid-header.js';
13
12
  import { CalendarHeader } from '../calendar/calendar-header.js';
14
13
  import { forwardRefGeneric, mapPropsVariants } from '../system/utils.js';
14
+ import { CalendarStyleContext, useCalendarStyleContext } from '../calendar/calendar-style-context.js';
15
15
 
16
16
  const RangeCalendar = forwardRefGeneric(function RangeCalendar2(originalProps, ref) {
17
17
  const [props, variantProps] = mapPropsVariants(
@@ -4,11 +4,11 @@ import { jsx, jsxs } from 'react/jsx-runtime';
4
4
  import { useMemo } from 'react';
5
5
  import { Provider, Select as Select$1, SelectValue, Virtualizer, ListLayout, ListBox } from 'react-aria-components';
6
6
  import { selectStyles, composeRenderProps } from '@opengovsg/oui-theme';
7
- import { Label, Description, FieldError } from '../field/field.js';
8
- import { Popover } from '../popover/popover.js';
9
7
  import { mapPropsVariants } from '../system/utils.js';
10
8
  import { SelectVariantContext } from './select-variant-context.js';
11
- 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';
9
+ import { Label, Description, FieldError } from '../field/field.js';
10
+ import ChevronDown from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/chevron-down.js';
11
+ import { Popover } from '../popover/popover.js';
12
12
  import { Button } from '../button/button.js';
13
13
 
14
14
  const calculateEstimatedRowHeight = (size) => {
@@ -1,5 +1,5 @@
1
1
  "use strict";
2
- import { forwardRef as forwardRef$1, useMemo } from 'react';
2
+ import { forwardRef as forwardRef$1 } from 'react';
3
3
 
4
4
  function forwardRef(component) {
5
5
  return forwardRef$1(component);
@@ -26,53 +26,6 @@ const mapPropsVariants = (props, variantKeys, removeVariantProps = true) => {
26
26
  }
27
27
  return [props, picked];
28
28
  };
29
- function useRenderProps(props) {
30
- const {
31
- className,
32
- style,
33
- children,
34
- defaultClassName = void 0,
35
- defaultChildren = void 0,
36
- defaultStyle,
37
- values
38
- } = props;
39
- return useMemo(() => {
40
- let computedClassName;
41
- let computedStyle;
42
- let computedChildren;
43
- if (typeof className === "function") {
44
- computedClassName = className({ ...values, defaultClassName });
45
- } else {
46
- computedClassName = className;
47
- }
48
- if (typeof style === "function") {
49
- computedStyle = style({ ...values, defaultStyle: defaultStyle || {} });
50
- } else {
51
- computedStyle = style;
52
- }
53
- if (typeof children === "function") {
54
- computedChildren = children({ ...values, defaultChildren });
55
- } else if (children == null) {
56
- computedChildren = defaultChildren;
57
- } else {
58
- computedChildren = children;
59
- }
60
- return {
61
- className: computedClassName ?? defaultClassName,
62
- style: computedStyle || defaultStyle ? { ...defaultStyle, ...computedStyle } : void 0,
63
- children: computedChildren ?? defaultChildren,
64
- "data-rac": ""
65
- };
66
- }, [
67
- className,
68
- style,
69
- children,
70
- defaultClassName,
71
- defaultChildren,
72
- defaultStyle,
73
- values
74
- ]);
75
- }
76
29
  function removeDataAttributes(props) {
77
30
  const prefix = /^(data-.*)$/;
78
31
  const filteredProps = {};
@@ -94,4 +47,4 @@ function pickAriaAttributes(props) {
94
47
  return filteredProps;
95
48
  }
96
49
 
97
- export { forwardRef, forwardRefGeneric, mapPropsVariants, pickAriaAttributes, removeDataAttributes, useRenderProps };
50
+ export { forwardRef, forwardRefGeneric, mapPropsVariants, pickAriaAttributes, removeDataAttributes };
@@ -2,7 +2,7 @@
2
2
  import { jsxs, jsx } from 'react/jsx-runtime';
3
3
  import { useContext, useCallback } from 'react';
4
4
  import { TagFieldStateContext } from './tag-field-state-context.js';
5
- import X from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/x.js';
5
+ import X from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/x.js';
6
6
 
7
7
  const TagFieldTagList = ({
8
8
  classNames,
@@ -4,15 +4,15 @@ import { jsxs, jsx } from 'react/jsx-runtime';
4
4
  import { createElement } from 'react';
5
5
  import { composeRenderProps } from 'react-aria-components';
6
6
  import { tagFieldStyles } from '@opengovsg/oui-theme';
7
- import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
8
- import { Input } from '../input/input.js';
9
- import { Popover } from '../popover/popover.js';
10
7
  import { TagFieldItem } from './tag-field-item.js';
11
8
  import { TagFieldList } from './tag-field-list.js';
12
9
  import { TagFieldRoot } from './tag-field-root.js';
13
10
  import { TagFieldTagList } from './tag-field-tag-list.js';
14
11
  import { TagFieldTrigger } from './tag-field-trigger.js';
15
- 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';
12
+ import ChevronDown from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/chevron-down.js';
13
+ import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
14
+ import { Input } from '../input/input.js';
15
+ import { Popover } from '../popover/popover.js';
16
16
 
17
17
  function TagField({
18
18
  classNames,
@@ -3,8 +3,8 @@
3
3
  import { jsxs, jsx } from 'react/jsx-runtime';
4
4
  import { TextField } from 'react-aria-components';
5
5
  import { composeTailwindRenderProps } from '@opengovsg/oui-theme';
6
- import { Label, Description, FieldError } from '../field/field.js';
7
6
  import { TextArea } from '../text-area/text-area.js';
7
+ import { Label, Description, FieldError } from '../field/field.js';
8
8
 
9
9
  function TextAreaField({
10
10
  label,
@@ -3,8 +3,8 @@
3
3
  import { jsxs, jsx } from 'react/jsx-runtime';
4
4
  import { TextField as TextField$1 } from 'react-aria-components';
5
5
  import { composeTailwindRenderProps } from '@opengovsg/oui-theme';
6
- import { Label, Description, FieldError } from '../field/field.js';
7
6
  import { Input } from '../input/input.js';
7
+ import { Label, Description, FieldError } from '../field/field.js';
8
8
 
9
9
  function TextField({
10
10
  label,