@opengovsg/oui 0.0.34 → 0.0.35

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 (25) hide show
  1. package/dist/cjs/button/button.cjs +2 -2
  2. package/dist/cjs/calendar/calendar-month-day-selector.cjs +2 -2
  3. package/dist/cjs/combo-box/combo-box.cjs +1 -1
  4. package/dist/cjs/date-picker/date-picker.cjs +1 -1
  5. package/dist/cjs/date-range-picker/date-range-picker.cjs +2 -2
  6. package/dist/cjs/file-dropzone/file-dropzone.cjs +1 -1
  7. package/dist/cjs/index.cjs +60 -60
  8. package/dist/cjs/menu/menu.cjs +1 -1
  9. package/dist/cjs/number-field/number-field.cjs +1 -1
  10. package/dist/cjs/select/select.cjs +1 -1
  11. package/dist/cjs/tag-field/tag-field.cjs +2 -2
  12. package/dist/cjs/toast/toast.cjs +1 -1
  13. package/dist/esm/button/button.js +2 -2
  14. package/dist/esm/calendar/calendar-month-day-selector.js +2 -2
  15. package/dist/esm/combo-box/combo-box.js +1 -1
  16. package/dist/esm/date-picker/date-picker.js +1 -1
  17. package/dist/esm/date-range-picker/date-range-picker.js +2 -2
  18. package/dist/esm/file-dropzone/file-dropzone.js +1 -1
  19. package/dist/esm/index.js +20 -20
  20. package/dist/esm/menu/menu.js +1 -1
  21. package/dist/esm/number-field/number-field.js +1 -1
  22. package/dist/esm/select/select.js +1 -1
  23. package/dist/esm/tag-field/tag-field.js +2 -2
  24. package/dist/esm/toast/toast.js +1 -1
  25. package/package.json +3 -3
package/dist/cjs/button/button.cjs CHANGED
@@ -7,10 +7,10 @@ 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');
10
- var ripple = require('../ripple/ripple.cjs');
10
+ var children = require('../system/react-utils/children.cjs');
11
11
  var useRipple = require('../ripple/use-ripple.cjs');
12
12
  var spinner = require('../spinner/spinner.cjs');
13
- var children = require('../system/react-utils/children.cjs');
13
+ var ripple = require('../ripple/ripple.cjs');
14
14
 
15
15
  const Button = $670gB$react.forwardRef(
16
16
  ({
package/dist/cjs/calendar/calendar-month-day-selector.cjs CHANGED
@@ -6,11 +6,11 @@ var jsxRuntime = require('react/jsx-runtime');
6
6
  var $670gB$react = require('react');
7
7
  var date = require('@internationalized/date');
8
8
  var reactAriaComponents = require('react-aria-components');
9
- var select = require('../select/select.cjs');
10
- var selectItem = require('../select/select-item.cjs');
11
9
  var agnosticCalendarStateContext = require('./agnostic-calendar-state-context.cjs');
12
10
  var calendarStyleContext = require('./calendar-style-context.cjs');
13
11
  var useCalendarSelectors = require('./hooks/use-calendar-selectors.cjs');
12
+ var select = require('../select/select.cjs');
13
+ var selectItem = require('../select/select-item.cjs');
14
14
  var useCalendarI18n = require('./hooks/use-calendar-i18n.cjs');
15
15
 
16
16
  const CalendarMonthDaySelector = () => {
package/dist/cjs/combo-box/combo-box.cjs CHANGED
@@ -7,13 +7,13 @@ 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');
10
- var popover = require('../popover/popover.cjs');
11
10
  var utils = require('../system/utils.cjs');
12
11
  var comboBoxVariantContext = require('./combo-box-variant-context.cjs');
13
12
  var field = require('../field/field.cjs');
14
13
  var chevronUp = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/chevron-up.cjs');
15
14
  var chevronDown = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/chevron-down.cjs');
16
15
  var x = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/x.cjs');
16
+ var popover = require('../popover/popover.cjs');
17
17
 
18
18
  const calculateEstimatedRowHeight = (size) => {
19
19
  switch (size) {
package/dist/cjs/date-picker/date-picker.cjs CHANGED
@@ -6,13 +6,13 @@ var jsxRuntime = require('react/jsx-runtime');
6
6
  var $670gB$react = require('react');
7
7
  var reactAriaComponents = require('react-aria-components');
8
8
  var ouiTheme = require('@opengovsg/oui-theme');
9
- var popover = require('../popover/popover.cjs');
10
9
  var utils = require('../system/utils.cjs');
11
10
  var dateField = require('../date-field/date-field.cjs');
12
11
  var calendar = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/calendar.cjs');
13
12
  var calendar$1 = require('../calendar/calendar.cjs');
14
13
  var field = require('../field/field.cjs');
15
14
  var button = require('../button/button.cjs');
15
+ var popover = require('../popover/popover.cjs');
16
16
 
17
17
  function DatePicker(originalProps) {
18
18
  const [
package/dist/cjs/date-range-picker/date-range-picker.cjs CHANGED
@@ -7,13 +7,13 @@ 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 popover = require('../popover/popover.cjs');
11
- var rangeCalendar = require('../range-calendar/range-calendar.cjs');
12
10
  var utils = require('../system/utils.cjs');
13
11
  var calendar = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/calendar.cjs');
12
+ var rangeCalendar = require('../range-calendar/range-calendar.cjs');
14
13
  var field = require('../field/field.cjs');
15
14
  var dateField = require('../date-field/date-field.cjs');
16
15
  var button = require('../button/button.cjs');
16
+ var popover = require('../popover/popover.cjs');
17
17
 
18
18
  function DateRangePicker(originalProps) {
19
19
  const [
package/dist/cjs/file-dropzone/file-dropzone.cjs CHANGED
@@ -9,11 +9,11 @@ var reactAria = require('react-aria');
9
9
  var reactAriaComponents = require('react-aria-components');
10
10
  var reactDropzone = require('react-dropzone');
11
11
  var ouiTheme = require('@opengovsg/oui-theme');
12
- var useControllableState = require('../hooks/use-controllable-state.cjs');
13
12
  var utils = require('../system/utils.cjs');
14
13
  var contexts = require('./contexts.cjs');
15
14
  var fileInfo = require('./file-info.cjs');
16
15
  var utils$1 = require('./utils.cjs');
16
+ var useControllableState = require('../hooks/use-controllable-state.cjs');
17
17
  var upload = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/upload.cjs');
18
18
  var field = require('../field/field.cjs');
19
19
 
package/dist/cjs/index.cjs CHANGED
@@ -1,8 +1,10 @@
1
1
  "use strict";
2
2
  'use strict';
3
3
 
4
+ var index = require('./avatar/index.cjs');
4
5
  var useControllableState = require('./hooks/use-controllable-state.cjs');
5
6
  var useDraggable = require('./hooks/use-draggable.cjs');
7
+ var button = require('./button/button.cjs');
6
8
  var govtBanner = require('./govt-banner/govt-banner.cjs');
7
9
  var ripple = require('./ripple/ripple.cjs');
8
10
  var useRipple = require('./ripple/use-ripple.cjs');
@@ -12,21 +14,37 @@ var toggle = require('./toggle/toggle.cjs');
12
14
  var skipNavLink = require('./skip-nav-link/skip-nav-link.cjs');
13
15
  var input = require('./input/input.cjs');
14
16
  var textField = require('./text-field/text-field.cjs');
17
+ var field = require('./field/field.cjs');
15
18
  var textArea = require('./text-area/text-area.cjs');
16
19
  var textAreaField = require('./text-area-field/text-area-field.cjs');
20
+ var comboBox = require('./combo-box/combo-box.cjs');
21
+ var comboBoxFuzzy = require('./combo-box/combo-box-fuzzy.cjs');
22
+ var comboBoxItem = require('./combo-box/combo-box-item.cjs');
23
+ var comboBoxVariantContext = require('./combo-box/combo-box-variant-context.cjs');
24
+ var banner = require('./banner/banner.cjs');
17
25
  var tagField = require('./tag-field/tag-field.cjs');
18
26
  var tagFieldItem = require('./tag-field/tag-field-item.cjs');
19
27
  var select = require('./select/select.cjs');
20
28
  var selectItem = require('./select/select-item.cjs');
21
29
  var selectVariantContext = require('./select/select-variant-context.cjs');
30
+ var badge = require('./badge/badge.cjs');
31
+ var date = require('@internationalized/date');
32
+ var calendar = require('./calendar/calendar.cjs');
33
+ var calendarStyleContext = require('./calendar/calendar-style-context.cjs');
34
+ var utils = require('./calendar/utils.cjs');
22
35
  var rangeCalendar = require('./range-calendar/range-calendar.cjs');
23
36
  var menu = require('./menu/menu.cjs');
24
37
  var popover = require('./popover/popover.cjs');
25
38
  var tabs = require('./tabs/tabs.cjs');
39
+ var dateField = require('./date-field/date-field.cjs');
40
+ var datePicker = require('./date-picker/date-picker.cjs');
41
+ var dateRangePicker = require('./date-range-picker/date-range-picker.cjs');
42
+ var checkbox = require('./checkbox/checkbox.cjs');
43
+ var checkboxGroupStyleContext = require('./checkbox/checkbox-group-style-context.cjs');
44
+ var usePagination = require('./pagination/hooks/use-pagination.cjs');
26
45
  var pagination = require('./pagination/pagination.cjs');
27
46
  var paginationCursor = require('./pagination/pagination-cursor.cjs');
28
47
  var paginationItem = require('./pagination/pagination-item.cjs');
29
- var usePagination = require('./pagination/hooks/use-pagination.cjs');
30
48
  var usePagination$1 = require('./pagination/use-pagination.cjs');
31
49
  var fileDropzone = require('./file-dropzone/file-dropzone.cjs');
32
50
  var fileInfo = require('./file-dropzone/file-info.cjs');
@@ -39,6 +57,7 @@ var modalBody = require('./modal/modal-body.cjs');
39
57
  var modalHeader = require('./modal/modal-header.cjs');
40
58
  var modalVariantContext = require('./modal/modal-variant-context.cjs');
41
59
  var toast = require('./toast/toast.cjs');
60
+ var sonner = require('sonner');
42
61
  var navbar = require('./navbar/navbar.cjs');
43
62
  var navbarBrand = require('./navbar/navbar-brand.cjs');
44
63
  var navbarContent = require('./navbar/navbar-content.cjs');
@@ -48,25 +67,6 @@ var toggle$1 = require('./navbar/navbar-menu/toggle.cjs');
48
67
  var navbarItem = require('./navbar/navbar-item.cjs');
49
68
  var useNavbar = require('./navbar/use-navbar.cjs');
50
69
  var navbarContext = require('./navbar/navbar-context.cjs');
51
- var index = require('./avatar/index.cjs');
52
- var button = require('./button/button.cjs');
53
- var field = require('./field/field.cjs');
54
- var comboBox = require('./combo-box/combo-box.cjs');
55
- var comboBoxFuzzy = require('./combo-box/combo-box-fuzzy.cjs');
56
- var comboBoxItem = require('./combo-box/combo-box-item.cjs');
57
- var comboBoxVariantContext = require('./combo-box/combo-box-variant-context.cjs');
58
- var banner = require('./banner/banner.cjs');
59
- var badge = require('./badge/badge.cjs');
60
- var date = require('@internationalized/date');
61
- var calendar = require('./calendar/calendar.cjs');
62
- var calendarStyleContext = require('./calendar/calendar-style-context.cjs');
63
- var utils = require('./calendar/utils.cjs');
64
- var dateField = require('./date-field/date-field.cjs');
65
- var datePicker = require('./date-picker/date-picker.cjs');
66
- var dateRangePicker = require('./date-range-picker/date-range-picker.cjs');
67
- var checkbox = require('./checkbox/checkbox.cjs');
68
- var checkboxGroupStyleContext = require('./checkbox/checkbox-group-style-context.cjs');
69
- var sonner = require('sonner');
70
70
  var avatarContext = require('./avatar/avatar-context.cjs');
71
71
  var avatarGroup = require('./avatar/avatar-group.cjs');
72
72
  var avatarGroupContext = require('./avatar/avatar-group-context.cjs');
@@ -75,8 +75,10 @@ var accordion = require('./accordion/accordion.cjs');
75
75
 
76
76
 
77
77
 
78
+ exports.Avatar = index.Avatar;
78
79
  exports.useControllableState = useControllableState.useControllableState;
79
80
  exports.useDraggable = useDraggable.useDraggable;
81
+ exports.Button = button.Button;
80
82
  exports.GovtBanner = govtBanner.GovtBanner;
81
83
  exports.Ripple = ripple.Ripple;
82
84
  exports.useRipple = useRipple.useRipple;
@@ -86,14 +88,39 @@ exports.Toggle = toggle.Toggle;
86
88
  exports.SkipNavLink = skipNavLink.SkipNavLink;
87
89
  exports.Input = input.Input;
88
90
  exports.TextField = textField.TextField;
91
+ exports.Description = field.Description;
92
+ exports.FieldError = field.FieldError;
93
+ exports.FieldErrorIcon = field.FieldErrorIcon;
94
+ exports.FieldGroup = field.FieldGroup;
95
+ exports.Label = field.Label;
89
96
  exports.TextArea = textArea.TextArea;
90
97
  exports.TextAreaField = textAreaField.TextAreaField;
98
+ exports.ComboBox = comboBox.ComboBox;
99
+ exports.ComboBoxEmptyState = comboBox.ComboBoxEmptyState;
100
+ exports.ComboBoxFuzzy = comboBoxFuzzy.ComboBoxFuzzy;
101
+ exports.ComboBoxItem = comboBoxItem.ComboBoxItem;
102
+ exports.ComboBoxVariantContext = comboBoxVariantContext.ComboBoxVariantContext;
103
+ exports.useComboBoxVariantContext = comboBoxVariantContext.useComboBoxVariantContext;
104
+ exports.Banner = banner.Banner;
91
105
  exports.TagField = tagField.TagField;
92
106
  exports.TagFieldItem = tagFieldItem.TagFieldItem;
93
107
  exports.Select = select.Select;
94
108
  exports.SelectItem = selectItem.SelectItem;
95
109
  exports.SelectVariantContext = selectVariantContext.SelectVariantContext;
96
110
  exports.useSelectVariantContext = selectVariantContext.useSelectVariantContext;
111
+ exports.Badge = badge.Badge;
112
+ Object.defineProperty(exports, "CalendarDate", {
113
+ enumerable: true,
114
+ get: function () { return date.CalendarDate; }
115
+ });
116
+ exports.Calendar = calendar.Calendar;
117
+ exports.CalendarStateWrapper = calendar.CalendarStateWrapper;
118
+ exports.CalendarStyleContext = calendarStyleContext.CalendarStyleContext;
119
+ exports.useCalendarStyleContext = calendarStyleContext.useCalendarStyleContext;
120
+ exports.getEraFormat = utils.getEraFormat;
121
+ exports.useGenerateLocalizedMonths = utils.useGenerateLocalizedMonths;
122
+ exports.useGenerateLocalizedYears = utils.useGenerateLocalizedYears;
123
+ exports.useLocalizedMonthYear = utils.useLocalizedMonthYear;
97
124
  exports.RangeCalendar = rangeCalendar.RangeCalendar;
98
125
  exports.RangeCalendarCell = rangeCalendar.RangeCalendarCell;
99
126
  exports.RangeCalendarStateWrapper = rangeCalendar.RangeCalendarStateWrapper;
@@ -112,10 +139,18 @@ exports.TabPanel = tabs.TabPanel;
112
139
  exports.Tabs = tabs.Tabs;
113
140
  exports.TabsVariantContext = tabs.TabsVariantContext;
114
141
  exports.useTabsVariantContext = tabs.useTabsVariantContext;
142
+ exports.DateField = dateField.DateField;
143
+ exports.DateInput = dateField.DateInput;
144
+ exports.DatePicker = datePicker.DatePicker;
145
+ exports.DateRangePicker = dateRangePicker.DateRangePicker;
146
+ exports.Checkbox = checkbox.Checkbox;
147
+ exports.CheckboxGroup = checkbox.CheckboxGroup;
148
+ exports.CheckboxGroupStyleContext = checkboxGroupStyleContext.CheckboxGroupStyleContext;
149
+ exports.useCheckboxGroupStyleContext = checkboxGroupStyleContext.useCheckboxGroupStyleContext;
150
+ exports.PaginationItemType = usePagination.PaginationItemType;
115
151
  exports.Pagination = pagination.Pagination;
116
152
  exports.PaginationCursor = paginationCursor.PaginationCursor;
117
153
  exports.PaginationItem = paginationItem.PaginationItem;
118
- exports.PaginationItemType = usePagination.PaginationItemType;
119
154
  exports.CURSOR_TRANSITION_TIMEOUT = usePagination$1.CURSOR_TRANSITION_TIMEOUT;
120
155
  exports.usePagination = usePagination$1.usePagination;
121
156
  exports.FileDropzone = fileDropzone.FileDropzone;
@@ -131,6 +166,10 @@ exports.ModalHeader = modalHeader.ModalHeader;
131
166
  exports.ModalVariantContext = modalVariantContext.ModalVariantContext;
132
167
  exports.useModalVariantContext = modalVariantContext.useModalVariantContext;
133
168
  exports.Toaster = toast.Toaster;
169
+ Object.defineProperty(exports, "toast", {
170
+ enumerable: true,
171
+ get: function () { return sonner.toast; }
172
+ });
134
173
  exports.Navbar = navbar.Navbar;
135
174
  exports.NavbarBrand = navbarBrand.NavbarBrand;
136
175
  exports.NavbarContent = navbarContent.NavbarContent;
@@ -141,45 +180,6 @@ exports.NavbarItem = navbarItem.NavbarItem;
141
180
  exports.useNavbar = useNavbar.useNavbar;
142
181
  exports.NavbarProvider = navbarContext.NavbarProvider;
143
182
  exports.useNavbarContext = navbarContext.useNavbarContext;
144
- exports.Avatar = index.Avatar;
145
- exports.Button = button.Button;
146
- exports.Description = field.Description;
147
- exports.FieldError = field.FieldError;
148
- exports.FieldErrorIcon = field.FieldErrorIcon;
149
- exports.FieldGroup = field.FieldGroup;
150
- exports.Label = field.Label;
151
- exports.ComboBox = comboBox.ComboBox;
152
- exports.ComboBoxEmptyState = comboBox.ComboBoxEmptyState;
153
- exports.ComboBoxFuzzy = comboBoxFuzzy.ComboBoxFuzzy;
154
- exports.ComboBoxItem = comboBoxItem.ComboBoxItem;
155
- exports.ComboBoxVariantContext = comboBoxVariantContext.ComboBoxVariantContext;
156
- exports.useComboBoxVariantContext = comboBoxVariantContext.useComboBoxVariantContext;
157
- exports.Banner = banner.Banner;
158
- exports.Badge = badge.Badge;
159
- Object.defineProperty(exports, "CalendarDate", {
160
- enumerable: true,
161
- get: function () { return date.CalendarDate; }
162
- });
163
- exports.Calendar = calendar.Calendar;
164
- exports.CalendarStateWrapper = calendar.CalendarStateWrapper;
165
- exports.CalendarStyleContext = calendarStyleContext.CalendarStyleContext;
166
- exports.useCalendarStyleContext = calendarStyleContext.useCalendarStyleContext;
167
- exports.getEraFormat = utils.getEraFormat;
168
- exports.useGenerateLocalizedMonths = utils.useGenerateLocalizedMonths;
169
- exports.useGenerateLocalizedYears = utils.useGenerateLocalizedYears;
170
- exports.useLocalizedMonthYear = utils.useLocalizedMonthYear;
171
- exports.DateField = dateField.DateField;
172
- exports.DateInput = dateField.DateInput;
173
- exports.DatePicker = datePicker.DatePicker;
174
- exports.DateRangePicker = dateRangePicker.DateRangePicker;
175
- exports.Checkbox = checkbox.Checkbox;
176
- exports.CheckboxGroup = checkbox.CheckboxGroup;
177
- exports.CheckboxGroupStyleContext = checkboxGroupStyleContext.CheckboxGroupStyleContext;
178
- exports.useCheckboxGroupStyleContext = checkboxGroupStyleContext.useCheckboxGroupStyleContext;
179
- Object.defineProperty(exports, "toast", {
180
- enumerable: true,
181
- get: function () { return sonner.toast; }
182
- });
183
183
  exports.AvatarContext = avatarContext.AvatarContext;
184
184
  exports.useAvatarContext = avatarContext.useAvatarContext;
185
185
  exports.AvatarGroup = avatarGroup.AvatarGroup;
package/dist/cjs/menu/menu.cjs CHANGED
@@ -6,11 +6,11 @@ var jsxRuntime = require('react/jsx-runtime');
6
6
  var $670gB$react = require('react');
7
7
  var reactAriaComponents = require('react-aria-components');
8
8
  var ouiTheme = require('@opengovsg/oui-theme');
9
- var popover = require('../popover/popover.cjs');
10
9
  var utils = require('../system/utils.cjs');
11
10
  var context = require('../system/react-utils/context.cjs');
12
11
  var check = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/check.cjs');
13
12
  var chevronRight = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/chevron-right.cjs');
13
+ var popover = require('../popover/popover.cjs');
14
14
 
15
15
  const [MenuVariantContext, useMenuVariantContext] = context.createContext({
16
16
  name: "MenuVariantContext",
package/dist/cjs/number-field/number-field.cjs CHANGED
@@ -5,11 +5,11 @@
5
5
  var jsxRuntime = require('react/jsx-runtime');
6
6
  var reactAriaComponents = require('react-aria-components');
7
7
  var ouiTheme = require('@opengovsg/oui-theme');
8
- var input = require('../input/input.cjs');
9
8
  var utils = require('../system/utils.cjs');
10
9
  var minus = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/minus.cjs');
11
10
  var plus = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/plus.cjs');
12
11
  var field = require('../field/field.cjs');
12
+ var input = require('../input/input.cjs');
13
13
  var button = require('../button/button.cjs');
14
14
 
15
15
  function NumberField(originalProps) {
package/dist/cjs/select/select.cjs CHANGED
@@ -7,11 +7,11 @@ 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');
10
- var popover = require('../popover/popover.cjs');
11
10
  var utils = require('../system/utils.cjs');
12
11
  var selectVariantContext = require('./select-variant-context.cjs');
13
12
  var field = require('../field/field.cjs');
14
13
  var chevronDown = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/chevron-down.cjs');
14
+ var popover = require('../popover/popover.cjs');
15
15
  var button = require('../button/button.cjs');
16
16
 
17
17
  const i18nStrings = {
package/dist/cjs/tag-field/tag-field.cjs CHANGED
@@ -6,8 +6,6 @@ var jsxRuntime = require('react/jsx-runtime');
6
6
  var $670gB$react = require('react');
7
7
  var reactAriaComponents = require('react-aria-components');
8
8
  var ouiTheme = require('@opengovsg/oui-theme');
9
- var input = require('../input/input.cjs');
10
- var popover = require('../popover/popover.cjs');
11
9
  var tagFieldItem = require('./tag-field-item.cjs');
12
10
  var tagFieldList = require('./tag-field-list.cjs');
13
11
  var tagFieldRoot = require('./tag-field-root.cjs');
@@ -15,6 +13,8 @@ var tagFieldTagList = require('./tag-field-tag-list.cjs');
15
13
  var tagFieldTrigger = require('./tag-field-trigger.cjs');
16
14
  var chevronDown = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/chevron-down.cjs');
17
15
  var field = require('../field/field.cjs');
16
+ var input = require('../input/input.cjs');
17
+ var popover = require('../popover/popover.cjs');
18
18
 
19
19
  function TagField({
20
20
  classNames,
package/dist/cjs/toast/toast.cjs CHANGED
@@ -5,9 +5,9 @@
5
5
  var jsxRuntime = require('react/jsx-runtime');
6
6
  var sonner = require('sonner');
7
7
  var ouiTheme = require('@opengovsg/oui-theme');
8
- var spinner = require('../spinner/spinner.cjs');
9
8
  var utils = require('../system/utils.cjs');
10
9
  var x = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/x.cjs');
10
+ var spinner = require('../spinner/spinner.cjs');
11
11
 
12
12
  function Toaster(originalProps) {
13
13
  const [{ toastOptions, closeButton = true, ...props }, variantProps] = utils.mapPropsVariants(originalProps, ouiTheme.toastStyles.variantKeys);
package/dist/esm/button/button.js CHANGED
@@ -5,10 +5,10 @@ import { forwardRef, useMemo } from 'react';
5
5
  import { chain } from '@react-aria/utils';
6
6
  import { Button as Button$1, composeRenderProps } from 'react-aria-components';
7
7
  import { buttonStyles } from '@opengovsg/oui-theme';
8
- import { Ripple } from '../ripple/ripple.js';
8
+ import { renderChildren } from '../system/react-utils/children.js';
9
9
  import { useRipple } from '../ripple/use-ripple.js';
10
10
  import { Spinner } from '../spinner/spinner.js';
11
- import { renderChildren } from '../system/react-utils/children.js';
11
+ import { Ripple } from '../ripple/ripple.js';
12
12
 
13
13
  const Button = forwardRef(
14
14
  ({
package/dist/esm/calendar/calendar-month-day-selector.js CHANGED
@@ -4,11 +4,11 @@ import { jsx } from 'react/jsx-runtime';
4
4
  import { useContext } from 'react';
5
5
  import { CalendarDate } from '@internationalized/date';
6
6
  import { Group } from 'react-aria-components';
7
- import { Select } from '../select/select.js';
8
- import { SelectItem } from '../select/select-item.js';
9
7
  import { AgnosticCalendarStateContext } from './agnostic-calendar-state-context.js';
10
8
  import { useCalendarStyleContext } from './calendar-style-context.js';
11
9
  import { useCalendarSelectors } from './hooks/use-calendar-selectors.js';
10
+ import { Select } from '../select/select.js';
11
+ import { SelectItem } from '../select/select-item.js';
12
12
  import { useCalendarI18n } from './hooks/use-calendar-i18n.js';
13
13
 
14
14
  const CalendarMonthDaySelector = () => {
package/dist/esm/combo-box/combo-box.js CHANGED
@@ -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 { Popover } from '../popover/popover.js';
9
8
  import { mapPropsVariants } from '../system/utils.js';
10
9
  import { ComboBoxVariantContext } from './combo-box-variant-context.js';
11
10
  import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
12
11
  import ChevronUp from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/chevron-up.js';
13
12
  import ChevronDown from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/chevron-down.js';
14
13
  import X from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/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) {
package/dist/esm/date-picker/date-picker.js CHANGED
@@ -4,13 +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 { Popover } from '../popover/popover.js';
8
7
  import { mapPropsVariants } from '../system/utils.js';
9
8
  import { DateInput } from '../date-field/date-field.js';
10
9
  import Calendar from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/calendar.js';
11
10
  import { Calendar as Calendar$1 } from '../calendar/calendar.js';
12
11
  import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
13
12
  import { Button } from '../button/button.js';
13
+ import { Popover } from '../popover/popover.js';
14
14
 
15
15
  function DatePicker(originalProps) {
16
16
  const [
package/dist/esm/date-range-picker/date-range-picker.js CHANGED
@@ -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 { Popover } from '../popover/popover.js';
9
- import { RangeCalendar } from '../range-calendar/range-calendar.js';
10
8
  import { mapPropsVariants } from '../system/utils.js';
11
9
  import Calendar from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/calendar.js';
10
+ import { RangeCalendar } from '../range-calendar/range-calendar.js';
12
11
  import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
13
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 [
package/dist/esm/file-dropzone/file-dropzone.js CHANGED
@@ -7,11 +7,11 @@ 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 { useControllableState } from '../hooks/use-controllable-state.js';
11
10
  import { mapPropsVariants } from '../system/utils.js';
12
11
  import { FileDropzoneStyleContext, FileDropzoneStateContext, useFileDropzoneStateContext, useFileDropzoneStyleContext } from './contexts.js';
13
12
  import { FileInfo } from './file-info.js';
14
13
  import { formatErrorMessage, formatBytes } from './utils.js';
14
+ import { useControllableState } from '../hooks/use-controllable-state.js';
15
15
  import Upload from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/upload.js';
16
16
  import { Label, Description, FieldError } from '../field/field.js';
17
17
 
package/dist/esm/index.js CHANGED
@@ -1,6 +1,8 @@
1
1
  "use strict";
2
+ export { Avatar } from './avatar/index.js';
2
3
  export { useControllableState } from './hooks/use-controllable-state.js';
3
4
  export { useDraggable } from './hooks/use-draggable.js';
5
+ export { Button } from './button/button.js';
4
6
  export { GovtBanner } from './govt-banner/govt-banner.js';
5
7
  export { Ripple } from './ripple/ripple.js';
6
8
  export { useRipple } from './ripple/use-ripple.js';
@@ -10,21 +12,37 @@ export { Toggle } from './toggle/toggle.js';
10
12
  export { SkipNavLink } from './skip-nav-link/skip-nav-link.js';
11
13
  export { Input } from './input/input.js';
12
14
  export { TextField } from './text-field/text-field.js';
15
+ export { Description, FieldError, FieldErrorIcon, FieldGroup, Label } from './field/field.js';
13
16
  export { TextArea } from './text-area/text-area.js';
14
17
  export { TextAreaField } from './text-area-field/text-area-field.js';
18
+ export { ComboBox, ComboBoxEmptyState } from './combo-box/combo-box.js';
19
+ export { ComboBoxFuzzy } from './combo-box/combo-box-fuzzy.js';
20
+ export { ComboBoxItem } from './combo-box/combo-box-item.js';
21
+ export { ComboBoxVariantContext, useComboBoxVariantContext } from './combo-box/combo-box-variant-context.js';
22
+ export { Banner } from './banner/banner.js';
15
23
  export { TagField } from './tag-field/tag-field.js';
16
24
  export { TagFieldItem } from './tag-field/tag-field-item.js';
17
25
  export { Select } from './select/select.js';
18
26
  export { SelectItem } from './select/select-item.js';
19
27
  export { SelectVariantContext, useSelectVariantContext } from './select/select-variant-context.js';
28
+ export { Badge } from './badge/badge.js';
29
+ export { CalendarDate } from '@internationalized/date';
30
+ export { Calendar, CalendarStateWrapper } from './calendar/calendar.js';
31
+ export { CalendarStyleContext, useCalendarStyleContext } from './calendar/calendar-style-context.js';
32
+ export { getEraFormat, useGenerateLocalizedMonths, useGenerateLocalizedYears, useLocalizedMonthYear } from './calendar/utils.js';
20
33
  export { RangeCalendar, RangeCalendarCell, RangeCalendarStateWrapper } from './range-calendar/range-calendar.js';
21
34
  export { Menu, MenuItem, MenuSection, MenuSeparator, MenuTrigger, MenuVariantContext, SubmenuTrigger, useMenuVariantContext } from './menu/menu.js';
22
35
  export { Popover } from './popover/popover.js';
23
36
  export { Tab, TabList, TabPanel, Tabs, TabsVariantContext, useTabsVariantContext } from './tabs/tabs.js';
37
+ export { DateField, DateInput } from './date-field/date-field.js';
38
+ export { DatePicker } from './date-picker/date-picker.js';
39
+ export { DateRangePicker } from './date-range-picker/date-range-picker.js';
40
+ export { Checkbox, CheckboxGroup } from './checkbox/checkbox.js';
41
+ export { CheckboxGroupStyleContext, useCheckboxGroupStyleContext } from './checkbox/checkbox-group-style-context.js';
42
+ export { PaginationItemType } from './pagination/hooks/use-pagination.js';
24
43
  export { Pagination } from './pagination/pagination.js';
25
44
  export { PaginationCursor } from './pagination/pagination-cursor.js';
26
45
  export { PaginationItem } from './pagination/pagination-item.js';
27
- export { PaginationItemType } from './pagination/hooks/use-pagination.js';
28
46
  export { CURSOR_TRANSITION_TIMEOUT, usePagination } from './pagination/use-pagination.js';
29
47
  export { FileDropzone } from './file-dropzone/file-dropzone.js';
30
48
  export { FileInfo } from './file-dropzone/file-info.js';
@@ -37,6 +55,7 @@ export { ModalBody } from './modal/modal-body.js';
37
55
  export { ModalHeader } from './modal/modal-header.js';
38
56
  export { ModalVariantContext, useModalVariantContext } from './modal/modal-variant-context.js';
39
57
  export { Toaster } from './toast/toast.js';
58
+ export { toast } from 'sonner';
40
59
  export { Navbar } from './navbar/navbar.js';
41
60
  export { NavbarBrand } from './navbar/navbar-brand.js';
42
61
  export { NavbarContent } from './navbar/navbar-content.js';
@@ -46,25 +65,6 @@ export { NavbarMenuToggle } from './navbar/navbar-menu/toggle.js';
46
65
  export { NavbarItem } from './navbar/navbar-item.js';
47
66
  export { useNavbar } from './navbar/use-navbar.js';
48
67
  export { NavbarProvider, useNavbarContext } from './navbar/navbar-context.js';
49
- export { Avatar } from './avatar/index.js';
50
- export { Button } from './button/button.js';
51
- export { Description, FieldError, FieldErrorIcon, FieldGroup, Label } from './field/field.js';
52
- export { ComboBox, ComboBoxEmptyState } from './combo-box/combo-box.js';
53
- export { ComboBoxFuzzy } from './combo-box/combo-box-fuzzy.js';
54
- export { ComboBoxItem } from './combo-box/combo-box-item.js';
55
- export { ComboBoxVariantContext, useComboBoxVariantContext } from './combo-box/combo-box-variant-context.js';
56
- export { Banner } from './banner/banner.js';
57
- export { Badge } from './badge/badge.js';
58
- export { CalendarDate } from '@internationalized/date';
59
- export { Calendar, CalendarStateWrapper } from './calendar/calendar.js';
60
- export { CalendarStyleContext, useCalendarStyleContext } from './calendar/calendar-style-context.js';
61
- export { getEraFormat, useGenerateLocalizedMonths, useGenerateLocalizedYears, useLocalizedMonthYear } from './calendar/utils.js';
62
- export { DateField, DateInput } from './date-field/date-field.js';
63
- export { DatePicker } from './date-picker/date-picker.js';
64
- export { DateRangePicker } from './date-range-picker/date-range-picker.js';
65
- export { Checkbox, CheckboxGroup } from './checkbox/checkbox.js';
66
- export { CheckboxGroupStyleContext, useCheckboxGroupStyleContext } from './checkbox/checkbox-group-style-context.js';
67
- export { toast } from 'sonner';
68
68
  export { AvatarContext, useAvatarContext } from './avatar/avatar-context.js';
69
69
  export { AvatarGroup } from './avatar/avatar-group.js';
70
70
  export { AvatarGroupProvider, useAvatarGroup } from './avatar/avatar-group-context.js';
package/dist/esm/menu/menu.js CHANGED
@@ -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
8
  import { createContext } from '../system/react-utils/context.js';
10
9
  import Check from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/check.js';
11
10
  import ChevronRight from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/chevron-right.js';
11
+ import { Popover } from '../popover/popover.js';
12
12
 
13
13
  const [MenuVariantContext, useMenuVariantContext] = createContext({
14
14
  name: "MenuVariantContext",
package/dist/esm/number-field/number-field.js CHANGED
@@ -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 { Input } from '../input/input.js';
7
6
  import { mapPropsVariants } from '../system/utils.js';
8
7
  import Minus from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/minus.js';
9
8
  import Plus from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/plus.js';
10
9
  import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
10
+ import { Input } from '../input/input.js';
11
11
  import { Button } from '../button/button.js';
12
12
 
13
13
  function NumberField(originalProps) {
package/dist/esm/select/select.js CHANGED
@@ -5,11 +5,11 @@ import { useMemo, isValidElement, cloneElement } from 'react';
5
5
  import { useLocalizedStringFormatter } from 'react-aria';
6
6
  import { useFilter, Virtualizer, ListLayout, ListBox, Provider, Select as Select$1, SelectValue, Autocomplete, SearchField, Input } from 'react-aria-components';
7
7
  import { selectStyles, cn, composeRenderProps } from '@opengovsg/oui-theme';
8
- import { Popover } from '../popover/popover.js';
9
8
  import { mapPropsVariants } from '../system/utils.js';
10
9
  import { SelectVariantContext } from './select-variant-context.js';
11
10
  import { Label, Description, FieldError } from '../field/field.js';
12
11
  import ChevronDown from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/chevron-down.js';
12
+ import { Popover } from '../popover/popover.js';
13
13
  import { Button } from '../button/button.js';
14
14
 
15
15
  const i18nStrings = {
package/dist/esm/tag-field/tag-field.js CHANGED
@@ -4,8 +4,6 @@ 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 { Input } from '../input/input.js';
8
- import { Popover } from '../popover/popover.js';
9
7
  import { TagFieldItem } from './tag-field-item.js';
10
8
  import { TagFieldList } from './tag-field-list.js';
11
9
  import { TagFieldRoot } from './tag-field-root.js';
@@ -13,6 +11,8 @@ import { TagFieldTagList } from './tag-field-tag-list.js';
13
11
  import { TagFieldTrigger } from './tag-field-trigger.js';
14
12
  import ChevronDown from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/chevron-down.js';
15
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,
package/dist/esm/toast/toast.js CHANGED
@@ -4,9 +4,9 @@ import { jsx } from 'react/jsx-runtime';
4
4
  import { Toaster as Toaster$1 } from 'sonner';
5
5
  export { toast } from 'sonner';
6
6
  import { toastStyles } from '@opengovsg/oui-theme';
7
- import { Spinner } from '../spinner/spinner.js';
8
7
  import { mapPropsVariants } from '../system/utils.js';
9
8
  import X from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/x.js';
9
+ import { Spinner } from '../spinner/spinner.js';
10
10
 
11
11
  function Toaster(originalProps) {
12
12
  const [{ toastOptions, closeButton = true, ...props }, variantProps] = mapPropsVariants(originalProps, toastStyles.variantKeys);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opengovsg/oui",
3
- "version": "0.0.34",
3
+ "version": "0.0.35",
4
4
  "sideEffects": false,
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "type": "module",
@@ -50,7 +50,7 @@
50
50
  "storybook": "10.1.10",
51
51
  "tsx": "^4.21.0",
52
52
  "typescript": "5.7.3",
53
- "@opengovsg/oui-theme": "0.0.34",
53
+ "@opengovsg/oui-theme": "0.0.35",
54
54
  "@oui/chromatic": "0.0.0",
55
55
  "@oui/eslint-config": "0.0.0",
56
56
  "@oui/prettier-config": "0.0.0",
@@ -88,7 +88,7 @@
88
88
  "motion": ">=11.12.0 || >=12.0.0-alpha.1",
89
89
  "react": ">= 18",
90
90
  "react-aria-components": "^1.13.0",
91
- "@opengovsg/oui-theme": "0.0.34"
91
+ "@opengovsg/oui-theme": "0.0.35"
92
92
  },
93
93
  "scripts": {
94
94
  "build": "tsx ../../tooling/build-scripts/main.ts --dts --clean",