@opengovsg/oui 0.0.27 → 0.0.28

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.
@@ -7,9 +7,9 @@ var 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');
11
10
  var useRipple = require('../ripple/use-ripple.cjs');
12
11
  var spinner = require('../spinner/spinner.cjs');
12
+ var ripple = require('../ripple/ripple.cjs');
13
13
 
14
14
  const Button = react.forwardRef(
15
15
  ({
@@ -6,11 +6,11 @@ var jsxRuntime = require('react/jsx-runtime');
6
6
  var 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 = () => {
@@ -7,13 +7,13 @@ var 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) {
@@ -6,13 +6,13 @@ var jsxRuntime = require('react/jsx-runtime');
6
6
  var 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 [
@@ -7,13 +7,13 @@ var 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 [
@@ -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
 
@@ -1,31 +1,54 @@
1
1
  "use strict";
2
2
  'use strict';
3
3
 
4
+ var toggle = require('./toggle/toggle.cjs');
5
+ var input = require('./input/input.cjs');
6
+ var textField = require('./text-field/text-field.cjs');
7
+ var textArea = require('./text-area/text-area.cjs');
8
+ var textAreaField = require('./text-area-field/text-area-field.cjs');
9
+ var toast = require('./toast/toast.cjs');
4
10
  var useControllableState = require('./hooks/use-controllable-state.cjs');
5
11
  var useDraggable = require('./hooks/use-draggable.cjs');
12
+ var button = require('./button/button.cjs');
13
+ var govtBanner = require('./govt-banner/govt-banner.cjs');
6
14
  var ripple = require('./ripple/ripple.cjs');
7
15
  var useRipple = require('./ripple/use-ripple.cjs');
8
16
  var spinner = require('./spinner/spinner.cjs');
9
17
  var useSpinner = require('./spinner/use-spinner.cjs');
10
- var toggle = require('./toggle/toggle.cjs');
11
18
  var skipNavLink = require('./skip-nav-link/skip-nav-link.cjs');
12
- var textField = require('./text-field/text-field.cjs');
13
- var textArea = require('./text-area/text-area.cjs');
14
- var textAreaField = require('./text-area-field/text-area-field.cjs');
19
+ var field = require('./field/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');
15
25
  var tagField = require('./tag-field/tag-field.cjs');
16
26
  var tagFieldItem = require('./tag-field/tag-field-item.cjs');
17
27
  var select = require('./select/select.cjs');
18
28
  var selectItem = require('./select/select-item.cjs');
19
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');
20
35
  var rangeCalendar = require('./range-calendar/range-calendar.cjs');
21
36
  var menu = require('./menu/menu.cjs');
22
37
  var popover = require('./popover/popover.cjs');
23
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');
24
45
  var pagination = require('./pagination/pagination.cjs');
25
46
  var paginationCursor = require('./pagination/pagination-cursor.cjs');
26
47
  var paginationItem = require('./pagination/pagination-item.cjs');
27
- var usePagination = require('./pagination/hooks/use-pagination.cjs');
28
48
  var usePagination$1 = require('./pagination/use-pagination.cjs');
49
+ var fileDropzone = require('./file-dropzone/file-dropzone.cjs');
50
+ var fileInfo = require('./file-dropzone/file-info.cjs');
51
+ var utils$1 = require('./file-dropzone/utils.cjs');
29
52
  var numberField = require('./number-field/number-field.cjs');
30
53
  var modal = require('./modal/modal.cjs');
31
54
  var modalContent = require('./modal/modal-content.cjs');
@@ -33,86 +56,25 @@ var modalFooter = require('./modal/modal-footer.cjs');
33
56
  var modalBody = require('./modal/modal-body.cjs');
34
57
  var modalHeader = require('./modal/modal-header.cjs');
35
58
  var modalVariantContext = require('./modal/modal-variant-context.cjs');
36
- var toast = require('./toast/toast.cjs');
37
- var button = require('./button/button.cjs');
38
- var govtBanner = require('./govt-banner/govt-banner.cjs');
39
- var input = require('./input/input.cjs');
40
- var field = require('./field/field.cjs');
41
- var comboBox = require('./combo-box/combo-box.cjs');
42
- var comboBoxFuzzy = require('./combo-box/combo-box-fuzzy.cjs');
43
- var comboBoxItem = require('./combo-box/combo-box-item.cjs');
44
- var comboBoxVariantContext = require('./combo-box/combo-box-variant-context.cjs');
45
- var banner = require('./banner/banner.cjs');
46
- var badge = require('./badge/badge.cjs');
47
- var date = require('@internationalized/date');
48
- var calendar = require('./calendar/calendar.cjs');
49
- var calendarStyleContext = require('./calendar/calendar-style-context.cjs');
50
- var utils = require('./calendar/utils.cjs');
51
- var dateField = require('./date-field/date-field.cjs');
52
- var datePicker = require('./date-picker/date-picker.cjs');
53
- var dateRangePicker = require('./date-range-picker/date-range-picker.cjs');
54
- var checkbox = require('./checkbox/checkbox.cjs');
55
- var checkboxGroupStyleContext = require('./checkbox/checkbox-group-style-context.cjs');
56
- var fileDropzone = require('./file-dropzone/file-dropzone.cjs');
57
- var fileInfo = require('./file-dropzone/file-info.cjs');
58
- var utils$1 = require('./file-dropzone/utils.cjs');
59
59
  var sonner = require('sonner');
60
60
 
61
61
 
62
62
 
63
- exports.useControllableState = useControllableState.useControllableState;
64
- exports.useDraggable = useDraggable.useDraggable;
65
- exports.Ripple = ripple.Ripple;
66
- exports.useRipple = useRipple.useRipple;
67
- exports.Spinner = spinner.Spinner;
68
- exports.useSpinner = useSpinner.useSpinner;
69
63
  exports.Toggle = toggle.Toggle;
70
- exports.SkipNavLink = skipNavLink.SkipNavLink;
64
+ exports.Input = input.Input;
71
65
  exports.TextField = textField.TextField;
72
66
  exports.TextArea = textArea.TextArea;
73
67
  exports.TextAreaField = textAreaField.TextAreaField;
74
- exports.TagField = tagField.TagField;
75
- exports.TagFieldItem = tagFieldItem.TagFieldItem;
76
- exports.Select = select.Select;
77
- exports.SelectItem = selectItem.SelectItem;
78
- exports.SelectVariantContext = selectVariantContext.SelectVariantContext;
79
- exports.useSelectVariantContext = selectVariantContext.useSelectVariantContext;
80
- exports.RangeCalendar = rangeCalendar.RangeCalendar;
81
- exports.RangeCalendarCell = rangeCalendar.RangeCalendarCell;
82
- exports.RangeCalendarStateWrapper = rangeCalendar.RangeCalendarStateWrapper;
83
- exports.Menu = menu.Menu;
84
- exports.MenuItem = menu.MenuItem;
85
- exports.MenuSection = menu.MenuSection;
86
- exports.MenuSeparator = menu.MenuSeparator;
87
- exports.MenuTrigger = menu.MenuTrigger;
88
- exports.MenuVariantContext = menu.MenuVariantContext;
89
- exports.SubmenuTrigger = menu.SubmenuTrigger;
90
- exports.useMenuVariantContext = menu.useMenuVariantContext;
91
- exports.Popover = popover.Popover;
92
- exports.Tab = tabs.Tab;
93
- exports.TabList = tabs.TabList;
94
- exports.TabPanel = tabs.TabPanel;
95
- exports.Tabs = tabs.Tabs;
96
- exports.TabsVariantContext = tabs.TabsVariantContext;
97
- exports.useTabsVariantContext = tabs.useTabsVariantContext;
98
- exports.Pagination = pagination.Pagination;
99
- exports.PaginationCursor = paginationCursor.PaginationCursor;
100
- exports.PaginationItem = paginationItem.PaginationItem;
101
- exports.PaginationItemType = usePagination.PaginationItemType;
102
- exports.CURSOR_TRANSITION_TIMEOUT = usePagination$1.CURSOR_TRANSITION_TIMEOUT;
103
- exports.usePagination = usePagination$1.usePagination;
104
- exports.NumberField = numberField.NumberField;
105
- exports.Modal = modal.Modal;
106
- exports.ModalContent = modalContent.ModalContent;
107
- exports.ModalFooter = modalFooter.ModalFooter;
108
- exports.ModalBody = modalBody.ModalBody;
109
- exports.ModalHeader = modalHeader.ModalHeader;
110
- exports.ModalVariantContext = modalVariantContext.ModalVariantContext;
111
- exports.useModalVariantContext = modalVariantContext.useModalVariantContext;
112
68
  exports.Toaster = toast.Toaster;
69
+ exports.useControllableState = useControllableState.useControllableState;
70
+ exports.useDraggable = useDraggable.useDraggable;
113
71
  exports.Button = button.Button;
114
72
  exports.GovtBanner = govtBanner.GovtBanner;
115
- exports.Input = input.Input;
73
+ exports.Ripple = ripple.Ripple;
74
+ exports.useRipple = useRipple.useRipple;
75
+ exports.Spinner = spinner.Spinner;
76
+ exports.useSpinner = useSpinner.useSpinner;
77
+ exports.SkipNavLink = skipNavLink.SkipNavLink;
116
78
  exports.Description = field.Description;
117
79
  exports.FieldError = field.FieldError;
118
80
  exports.FieldErrorIcon = field.FieldErrorIcon;
@@ -125,6 +87,12 @@ exports.ComboBoxItem = comboBoxItem.ComboBoxItem;
125
87
  exports.ComboBoxVariantContext = comboBoxVariantContext.ComboBoxVariantContext;
126
88
  exports.useComboBoxVariantContext = comboBoxVariantContext.useComboBoxVariantContext;
127
89
  exports.Banner = banner.Banner;
90
+ exports.TagField = tagField.TagField;
91
+ exports.TagFieldItem = tagFieldItem.TagFieldItem;
92
+ exports.Select = select.Select;
93
+ exports.SelectItem = selectItem.SelectItem;
94
+ exports.SelectVariantContext = selectVariantContext.SelectVariantContext;
95
+ exports.useSelectVariantContext = selectVariantContext.useSelectVariantContext;
128
96
  exports.Badge = badge.Badge;
129
97
  Object.defineProperty(exports, "CalendarDate", {
130
98
  enumerable: true,
@@ -138,6 +106,24 @@ exports.getEraFormat = utils.getEraFormat;
138
106
  exports.useGenerateLocalizedMonths = utils.useGenerateLocalizedMonths;
139
107
  exports.useGenerateLocalizedYears = utils.useGenerateLocalizedYears;
140
108
  exports.useLocalizedMonthYear = utils.useLocalizedMonthYear;
109
+ exports.RangeCalendar = rangeCalendar.RangeCalendar;
110
+ exports.RangeCalendarCell = rangeCalendar.RangeCalendarCell;
111
+ exports.RangeCalendarStateWrapper = rangeCalendar.RangeCalendarStateWrapper;
112
+ exports.Menu = menu.Menu;
113
+ exports.MenuItem = menu.MenuItem;
114
+ exports.MenuSection = menu.MenuSection;
115
+ exports.MenuSeparator = menu.MenuSeparator;
116
+ exports.MenuTrigger = menu.MenuTrigger;
117
+ exports.MenuVariantContext = menu.MenuVariantContext;
118
+ exports.SubmenuTrigger = menu.SubmenuTrigger;
119
+ exports.useMenuVariantContext = menu.useMenuVariantContext;
120
+ exports.Popover = popover.Popover;
121
+ exports.Tab = tabs.Tab;
122
+ exports.TabList = tabs.TabList;
123
+ exports.TabPanel = tabs.TabPanel;
124
+ exports.Tabs = tabs.Tabs;
125
+ exports.TabsVariantContext = tabs.TabsVariantContext;
126
+ exports.useTabsVariantContext = tabs.useTabsVariantContext;
141
127
  exports.DateField = dateField.DateField;
142
128
  exports.DateInput = dateField.DateInput;
143
129
  exports.DatePicker = datePicker.DatePicker;
@@ -146,10 +132,24 @@ exports.Checkbox = checkbox.Checkbox;
146
132
  exports.CheckboxGroup = checkbox.CheckboxGroup;
147
133
  exports.CheckboxGroupStyleContext = checkboxGroupStyleContext.CheckboxGroupStyleContext;
148
134
  exports.useCheckboxGroupStyleContext = checkboxGroupStyleContext.useCheckboxGroupStyleContext;
135
+ exports.PaginationItemType = usePagination.PaginationItemType;
136
+ exports.Pagination = pagination.Pagination;
137
+ exports.PaginationCursor = paginationCursor.PaginationCursor;
138
+ exports.PaginationItem = paginationItem.PaginationItem;
139
+ exports.CURSOR_TRANSITION_TIMEOUT = usePagination$1.CURSOR_TRANSITION_TIMEOUT;
140
+ exports.usePagination = usePagination$1.usePagination;
149
141
  exports.FileDropzone = fileDropzone.FileDropzone;
150
142
  exports.FileInfo = fileInfo.FileInfo;
151
143
  exports.formatBytes = utils$1.formatBytes;
152
144
  exports.formatErrorMessage = utils$1.formatErrorMessage;
145
+ exports.NumberField = numberField.NumberField;
146
+ exports.Modal = modal.Modal;
147
+ exports.ModalContent = modalContent.ModalContent;
148
+ exports.ModalFooter = modalFooter.ModalFooter;
149
+ exports.ModalBody = modalBody.ModalBody;
150
+ exports.ModalHeader = modalHeader.ModalHeader;
151
+ exports.ModalVariantContext = modalVariantContext.ModalVariantContext;
152
+ exports.useModalVariantContext = modalVariantContext.useModalVariantContext;
153
153
  Object.defineProperty(exports, "toast", {
154
154
  enumerable: true,
155
155
  get: function () { return sonner.toast; }
@@ -6,11 +6,11 @@ var jsxRuntime = require('react/jsx-runtime');
6
6
  var 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 check = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/check.cjs');
12
11
  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
12
  var context = require('../system/react-utils/context.cjs');
13
+ var popover = require('../popover/popover.cjs');
14
14
 
15
15
  const [MenuVariantContext, useMenuVariantContext] = context.createContext({
16
16
  name: "MenuVariantContext",
@@ -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');
8
9
  var utils = require('../system/utils.cjs');
9
10
  var minus = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/minus.cjs');
10
11
  var plus = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/plus.cjs');
11
12
  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) {
@@ -6,11 +6,11 @@ var jsxRuntime = require('react/jsx-runtime');
6
6
  var 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 selectVariantContext = require('./select-variant-context.cjs');
12
11
  var field = require('../field/field.cjs');
13
12
  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');
13
+ var popover = require('../popover/popover.cjs');
14
14
  var button = require('../button/button.cjs');
15
15
 
16
16
  const calculateEstimatedRowHeight = (size) => {
@@ -6,7 +6,7 @@ var jsxRuntime = require('react/jsx-runtime');
6
6
  var 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');
9
+ var input = require('../input/input.cjs');
10
10
  var tagFieldItem = require('./tag-field-item.cjs');
11
11
  var tagFieldList = require('./tag-field-list.cjs');
12
12
  var tagFieldRoot = require('./tag-field-root.cjs');
@@ -14,7 +14,7 @@ var tagFieldTagList = require('./tag-field-tag-list.cjs');
14
14
  var tagFieldTrigger = require('./tag-field-trigger.cjs');
15
15
  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
16
  var field = require('../field/field.cjs');
17
- var input = require('../input/input.cjs');
17
+ var popover = require('../popover/popover.cjs');
18
18
 
19
19
  function TagField({
20
20
  classNames,
@@ -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);
@@ -18,6 +18,7 @@ function Toaster(originalProps) {
18
18
  className: styles.base({
19
19
  className: props.className ?? props.classNames?.base
20
20
  }),
21
+ position: "top-center",
21
22
  icons: {
22
23
  loading: /* @__PURE__ */ jsxRuntime.jsx(spinner.Spinner, { size: "xs" }),
23
24
  close: /* @__PURE__ */ jsxRuntime.jsx(x.default, {})
@@ -5,9 +5,9 @@ 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';
9
8
  import { useRipple } from '../ripple/use-ripple.js';
10
9
  import { Spinner } from '../spinner/spinner.js';
10
+ import { Ripple } from '../ripple/ripple.js';
11
11
 
12
12
  const Button = forwardRef(
13
13
  ({
@@ -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 = () => {
@@ -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) {
@@ -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 [
@@ -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 [
@@ -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,29 +1,52 @@
1
1
  "use strict";
2
+ export { Toggle } from './toggle/toggle.js';
3
+ export { Input } from './input/input.js';
4
+ export { TextField } from './text-field/text-field.js';
5
+ export { TextArea } from './text-area/text-area.js';
6
+ export { TextAreaField } from './text-area-field/text-area-field.js';
7
+ export { Toaster } from './toast/toast.js';
2
8
  export { useControllableState } from './hooks/use-controllable-state.js';
3
9
  export { useDraggable } from './hooks/use-draggable.js';
10
+ export { Button } from './button/button.js';
11
+ export { GovtBanner } from './govt-banner/govt-banner.js';
4
12
  export { Ripple } from './ripple/ripple.js';
5
13
  export { useRipple } from './ripple/use-ripple.js';
6
14
  export { Spinner } from './spinner/spinner.js';
7
15
  export { useSpinner } from './spinner/use-spinner.js';
8
- export { Toggle } from './toggle/toggle.js';
9
16
  export { SkipNavLink } from './skip-nav-link/skip-nav-link.js';
10
- export { TextField } from './text-field/text-field.js';
11
- export { TextArea } from './text-area/text-area.js';
12
- export { TextAreaField } from './text-area-field/text-area-field.js';
17
+ export { Description, FieldError, FieldErrorIcon, FieldGroup, Label } from './field/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';
13
23
  export { TagField } from './tag-field/tag-field.js';
14
24
  export { TagFieldItem } from './tag-field/tag-field-item.js';
15
25
  export { Select } from './select/select.js';
16
26
  export { SelectItem } from './select/select-item.js';
17
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';
18
33
  export { RangeCalendar, RangeCalendarCell, RangeCalendarStateWrapper } from './range-calendar/range-calendar.js';
19
34
  export { Menu, MenuItem, MenuSection, MenuSeparator, MenuTrigger, MenuVariantContext, SubmenuTrigger, useMenuVariantContext } from './menu/menu.js';
20
35
  export { Popover } from './popover/popover.js';
21
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';
22
43
  export { Pagination } from './pagination/pagination.js';
23
44
  export { PaginationCursor } from './pagination/pagination-cursor.js';
24
45
  export { PaginationItem } from './pagination/pagination-item.js';
25
- export { PaginationItemType } from './pagination/hooks/use-pagination.js';
26
46
  export { CURSOR_TRANSITION_TIMEOUT, usePagination } from './pagination/use-pagination.js';
47
+ export { FileDropzone } from './file-dropzone/file-dropzone.js';
48
+ export { FileInfo } from './file-dropzone/file-info.js';
49
+ export { formatBytes, formatErrorMessage } from './file-dropzone/utils.js';
27
50
  export { NumberField } from './number-field/number-field.js';
28
51
  export { Modal } from './modal/modal.js';
29
52
  export { ModalContent } from './modal/modal-content.js';
@@ -31,27 +54,4 @@ export { ModalFooter } from './modal/modal-footer.js';
31
54
  export { ModalBody } from './modal/modal-body.js';
32
55
  export { ModalHeader } from './modal/modal-header.js';
33
56
  export { ModalVariantContext, useModalVariantContext } from './modal/modal-variant-context.js';
34
- export { Toaster } from './toast/toast.js';
35
- export { Button } from './button/button.js';
36
- export { GovtBanner } from './govt-banner/govt-banner.js';
37
- export { Input } from './input/input.js';
38
- export { Description, FieldError, FieldErrorIcon, FieldGroup, Label } from './field/field.js';
39
- export { ComboBox, ComboBoxEmptyState } from './combo-box/combo-box.js';
40
- export { ComboBoxFuzzy } from './combo-box/combo-box-fuzzy.js';
41
- export { ComboBoxItem } from './combo-box/combo-box-item.js';
42
- export { ComboBoxVariantContext, useComboBoxVariantContext } from './combo-box/combo-box-variant-context.js';
43
- export { Banner } from './banner/banner.js';
44
- export { Badge } from './badge/badge.js';
45
- export { CalendarDate } from '@internationalized/date';
46
- export { Calendar, CalendarStateWrapper } from './calendar/calendar.js';
47
- export { CalendarStyleContext, useCalendarStyleContext } from './calendar/calendar-style-context.js';
48
- export { getEraFormat, useGenerateLocalizedMonths, useGenerateLocalizedYears, useLocalizedMonthYear } from './calendar/utils.js';
49
- export { DateField, DateInput } from './date-field/date-field.js';
50
- export { DatePicker } from './date-picker/date-picker.js';
51
- export { DateRangePicker } from './date-range-picker/date-range-picker.js';
52
- export { Checkbox, CheckboxGroup } from './checkbox/checkbox.js';
53
- export { CheckboxGroupStyleContext, useCheckboxGroupStyleContext } from './checkbox/checkbox-group-style-context.js';
54
- export { FileDropzone } from './file-dropzone/file-dropzone.js';
55
- export { FileInfo } from './file-dropzone/file-info.js';
56
- export { formatBytes, formatErrorMessage } from './file-dropzone/utils.js';
57
57
  export { toast } from 'sonner';
@@ -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 Check from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/check.js';
10
9
  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
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",
@@ -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';
6
7
  import { mapPropsVariants } from '../system/utils.js';
7
8
  import Minus from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/minus.js';
8
9
  import Plus from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/plus.js';
9
10
  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) {
@@ -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 { Popover } from '../popover/popover.js';
8
7
  import { mapPropsVariants } from '../system/utils.js';
9
8
  import { SelectVariantContext } from './select-variant-context.js';
10
9
  import { Label, Description, FieldError } from '../field/field.js';
11
10
  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';
11
+ import { Popover } from '../popover/popover.js';
12
12
  import { Button } from '../button/button.js';
13
13
 
14
14
  const calculateEstimatedRowHeight = (size) => {
@@ -4,7 +4,7 @@ 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 { Popover } from '../popover/popover.js';
7
+ import { Input } from '../input/input.js';
8
8
  import { TagFieldItem } from './tag-field-item.js';
9
9
  import { TagFieldList } from './tag-field-list.js';
10
10
  import { TagFieldRoot } from './tag-field-root.js';
@@ -12,7 +12,7 @@ import { TagFieldTagList } from './tag-field-tag-list.js';
12
12
  import { TagFieldTrigger } from './tag-field-trigger.js';
13
13
  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
14
  import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
15
- import { Input } from '../input/input.js';
15
+ import { Popover } from '../popover/popover.js';
16
16
 
17
17
  function TagField({
18
18
  classNames,
@@ -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);
@@ -17,6 +17,7 @@ function Toaster(originalProps) {
17
17
  className: styles.base({
18
18
  className: props.className ?? props.classNames?.base
19
19
  }),
20
+ position: "top-center",
20
21
  icons: {
21
22
  loading: /* @__PURE__ */ jsx(Spinner, { size: "xs" }),
22
23
  close: /* @__PURE__ */ jsx(X, {})
@@ -1,2 +1,3 @@
1
- export * from "./toast";
1
+ export { Toaster, toast } from "./toast";
2
+ export type { ToasterProps } from "./toast";
2
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/toast/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/toast/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AACxC,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/toast/toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAI9D,OAAO,KAAK,EACV,cAAc,EACd,UAAU,EACV,YAAY,EACb,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAKlD,MAAM,WAAW,YACf,SAAQ,gBAAgB,EACtB,YAAY,CAAC,OAAO,WAAW,CAAC;IAClC,UAAU,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAA;CACxC;AAED,wBAAgB,OAAO,CAAC,aAAa,EAAE,YAAY,2CA0ElD;AAED,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA"}
1
+ {"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/toast/toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAI9D,OAAO,KAAK,EACV,cAAc,EACd,UAAU,EACV,YAAY,EACb,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAKlD,MAAM,WAAW,YACf,SAAQ,gBAAgB,EACtB,YAAY,CAAC,OAAO,WAAW,CAAC;IAClC,UAAU,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAA;CACxC;AAED,wBAAgB,OAAO,CAAC,aAAa,EAAE,YAAY,2CA2ElD;AAED,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opengovsg/oui",
3
- "version": "0.0.27",
3
+ "version": "0.0.28",
4
4
  "sideEffects": false,
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "type": "module",
@@ -50,10 +50,10 @@
50
50
  "storybook": "10.1.2",
51
51
  "tsx": "^4.21.0",
52
52
  "typescript": "5.7.3",
53
- "@opengovsg/oui-theme": "0.0.27",
53
+ "@opengovsg/oui-theme": "0.0.28",
54
54
  "@oui/chromatic": "0.0.0",
55
- "@oui/eslint-config": "0.0.0",
56
55
  "@oui/prettier-config": "0.0.0",
56
+ "@oui/eslint-config": "0.0.0",
57
57
  "@oui/typescript-config": "0.0.0"
58
58
  },
59
59
  "dependencies": {
@@ -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.27"
91
+ "@opengovsg/oui-theme": "0.0.28"
92
92
  },
93
93
  "scripts": {
94
94
  "build": "tsx ../../tooling/build-scripts/main.ts --dts --clean",